Sailing
Style: S2 Flexible Squares
Name: Sailing
Website: No
Default Icon: No
Best view: 800x600 and up
Browser(s) Compatible: IE/Firefox/Opera/Netscape
Credit: girlboheme
Work with Nav bar?: Yes
Work with Plus Acct?: Yes
Permanent Live Preview here:
Live Preview HERE // Image HERE
To Preview in Your Own Journal:
Copy & Paste: ?s2id=22061813 to the end of your livejournal address.
Image(s):
Header (right click save target)
Overrides
/*--------------------------------------------------- Credit for Layout: girlboheme at livejournal You are welcome to alter, with credit to me. thanks, Aimee Original CSS credited to cartonage at livejournal. -----------------------------------------------------*/ body { background-color: #e4e4e7; text-align: center; color: #666666; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #aaaaaa !important; text-decoration: none; } a:hover { color: #b1120e !important; text-decoration: underline; } blockquote { font-size: 11px; padding: 10px; background-color: #ececee; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ #content { width: 680px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 0px; position: relative; } #maincontent { margin-top: 0px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: transparent !important; color: #666666; text-align: left; } #sidebar { background-color: #f1f1f3 !important; /*border-bottom: 20px solid #e4e4e7;*/ border-top: 10px solid #dadade; text-align: justify; margin: auto auto; padding-bottom: 0px; padding: 5px 20px; } #lj_controlstrip { background-image: none; background-color: #e4e4e7; border-bottom: 3px solid #dddddf; padding: 3px; } #lj_controlstrip td, #lj_controlstrip_statustext { color: #666666; } #lj_controlstrip a { color: #b1120e; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ #header { background-color: #ffffff; width: 660px; padding: 0px 0px 5px 0px; margin: 0px; text-align: right; color: #ab0d0a; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; line-height: 100%; } .headerimage { background-color: #ffffff; position: relative; margin: 0 auto 0 auto; width: 640px; height: 360px; background-repeat: no-repeat; border-top: 20px solid white; border-right: 20px solid white; border-left: 20px solid white; background-image: url(http://i75.photobucket.com/albums/i304/girlboheme/header%20sets/girlyb_icons-sailing_h.jpg); } /*look and color of links (also partly for footer)*/ div#header { color: #007495; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #007495; } div#header a:hover, div#footer a:hover { color: #ab0d0a; text-decoration: none; } /*title and subtitle*/ .title { font-family: "georgia", sans-serif; font-size: 16px; font-weight: bold; font-style: italic; letter-spacing: -2px; line-height: 120%; top: 10px; display: none; } .subtitle { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; top: 10px; display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 10px 0 10px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent a, subcontent a:link, subcontent a:visited { color: #aaaaaa !important; text-decoration: none; } subcontent a:hover { color: #b1120e !important; text-decoration: underline; } .entry { margin: 0px 10px 10px 15px; padding: 10px; background-color: transparent !important; color: #666666; font-family: "Verdana", sans-serif; font-size: 11px; text-align: justify; } .userpic { position: relative; float: right; padding: 5px; margin: 15px; z-index: 15; background-color: transparent !important; } .date { line-height: 100%; top: 15px; color: #666666; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } .subject { font-weight: normal; line-height: 6px !important; padding: 10px; color: #d80e0c; font-weight: bold; letter-spacing: -2px; font-family: "georgia", sans-serif; font-size: 20px; } .subject a, .subject a:link, .subject a:visited { color: #666666; } .subject a:hover { color: #b0b9c8; } .datesubject { background-color: transparent !important; border-bottom: 3px solid #ececee; padding: 5px; padding-top: 20px; text-align: right; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents, .currentmood, .currentmusic, { font-family: "Verdana", sans-serif; font-size: 11px; margin: 0px 0 0px 0; } .ljtags { margin: 30px 0 0px 0; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { font-weight: normal; line-height: 6px !important; padding: 0px; color: #666666; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #aaaaaa; } div.comments a:hover { color: #b1120e; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 35px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; color: #666666 !important; float: right; padding: 5px; margin: 10px; z-index: 15; background-color: transparent !important; } .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font { color: #aaaaaa !important; text-decoration: none; } .userpicfriends a:hover font { color: #b1120e !important; text-decoration: underline; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #cccccc; } div#sidebar a:hover, { color: #d80e0c; text-decoration: none; } div#sidebar_linklist { line-height: 8px; } div#sidebar_tags { font-family: "verdana", sans-serif; font-size: 10px; color: #cccccc; font-weight: normal; text-align: center; } div#sidebar_calendar { display: none; } .defaultuserpic { display: none; } .sbarheader { } .sbarbody { text-align: left; } .sbarbody2 { text-align: left; font-family: "verdana", sans-serif; font-size: 11px; color: #cccccc; font-weight: normal; font-style: normal; letter-spacing: 0px; padding: 0px display: inline; } div.sbarbody a, div.sbarbody a:link, div.sbarbody { line-height: 2px; margin: 2px 0px; color: #cccccc; text-align: center; } div.sbarbody a:hover, a:visited { margin: 2px 0px; text-decoration: none; color: #979797; } div#li.sbaritem a, div#li.sbaritem a:link, div#li.sbaritem a:visited { line-height: 2px; margin: 2px 0px; color: #cccccc !important; text-align: center; } li.sbaritem a:hover { margin: 2px 0px; text-decoration: none; color: #b1120e !important; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { background-color: #2c3838; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 10px; margin-left: 0px; list-style: none; list-style-position: inherit; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited { line-height: 2px; margin: 2px 0px; color: #cccccc; text-align: center; } li.sbaritem a:hover { margin: 2px 0px; text-decoration: none; color: #979797; } li.sbaritem { padding: 5px; display: inline; margin: 0 5px 0 5px; text-align: center; } li.sbartitle { display: none; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; height: 150%; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; background-color: transparent !important; color: #666666; z-index: 100; clear: both; } ul.navfooter{ padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #666666; } table.yeartable td.yearday { background-color: #f1f1f3; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { background-color: transparent !important; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; background-color: #f1f1f3; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: transparent !important; border-style: solid; } .box { padding: 10px; clear: left; } input, textarea { background-color: #f1f1f3; color: #666666; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f3; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #f1f1f3; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #666666; } .datesubjectcomment a:hover { color: #b0b9c8; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f1f1f3; } .commentinfo { background-color: #f1f1f3; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; } /*-------------------------------------------- Contextual Popup -----------------------------------------*/ div.ContextualPopup { position: relative; margin: 0px 0 0 0px; font: normal 11px "Arial", "Verdana", sans-serif !important; } div.ContextualPopup div.Inner { text-align: left; position: relative; top: -2px; left: -2px; background-color: #FFFFFF !important; color: #666666 !important; border: 2px solid #e4e4e7; padding: 0px; width: 300px; padding: 10px; } div.ContextualPopup .Relation { font-weight: bold !important; font-family: georgia; font-size: 18px; color: #d80e0c; letter-spacing: -2px; border-bottom: 2px solid #ececee; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; font-weight: bold; color: #007495 !important; }
Rules:
1. When taking, please comment.
2. Please credit in user info or on sidebar.
3. Do not steal or claim as your own.
4. Customize to your hearts content.
5. But still credit me, please.
Useful Communities:
everything_lj
s2flexisquares
s2layers
I will do my best to answer questions, though.
Thanks :)
girlboheme
Name: Sailing
Website: No
Default Icon: No
Best view: 800x600 and up
Browser(s) Compatible: IE/Firefox/Opera/Netscape
Credit: girlboheme
Work with Nav bar?: Yes
Work with Plus Acct?: Yes
Permanent Live Preview here:
Live Preview HERE // Image HERE
To Preview in Your Own Journal:
Copy & Paste: ?s2id=22061813 to the end of your livejournal address.
Image(s):
Header (right click save target)
Overrides
/*--------------------------------------------------- Credit for Layout: girlboheme at livejournal You are welcome to alter, with credit to me. thanks, Aimee Original CSS credited to cartonage at livejournal. -----------------------------------------------------*/ body { background-color: #e4e4e7; text-align: center; color: #666666; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #aaaaaa !important; text-decoration: none; } a:hover { color: #b1120e !important; text-decoration: underline; } blockquote { font-size: 11px; padding: 10px; background-color: #ececee; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ #content { width: 680px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 0px; position: relative; } #maincontent { margin-top: 0px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: transparent !important; color: #666666; text-align: left; } #sidebar { background-color: #f1f1f3 !important; /*border-bottom: 20px solid #e4e4e7;*/ border-top: 10px solid #dadade; text-align: justify; margin: auto auto; padding-bottom: 0px; padding: 5px 20px; } #lj_controlstrip { background-image: none; background-color: #e4e4e7; border-bottom: 3px solid #dddddf; padding: 3px; } #lj_controlstrip td, #lj_controlstrip_statustext { color: #666666; } #lj_controlstrip a { color: #b1120e; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ #header { background-color: #ffffff; width: 660px; padding: 0px 0px 5px 0px; margin: 0px; text-align: right; color: #ab0d0a; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; line-height: 100%; } .headerimage { background-color: #ffffff; position: relative; margin: 0 auto 0 auto; width: 640px; height: 360px; background-repeat: no-repeat; border-top: 20px solid white; border-right: 20px solid white; border-left: 20px solid white; background-image: url(http://i75.photobucket.com/albums/i304/girlboheme/header%20sets/girlyb_icons-sailing_h.jpg); } /*look and color of links (also partly for footer)*/ div#header { color: #007495; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #007495; } div#header a:hover, div#footer a:hover { color: #ab0d0a; text-decoration: none; } /*title and subtitle*/ .title { font-family: "georgia", sans-serif; font-size: 16px; font-weight: bold; font-style: italic; letter-spacing: -2px; line-height: 120%; top: 10px; display: none; } .subtitle { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; top: 10px; display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 10px 0 10px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent a, subcontent a:link, subcontent a:visited { color: #aaaaaa !important; text-decoration: none; } subcontent a:hover { color: #b1120e !important; text-decoration: underline; } .entry { margin: 0px 10px 10px 15px; padding: 10px; background-color: transparent !important; color: #666666; font-family: "Verdana", sans-serif; font-size: 11px; text-align: justify; } .userpic { position: relative; float: right; padding: 5px; margin: 15px; z-index: 15; background-color: transparent !important; } .date { line-height: 100%; top: 15px; color: #666666; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } .subject { font-weight: normal; line-height: 6px !important; padding: 10px; color: #d80e0c; font-weight: bold; letter-spacing: -2px; font-family: "georgia", sans-serif; font-size: 20px; } .subject a, .subject a:link, .subject a:visited { color: #666666; } .subject a:hover { color: #b0b9c8; } .datesubject { background-color: transparent !important; border-bottom: 3px solid #ececee; padding: 5px; padding-top: 20px; text-align: right; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents, .currentmood, .currentmusic, { font-family: "Verdana", sans-serif; font-size: 11px; margin: 0px 0 0px 0; } .ljtags { margin: 30px 0 0px 0; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { font-weight: normal; line-height: 6px !important; padding: 0px; color: #666666; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #aaaaaa; } div.comments a:hover { color: #b1120e; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 35px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; color: #666666 !important; float: right; padding: 5px; margin: 10px; z-index: 15; background-color: transparent !important; } .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font { color: #aaaaaa !important; text-decoration: none; } .userpicfriends a:hover font { color: #b1120e !important; text-decoration: underline; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #cccccc; } div#sidebar a:hover, { color: #d80e0c; text-decoration: none; } div#sidebar_linklist { line-height: 8px; } div#sidebar_tags { font-family: "verdana", sans-serif; font-size: 10px; color: #cccccc; font-weight: normal; text-align: center; } div#sidebar_calendar { display: none; } .defaultuserpic { display: none; } .sbarheader { } .sbarbody { text-align: left; } .sbarbody2 { text-align: left; font-family: "verdana", sans-serif; font-size: 11px; color: #cccccc; font-weight: normal; font-style: normal; letter-spacing: 0px; padding: 0px display: inline; } div.sbarbody a, div.sbarbody a:link, div.sbarbody { line-height: 2px; margin: 2px 0px; color: #cccccc; text-align: center; } div.sbarbody a:hover, a:visited { margin: 2px 0px; text-decoration: none; color: #979797; } div#li.sbaritem a, div#li.sbaritem a:link, div#li.sbaritem a:visited { line-height: 2px; margin: 2px 0px; color: #cccccc !important; text-align: center; } li.sbaritem a:hover { margin: 2px 0px; text-decoration: none; color: #b1120e !important; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { background-color: #2c3838; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 10px; margin-left: 0px; list-style: none; list-style-position: inherit; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; } li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited { line-height: 2px; margin: 2px 0px; color: #cccccc; text-align: center; } li.sbaritem a:hover { margin: 2px 0px; text-decoration: none; color: #979797; } li.sbaritem { padding: 5px; display: inline; margin: 0 5px 0 5px; text-align: center; } li.sbartitle { display: none; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; height: 150%; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: "arial", sans-serif; font-size: 12px; background-color: transparent !important; color: #666666; z-index: 100; clear: both; } ul.navfooter{ padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #666666; } table.yeartable td.yearday { background-color: #f1f1f3; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { background-color: transparent !important; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; background-color: #f1f1f3; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: transparent !important; border-style: solid; } .box { padding: 10px; clear: left; } input, textarea { background-color: #f1f1f3; color: #666666; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #f1f1f3; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #f1f1f3; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #666666; } .datesubjectcomment a:hover { color: #b0b9c8; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f1f1f3; } .commentinfo { background-color: #f1f1f3; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; } /*-------------------------------------------- Contextual Popup -----------------------------------------*/ div.ContextualPopup { position: relative; margin: 0px 0 0 0px; font: normal 11px "Arial", "Verdana", sans-serif !important; } div.ContextualPopup div.Inner { text-align: left; position: relative; top: -2px; left: -2px; background-color: #FFFFFF !important; color: #666666 !important; border: 2px solid #e4e4e7; padding: 0px; width: 300px; padding: 10px; } div.ContextualPopup .Relation { font-weight: bold !important; font-family: georgia; font-size: 18px; color: #d80e0c; letter-spacing: -2px; border-bottom: 2px solid #ececee; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; font-weight: bold; color: #007495 !important; }
;){kind=link}
Rules:
1. When taking, please comment.
2. Please credit in user info or on sidebar.
3. Do not steal or claim as your own.
4. Customize to your hearts content.
5. But still credit me, please.
Useful Communities:
everything_lj
s2flexisquares
s2layers
I will do my best to answer questions, though.
Thanks :)
girlboheme