milou_veronica: s2 layout: sharp shock to your soft side [smooth sailing]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-05-30 11:49:00

Current mood:	morose
Current music:	shot in the back of the head - moby
Entry tags:	style: smooth sailing, wot: s2 layout

s2 layout: sharp shock to your soft side [smooth sailing]
In news slightly relevent to the layout title, I accidently murdered my macbook ie. the only computer I had regular access to. It may be fixable or I may have to buy a new one but either way it's gonna take a lot of time. So there will be delays.

picture \| live	picture \| live
layout: sharp shock to your soft side style: smooth sailing accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, sidebar/topbar browsers: IE7, FF, Safari, and Opera

topbar

/* 
sharp shock to your soft side
((smooth sailing; milou veronica))
 */

/* TOPBAR HEIGHT */
.bodyblock {padding: 190px 0 0 0}
.sidebar {top:420px;}

/* header image edit */
.pageheaderblock {background: transparent url(http://i39.tinypic.com/2cp6kpe.jpg) repeat; padding:0 0 250px;}

/* layout width */
.pageheaderblock, .bodyblock, .bodyheaderblock {width:70%;min-width:780px;}

/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}

/* MAIN */
html body {}
body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0;  color: #444444; padding: 0px;}

.pageblock{ border: 0px #ececec solid; margin: 0 auto; padding: 0;width:100%;top:45px;position:absolute;}

blockquote { padding:10px; margin: 10px;  border-left: 10px solid #ececec;   background: transparent url() repeat-x scroll 0 100%;  color:#666666; }
code {font-family: monospace;display:block;  padding:5px;  border:1px dashed #eeeeee;   font-size: 12px;}
input, textarea { background: #f7f7f7 url() no-repeat scroll 0 0; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 11px; color: #777777; line-height: 1.5;}

/* HEADER */

.pageheaderblock {margin: 5px auto 0;text-align: right; }

.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }

.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }

.header-icon {  top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}

.header-menu {padding: 10px 0 ;font-size: .95em; text-align:left;text-transform: lowercase;letter-spacing:-.05em;font-style:italic;background-color:#111111;border-top:1px solid #222;border-bottom:10px solid #f7f7f7}

.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888;  }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222} .header-menu li:hover { color: #fff; background-color:#01A1B9} 
.header-menu li:hover a{color:#ffffff;}
/* BODY         */

.bodyblock {margin-right:auto; margin-left: auto}

.bodyheaderblock {margin: 0 auto; color: #888888;padding: 0}

.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }

.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }

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

/*ENTRIES*/

.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}

.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img {  border: 19px solid #e7e7e7 ;  margin: 10px 4px;  background-color: #f7f7f7;  position:relative;} 
.entryText {  padding: 15px;  min-height: 120px; margin-top: 0px; } 
.entryText img { max-width:590px;}

.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}

.entryHeader a{ color: #409CCF; }
.entryHeaderSubject {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 10px;vertical-align:middle;color:#f7f7f7;}
.entryHeaderDate { text-transform: uppercase; font-size: 1em; float:right;letter-spacing: -1px;}

.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}

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

.entryMetadata li { list-style: none; display: block; padding: 2px 0;  }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }

.entryLinkbar {font-size: 0.9em; text-align: right; padding: 5px 0;text-transform:lowercase; background-color:#e7e7e7}
.entryLinkbar ul {margin: 0px; padding: 0px;  }
.entryLinkbar li { display: inline; padding: 3px 8px;background-color:#eeeeee;margin:0 1px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}
.entryLinkbar li:hover {border-width:1px 0 0 1px}

/*FOOTER*/

#footer-menu { font-size: 10px;}
#footer-menu li {margin-bottom:8px; margin-right: 3px;}
 #footer-menu li a {background-color: #eeeeee; padding: 2px 16px; border-width: 0 1px 1px 0;border-style:solid; border-color: #dddddd;color:#666}  #footer-menu li a:hover {border-width: 1px 0 0 1px; background-color: #f2f2f2;}
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }
.pagefooterblock { color: #ffffff; padding: 15px}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }

/*SIDEBAR  */

.sidebar {position:absolute;float:right;margin: 5px auto;color: #999999;line-height: 1.75; width:70%;min-width:780px;}

.sidebox #profile {text-align: center;float:right;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox {  margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle { display:none;text-transform: uppercase;  text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px;  color: #111111; text-align: right;letter-spacing:0.1em;}

.sideboxContent {  text-align: left; padding: 4px;} 
 .sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;width:19%;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;float:right;}
 .sidebox #search {  text-align: center;display:none }
 .sidebox #summary {  text-align: left;display:none  }
.sidebox #tags_sidebox {  text-align: left;display:none}
.sidebox #freetext {text-align: left; padding: 6px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:44%;float:right;position:absolute;top:5px;left:21%;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:20%; } ul.sidebox {list-style: none;}
 .listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee;  text-align: left; display:block}  .listitem:hover {background-color:#fafafa;}

.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 2px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px;  padding: 1px 2px;}

.listtitle {font-weight: bold; color:#222222;}

.profile-label {display:none; } .profile-content {display: none;}

/* COMMENT PAGE */

.commentHolder {  border: 0px solid #dddddd;  padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }

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

.commentUserinfo-usericon img {  border: 1px solid #dddddd;  padding: 12px; background-color:#eeeeee; }

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

.commentHeader { color: #888888; font-weight: bold;  text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; 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: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }

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

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

.replyform {  padding-left: 10px; margin: auto; padding: 10px; margin: 0;}

#commenttext{ width:100%; }

/*ARCHIVE PAGE*/

.yearlinks{ text-align: right; }

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

.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px;   }

.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold;  border-right: 2px solid #f7f7f7; background-color: #ececec}

.day-blank {}
.day { border: 1px solid #f7f7f7; background-color:#eeeeee;padding:0 5px}
.day-date {text-align: left}
.day-count { line-height:1; font-size: 20px}
.day-count a { text-decoration: none;  color: #74A6CF}

/*TAGS PAGE*/

.tagstable, .tagstable td {margin: 1px;}
  .tagstable { width: 100%; }

ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li  {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}

/*--------------------------------------------
MINI ICONS by Pinvoke and FamFamFam
-----------------------------------------*/
.sideboxTitle img { vertical-align: middle !Important; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.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://i41.tinypic.com/2evuot3.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); }

.ljuser img {  width: 0; height: 0; background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat center left;  padding: 10px 10px 0 2px !important; vertical-align: baseline !Important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat center left !important;  padding: 10px 10px 0 2px !important; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/34eydsp.png) !important;  padding: 10px 10px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
 img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important;  padding: 10px 10px 0 2px !important; background-position: center left;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0% 50% !important;  padding: 10px 10px 0 2px !important;  background-repeat: no-repeat; width: 0px; height: 0px;}
 img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important;  padding: 10px 10px 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://i39.tinypic.com/a9rbte.png) !important;  padding: 10px 10px 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 10px 10px !important; background: url(http://i43.tinypic.com/29390tu.png) no-repeat scroll 50% 50%; }
	 img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/20kumg1.png) no-repeat scroll 50% 50%; }
	.replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2a5lq0y.png) no-repeat scroll 50% 50%;}
	img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/263aas4.png) no-repeat scroll 50% 50%; }
	img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/33p4gso.png) no-repeat scroll 50% 50%; }
	img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/2zntuom.png) no-repeat scroll 50% 50%; }
	img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/3340ps4.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 #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #dddddd; background-color:#ffffff; }
div.ContextualPopup .Content { padding: 5px 10px 10px;  margin-right: 74px; border: 1px solid #dddddd; background-color: #ffffff !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Arial; font-size: 1.4em; font-weight: normal; letter-spacing:-0.1em; text-transform: lowercase;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}

/*--------------------------------------------
the rest
-----------------------------------------*/
#lj_controlstrip {}
table#lj_controlstrip td {background-color: #ececec; background-image: url(); color: #aaaaaa;border: solid 1px #e6e6e6; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
 form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}

a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation    {color: #838546;text-decoration: none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #CE252C}

b,u {color:#444444;} .ljuser a b {color:#E8AEBA; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111111} 
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC}
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}

sidebar

/* 
sharp shock to your soft side
((smooth sailing; milou veronica))
 */

/* header image edit */
.pageheaderblock {background: transparent url(http://i44.tinypic.com/9k32tz.jpg) repeat; padding:0 0 250px}

/* layout width */
.pageblock{width:780px}

/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}

/* MAIN */

body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0;  color: #444444;padding: 0px;}
 a img {border:none;}

.pageblock{margin: 0 auto; padding: 0 3px}

blockquote { padding:10px; margin: 10px;  border-left: 10px solid #ececec;   background: transparent url() repeat-x scroll 0 100%;  color:#666666; }
code {font-family: monospace;display:block;  padding:5px;  border:1px dashed #eeeeee;   font-size: 12px;}
input, textarea { background-color: #fcfcfc; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 13px; color: #444444; line-height: 1.5;}

/* HEADER */

.pageheaderblock {margin: 5px 2px 0;text-align: right}

.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }

.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }

.header-icon {  top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}

.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888;  }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222222}
.header-menu li:hover { color: #ffffff;background-color:#01A1B9} 
.header-menu li:hover a{color:#ffffff}

/* BODY */

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

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

.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }

.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }

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

/*ENTRIES*/

.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}

.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img {  border: 19px solid #e7e7e7 ;  margin: 10px 4px;  background-color: #f7f7f7; position:relative;} 
.entryText { padding: 15px;  min-height: 120px; } 
.entryText img { max-width:590px;}

.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}

.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}

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

.entryMetadata li { list-style: none; display: block; padding: 2px 0;  }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }

/*FOOTER*/

/*SIDEBAR  */

.sidebar {margin: 5px 15px 0 0;color: #999999;  line-height: 1.75;width:160px;}

.sidebox #profile {text-align: center;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox {  margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle {border-top:10px solid #e7e7e7;text-transform: uppercase;  text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px;  color: #111111; text-align: right;letter-spacing:0.1em;}

.sideboxContent {  text-align: left; padding: 4px;} 
 .sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;}
 .sidebox #search {  text-align: center; }
 .sidebox #summary {  text-align: left; }
.sidebox #tags_sidebox {  text-align: left;}
.sidebox #freetext {text-align: left; padding: 6px;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;} ul.sidebox {list-style: none;}
 .listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee;  text-align: left; display:block}  .listitem:hover {background-color:#fafafa;}

.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px;  padding: 1px 3px;}

.listtitle {font-weight: bold; color:#222222;}

.profile-label {} .profile-content {}

/* COMMENT PAGE */

.commentHolder {  border: 0px solid #dddddd;  padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }

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

.commentUserinfo-usericon img {  border: 1px solid #dddddd;  padding: 12px; background-color:#eeeeee; }

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

.commentHeader { color: #888888; font-weight: bold;  text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; 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: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }

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

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

.replyform {  padding-left: 10px; margin: auto; padding: 10px; margin: 0;}

#commenttext{ width:100%; }

/*ARCHIVE PAGE*/

.yearlinks{ text-align: right; }

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

.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px;   }

.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold;  border-right: 2px solid #f7f7f7; background-color: #ececec}

/*TAGS PAGE*/

.tagstable, .tagstable td {margin: 1px;}
  .tagstable { width: 100%; }

ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li  {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}

.ljuser img {  width: 0; height: 0; background: transparent url(http://i44.tinypic.com/2a5lq0y.png) no-repeat center left;  padding: 10px 10px 0 2px !important; vertical-align: baseline !Important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i44.tinypic.com/2a5lq0y.png) no-repeat center left !important;  padding: 10px 10px 0 2px !important; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i39.tinypic.com/jsiuxe.png) !important;  padding: 10px 10px 0 2px !important; background-position: center left; background-repeat: no-repeat;}
 img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important;  padding: 10px 10px 0 2px !important; background-position: center left;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0% 50% !important;  padding: 10px 10px 0 2px !important;  background-repeat: no-repeat; width: 0px; height: 0px;}
 img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important;  padding: 10px 10px 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://i39.tinypic.com/a9rbte.png) !important;  padding: 10px 10px 0 2px !important; background-position: 0% 50%; background-repeat: no-repeat; width: 0px; height: 0px;}

/*--------------------------------------------
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 #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #e5e5e5; background-color:#eeeeee; }
div.ContextualPopup .Userpic img{border:1px solid #dddddd}
div.ContextualPopup .Content { padding: 5px 10px 10px;  margin-right: 76px; border: 1px solid #e5e5e5; background-color: #f4f4f4 !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Georgia; font-size: 1.7em; font-weight: normal; letter-spacing:-0.05em; font-style:italic;text-transform: lowercase;border-bottom:1px solid #eeeeee}
div.ljcmtmanage {border: 1px solid #e6e6e6; background-color: #eeeeee; padding:5px;color: #666666;}

a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation    {color: #85D1E4;text-decoration:none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #65C6DD;}

b,u {color:#444444;} .ljuser a b {color:#85D1E4; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111;} 
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC; }
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}

installation
01.	Choose Journal Style
02.	Select a Smooth Sailing layout in "Select a New Theme"
03.	In Choose a Page Setup, set your add settings to Horizontal or Between Entries, then select 2 Column (sidebar on left) if using the topbar layout, and either one for the sidebar.
04.	Go to " Display ".Under in Basic Options, set "Userinfo Position in Entries" to Right side of the entry text. Then click on the Additional Options. Set "Wrap Entry text under userinfo" to Yes. (*optional)
05.	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.
06.	Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.	Paste code into the Custom Stylesheet box.
notes:
Q&A	♚ mini icons by Pinvoke. ♔ makers of backgrounds from naked and angry ♚ Please address all problems to the F.A.Q.
editing	♚ Feel free to edit anything you want (as always) ♔ The options to edit the WIDTH of the layout, the BANNER image, the FONT size, and for the height of the topbar (if you are experiencing overflow) are all positioned at the top of the code for easy editing. ♔ You can find a basic introduction to lj CSS here .

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

(156 comments) - (Post a new comment)

	mikayukixx 2009-05-30 02:12 am UTC (link)
	These are beautiful! (Reply to this) (Thread)

	milou_veronica 2009-05-30 02:13 am UTC (link)
	Thanks! (Reply to this) (Parent)

	tomoyodesu 2009-05-30 02:14 am UTC (link)
	omg these are so cute!! will mem these for future use :D (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:19 am UTC (link)
	Thank-you ♥ (Reply to this) (Parent)

	thankthatstar 2009-05-30 02:14 am UTC (link)
	I love these :) (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:20 am UTC (link)
	Thank-you :D (Reply to this) (Parent)

	kairi_jaganshi 2009-05-30 02:15 am UTC (link)
	OMG THE SECOND LAYOUT'S HEADER IS TOO CUTE. ♥♥ Memming for later use, thanks so much! (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:21 am UTC (link)
	Isn't it just adorable? I'm glad you like 'em ♥ (Reply to this) (Parent)

	slave2beauty 2009-05-30 02:17 am UTC (link)
	Love love love them. (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:21 am UTC (link)
	Thank-you sweetie :) (Reply to this) (Parent)

	neo_valkyrie 2009-05-30 02:21 am UTC (link)
	The second one is so cute! Saving for future use. :D (Reply to this)

	analia 2009-05-30 02:22 am UTC (link)
	I'm using the second layout, credited you on my user info! ^_^ (Reply to this)

	impalalove 2009-05-30 02:26 am UTC (link)
	I love the header for the second one. Added to memories. Sorry about your computer. Hope you can get it fixed and/or replaced. <3 (Reply to this)

	sin_of_pride 2009-05-30 02:30 am UTC (link)
	Absolutely lovely, both of them ♥ Sorry to hear about your computer. (Reply to this)

	x_falsetto 2009-05-30 02:34 am UTC (link)
	haha I JUST changed my layout too. You can change the banners with smooth sailing layouts, right? (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:26 am UTC (link)
	Yup, in the / header image edit / section. If you're not using a tilingimage you may wanna change the repeat to no-repeat though. And center the image. And maybe increase/decrease the padding. (Reply to this) (Parent)(Thread)

(no subject) -

all_at_once, 2009-05-30 12:17 pm UTC

(no subject) -

milou_veronica, 2009-05-31 01:09 am UTC

(no subject) -

all_at_once, 2009-05-31 01:46 am UTC

(no subject) -

milou_veronica, 2009-05-31 11:33 am UTC

(no subject) -

all_at_once, 2009-05-31 11:40 am UTC

	der_letze_tag92 2009-05-30 02:37 am UTC (link)
	Oh, these are so cute! ^^ I love the one with the clouds. (Reply to this)

	legoskies 2009-05-30 03:00 am UTC (link)
	They're gorgeous. Gonna use them. Thanks. (Reply to this)

	laranjalima 2009-05-30 03:09 am UTC (link)
	oh, these look great!! (Reply to this)

	heyheyitsjamie 2009-05-30 03:16 am UTC (link)
	omg so cute! saving for future use! :D (Reply to this)

	smirk_dog 2009-05-30 03:17 am UTC (link)
	The first one is so beautiful. I'm using it right now. <3 (Reply to this)

	patapoufe 2009-05-30 03:40 am UTC (link)
	I love wide layouts, but there aren't enough of them. ♥ This is gorgeous, definitely memming for future use! :) (Reply to this)

	voluptuary 2009-05-30 03:45 am UTC (link)
	I took the first. Thank you. ♥ (Reply to this)

	diskarte 2009-05-30 03:58 am UTC (link)
	these are so nice! memming for now. (Reply to this)

	theepiccek 2009-05-30 04:03 am UTC (link)
	if it helps, i think the backgrounds are from a website called naked & angry? these are gorgeous! (Reply to this) (Thread)

	milou_veronica 2009-05-30 04:32 am UTC (link)
	THANK-YOU. I can't find the first one there, but is probably is in there somewhere ♥ (Reply to this) (Parent)(Thread)

(no subject) -

theepiccek, 2009-05-30 05:32 am UTC

	xxgardenxx 2009-05-30 04:56 am UTC (link)
	These are gorgeous, snagging the first one for probable use at my icon journal <33 Thank you! (Reply to this)

	ziggywashere 2009-05-30 05:09 am UTC (link)
	These are absolutely beautiful! Memming for now & thanks for sharing them with us! :D (Reply to this)

	bayergal 2009-05-30 05:31 am UTC (link)
	These are gorgeous! Deff, using later ♥ (Reply to this)

	funnyghost 2009-05-30 06:23 am UTC (link)
	so lovely, thanks for sharing) I'm gonna use the second right now))))) (Reply to this)

	gogo_sakura 2009-05-30 08:06 am UTC (link)
	These are so cute! (Reply to this)

	delicatio 2009-05-30 08:07 am UTC (link)
	Brill, as usual. Memming. ♥ (Reply to this)

(156 comments) - (Post a new comment)

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

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