40. 2 Star Trek Geektastic Layouts

[sireesanwar.livejournal.com]

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Custom Page Summary
Layout Width: 800px
Requested By:


Click to see larger image - Live Preview

/*------------------------------------------------------------------ S2 Flexible Squares Layout by sireesanwar @ http://community.livejournal.com/layout_lounge/ PLEASE DO NOT REMOVE THIS SECTION inspired by a layout by milou veronica --------------------------------------------------------------------*/ body{ background-color: #000000; background-image: url(BACKGROUND IMAGE URL); background-repeat: repeat; color: #f9e7b5; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; margin: 10px 0 20px 0; } a, a:link, a:visited { color: #96abac; text-decoration: none; } a:hover { color: #414144; text-decoration: none; } blockquote { width: 400px; padding: 15px; border: 0px solid #e6d6b7; color: #f9e7b5; font-size: 12px; line-height: 100%; font-family: "Verdana", arial, verdana, sans-serif; background: #333333; text-align: left; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } b, strong { color: #246ca6; } i, em { color: #ffffff; } s, u { color: #9363c6; } p, td{ } code, kbd, pre, tt { font-family: "Verdana", Arial; } ul.ljtaglist { text-align: left; padding-left: 5px; } /*----------------------- SECTION: In General -------------------------*/ #content { width: 800px; margin-left: auto; margin-right: auto; text-align: left; padding: 0px; background-color: transparent !important; border-color: #888888; border-style: solid; border-width: 0px; } #maincontent { width: 565px; float: right; margin: 0px 0px 0px 0px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; color: #888888; text-align: center; } .subcontent { background-color: #000000; width: 563px; border: 0px solid #cccccc; margin-right: 0px; } /*----------------------- SECTION: Header -----------------------*/ #header { position: relative; line-height: 25px; text-align: right; color: #000000; font-family: "Swiss911 XCm BT", Arial; font-size: 20px; width: 100%; padding: 0px 0px 10px 0px; margin-bottom: 0px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 0px solid #cccccc; background-color: #000000; background-image: url(HEADER LINK IMAGE); background-repeat: no-repeat; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer div#header a, div#header a:link, div#header a:visited, div#header a:active { padding: 13px 5px 14px 5px; font-family: "Swiss911 XCm BT", Arial; font-size: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #DC9D30; text-align: left; background-color: #000000; } div#header a:hover { padding: 13px 5px 14px 5px; color: #246ca6; background-color: #000000; border-bottom: 0px solid; play-during: url("http://layout-lounge.weebly.com/files/theme/214.wav"); } ul.navheader { padding: 10px; background-color: transparent !important; margin: 0px; } ul.navheader li { display: inline; padding: 10px; background-color: transparent !important; margin: 0 2px; } .title, .subtitle { display: none; } /*----------------------- SECTION: Footer -----------------------*/ #footer { width: 100%; margin: 0px; text-align: center; font-family: "Swiss911 XCm BT", Arial; text-transform: uppercase; font-size: 15px; color: #ffffff; z-index: 100; } div#footer a { padding: 5px; font-family: "Swiss911 XCm BT", Arial; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #000000; text-align: center; background-color: #c9dcea; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } div#footer a:hover { padding: 5px; color: #ffffff; border-bottom: 0px solid; background-color: #79b0cf; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { height: 0px; clear: both; } /*----------------------- SECTION: Sidebar -------------------------*/ #sidebar { padding: 0px 0 10px 0; background-color: #000000; margin-left: 0px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; color: #f9e7b5; width: 215px; float: left; text-align: right; text-transform: normal; border: 0px solid #cccccc; } #sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited{ padding: 0px; text-align: right; } #sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: right; } #sidebar_tags .sbarcontent { height: 250px; overflow:auto; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #96abac; display: block; padding: 1px 1px 1px 0px; text-decoration: none; } div#sidebar a:hover { padding: 1px 1px 1px 0px; color: #DC9D30; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: -50px 5px 0px 5px; } .sbarbody2 { padding: 0 5px 0 5px; } table.calendar { margin-right: auto; margin-left: auto; text-align: right; } .sbarcalendar { padding: 1px; border: 0px solid #cccccc; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 9px; } .sbarcalendarposts { padding: 1px; border: 0px solid #cccccc; background-color: #000000; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 9px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; text-align: right; } li.sbaritem { padding-right: 5px; border-bottom: 0px solid #cccccc; list-style: none; } li.sbaritem a { padding: 3px 3px 3px 3px; margin: 0px 2px 5px 0px; list-style: none; text-transform: lowercase; border-right: 5px #000000 solid; } li.sbaritem a:hover { border-right: solid 5px #f9e7b5; background-color: #000000; } li.sbartitle { padding: 3px 5px 3px 5px; margin: 10px 0 10px 0; list-style: none; text-align: center; color: #000000; border-bottom: 0px solid #cccccc; text-transform: uppercase; font-weight: none; font-family: "Swiss911 XCm BT", Arial; font-size: 25px; background-color: #2c9486; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } ul.tagList {width: 100%;} .tagBox { height: 250px; overflow-x: hidden; overflow-y: scroll; scrollbar-arrow-color: #96abac; scrollbar-base-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #96abac; scrollbar-darkshadow-color: #cccccc; scrollbar-shadow-color: #cccccc; } #sidebar_summary li.sbaritem { color: #ffffff; border: 0px solid #cccccc; background-color: #000000; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; padding: 3px; text-transform: normal; margin: 3px 0px; } #sidebar_summary li.sbaritem a { text-decoration: none; display: inline !important; color: #ffffff; border: 0px solid #96abac !important; background-color: transparent !important; } #sidebar_summary li.sbaritem a: hover{ text-decoration: none; color: #ffffff; border: 0px solid #333333; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; background-color: transparent !important; } /*----------------------- SECTION: Entries -------------------------*/ .entry { padding: 10px; margin: 0px; color: #f9e7b5; font-family: "Verdana", Arial; font-size: 12px; text-align: left; } hr { color: transparent; height: 1px; border-style : none; border-bottom: 2px solid #cccccc; } .entry ul li, ol li, li { padding-left: 5px; margin-left: 5px; list-style: normal; list-style-position: outside; } .userpic { background-color: #accde0 !important; position: relative; float: right; padding: 5px; margin: 10px; z-index: 15; color: #000000 !important; border: 0px #e6d6b7 solid; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .userpicfriends { background-color: #accde0 !important; position: relative; float: right; padding: 5px; margin: 10px; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; z-index: 15; border: 0px #e6d6b7 solid; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .userpicfriends a font { color: #ffffff; } .date { margin: 5px 0 0 5px; text-align: right; color: #555555; top: 5px; font-family: "Swiss911 UCm BT", arial, verdana, sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .subject { background-color: #7d79b7; font-weight: none; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; margin-right: 130px; color: #000000; font-family: "Swiss911 XCm BT", Arial; font-size: 25px; text-transform: uppercase; text-decoration: normal; border-bottom: 0px solid #cccccc; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } .subject a, .subject a:link, .subject a:visited { color: #ffffff; } .subject a:hover { color: #000000; } .datesubject { background-color: transparent; padding: 0px; text-align: left; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-top: 0px solid #cccccc; } span.ljuser a b { padding: 2px 0 2px 0; color: #96abac; font-weight: bold; } span.ljuser a:hover b { padding-top: 2px; padding-bottom: 2px; color: #eeeeee; font-weight: bold; } /*----------------------- SECTION: Currents, tags, comment links -------------------------*/ .ljtags { margin-top: 5px; color: #cccccc; font-weight: lighter; text-transform: lowercase; font-size: 10px; margin: 15px 0px 0px 0px; padding: 5px 0px 5px 3px; background: url() no-repeat center left; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { font-family: "Verdana", arial; font-size: 10px; color: #cccccc; font-weight: lighter; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { font-family: "Verdana", arial; font-size: 10px; color: #f9e7b5; font-weight: lighter; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-family: "Verdana", arial; font-size: 10px; color: #246ca6; text-transform: lowercase; font-weight: lighter; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { font-family: "Verdana", arial; font-size: 10px; color: #246ca6; text-transform: lowercase; font-weight: lighter; } .currentlocation a:hover, .ljtags a:hover { font-family: "Verdana", arial; font-size: 10px; color: #414144; font-weight: lighter; text-transform: lowercase; } .comments { font-family: "Verdana", arial; font-size: 10px; font-weight: normal; text-align: right; padding: 5px 5px 5px 5px; position: relative; clear: center; margin-top: 5px; margin-left: 200px; text-transform: lowercase; border-bottom: 0px #e6d6b7 solid; background-color: #c9dcea; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #414144; } div.comments a:hover { color: #246ca6; text-decoration: none; } /*----------------------- SECTION: Comments Page -------------------------*/ .box { padding: 5px; margin-top: 0px; text-align: left; clear:right; background-color: #000000; width: 557px; } form div.box { text-align:center; background-color: #000000; width: 557px; } .skiplinks { text-align: right; margin-bottom: 3px; font-family: "Verdana", arial; padding: 10px; font-size: 9px; letter-spacing: 1px; color: #dddddd; background-color: #000000; border: 0px solid #cccccc; } .datesubjectcomment { margin-top: 20px; text-align: right; padding: 5px; background-color: #333333; color: #f9e7b5; } .userpiccomment { background-color: #accde0 !important; position: relative; top: -30px; left: 0px; padding: 5px; margin: 20px 10px -20px 10px; z-index: 15; float: right; border: 0px #e6d6b7 solid; color: #f9e7b5; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } div#content input, div#content textarea, div#content select { padding: 10px; margin: 10px; color: #96abac; border: 0px solid #cccccc; background-color:#333333; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; line-height: 125%; color: #f9e7b5; } .replytosubject { color: #f9e7b5; font-weight: bold; text-transform: normal; padding: 5px; background-color: #000000; } .replytoposter { background-color: #000000; color: #246ca6; text-transform: normal; padding: 5px; } .commentreply { text-align: left; position: relative; margin: 10px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; color: #f9e7b5; } .commentbox { padding: 5px; margin: 10px; text-align: left; background-color: #333333; border: 0px solid #cccccc; -moz-border-radius: 35px; border-radius: 35px; -webkit-border-radius: 35px; -khtml-border-radius: 35px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #96abac; } .datesubjectcomment a:hover { color: #414144; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #000000; } .commentinfo { margin-top: 10px; width: 100%; } /*----------------------- SECTION: Year/Archive Page -------------------------*/ ul.year { text-align: center; padding: 20px 0 20px 0; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #cccccc; } table.yeartable td.yearday { text-align: center; color: #cccccc; } td.yearmonth { color: #cccccc; border-style: none; } /*----------------------- SECTION: Tags Page -------------------------*/ ul.ljtaglist { color: #cccccc; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; padding-left: 12px; padding: 8px; } ul.ljtaglist li { list-style: none; } /*----------------------- SECTION: Tiny Icons -------------------------*/ .currentlocation { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } .currentmood { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } .currentmusic { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } /*----------------------- SECTION: Mics -------------------------*/ .clear { height: 0px; font-size: 0.01px; } #lj_controlstrip td { font-family: "Verdana", arial !important; font-size: 12px; background-color: #226086 !important; border: 0px solid #eeeeee; } #lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, { font-family: "Verdana", arial !important; font-size: 12px; color: #e6d6b7 !important; text-transform: lowercase; } .headerimage { position: relative; border-color: #888888; border-style: solid; border-width: 0px; width: 800px; height: 241px; padding-left: 0px; padding-right: 0x; padding-bottom: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; margin-top: 1px; background-color: #000000; background-image: url(HEADER IMAGE URL); background-position: center; background-repeat: no-repeat; } .separator { height: 20px; }

Header 800 x 241


Header Link Background




Click to see larger image - Live Preview

/*------------------------------------------------------------------ S2 Flexible Squares Layout by sireesanwar @ http://community.livejournal.com/layout_lounge/ PLEASE DO NOT REMOVE THIS SECTION inspired by a layout by milou veronica --------------------------------------------------------------------*/ body{ background-color: #000000; background-image: url(BACKGROUND IMAGE URL); background-repeat: repeat; color: #f9e7b5; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; margin: 10px 0 20px 0; } a, a:link, a:visited { color: #96abac; text-decoration: none; } a:hover { color: #414144; text-decoration: none; } blockquote { width: 400px; padding: 10px; border: 0px solid #e6d6b7; color: #f9e7b5; font-size: 12px; line-height: 100%; font-family: "Verdana", arial, verdana, sans-serif; background: #333333; text-align: left; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } b, strong { color: #246ca6; } i, em { color: #ffffff; } s, u { color: #9363c6; } p, td{ } code, kbd, pre, tt { font-family: "Verdana", Arial; } ul.ljtaglist { text-align: left; padding-left: 5px; } /*----------------------- SECTION: In General -------------------------*/ #content { width: 800px; margin-left: auto; margin-right: auto; text-align: left; padding: 0px; background-color: transparent !important; border-color: #888888; border-style: solid; border-width: 0px; } #maincontent { width: 565px; float: right; margin: 0px 0px 0px 0px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; color: #888888; text-align: center; } .subcontent { background-color: #000000; width: 563px; border: 0px solid #cccccc; margin-right: 0px; } /*----------------------- SECTION: Header -----------------------*/ #header { position: relative; line-height: 25px; text-align: center; color: #000000; font-family: "Swiss911 XCm BT", Arial; font-size: 20px; width: 100%; padding: 0px 0px 10px 0px; margin: 5px 0 0 20px; letter-spacing: 1px; text-transform: uppercase; border-bottom: 0px solid #cccccc; background-color: #000000; background-image: url(HEADER LINK IMAGE); background-repeat: no-repeat; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer div#header a, div#header a:link, div#header a:visited, div#header a:active { padding: 13px 5px 14px 5px; font-family: "Swiss911 XCm BT", Arial; font-size: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #000000; text-align: left; } div#header a:hover { padding: 13px 5px 14px 5px; color: #ffffff; border-bottom: 0px solid; play-during: url("http://layout-lounge.weebly.com/files/theme/214.wav"); } ul.navheader { padding: 10px; background-color: transparent !important; margin: 0px; } ul.navheader li { display: inline; padding: 10px; background-color: transparent !important; margin: 0 2px; } .title, .subtitle { display: none; } /*----------------------- SECTION: Footer -----------------------*/ #footer { width: 100%; margin: 0px; text-align: center; font-family: "Swiss911 XCm BT", Arial; text-transform: uppercase; font-size: 15px; color: #ffffff; z-index: 100; } div#footer a { padding: 5px; font-family: "Swiss911 XCm BT", Arial; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #000000; text-align: center; background-color: #c9dcea; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } div#footer a:hover { padding: 5px; color: #ffffff; border-bottom: 0px solid; background-color: #79b0cf; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { height: 0px; clear: both; } /*----------------------- SECTION: Sidebar -------------------------*/ #sidebar { padding: 0px 0 10px 0; background-color: #000000; margin-left: 0px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; color: #f9e7b5; width: 215px; float: left; text-align: right; text-transform: normal; border: 0px solid #cccccc; } #sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited{ padding: 0px; text-align: right; } #sidebar .sbarcalendarposts a:hover { padding: 0px; text-align: right; } #sidebar_tags .sbarcontent { height: 250px; overflow:auto; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #96abac; display: block; padding: 1px 1px 1px 0px; text-decoration: none; } div#sidebar a:hover { padding: 1px 1px 1px 0px; color: #DC9D30; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: -50px 5px 0px 5px; } .sbarbody2 { padding: 0 5px 0 5px; } table.calendar { margin-right: auto; margin-left: auto; text-align: right; } .sbarcalendar { padding: 1px; border: 0px solid #cccccc; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 9px; } .sbarcalendarposts { padding: 1px; border: 0px solid #cccccc; background-color: #000000; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 9px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; text-align: right; } li.sbaritem { padding-right: 5px; border-bottom: 0px solid #cccccc; list-style: none; } li.sbaritem a { padding: 3px 3px 3px 3px; margin: 0px 2px 5px 0px; list-style: none; text-transform: lowercase; border-right: 5px #000000 solid; } li.sbaritem a:hover { border-right: solid 5px #f9e7b5; background-color: #000000; } li.sbartitle { padding: 3px 5px 3px 5px; margin: 10px 0 10px 0; list-style: none; text-align: center; color: #000000; border-bottom: 0px solid #cccccc; text-transform: uppercase; font-weight: none; font-family: "Swiss911 XCm BT", Arial; font-size: 25px; background-color: #2c9486; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } ul.tagList {width: 100%;} .tagBox { height: 250px; overflow-x: hidden; overflow-y: scroll; scrollbar-arrow-color: #96abac; scrollbar-base-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #96abac; scrollbar-darkshadow-color: #cccccc; scrollbar-shadow-color: #cccccc; } #sidebar_summary li.sbaritem { color: #ffffff; border: 0px solid #cccccc; background-color: #000000; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; padding: 3px; text-transform: normal; margin: 3px 0px; } #sidebar_summary li.sbaritem a { text-decoration: none; display: inline !important; color: #ffffff; border: 0px solid #96abac !important; background-color: transparent !important; } #sidebar_summary li.sbaritem a: hover{ text-decoration: none; color: #ffffff; border: 0px solid #333333; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; background-color: transparent !important; } /*----------------------- SECTION: Entries -------------------------*/ .entry { padding: 10px; margin: 0px; color: #f9e7b5; font-family: "Verdana", Arial; font-size: 12px; text-align: left; } hr { color: transparent; height: 1px; border-style : none; border-bottom: 2px solid #cccccc; } .entry ul li, ol li, li { padding-left: 5px; margin-left: 5px; list-style: normal; list-style-position: outside; } .userpic { background-color: #accde0 !important; position: relative; float: right; padding: 5px; margin: 10px; z-index: 15; color: #000000 !important; border: 0px #e6d6b7 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } .userpicfriends { background-color: #accde0 !important; position: relative; float: right; padding: 5px; margin: 10px; text-align: right; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; z-index: 15; border: 0px #e6d6b7 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } .userpicfriends a font { color: #ffffff; } .date { margin: 5px 0 0 5px; text-align: right; color: #555555; top: 5px; font-family: "Swiss911 UCm BT", arial, verdana, sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .subject { background-color: #7d79b7; font-weight: none; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; margin-right: 130px; color: #000000; font-family: "Swiss911 XCm BT", Arial; font-size: 25px; text-transform: uppercase; text-decoration: normal; border-bottom: 0px solid #cccccc; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } .subject a, .subject a:link, .subject a:visited { color: #ffffff; } .subject a:hover { color: #000000; } .datesubject { background-color: transparent; padding: 0px; text-align: left; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-top: 0px solid #cccccc; } span.ljuser a b { padding: 2px 0 2px 0; color: #96abac; font-weight: bold; } span.ljuser a:hover b { padding-top: 2px; padding-bottom: 2px; color: #eeeeee; font-weight: bold; } /*----------------------- SECTION: Currents, tags, comment links -------------------------*/ .ljtags { margin-top: 5px; color: #cccccc; font-weight: lighter; text-transform: lowercase; font-size: 10px; margin: 15px 0px 0px 0px; padding: 5px 0px 5px 3px; background: url() no-repeat center left; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { font-family: "Verdana", arial; font-size: 10px; color: #cccccc; font-weight: lighter; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { font-family: "Verdana", arial; font-size: 10px; color: #f9e7b5; font-weight: lighter; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-family: "Verdana", arial; font-size: 10px; color: #246ca6; text-transform: lowercase; font-weight: lighter; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { font-family: "Verdana", arial; font-size: 10px; color: #246ca6; text-transform: lowercase; font-weight: lighter; } .currentlocation a:hover, .ljtags a:hover { font-family: "Verdana", arial; font-size: 10px; color: #414144; font-weight: lighter; text-transform: lowercase; } .comments { font-family: "Verdana", arial; font-size: 10px; font-weight: normal; text-align: right; padding: 5px 5px 5px 5px; position: relative; clear: center; margin-top: 5px; margin-left: 200px; text-transform: lowercase; border-bottom: 0px #e6d6b7 solid; background-color: #c9dcea; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #414144; } div.comments a:hover { color: #246ca6; text-decoration: none; } /*----------------------- SECTION: Comments Page -------------------------*/ .box { padding: 5px; margin-top: 0px; text-align: left; clear:right; background-color: #000000; width: 557px; } form div.box { text-align:center; background-color: #000000; width: 557px; } .skiplinks { text-align: right; margin-bottom: 3px; font-family: "Verdana", arial; padding: 10px; font-size: 9px; letter-spacing: 1px; color: #dddddd; background-color: #000000; border: 0px solid #cccccc; } .datesubjectcomment { margin-top: 20px; text-align: right; padding: 5px; background-color: #333333; color: #f9e7b5; } .userpiccomment { background-color: #accde0 !important; position: relative; top: -30px; left: 0px; padding: 5px; margin: 20px 10px -20px 10px; z-index: 15; float: right; border: 0px #e6d6b7 solid; color: #f9e7b5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; } div#content input, div#content textarea, div#content select { padding: 10px; margin: 10px; color: #96abac; border: 0px solid #cccccc; background-color:#333333; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; line-height: 125%; color: #f9e7b5; } .replytosubject { color: #f9e7b5; font-weight: bold; text-transform: normal; padding: 5px; background-color: #000000; } .replytoposter { background-color: #000000; color: #246ca6; text-transform: normal; padding: 5px; } .commentreply { text-align: left; position: relative; margin: 10px; font-family: "Verdana", arial, verdana, sans-serif; font-size: 10px; color: #f9e7b5; } .commentbox { padding: 5px; margin: 10px; text-align: left; background-color: #333333; border: 0px solid #cccccc; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #96abac; } .datesubjectcomment a:hover { color: #414144; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #000000; } .commentinfo { margin-top: 10px; width: 100%; } /*----------------------- SECTION: Year/Archive Page -------------------------*/ ul.year { text-align: center; padding: 20px 0 20px 0; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #cccccc; } table.yeartable td.yearday { text-align: center; color: #cccccc; } td.yearmonth { color: #cccccc; border-style: none; } /*----------------------- SECTION: Tags Page -------------------------*/ ul.ljtaglist { color: #cccccc; font-family: "Verdana", arial, verdana, sans-serif; font-size: 12px; padding-left: 12px; padding: 8px; } ul.ljtaglist li { list-style: none; } /*----------------------- SECTION: Tiny Icons -------------------------*/ .currentlocation { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } .currentmood { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } .currentmusic { background: url() no-repeat left center; padding: 2px 0px 5px 3px; } /*----------------------- SECTION: Mics -------------------------*/ .clear { height: 0px; font-size: 0.01px; } #lj_controlstrip td { font-family: "Verdana", arial !important; font-size: 12px; background-color: #226086 !important; border: 0px solid #eeeeee; } #lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, { font-family: "Verdana", arial !important; font-size: 12px; color: #e6d6b7 !important; text-transform: lowercase; } .headerimage { position: relative; border-color: #888888; border-style: solid; border-width: 0px; width: 800px; height: 184px; padding-left: 0px; padding-right: 0x; padding-bottom: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; margin-top: 1px; background-color: #000000; background-image: url(HEADER IMAGE URL); background-position: center; background-repeat: no-repeat; } .separator { height: 20px; }

Header 800 x 184


Header Link Background



Fonts Used:
Swiss911 XCm BT
Swiss911 UCm BT

See the Font Tutorial if you need help adding these fonts to your computer system.

Check out Using Layouts on the sidebar for any extra assistance.
Please direct people to layout_lounge or graffitigraphic.

Comments

[catcey.livejournal.com]

Very cool.

[sireesanwar.livejournal.com]

Thanks. I went very star trek geek with this one. I only wish I could have gotten the sounds the computer makes when you roll over links but it isn't possible.

[catcey.livejournal.com]

Oh that would be really cool for sure.

[shinjifukushima.livejournal.com]

I love your layouts. I've been looking through them but can't seem to find what I want. I actually can't find what I want anywhere. Do you take requests?

[sireesanwar.livejournal.com]

Yes I do. It is actually called the Help Desk (maybe it shouldn't be). What is it you want? Do you have a header you want me to build a layout around?

[shinjifukushima.livejournal.com]

Not a particular header, no. But if you need one I could always have it made from someone else. I'm wanting something Nightmare Before Christmas themed. I've looked at so many different communities for a layout that I would like and none of them fit everything I want.

I want the user pics to still be shown along with the emotion mood things. I also want it to revolve around Jack not Jack AND Sally. I like dark colors and a morbid theme.

If this sounds like something you might be interested in doing, just let me know. I would be thrilled! I will find someone to make me a header if you like as well, just let me know.

Thanks!

[sireesanwar.livejournal.com]

I can look around first. If I can't come up with a header then I will let you know. Sometimes the muse works and sometimes she's a little lazy.

Cool. Just Jack... I'll get looking. It might be a bit but I will get back to you.

[shinjifukushima.livejournal.com]

THANK YOU SO MUCH!

Yeah just let me know if you can't find it and I'll look for something. I really appreciate you willing to look into it for me.

:D:D

*gives a basket full of cookies*

[shinjifukushima.livejournal.com]

Oh! And I don't know if it makes a different but I have a paid account so ads are no problem :D

[sireesanwar.livejournal.com]

Good to know.

[sireesanwar.livejournal.com]

I'm currently going through images. Thanks for the cookies they come in hand while I'm working. *lol*

[shinjifukushima.livejournal.com]

Sounds great. Glad I could be of at least some service! *grins*

[sireesanwar.livejournal.com]

Okay... I've made something. I also made several headers, a friends banner and 1 icon...

You can see the layout live here workshop_rees

Artwork:

(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc004.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc005.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc006.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc007.gif)
(http://s77.photobucket.com/albums/j49/SireesAnwar/FriendsBanners/?action=view&current=sireesanwar-tnbc003.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/FriendsBanners/?action=view&current=sireesanwar-tnbc002.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/LJ-IconsByMe/Disney/?action=view&current=sireesanwar-tnbc001.jpg)

Please be brutally honest because I want you to like it. I can change just about anything.

[shinjifukushima.livejournal.com]

I ABSOLUTELY LOVE IT!

I also think I prefer the header banner that you have in the preview. I love the little flickering light.

I don't have my journal friends only but I will definitely use the banners you made if I do ever go that way. The icon is perfect as well.

The only thing I wonder if you could change, I got he idea from the friends banner with "scare to be added"...

Where people comment on the entries, could the wording be changed from "leave a comment" to "let out a scream" and "# comments" to "# screams"

The text at the top as well for the example Layout Lounge, Recent Entries etc (I know thats mainly because its your journal) but could I have those changed as well to match the theme? I'm not sure what they should be though.

I also don't know if these things are things I have to change myself because they may be. I know that when I applied the theme I have now I had to go in and change some of those, so it may just be I have to change them once it is applied.

I don't think I need the page summary, if that could be removed. I do want a little blurb or blob on the side so I can welcome people to the journal.

I can't see if the mood theme works since you don't have any on the entries, but I wanted to make sure they were there as well.

I hope I don't sound bad by asking all this!

Thank you so much though, I really do love it.

...Is is possible that I can save all the headers and switch them in and out on the layout?

[shinjifukushima.livejournal.com]

Also, would it be possible to incorporate the background into the rest of it a bit more?

I mean like instead of the line under links you could have a strip that is like the background. I remember seeing a similar request when I was looking through your layouts and comments but I can't remember which one to show you exactly what I mean.

[sireesanwar.livejournal.com]

Hmmm.... you mean like a regular link that ends up underlined? Most underlining should be turned off. It might be that your browser is showing the underline. I can add the background in other places though I'm not sure I can make it be an underline.

Be as specific as you can because it is hard to convey what we are thinking... point out specific places on the layout you would want to see this....

I don't remember anyone asking for something like that in the past.

[shinjifukushima.livejournal.com]

Hmm, perhaps I read things wrong. It could also be that I've looked on so many different communities that I am confusing them now.

AHA! I found the layout that made me think of it. Here (http://i407.photobucket.com/albums/pp157/scholarslayouts/wedding/preview.jpg)

I want something similar but not exactly the same. I don't want it on the comments. I took a screen shot to show you what I mean. You can see it here (http://i725.photobucket.com/albums/ww256/bouncytime20/NBC.jpg).

You were right. It wasn't the line underneath it was the entire word. So hopefully that explains it a bit better. :D

Also, like in the preview, is it possible to put the default icon on the sidebar or is that another one of those customizations I can do?

Thank you for the link for figuring all that stuff out! You've been a real help and you explain things very well.

Once I have the layout up and running I'm going to do a post that shows the friends only banners because even though I won't be using them right away I want others to be able to see them. From that post I will be letting everyone know, as well as my profile, who made them and the layout and leaving links to your graphics comm and here so they might be able to request from you as well. :)

Which reminds me, do you have a specific way you want to be credited in the profile?

[sireesanwar.livejournal.com]

Check out what I've got going on now.
http://community.livejournal.com/workshop_rees/

The default icon is the same as the page summary. It will be something you change and add in the sidebar customizations.

I send people to graffitigraphic for images and layoutlounge for the actual layouts.

[shinjifukushima.livejournal.com]

That's perfect!

I love it. I don't think there is anything else that needs to be changed about it.

[sireesanwar.livejournal.com]

Okay. I'll do the new layout post here very soon.

I'm so glad you like it.

FYI for the moodtheme I suggested... there is a quick upload moodtheme tutorial in this journal.

[shinjifukushima.livejournal.com]

Awesome. I do know a bit more about the mood themes. I had to put my Harry Potter one on and it took FOREVER soooo many emotions. There more emotions on that list then I think I actually feel in a year!

Thank you so much again. After I get everything settled I'll be doing the post that points people in the right direction to you. I'll also be directing them to your help/request desk so that you don't have something like this on your layout comments again lol.

Thank you again, I can't wait to see how it looks on my journal. And just to be sure, you want all images saved to my separate photobucket and then placed in the code stuff...right? I'm really crap at html and stuff lol.

*huggles*!

[sireesanwar.livejournal.com]

Well my walk through is a faster way of doing it. It only takes a couple of minutes once you have the layout in your PhotoBucket.

Thanks!

Yes, all images saved to your photobucket. You will see in the coding places that say (BACKGROUND IMAGE) or (SIDEBAR TITLE IMAGE) or (HEADER IMAGE). These are what you want to change but make sure to leave the ( ).

[sireesanwar.livejournal.com]

I'm so glad! I'm glad you like the header. I preferred that one too so I kind of made the layout match. The other headers don't look bad with it but I like the flickering light.

That is okay. I just wanted you to have the option of a friends only banner. When I make a layout with artwork I try for that. I saw that you liked the icon. I really thought it would look neat. Glad you like it.

Where people comment on the entries, could the wording be changed from "leave a comment" to "let out a scream" and "# comments" to "# screams" See Here (http://community.livejournal.com/layout_lounge/15658.html)

The text at the top as well for the example Layout Lounge, Recent Entries etc (I know thats mainly because its your journal) but could I have those changed as well to match the theme? I'm not sure what they should be though.

The link above will help you change all of these things. The Layout Lounge link is simply my profile link. Yours will be different when you implement this layout.

They are things you will change yourself. As for the page summary. If you don't have it working currently it will not be displayed. I'm simply showing you that if you use the Page Summary it has been customized.

The blurb is also something you will go into the Customization and add on your own.

As for the mood theme. I just didn't use it on this journal much but it will show up. I also found a moodtheme at another community for you...
http://community.livejournal.com/engravedicons/912.html

You don't sound bad. This is exactly why I created this comm.

Also, I plan on posting these images to graffitigraphic which is the graphic sister comm to this one. All graphics posted are for the enjoyment of others... and the main rule is to take as much as you like as long as you give credit.

In other words... go for it! *lol*

[shinjifukushima.livejournal.com]

Thank you for the theme! I will have to look into using that.

I also completely understand that you will put your work out there for others besides myself to use. I would expect it. :)

I wouldn't want to deprive others of such an amazing layout and graphics. Especially as hard as it is to find around LJ. :D

[sireesanwar.livejournal.com]

Thanks. I appreciated that. I will get your layout posted as soon as I make your adjustments.

[sireesanwar.livejournal.com]

I always check up on the layouts when people have uploaded everything... looks great.

Okay so I see the fancy font on your LJ subjects and Sidebar titles... do you? (You can see an example in the layout post here)

Also I love what you've called your header links and your sidebar titles.

Enjoy!

[shinjifukushima.livejournal.com]

WOW. Such an amazing different a little font makes! I hadn't downloaded it yet and I just did. It seems to complete the entire thing some how.

Really good job with that! :D

[shinjifukushima.livejournal.com]

And to let you know I have now posted the entry if you wanted to take a look. Thanks again!

[sireesanwar.livejournal.com]

Very cool. I'm flattered. I usually just ask that you maybe put a credits line in the profile or if you have a friends only post (which you don't) but that is great too! Thanks so much.

[sireesanwar.livejournal.com]

Others might not be able to see the font but it matters to you. I have the same font on my journal. I love using different fonts... they can really make things look so much better.

Thanks. Enjoy.

[radiant-revan.livejournal.com]

That is a really great layout!

[sireesanwar.livejournal.com]

Thanks. I'm glad you like it.

your assistance please.

[christydaae.livejournal.com]

first off, AMAZING LAYOUT! it's exactly what I have been looking for. unfortunately for some reason the header isn't showing and I've done suggested in the tutorials. is there something I'm doing wrong? how do both sets of code interact with each other? do they even go together?

any assistance you could give would be appreciated.

thank you for your time,
Christy

[lordoflorien.livejournal.com]

I realize this is a very old post, but I only just stumbled upon it and thought the layout(s) were fun. But I have absolutely no idea how to make it work without looking like a great big mess. Been poking at it for two hours now. And I'm unclear on what I'm supposed to be using as a "background image" given there's only two linked images -- Header, and Header Link.

Help, if anyone is still watching? Otherwise I'll keep looking for something else. Thanks.

[sireesanwar.livejournal.com]

The background image is just if you want one in there. Say you had a star scape which I think I do have over at http://layout-lounge.weebly.com/dark-backgrounds.html.

The backgrounds can remain black. Do you need help piecing together the layout? I can help with that if you like. I also have tutorials about how to implement layouts if that is needed.

[lordoflorien.livejournal.com]

Thank you for responding, and clearing that up for me! I appreciate it.

Yes, piecing the layout together isn't going as smoothly as I thought. I have experience with HTML, and granted I didn't keep poking at things very long, but some help would be appreciated. Here's the journal, so you can see what's going on: http://mr-laforge.livejournal.com

The top of the graphic gets sliced off, the two sandwich together so tightly that it cuts off part of the bottom, and the sidebar/entry headers are rectangular rather than circular. Which are the main problems I'm seeing.

It might be worth mentioning I run Chrome primarily, Firefox secondary. I'm not sure how the layout looks in both. But -- thank you in advance!

[sireesanwar.livejournal.com]

I can tell you the problem with the header is the height of the header image. It should be 241 rather than 184. As for the rectangular rather than circular. That is because of changes within the browsers. Let me see what I can do to alter that.

[lordoflorien.livejournal.com]

Hmm. I just double-checked the code, and the size of the header image isn't defined anywhere in pixels. It should auto-adjust, given the code you used. I didn't alter it in any way, just copy-pasted it straight from the text box above.

I could define the header image size in the code, but I think that might just add a new problem when it comes to rendering the image properties in different browsers. Still, might work? For science, and all.

[sireesanwar.livejournal.com]

Try re-copying the coding above and pasting it. You'll have to add in the header image and the navbar image again but it should be working now.

[lordoflorien.livejournal.com]

Yes! It's working perfectly in both browsers! :D

Thank you so much for the help; it looks gorgeous. Great work! ♥

[sireesanwar.livejournal.com]

I'm so glad! Enjoy!

[lordoflorien.livejournal.com]

(And I have to say: I've gained a lot of smiles from watching you answer my icons with the perfect icons from your own account! Clearly we are secretly the same person. XD)

[sireesanwar.livejournal.com]

Clearly. *lol* What are icons for! I love sharing icons I love especially when someone is clearly a fan of the same thing! *lol*

And sometime they just fit.

[philstar22.livejournal.com]

I am really late, but someone just linked me to this. Is there a way to make the center bar with the entries a little wider? It looks kind of narrow on my journal. Also in that section, where on the CSS do I change the font color? The colors are a bit to close together on my journal, so it is hard to read.

Thanks for this really awesome layout.

[sireesanwar.livejournal.com]

First I think the question above your Custom CSS should be all No so you can see it properly but I'm not entirely sure what you mean but the width. Are you asking me to widen the layout?

If you check out workshop_rees you should see how it is supposed to look.

[philstar22.livejournal.com]

Not the layout entirely. When I commented, the center panel where the entries go looked a bit narrow, but I think it is working right now. And I figured out the coloring.

Thanks.

[sireesanwar.livejournal.com]

No problem.