s2 layout: dream dust for my pirate [minmalism]

[milou_veronica]

Here is my old minimalism layout. I've kind of come to really hate it, but urg, so much work.



picture | livelayout: dream dust for my pirate
style: minmalism
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar
browsers: IE7, FF, and Opera

/*

dream dust for my pirate (minimalism; basic/plus/paid; milou_veronica)

*/

a:link, a:visited, .content .header .nav .item a, .page-nav a {color:#839FAF; border-bottom:none;text-decoration:none}
a:hover,.sidebar a:hover, .ljuser a b:hover, .content .entry .entry-text .author a { color:#DF7D7D; text-decoration:none}
b, u {color:#333333} i,s {color: #999999}
a img{border:none}
.content .header .hr, .hr, hr, .content .header .userpic, .content .header h2, .header h2, .header h3, .content .header h1, .content .header h1 .ljuser.vcard, .content-tags .comma, .hide_date #page .entry .entry-date, .sidebar .hr, .hr hr, .sidebar .hr, #post-sticky.entry .entry-title{ display:none; }

/* PAGE */
body {background:#eeeeee url(http://i42.tinypic.com/15xpdnk.jpg) repeat fixed 0 0; font-size:0.62em; font-family: Arial, Verdana, sans-serif; color: #555555; line-height:1.5; padding:0;margin:0} html, #page {min-width:764px}
.content {float:left; margin-right:-100%; width:100%}
.column-right .content-inner {margin:0 230px 0 0; padding-right: 10px}

/* HEADER */
.content .header {margin:0;position:relative; float:left}
.content .header .nav {float:left; position:relative; text-align:left; padding: 10px 10px 28px 0px; margin:0px}
.content .header .nav-sub {float:left; position:relative; margin:0px; width:0px;padding: 25px 0px 28px 0px}
.content .header .nav .item {display:block; line-height:33px; padding-left:1em; position:relative} .content .header .nav .item a {height: 0px; width: 0px; padding: 16px; background: transparent no-repeat scroll 0 0; font-size:0}
.content .header a{color:transparent !important}
.content .header .nav li.item-recent a {background-image: url(http://i42.tinypic.com/1z4ddfo.png)}
.content .header .nav li.item-friends a {background-image: url(http://i39.tinypic.com/2aiiwzl.png)}
.content .header .nav li.item-archive a {background-image: url(http://i39.tinypic.com/2yzarlx.png)}
.content .header .nav li.item-profile a {background-image: url(http://i39.tinypic.com/ih880k.png)}
.content .header .nav .item-addfriend, .content .header .nav .item-rss {margin-top: 43px}
.content .header ul.nav-sub li.item-addfriend {height: 32px}
.content .header .nav li.item-addfriend, .content .header .nav li.item-rss {padding:0px; font-size:0}
#page .btn-add span span span {height: 32px; padding: 32px 16px 0 16px;font-size:0; background-position: 0 0; background-repeat:no-repeat; background-image:url(http://i41.tinypic.com/2hxp01h.png)}
#page .btn-rss { font-size:0; padding: 0px 0px 0px 10px!important} #page .btn-rss a {padding:0px; font-size:0}
#page .btn-rss span span span { height: 32px; width:16px; padding: 32px 0 0 32px; background-position: 0 0; background-image:url(http://i39.tinypic.com/9swfpy.png);background-repeat:no-repeat} #page .btn-add { margin: 0; font-size:0; padding:0 0 0 10px}

/* ENTIRES */
.content .entry {margin: 0 0 0 50px; overflow:hidden; position:relative; padding:0px}
.entry-title {color:#1a1a1a; font-size:3em;padding: 20px 10px 0; line-height:0.8; letter-spacing:-0.1em; font-family: "Trebuchet MS", Geneva, sans-serif; text-align:right; text-transform: lowercase}
.entry-title a {padding-left: 34px; background: transparent url(http://i43.tinypic.com/200whuv.png) no-repeat scroll 0 50%; color:#1a1a1a} .entry-title img {padding-right: 0.5em} .ljuser a {background-image: none; padding-left:0}

.entry-text { background-color: #FFFFFF; clear:both; font-size:1.2em; font-family: Arial, Verdana, sans-serif; color: #555555; margin:0; line-height:1.75; padding:1em; position:static; border:1px solid #dddddd; border-bottom:none; min-height: 170px}
.entry-text .author {float:right; font-size:0.85em; margin: 0.5em 0.5em 1.2em 0em; max-width:120px; position:relative; text-align:center; z-index:10}
.entry-text .author * {margin-left:0px} .entry-text .author dt img {margin-left:0; border: 1px solid #eeeeee; padding:2px}
.entry-text ul li, .entry-text ol li, .entry-text dl dd {line-height:1.3; margin-bottom:0.3em; margin-left:1.5em} .entry-date, abbr[title], acronym[title] {border:none}
#post-sticky.entry .entry-text {color: #aaa; font-family: "Trebuchet MS", Geneva, sans-serif; font-style: italic;background:transparent url(http://i44.tinypic.com/kf40b7.png) repeat scroll 0 0; border:none;min-height:0; font-size:1.12em; line-height:1.5; padding: 5px}

.metadata {font-size:0.85em; margin:0; padding:6px 15px; text-transform: lowercase; color: #777777; overflow:hidden; border-bottom: 1px solid #f5f5f5}
.metadata dl {padding-left: 18px;background: transparent no-repeat scroll 0 50%; margin:0; padding:2px 0; padding-left: 18px}
.content .entry .entry-text .metadata dt {display:none}.content .entry .entry-text .metadata dd {display:inline; margin-left:0}
dl.meta-location {background-image: url(http://i40.tinypic.com/1zn7g8z.gif)}
dl.meta-mood {background-image: url(http://i43.tinypic.com/2d7hj5j.gif)}
dl.meta-groups { background-image: url(http://i44.tinypic.com/29m3b4i.jpg)}
dl.meta-music { background-image: url(http://i44.tinypic.com/29z3p50.gif)}
.entry-content { padding: 10px 15px; margin:0}
blockquote {border:1px solid #eeeeee; background: transparent url(http://i40.tinypic.com/zrdhj.png) repeat scroll 0 0; line-height:1.75; color:#666666;padding:1em; margin: 10px}
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px} form#qrform table {border-width: 0px !important}
input, textarea {font-family: Georgia, Times, serif; font-size: 11px; background: transparent url(http://i40.tinypic.com/zrdhj.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777}
.ljtags { margin:1.5em 0; font-size:0.8em; text-transform:lowercase;padding-left: 18px; background: transparent url(http://i40.tinypic.com/161xrhf.gif) no-repeat scroll 0 50%}
.entrymenu {clear:both; padding: 5px 0 45px; height:0px;background-color: #f3f3f3; margin: 0px}
.entrymenu li { display:inline; padding-right:7px}
.entrymenu li.a {background: transparent none no-repeat scroll 0 0}.entrymenu ul {margin-top:10px}
.btn-comments span span span {padding: 5px 17px 22px 9px !important; background-image:url(http://i42.tinypic.com/2s9qby9.png);background-repeat:no-repeat}
.btn-comment span span span {height:0;width:0;padding: 10px 24px 24px 30px !important;background-image: url(http://i39.tinypic.com/6ojszp.png);font-size:0;background-repeat:no-repeat}
li.edit_entry a, li.edit_tags a, li.mem_add a, li.tell_friend a, li.watch_comments a, li.flag a { height: 0px; width: 0px; padding: 16px 8px 0!important; font-size:0px; background-repeat:no-repeat;color:transparent}
li.edit_entry a{ background-image: url(http://i41.tinypic.com/2w7hd07.jpg)}
li.edit_tags a{background-image: url(http://i39.tinypic.com/293956e.jpg)}
li.mem_add a{ background-image: url(http://i42.tinypic.com/f0rs6f.png)}
li.tell_friend a{ background-image: url(http://i40.tinypic.com/2jaamc6.jpg)}
li.watch_comments a { background-image: url(http://i41.tinypic.com/2090ebl.png)}
li.flag a {background-image: url(http://i39.tinypic.com/n4ulab.png)}

/* SIDEBARRR */
.sidebar{margin:0;padding:0}
.sidebar-inner {overflow:hidden; padding:0; position:relative; float:right; width: 220px; margin-right:10px; background:transparent url(http://i44.tinypic.com/kf40b7.png) repeat scroll 0 0}
.sidebar-tags .tags comma, .content-tags .comma {display:inline}
.sidebar-block dt { font-size:1.3em; line-height:1.1; margin:0; text-align:right; letter-spacing: -1px; font-family: "Trebuchet MS", Geneva, sans-serif; color: #ffffff; text-transform: lowercase; padding: 10px}
.sidebar .calendar-wrap {float:none; font-size:1em; height:auto; padding:0; width:auto; margin:0px}
.calendar-wrap table { border-collapse:separate; border-spacing:1px; width:100%}
.calendar-wrap table caption { padding: 0; text-align:center; text-transform: lowercase}
.calendar-wrap table thead th { font-weight:normal; text-align:center}
.calendar-wrap table td { background:#1a1a1a none repeat scroll 0 0; border-color:#111111; font-weight:normal; padding:2px 4px; text-align:right}

.sidebar-summary ul, .sidebar-tags ul, .sidebar-links dd, .sidebar-summary dd {padding: 0; margin:0}
.sidebar-links dd, .sidebar-summary li, .sidebar-tags li { display:list-item; list-style:none; color:#555555; margin: 0; padding: 10px;border-bottom: 1px solid #2d2d2d}
.sidebar-links dd:hover, .sidebar-summary li:hover, .sidebar-tags li:hover {background-color:#1d1d1d}

.sidebar-tags .tags, .content-tags { line-height:2em; position:relative; text-align:center; margin:0; padding:5px}
.sidebar-tags li {text-align: left}
.sidebar-powered {text-align:center; background-color:transparent;padding-top:20px}
.sidebar-custom dd {margin:0;padding: 30px 15px; background-color:#1f1f1f}

/* ARCHIVE */
.entry-text .calendar-wrap {height:20em; padding:0 11px; width:100%; margin: 0 0 0 -11px}
.entry-text ul li.active{text-align: left; margin:0 0 0 10px; padding:0 0 0 19px; background: transparent url(http://i42.tinypic.com/2gtufj9.png) no-repeat scroll 0 50%;font-size: 1.4em}
.entry-text .calendar-wrap table { border-collapse:separate; border-spacing:1px}
.entry-text .calendar-wrap table thead th {background-color:#fafafa}
.entry-text .calendar-wrap table td, .entry-text .calendar-wrap table th {border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; color:#cccccc; font-size: 1em}
.entry-text .calendar-wrap table td:hover, .entry-text .calendar-wrap table th:hover {border-color: #eeeeee; border-style:solid; border-width: 1px 0 0 1px}
.entry-text .calendar-wrap table td {background-color:#FFFFFF;border-color:#eeeeee;font-size:1em;font-weight:normal; padding:2px 4px; text-align:right}
.entry-text .calendar-wrap table td:hover {background-color:#f8f8f8}

/* TAGS */
.tags-cloud .content-tags {padding: 15px; font-size:1.1em; line-height:1.8em; color: #aaaaaa}

/* FOOTER */
ul.page-nav {list-style:none; font-size: 1.1em; text-transform:lowercase; padding: 10px 0; letter-spacing: 2px;text-align:center}.page-nav li {display:inline}
li.prev a{height: 0px; width: 0px; padding: 22px 0 32px 32px; background: transparent url(http://i40.tinypic.com/33o2psy.png) no-repeat scroll 0 0; font-size:0}
li.next a{height: 0px; width: 0px; padding: 22px 0 32px 32px; background: transparent url(http://i43.tinypic.com/2chrhn8.png) no-repeat scroll 0 0; font-size:0}

/* COMMENT PAGE */
.entry-linkbar { padding:0; text-align:right} .entry-linkbar a {background-image: none; padding:0px}
form#qrform{background-color:#FFFFFF;border:1px solid #dddddd;margin-top:1px}
.entry-comments .entry .entry-text{background-color: transparent; border: none;padding:0; margin:5px 0}.entry-comments-text {overflow-x:auto; overflow-y:hidden}
.comment-wrap { margin-top:5px; padding: 0 0 5px;border: 1px solid #dddddd; background-color:#FFFFFF}
.comment-head {padding: 10px; font-family: "Trebuchet MS"}
.comment-head h3 {margin: 0; letter-spacing:-.05em;font-weight:normal;font-style:italic}

.comment-upic img {float:left; vertical-align:bottom; border:1px solid #f7f7f7;background-color:#ffffff; padding:7px;margin: 0 6px 6px 0}
.comment-head p {display:inline; padding-right:10px;margin:0}
.comment-text { margin-left:105px; margin-top:0.4em; padding:5px; min-height: 110px}
.comment-menu { font-size:0.75em; padding-right: 10px;text-align:right}

/* ICONS */
.ljuser { white-space:nowrap} .ljuser a b{font-weight: normal; color: #839FAF;text-transform: uppercase; font-family: "Trebuchet MS", Georgia; letter-spacing:0px; font-size: 0.8em}
.ljuser .ico, .ljuser .ico img {border:0 none !important; margin-right:0em}

.ljuser img {width:0; height:0; background: transparent url(http://i43.tinypic.com/wao7xe.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/wao7xe.png) no-repeat center left !important; padding: 16px 16px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i48.tinypic.com/25soj6c.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}

HTML BODY img.i-ljuser-userhead {height:0 !important;width:0 !important}

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], form img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 3px 16px 16px !important; background: transparent none no-repeat scroll 0 0}

img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2vkkzf4.png)}
img[src*="icon_private.gif"]{background-image: url(http://i40.tinypic.com/r9ifk8.png)}
img[src*="icon_groups.gif"] {background-image: url(http://i42.tinypic.com/24awvac.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/2rx7bdh.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i46.tinypic.com/zpw1v.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/2ibyblt.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i41.tinypic.com/11jw3ko.png) !important}
img[src*="btn_del.gif"] {background-image: url(http://i43.tinypic.com/28lgb45.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/28krqew.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i44.tinypic.com/2dcanol.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/bhak51.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/1grgow.png)}
img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i43.tinypic.com/167p7qp.png)}
img[src*="anonymous.gif"] {background-image: url(http://i41.tinypic.com/281a7fp.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/33vi147.png)}
form img[src*="userinfo.gif"] {background-image: url(http://i43.tinypic.com/wao7xe.png)}
img[src*="talk/none.gif"] {background-image: url(http://i41.tinypic.com/357itzt.png)}
img[src*="help.gif"] {background-image: url(http://i40.tinypic.com/900s50.png)}
img[src*="pencil.gif"] {background-image: url(http://i39.tinypic.com/30046dc.png)}
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/wtetc9.png)}
.Note .Inner { background-color: #FFFFFF; border: 1px solid #eeeeee; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background-color: #FFFFFF; border: 1px solid #eeeeee; padding:10px}
.replyform{background-color: #FFFFFF;border: 1px solid #dddddd; padding:10px; margin-top:10px}

.entry-linkbar img {height:0;width:0;padding:0px 0px 24px 24px !important}
.entry-linkbar img[src*="btn_prev.gif"] {background:url(http://i43.tinypic.com/52fj1v.png)}
.entry-linkbar img[src*="btn_edit.gif"] {background:url(http://i40.tinypic.com/2ebzr10.png)}
.entry-linkbar img[src*="btn_edittags.gif"] { background:url(http://i40.tinypic.com/2uol5vs.png)}
.entry-linkbar img[src*="btn_memories.gif"] {background:url(http://i39.tinypic.com/14j9gty.png)}
.entry-linkbar img[src*="btn_tellfriend.gif"] {background:url(http://i42.tinypic.com/do19pt.png)}
.entry-linkbar img[src*="btn_tracking.gif"],.entry-linkbar img[src*="btn_track.gif"] {background:url(http://i41.tinypic.com/bgefkh.png)}
.entry-linkbar img[src*="button-flag.gif"] {background:url(http://i44.tinypic.com/i39pxc.png)}
.entry-linkbar img[src*="btn_next.gif"] { background:url(http://i39.tinypic.com/2pzcyna.png)}

/* MISC */
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-transform: lowercase}
div.ContextualPopup div.Inner { color: #888888 !important; border: none; background-color: transparent !important; width: 300px}
div.ContextualPopup .Userpic { padding: 12px; border: 1px solid #eeeeee; background-color: #ffffff}
div.ContextualPopup .Content { padding: 5px; background-color: #ffffff; border: 1px solid #eeeeee; margin: 0 80px 0 0}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #aaaaaa !important}
div.ContextualPopup .Relation {font-family: "Trebuchet MS", Geneva, sans-serif; font-size: 1.3em; color:#1a1a1a}
#lj_controlstrip{background:transparent url(http://i44.tinypic.com/kf40b7.png) repeat scroll 0 0} table#lj_controlstrip td { color: #666666;border: solid 1px #333333; border-left: none}
#lj_controlstrip a { color: #aaaaaa} #lj_controlstrip_statustext { color: #cccccc}

installation
01.
Choose Journal Style
02.
Select the minimalism theme Claret Mood in "Select a New Theme"
03.
In Choose a Page Setup, select 2 Column (sidebar on right)
04.
To have a sticky post, go to " Text ", and add your text/html into the box labelled Sticky post.
05.
Then go to the "Sidebars " section. If you wish, add your free text to Content of custom block.
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:

♚ mini icons by DryIcons, FamFamFam and damnicons.
♚ Please address all questions to the F.A.Q.
♚ If there is a way to add a header to this layout, I haven't tried, but you can probably add an image using html to the Sticky Post. like so:
. And if you don't like the black background the sticky post has, add to the end of your code this: #post-sticky.entry .entry-text {background:none;}

♔ Commenting and crediting always appreciated, but not necessary