milou_veronica: s2 layout: drunk_shadow's and they're young and alive (smooth sailing)

use your woman as a human shield (

milou_veronica) wrote,
@ 2008-11-13 11:51:00

Entry tags:

style: smooth sailing, wot: s2 layout

s2 layout: drunk_shadow's and they're young and alive (smooth sailing)

layout: drunk_shadow's and they're young and alive
style: smooth sailing
accounts: Basic, Paid, and Sponsored
features:custom comment pages, sidebar, mini icons
browsers: IE7, FF, Safari, and Opera

picture | live

/* 
and they're young and alive by milou veronica
smooth sailing; basic, plus, and paid
 */

/* PAGE */

body {  font-size: 8pt; margin: 0px 0px 0px 0px; background: #151515 url(http://i33.tinypic.com/2iaubki.jpg) repeat-x fixed 0 0;  color: #666666;  font-family: Arial, Tahoma, Verdana, sans-serif;  }

a { color: #74A6CF; text-decoration: none; }
a:visited { color: #9F713B; }
a:hover { color: #B5CCDF; }

.pageblock{ border-right: 10px #222222 solid; border-left: 10px #222222 solid;  border-top: 10px #222222 solid;background-color: #ffffff; margin: 0px auto;  width: 750px; }

.pagefooterblock { border-top: 0px solid #ffffff; background-color: #;color: #777777; padding: 15px 4px 15px 24px; margin-top: 4px; }

.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }

code {padding: 10px; border: 1px #dddddd dashed; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 9pt;  display:block; color: #777777; }
blockquote {  padding: 15px;  background: #f2f2f2 url() repeat scroll 0 0; border: 0px solid #eeeeee;}

input, textarea { background: transparent url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; border: 1px solid #dddddd; font-family:Georgia, Arial, Tahoma, Verdana, sans-serif;  font-size: 15px; color:

#888888; line-height: 1.5;}

/* HEADER */

.pageheaderblock { background: #222222 url(http://i38.tinypic.com/8xq6j4.png) no-repeat scroll 50% 100%;  padding-bottom: 285px; text-align: center;  border: 0px #ececec solid; font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif; border-bottom: 10px #222222 solid;}

.header-title { background-color: #222222; color: #FFFFFF; text-transform: uppercase; font-size: 19px;  letter-spacing: 5px; padding: 0px 20px 0px 20px; }

.header-subtitle {  background-color: #222222;  text-transform: uppercase; font-size: 8px; padding: 0px 24px 0px 24px; }
 
.header-icon {  top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}

.header-menu { background-color: #222222; padding: 10px; border-top: 10px solid #222222; letter-spacing: 0px; line-height: 20px;text-transform: uppercase; font-size:8pt;}

.header-menu a, .header-menu a:visited { background-color:#333333; white-space: nowrap; text-align: left; padding: 6px; margin-right: 1px; color: #74A6CF; text-decoration: bold; }

.header-menu a:hover { background-color:#2d2d2d;   color: #FFCA6F; text-decoration: bold; }

.header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; }

.header-menu li, #footer-menu li { display: inline; }

/* BODY         */

.bodyblock { padding: 0px 7px;  margin-right:auto; margin-left: auto;  }

.bodyheaderblock { border: 0px; color: #888888;padding: 0px; }

.bodynavblock { border: 0px solid #ffffff; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}

.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }

.body-title {  display:none;  background-color: #000000 ;   color: #FFFFFF; text-transform: uppercase; font-size: 9px;  letter-spacing: 5px;  text-align: center; padding: 0px 10px 10px 10px;  font-family: Georgia, Arial,

Tahoma, Verdana, sans-serif;  }

.body-midtitle { font-size: 18px;  text-align: left;  padding-left: 8px; }

/*ENTRIES*/
.entryHolder { line-height: 1.75; border: 0px solid #ffffff;  margin: 0px 0px 5px 0px; background-color:#FFFFFF;}

.entryUserinfo { text-align: center; margin: 0px 8px 8px 0px;  }

.entryUserinfo-usericon img {  border: 15px solid #FF8F9E ;  padding: 2px; margin: 5px;   background-color: #FFBFC8; }

.entryText {  padding: 15px;}

.entryHeader { font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif; text-decoration: none;  text-transform: uppercase; text-align: center; padding: 10px;  background-color: #; border-bottom: 1px solid

#f1f1f1; }

.entryHeader a{ color: #409CCF; }

.entryHeaderSubject { font-weight: normal; ;  }
.entryHeaderDate { font-size: 10px; color: #999999; }
.entryHeaderDate a {color : #acacac;  text-decoration : none;}

.entryHeaderDate a:hover { color : #dddddd;  text-decoration : underline;  }

.entryMetadata { padding-left: 26px; }

.entryMetadata ul { margin: 0px; padding: 0px; }

.entryMetadata li { list-style: none; display: block;padding: 0px; font-size: 7pt; font-family: Trebuchet MS, Times, Times New Roman, serif;}

.entryMetadata-label {font-weight: bold; padding-right: 10px; }

.entryLinkbar {  text-transform: uppercase; text-decoration: bold; font-size: 10px; text-align: right; padding: 15px; background-color: # ;  }

.entryLinkbar ul {margin: 0px; padding: 0px;  }

.entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px;   border-right: 1px solid #eeeeee;   display: inline;  }

.entryLinkbar a {color:#FFCA6F;}

/*FOOTER*/

#footer-menu { font-size: 10px; }

#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }

/*SIDEBAR  */

.sidebar {margin: 0px 0px 0px 7px; width: 150px;  background-color: #f4f4f4; color: #999999; padding: 0px 5px 5px 5px; line-height: 1.75;  font-size: 7pt; }

.sidebox #profile { text-align: center; }
img.profile-userpic {width: 70px; height: 70px; border: 18px solid #e3e3e3;}
.sidebox { margin: 4px 0px 8px 0px; border-bottom: 0px solid #eeeeee; }

.sideboxTitle {  text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #eeeeee;  font-size: 9px; padding: 8px 0px 3px 8px;   font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;

text-align: right; letter-spacing: 2px; }

.sideboxContent {  text-align: left; padding: 8px 4px 2px 4px;}

.sidebox #latestmonth, .sidebox #search { text-align: center;  }

.sidebox #tags_sidebox { text-align: left;  }

.sidebox #systemlinks { text-align: left;  }

.sidebox #latestmonth table{ text-align: center; padding: 0px; width: 140px; margin-left: auto; margin-right: auto; margin-top: 4px;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 2px 4px;}
.latestmonth-active {background-color: #fafafa; margin:1px;  font-size: 11pt;}

.listitem {padding: 3px; border-right: 4px solid #FFAFB2; margin: 1px;}
.listitem:hover {border-color: #FFCA6F;}
.summaryList {padding: 3px; border-right: 4px solid #FFAFB2; margin: 1px;}
.summaryList:hover {border-color: #FFCA6F;}
.listtitle {font-weight: bold; }

.profile-label { font-weight: bold;}

/* COMMENT PAGE */

.commentHolder {  border: 0px solid #ffffff;  padding: 10px; margin: 4px 0px 4px 0px; background-color:#FFFFFF;}

.commentUserinfo {  text-align: center; margin: 0px 8px 8px 0px;  }

.commentUserinfo-usericon img {  border: 7px solid #eeeeee ;  padding: 0px;}

.commentText { padding: 6px; text-align: left; }

.commentHeader { color: #aaaaaa;text-transform: lowercase;  font-size: 12px;padding: 4px 0px 4px 8px;  }

.commentHeader a{ color: #45A8DF;  }

.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff;   padding: 4px 0px 4px 8px; }

.commentHeaderSubject { font-weight: bold; }

.commentLinkbar { text-align: left; padding-top: 4px; padding-bottom: 4px; }

.commentLinkbar ul { margin: 0px; padding: 0px; }

.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}

.replyform {  padding-left: 10px; }

#commenttext{ width:100%; }

/*ARCHIVE PAGE*/

.yearlinks{ text-align: right; }

.yearlink{ padding-left:4px;  padding-right: 4px; }

.month { text-align: center;  width: 500px; border: 0px dashed #dddddd; margin: 8px 8px 8px 40px; }

.daysubjects { color: #888888; padding: 8px 8px 8px 40px;   }

.daytitles {  text-align: center; text-transform: lowercase; text-decoration: bold;  border: 0px solid #ffffff;  }

.day-blank {   border: 0px dashed #dddddd; }

.day { border: 0px dashed #dddddd;  }

.day-date {  border: 0px dashed #dddddd;width: 50%; text-align: center;}

.day-count { width: 50%;   text-align: center; float: right; font-size: 20px; }

.day-count a { text-decoration: none;  color: #74A6CF;  }

/*TAGS PAGE*/

.tagstable, .tagstable td {  border: 1px solid #f1f1f1;  margin: 1px; }
  .tagstable { width: 500px; }
  
/*--------------------------------------------
MINI ICONS by FamFamFam
-----------------------------------------*/

img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i36.tinypic.com/264onf6.png);

background-position: center left; }
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i33.tinypic.com/9iuvc1.png);

background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i38.tinypic.com/156s32s.png); }

.ljuser img {  width: 0; height: 0; background: transparent url(http://i36.tinypic.com/2ynfrlg.png) no-repeat center left;  padding: 17px 16px 0 2px !important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i36.tinypic.com/2ynfrlg.png) no-repeat center left;  padding: 17px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i38.tinypic.com/14wy9sk.png);  padding: 17px 16px 0 2px !important;

background-position: center left; background-repeat: no-repeat;}
 img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/16i7bq0.png);  padding: 17px 16px 0 2px !important; background-position:

center left;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i34.tinypic.com/4idmac.png) no-repeat scroll 0% 50%;  padding: 17px 16px 0 2px !important; width: 0px; height: 0px;}
 img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i38.tinypic.com/ixqo0m.png);  padding: 17px 16px 0 2px !important; background-position:

0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;} 
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i33.tinypic.com/28tj2o0.png);  padding: 17px 16px 0 2px !important; background-position: 0%

50%; background-repeat: no-repeat; width: 0px; height: 0px;}

img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i37.tinypic.com/mj8tiv.png) no-repeat scroll 50% 50%; }
	 img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i36.tinypic.com/ina1r6.png) no-repeat scroll 50% 50%; }
	img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i36.tinypic.com/2ynfrlg.png) no-repeat scroll 50% 50%;}
	img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/2w52amo.png) no-repeat scroll 50% 50%; }
	img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i33.tinypic.com/2uylqqc.png) no-repeat scroll 50% 50%; }
	img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i34.tinypic.com/11wbryc.png) no-repeat scroll 50% 50%; }
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/

div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner {  color: #999999 !important;border: 0px solid #ffffff; background-color: #f1f1f1 !important; padding: 4px; width: 270px;}
div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 0px solid #fffffff; background-color: #ececec;}
div.ContextualPopup .Content { padding: 5px;  margin: 4px 80px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { text-transform: uppercase;  font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}

table#lj_controlstrip td {background-color: #2d2d2d; background-image: url(); color: #666666;border: solid 1px #333333; border-left: none; }

#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a   {color: #7DBCDF;}
a:hover {color: #FF8F9E; font-style: italic; }

b,u {color:#444444;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 1px solid #f1f1f1;}

.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#666666; }

installation
>> Choose Journal Style
>> Select a Smooth Sailing layout in "Select a New Theme"
>> In Choose a Page Setup select 2 Column (sidebar on right) .
>>Go to " Customize Journal Style". In Display, click the on Additional Options under Presentation. Set Wrap Entry text under userinfo to Yes. (this is optional)
>> Then go to the "Sidebar " section. To add your free text, click on Free Text Sidebox and put your text in one of the boxes. Make sure that the box position is unique.
>>Still in "Customize Journal Style", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
>> Paste code into the Custom Stylesheet box.

notes:
>> To change header. In .pageheaderblock change the image url to your header, and the padding-bottom: to your header image's height.
>> mini icons by FamFamFam
>> Need help, or have questions? First check out the F.A.Q.

Page 1 of 4
<<	[1] [2] [3] [4]	>>

(100 comments) - (Post a new comment)

	michelita1713 2008-11-13 01:31 am UTC (link)
	wow this is by far the prettiest layout ever!! great job and really thanks 4 sharing it! (Reply to this) (Thread)

	milou_veronica 2008-11-13 01:47 am UTC (link)
	Thank-you! (Reply to this) (Parent)

	ana_leez 2008-11-13 01:45 am UTC (link)
	Amazing! This is absolutely beautiful! (Reply to this) (Thread)

	milou_veronica 2008-11-13 01:47 am UTC (link)
	Thank-you :) (Reply to this) (Parent)

	moni_kinha 2008-11-13 02:15 am UTC (link)
	it's so beautiful!! (Reply to this) (Thread)

	milou_veronica 2008-11-13 02:28 am UTC (link)
	Thank-you (^_^) (Reply to this) (Parent)

	hikkanoo 2008-11-13 03:38 am UTC (link)
	wow..i like it! i'm using it now if u dont mind..^^ i'll credit u in my LJ thanks^^ (Reply to this)

	satin_lily 2008-11-13 04:37 am UTC (link)
	hi, i'm having abit of trouble of layout. could you help me out? thanks :) (Reply to this) (Thread)

	milou_veronica 2008-11-13 05:58 am UTC (link)
	Re-copy the code, this time making sure that you copy EVERYTHING, keeping the /* at the top. (Reply to this) (Parent)(Thread)

(no subject) -

satin_lily, 2008-11-13 06:25 am UTC

	drunk_shadow 2008-11-13 04:45 am UTC (link)
	Omg, thankthankthankyou sooo much, I love it~!! (Reply to this)

	candogirl 2008-11-13 05:04 am UTC (link)
	This is gorgeous and I'm sure I'll use it soon. Thank you! (Reply to this)

	diskarte 2008-11-13 12:09 pm UTC (link)
	Memming for future use! I love the tiny icons. (Reply to this)

	glamourous_coma 2008-11-13 12:59 pm UTC (link)
	this is GORGEOUS! i am using this next! (Reply to this)

	hervisiria 2008-11-13 03:20 pm UTC (link)
	I'll use it soon. This lay is very pretty!! ^^ (Reply to this)

	crazywall 2008-11-13 03:23 pm UTC (link)
	using it right away! (Reply to this)

	townsend_taylor 2008-11-13 03:42 pm UTC (link)
	very, very beautiful layout thanks, using it. immediately) (Reply to this)

	torncorpse 2008-11-13 04:42 pm UTC (link)
	I don't usually like S.S, but that's TWO in like three minutes that I like. I'll probably use it later. I like the pink and blue. nods ~~p.s: you're a cock tease.~~ (Reply to this)

	ladian 2008-11-13 04:50 pm UTC (link)
	OMG! It's so beautiful, really ^^ Using and will credit! goes to edit profile lol (Reply to this)

	3_jane 2008-11-14 01:34 am UTC (link)
	Oh, pretty! Saving to memories for future use. :) (Reply to this)

	favoritedarknes 2008-11-14 08:44 am UTC (link)
	I love this layout. All your layouts are amazing, actually. Using it and credited, of course :-) (Reply to this)

	sisterto_sleep 2008-11-15 04:11 pm UTC (link)
	this is so beautiful. used + credited ♥ (Reply to this)

	bibinharamos_rj 2008-11-15 11:36 pm UTC (link)
	This is lovely, and i'm taking and will credit you.. thanks! (Reply to this)

	khleio 2008-11-17 04:10 pm UTC (link)
	That's a great layout ! I'm gonna credit when using ^^ (Reply to this)

	iamshunpike 2008-11-19 04:33 pm UTC (link)
	Wow, lovely! I'm really happy with the way it looks. I've never used Smooth Sailing before because the customization/coding is unfamiliar to me and I don't usually like the layouts made for it, but you made it simple to customize. I might use SS more in the future! Anyway, thanks. (Reply to this)

	propertyofgaara 2008-11-20 12:00 am UTC (link)
	Oh wow, this is gorgeous. I'm going to use it. :3 Thanks so much~ I'll definitely credit. (Reply to this)

	austen 2008-11-20 03:39 am UTC (link)
	Do you know how to take out the title at the top so there aren't any words and just the menu appears? Since my header already has text, the title at the top just feels distracting. (Reply to this)

	mo_mii 2008-11-20 07:30 am UTC (link)
	Pretty layout! Thanks for sharing =D I'll use it and credit you :) (Reply to this)

	encantadores_h 2008-11-20 09:33 am UTC (link)
	wow gorgeous layout! :D great job, using it, and thanks for sharing! (Reply to this)

	bedras 2008-11-21 12:28 am UTC (link)
	beautiful! thanks for sharing! <3 (Reply to this)

(100 comments) - (Post a new comment)

Page 1 of 4
<<	[1] [2] [3] [4]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs