S2 Smooth Sailing : The Umbrella Knight

[malionette]

Click for a Live Preview.

( Get layout code & instructions )

( Layout Code ) #023 : The Umbrella Knight /* S2 SMOOTH SAILING --- The Umbrella Knights ---
Wingweaver22 @ Fruitstyle.livejournal.com
Do not remove this note. */

/* ------------------------------ PAGE ------------------------------ */

body {font: 10px arial, tahoma; color: #606060; margin: 0; padding: 0; top: 0 !important;
background: url(http://img111.imageshack.us/img111/9756/patsquaresno8.png);}

b {font-family: tahoma;}

a, a:visited, a:active{ color: #a4cacb; border: 0; text-decoration: none; }
a:hover { color: #333333; }

input, textarea, select { font: 10px arial; color: #777777; border: 1px solid #cccccc; margin-top: 5px; background-color: #fafafa; }
blockquote {border: 1px dashed #cccccc; padding: 10px; margin: 10px;}
hr { border: 0; border-top: 1px solid #cccccc; height: 7px; background-color: #f5f5f5; border-bottom: 1px solid #cccccc; }

.pageblock { width: 750px; margin: 0 auto; }
.pagefooterblock { display: none; }

/* ------------------------------ HEADER ------------------------------ */

.header-title, .header-subtitle, .header-icon { display: none;}

.header-menu ul { text-align: right; background-color: #a4cacb; padding: 25px 0 25px 0; margin: 0;
font: 7pt times new roman; text-transform: uppercase; border-top: 6px solid #333333;}
.header-menu li { display: inline; padding: 25px 10px 25px 10px; border-left: 1px dotted #ffffff;}
.header-menu a, .header-menu a:visited, .header-menu li:visited { color: #ffffff; border-bottom: 1px dashed #ffffff; padding: 0 0 6px 0;}
.header-menu a:hover{ border-bottom: 2px solid #a4cacb; }
.header-menu li:hover{ background-color: #777777;}

/* ------------------------------ BODY ------------------------------ */

.bodyblock { background: #333333; }
.bodyheaderblock {display: none;}
.bodynavblock { background-color: transparent; margin-top: 5px; text-align: center; text-transform: uppercase;}

.bodynavblock a, .bodynavblock a:visited { background-color: transparent; border: none;}

.body-title { display: none; }
.body-midtitle { display: none; }

/* ------------------------------ SIDEBAR ------------------------------ */

.sidebar { width: 200px; #333333; color: #dddddd;}
.sidebar a:hover {color: #ffffff;}
.sidebar br{display: none;}

.sidebar ul, .sidebar ul:visited{ margin: 0; padding: 0;}
.sidebar li, .sidebar li:visited{display: block; margin: 0; padding: 0; }

.sideboxTitle {font: 22px georgia; text-transform: lowercase; font-style: italic; margin: 10px 0 10px 0; border-bottom: 1px dotted #666666;}

.sidebox{width: 180px; float: left; margin: 0 0px 0 10px; }

.sidebar img{ border:0; padding: 0; margin: 0; background-color: transparent;}

.sideboxContent {padding: 0; margin: 0; }
#freetext {border-bottom: 1px solid #666666; padding: 10px 0 10px 0;}

#tags_sidebox{ font-size: 0; text-align: left; }
#tags_sidebox a, .listitem a { display: block; padding: 3px 2px 3px 2px; border-bottom: 1px solid #666666; font: 9px times new roman; text-transform: uppercase;
color: #ffffff !important; background-color: #444444; }
#tags_sidebox a:hover, .listitem a:hover {color: #a4cacb !important;}
.profile-label { display: none; }

#latestmonth table {text-align: right; margin: 0 auto; border: 1px solid #666666; width: 180px; padding: 0px; }
.latestmonth-inactive { padding: 0px; margin: 0px; width: 16px; height: 16px; text-align: right; }
.latestmonth-active{ padding: 0px; margin: 0px; border: 0; width: 16px; height: 16px; background-color: #444444; text-align: right; }
.latestmonth-active a:hover, .latestmonth-active a { padding: 0; margin: 0; border: 0; }

/* ------------------------------ ENTRIES ------------------------------ */

.entryHolder { padding: 0 0 10px 0; margin: 0 !important; background-color: #ffffff; text-align: justify; border-bottom: 1px solid #cccccc; }

.entryUserinfo {font-weight: normal; text-align: center; margin: 10px; }
.entryUserinfo-usericon { padding: 10px; background-color:#f5f5f5; }
.entryUserinfo-usericon img { padding: 3px; border: 1px solid #cccccc; background-color: #ffffff;}

.entryUserinfo-username .ljuser b{font: 9px arial; text-transform: uppercase; font-weight: none; }
.entryUserinfo-username {margin: 10px 0 0 0;}

.entryHeader {color: #a4cacb; padding: 10px 0 0 0;}
.entryHeader img {border:0; margin: 0; padding: 0; background-color: transparent;}

.entryHeaderSubject {position: absolute !important; font: 26px times new roman ; font-weight: bold; text-transform: lowercase; letter-spacing: -1px;}
.entryHeaderSubject:first-letter {color: #ffffff;}
.entryHeaderDate{ position: absolute; margin: 30px 0 0 15px; font: 10px arial; color: #cccccc; letter-spacing: 3px; text-transform: uppercase;}

.entryText { text-align: justify; padding: 10px; margin: 60px 0 0 0; border-top: 1px dotted #cccccc; min-height: 100px;}
.entryText img { border: 1px solid #cccccc; padding: 4px; }
.entryText a img {border-color: #a4cacb;}
.entryText a img:hover {border-color: #777777;}

/* ------------------------------ META ------------------------------ */

.entryMetadata { margin: 0 10px 0 40px; }
.entryMetadata li, .entryMetadata ul {padding: 0; margin: 0; }
.entryMetadata li { list-style: decimal-leading-zero; padding: 2px; border-top: 1px dotted #cccccc;}

.entryMetadata-label {text-transform: uppercase; font: 11px georgia; margin: 0 10px 0 0; }

.entryMetadata img { position: absolute; margin: 0 0 0 300px;}

/* ------------------------------ COMMENT BAR ------------------------------ */

.entryLinkbar {margin: 0 10px 0 40px; text-transform: uppercase; font: 9px arial; border-top: 1px dotted #cccccc; padding: 10px 0 0 0;}
.entryLinkbar ul { margin: 0; padding: 0; }
.entryLinkbar li { display: inline;}

.entryLinkbar a { display: block; float: right; margin: 0 10px 0 0 ; padding: 2px 5px 2px 5px; color: #ffffff; background-color: #a4cacb; }
.entryLinkbar a:hover {background-color: #777777;}

/* ------------------------------ FOOTER ------------------------------ */

#footer-menu {margin: 0; padding: 10px; background-color: #ffffff;}
#footer-menu ul{ margin: 0; padding: 0; }
#footer-menu li {display: inline; margin-right: 10px; }

/* ------------------------------ COMMENT PAGE ------------------------------ */

.commentHolder { background-color: #ffffff;}

.commentUserinfo {font-weight: normal; text-align: center; margin: 10px; }
.commentUserinfo-usericon { padding: 10px; background-color:#f5f5f5; }
.commentUserinfo-usericon img { padding: 3px; border: 1px solid #cccccc; background-color: #ffffff;}

.commentText { padding: 10px; }

.commentHeader { padding: 10px; border-bottom: 1px dotted #dddddd; margin: 10px 0 0 0; font: 26px times new roman; font-weight: bold; color: #a4cacb; letter-spacing: -1px; }

.commentHeaderScreened { background-color: #eeeeee; }

.commentHeaderSubject { float: left; text-transform: uppercase; font: 10px arial; color: #aaaaaa; letter-spacing: 2px;}

.commentLinkbar {margin: 0 10px 0 40px; text-transform: uppercase; font: 9px arial; border-top: 1px dotted #cccccc; padding: 10px;}
.commentLinkbar ul { margin: 0; padding: 0; }
.commentLinkbar li { display: inline;}

.commentLinkbar a { display: block; float: right; margin: 0 10px 10px 0 ; padding: 2px 5px 2px 5px; color: #ffffff; background-color: #a4cacb; }
.commentLinkbar a:hover {background-color: #777777;}

.replyform { border: 0px; background-color: #eeeeee; color: #64412d; }
#qrform table{border: 1px dotted #dddddd !important; width: 500px; margin: 30px 10px 10px 10px;}

#commenttext{ width: 100%; }

/* ------------------------------ ARCHIVE PAGE ------------------------------ */

.yearlinks { text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { width: 510px; padding-bottom: 5px; margin: 4px 4px 4px 10px; }

.daysubjects { letter-spacing: 1px; padding: 6px 0 6px 0; }
.daytitles { text-align: ; background: #eeeeee; padding: 2px; }
.day-blank { padding: 2px; }
.day { padding: 2px; }
.day-date { text-align: left; }
.day-count { width: 50%; text-align: left; float: right; font-size: 9px; }

.entryHeader a{font-size: 24px;}

/* ------------------------------ TAGS PAGE ------------------------------ */

/* tags container */

.tagstable td { padding-top: 5px 0px 5px 0px; }
.tagstable { text-transform: lowercase; letter-spacing: 1px; width: 400px; }

/* ------------------------------ EXTRAS ------------------------------ */

::-moz-selection { background: #dddddd; color: #ffffff;}
::selection { background: #dddddd; color: #ffffff;}
code::-moz-selection { background: #dddddd; color: #ffffff;}
code::selection { background: #dddddd; color: #ffffff;}

/*------ Look of contextual Popup ------*/

div.ContextualPopup { font-family: arial !important; font-size: 10px !important; }

div.ContextualPopup div.Inner { background-color: transparent !important; border: 0; text-align: right;}

div.ContextualPopup .Content { padding: 5px; color: #606060 !important; width: 150px; border: 1px solid #ececec; background-color: #ffffff;}
div.ContextualPopup .Relation {}
div.ContextualPopup .Content .OnlineStatus {font-weight: normal;}

div.ContextualPopup .Userpic { border: 1px solid #dddddd; padding: 10px; background-color: #ffffff; margin: 0 -45px 0 0;}
div.ContextualPopup .Userpic img { }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; color: #a4cacb !important; }
div.ContextualPopup div.Inner a:hover { color: #333333 !important; }

#lj_controlstrip {display: none; }

a[href*="entry.bml"], a[href*="tellafriend.bml"], a[href*="memadd.bml"], a[href*="content_flag.bml"]{display:none; padding: 0;}

* html span.ljuser{ background-image: url(img/useryb4.png) !important no-repeat left middle; padding: 10px 8px 0px 0px !important;}

* html span.ljuser img{ visibility: hidden; }

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; padding: 12px 8px 0 4px !important;
background: url(http://img291.imageshack.us/img291/4575/useryb4.png) no-repeat !important;}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width:0; height: 0; padding: 12px 8px 0 4px !important;
background: url(http://img401.imageshack.us/img401/7833/communityei5.png) no-repeat !important ; }

img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 0 0 10px 10px; margin: -25px 0 0 8px;
background: url(http://i36.tinypic.com/29eq5nt.jpg);}

img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 0 0 7px 12px; margin: -22px 0 0 7px;
background: url(http://i36.tinypic.com/6dz3vl.jpg) no-repeat;}

More LJ layout stylesheets and profile codes at fruitstyle.