s2 layout: je ne peux pas compter sur vous [mixit]

Feb 23, 2009 10:59

My first mixit layout! Appologies for any mistakes made. If you recognise the colour scheme in the second version, yes, I have used it before (I'm rather fond of it).


picture | live

picture | live layout: je ne peux pas compter sur vous
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, bottombar(?)
browsers: IE7, FF, Safari, Chrome, and Opera

black
/*

je ne peux pas compter sur vous ((mixit; basic,plus,paid;milou veronica))

*/
body {font-family:Arial, Helvetica, sans-serif;font-size: .77em;color:#555555;background:#eeeeee url(http://i444.photobucket.com/albums/qq163/autexousy/backgrounds/byjan1.png) repeat fixed 0 0;padding:0;margin:0}

a, .ljuser a b {font-weight:normal;text-decoration: none;color: #99AFAC;}
.ljuser a b{font-weight:normal;font-family:Georgia,Times New Roman,serif;font-style:italic;}
a:hover,#alpha .asset-meta-list a,.typelist-widget li.item:hover a, .nav a:hover,.ljuser a b:hover {text-decoration: none;color: #CF8267;}
b, u {color:#222222} i,s{color:#999999} #beta b,#beta u{color:#eeeeee} #beta i,#beta s{color:#666666} a img{border:none}

/*
PAGE
*/

#page-inner {width: 100%;margin:0;}
#content {background-color:#4CAF91;padding-top:102px}
#content-inner {padding-top: 0px;background:#eeeeee url(http://i39.tinypic.com/mv53kl.png) repeat fixed 0 0;padding-right: 0;margin: 0;}
.layout-wt #content-inner, .layout-twt #content-inner,.layout-tw #content-inner,.layout-wtt #content-inner {background: #EEEEEE url(http://i39.tinypic.com/mv53kl.png) repeat scroll 0 0}

/*
HEADER
*/

.page-header1 { font-size: 28px; }.page-header2 { font-size: 22px; }.page-header3 { font-size: 18px; }.page-header4 { font-size: 14px; }

#header-text,.page-header1,.page-header2,.page-header3,.widget-header,.entryMetadata-label,.asset-tags-header {font-family:Georgia,Times New Roman,serif;text-transform:lowercase;}

#header {position: static;background-color: #111111;}
#header-inner {position: static;background: #111111 url(http://i43.tinypic.com/f0cf1t.png) repeat fixed 0 0;}
#header-content-inner {margin: 0;padding:0;}

#header-text {font-family:Georgia,Times New Roman,serif;text-transform:lowercase;width:780px;margin: 0px auto 7px;background: transparent url(http://i43.tinypic.com/nvtr1v.png) repeat fixed 0 0;padding:10px 20px 40px}

/* header nav links */
ul.nav {list-style:none;padding:0;margin:0;}
li.item {display:inline;padding: 0 5px;}
.nav{ color: #598F84;} .nav a { color: #598F84; border:1px solid #222222;border-top:none;padding:10px 15px;background-color:#1d1d1d}
.nav a:hover{background-color:#181818;position:relative;padding-top:15px;top:5px;border-top:none}
.nav .item {border-color: #cccccc;margin:0}#header-text li.item {margin:0 1px;padding:0}
.nav .current a {text-decoration:none;}

/* header titles */
#header-name {padding-top:15px;font-size: 30pt;color:#aaaaaa;}
#header-name, #header-name a {color: #ffffff;text-decoration: none;}
#header-name a:hover {text-decoration: none;}
.asset-name { font-weight: bold; }
.asset-name,.asset-name a,.page-header1,.page-header2,.page-header3 {color: #444444;margin:0;padding:0}
.asset-name-hover {}
#header-description {font-size: 14px;color:#666666}

#header-description,#header-description a {color: #444444;}
#header-photo {display:none;}

/*
ENTRIES
*/

#alpha-inner {margin: 0 auto 25px;padding-top:20px;width:780px;}
.asset-content {background-color:#ffffff;margin-right:125px;position:relative}
div.asset-inner {padding:0;margin:0 auto 25px}
.asset-header, .asset-header a {color:#1a1a1a;letter-spacing:-0.05em}.asset-header .page-header1, .page-header2, .page-header3 {margin-right:250px}
.asset-meta-list .datetime {color:#999999;font-size:7pt;text-transform:lowercase;background-color:#eeeeee;padding:9px}
.asset-meta-list .datetime:hover {background-color:#FFFFFF}
.asset-header .asset-meta {padding:0;margin:0;color:#777777;margin-top:-20px;}
.asset-header .asset-meta-list {border-top:none}

.asset-body {line-height:1.75;padding:15px;border-bottom:1px solid #f5f5f5;width:620px}

.user-icon{float:right;margin-right:-115px;background-color:transparent !important;position:relative;left:27px}
.user-icon img{background-color:#ffffff; padding:8px;}
div.user-icon span {background-color:transparent !important}

.asset-content blockquote {color:#777777;margin:10px;background: #f7f7f7 url(http://i40.tinypic.com/zrdhj.jpg) repeat scroll 0 0;border:1px solid #eeeeee;padding: 10px;}

* html .asset-content ol { margin-left: 25px;}

.asset-stream-list .post-asset .asset-name { margin-top: 0; }

.asset-stream-grid .asset-inner {background-color: #eff3f7;padding: 0;}

/* currents and tags */
div.lj-currents {padding-left:25px;color:#999999;font-size:7.5pt}
div.lj-currents ul {padding:6px 5px 0;margin:0;list-style:none;}
div.lj-currents li {padding-top:3px;}
.entryMetadata-label{font-weight:normal;color:#444444;}
.entryMetadata-content{padding-left:10px;} .entryMetadata-content img{vertical-align:middle;}

div.asset-tags {padding: 3px 6px 6px 30px;color:#444444;font-size:7.5pt}
.asset-tags-list {margin:0;padding:0}
.asset-tags-header {float:left;font-weight:normal;text-transform:lowercase;margin:0 10px 0 0;font-size:7.5pt}
.asset-tags-list a:hover {background-color:#CCCCCC;color:#555555;}
.asset-tags-list li.item{display:inline;padding:0;}

/* comment bar*/
.asset .asset-meta dd a {color: #333333;}
#alpha .asset-meta-list a {margin-left:3px;padding:7px 6px;background-color:#eeeeee;border-top:1px solid #ffffff}
#alpha .asset-meta-list a:hover{background-color:#ffffff}
.asset-meta-list li.item {padding: 0;}
.asset-meta-list{margin:0;border-top:10px solid #ffffff;padding:7px;text-transform:lowercase;text-align:right;font-size:8pt;background-color:transparent;margin-right:125px}
.asset-footer {height:25px;}

/*
SIDEBARS
*/
#beta-inner,#gamma-inner { padding: 0; margin: 0 auto; width:780px;font-family:Georgia,Times New Roman,serif;font-size:7.5pt}
#beta {margin:0 auto;background: #111111 url(http://i43.tinypic.com/f0cf1t.png) repeat fixed 0 0;padding-top:7px;}

.widget-header {padding: 10px 15px;font-size: 13px;height:14px;font-weight:normal;}
.widget .widget-header {padding:15px 0 10px 10px;margin:0;color:#ffffff}
.widget-header a {color:#ffffff}.widget .widget-header a:hover{text-decoration: none;}

.widget-content {padding: 0 5px;height:175px;overflow-x:hidden;overflow-y:auto;color:#aaaaaa}

.about-me-widget .user-pic{margin:0 auto;text-align :center} .about-me-widget .user-pic img{margin:0 auto;border:1px solid #1a1a1a;padding:8px;background-color:#1d1d1d}
.profile-list .profile-name.item {display:none}.profile-list .profile-username.item {padding:0;margin:0 auto;text-align:center}
.typelist-widget li.item{display:block;padding: 3px 0 3px 4px;border-bottom:1px solid #2d2d2d}.typelist-widget li.item:hover{background-color:#1d1d1d;}
.categories-widget li.item{display:inline;}
.widget-content table {margin:0 auto;color:#aaaaaa;border-spacing:1px;padding:0px} .widget-content table td{border:1px solid #1a1a1a;padding:2px;margin:0px;background-color:#1d1d1d;}
.customtext-widget {line-height:1.5;padding-left:5px;}

.widget ul, .widget ol, .widget dl { margin-bottom: 0; list-style: none;padding:0;margin:0}
li.widget {list-style: none}

.widget-footer {padding-top:0px} .widget-footer a{color:#666666}
.widget-footer p {line-height: 1;margin: 0;padding: 0;}
* html .widget-footer a {padding: 0 15px;word-wrap: break-word;}
div.syndicate-widget,div.designed-widget,div.powered-widget {display:none}

div.typelist-widget,div.about-me-widget,div.calendar-widget,.customtext-widget,div.categories-widget,div.archive-widget {float:right;margin-right:4px; background: transparent url(http://i43.tinypic.com/nvtr1v.png) repeat fixed 0 0;min-height:220px;}

/*sidebar boxes*/
div.typelist-widget,
div.about-me-widget,
div.calendar-widget,
.customtext-widget {width:24%;}

div.categories-widget,
div.archive-widget {display:none}

/*
PAGE NAVIGATION
*/

.prevnext{text-align:center; color:#dddddd;margin:0 auto;font-size:1em;font-family:Georgia;}

/*
ARCHIVE PAGES
*/

body#home.asset-stream.layout-tw.lj-view-archive #alpha-inner {padding-top:0}
body#home.asset-stream.layout-tw.lj-view-archive .asset-content {margin-right:0}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext{text-align:center; width: 780px; margin:0 auto;font-size:14pt;font-family:Georgia;color:#cccccc}.prevnext .year {list-style:none; padding:0;margin:0}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li{display:inline;background-color:#e6e6e6;padding: 0 10px 5px;}body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li:hover{background-color:#dadada;}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li.active{background: #111111 url(http://i444.photobucket.com/albums/qq163/autexousy/backgrounds/byjan1.png) repeat fixed 0 0;padding:0 10px 5px;;color:#aaaaaa}
.yeartable{width:90%;border-spacing:1px;} .yearday {border:1px solid #333333;background-color:#333333;color:#ffffff;text-transform:lowercase;text-align:center}.yeardate {border:1px solid #f5f5f5; background-color:#f5f5f5}

/*
TAGS
*/

body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner .page-header2 {font-weight:normal;}
body#home.asset-stream.layout-tw.lj-view-tags #alpha {padding-top:10px;}
body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner {background-color:#ffffff;width:780px;padding:15px;margin: 0px auto 10px;border:1px solid #e7e7e7}
body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner ul{list-style: inside none square;color:#888888;} body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner ul li{padding:3px;border-bottom:1px dotted #eeeeee}

/*
COMMENT PAGE
*/
#comments {margin-right:125px}
#comments .comment-even,.comment-error,#comments .comment-odd {background-color: #ffffff;margin-bottom:6px;border:1px solid #ececec;}
#comments .comment-even{border-left:10px solid #ececec;}
.comment-meta .user-icon {margin:10px;}
.comment-meta .commenter-name {font-family:Georgia; font-size:12pt;padding:10px 10px 0;}
.comment-meta .comment-date{font-family:Georgia; font-size:7pt;padding:0 10px;}
.comment-subject{padding:0 5px;font-family:Georgia; font-size:10pt;color:#999999;text-align:right}
.comment-body {padding:20px;line-height:1.75;min-height:80px}
.comment-links{color:#dddddd;text-align:right;font-size:7pt;padding:5px}
form#qrform, form#postform {border: 1px solid #ececec;background-color:#ffffff;margin-bottom:7px}

.asset-detail .asset-containers,.comment-even,.comment-error {border-width: 0px;border-style: solid;border-color: #d9ecc7;}
#comment-form textarea {border: 1px solid #979797;border-right-color: #e5e4e4;border-bottom-color: #e5e4e4;}
.comment-form-footer input { border: 1px #a9a9a9 solid; }
.recent-activity-posts .post-asset,.asset-containers .post-asset {background-position: 0 4px;}

/*
THE REST
*/
hr {height:0px;border:1px solid #dddddd}

#lj_controlstrip a:hover{text-decoration:none;color:#444444;}table#lj_controlstrip td {background-color: #151515; background-image: url(); color: #666666;border: solid 1px #0d0d0d; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; } #lj_controlstrip input, #lj_controlstrip_search_input_text, #lj_controlstrip select {background:#1d1d1d !important;border:1px solid #222222;color:#666666}
form#qrform table {border-width: 0px !important;}

div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Arial" !important; }
div.ContextualPopup div.Inner {color: #777777 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 260px;}
div.ContextualPopup .Userpic {padding: 6px;margin:0; border: 1px solid #dddddd; background:#ffffff url(http://i39.tinypic.com/17eq8n.png); } div.ContextualPopup .Userpic img{background-color:#ffffff;padding:3px;border:1px solid #dddddd}
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 74px; border: 1px solid #dddddd; background: #ffffff url(http://i39.tinypic.com/17eq8n.png) repeat !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #666666 !important;}
div.ContextualPopup .Relation { font-family: Georgia; font-size: 1.4em; font-weight: normal; letter-spacing:-0.1em; text-transform: lowercase;color:#222222}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}

code {display:block; padding:5px;border:1px dashed #DDDDDD;font-size:12px;}
input, textarea {font-family: Georgia,serif; font-size: 11px; background-image: url(http://i39.tinypic.com/17eq8n.png); border: 1px solid #eeeeee; color: #777777;}

/*
MINI ICONS by Pinvoke
*/
.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://i47.tinypic.com/35nbudw.png) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !Important; }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/35nbudw.png) no-repeat center left !important; padding: 10px 10px 0 2px !important}

HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !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;}

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%; }

/* Pager */
.pager a,.pager .current a { color: #478bb6; }
#page-inner, #page, #content, #container, #container-inner {padding:0;margin:0}

/* Utility Code */
/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after,#page-inner:after,#header-inner:after,#header-photo:after,#content-inner:after,#alpha-inner:after,#beta-inner:after,#gamma-inner:after,#delta-inner:after,#footer-inner:after,.widget .user-pic:after {content: ".";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0.1px;}

/* float in post bodies around enclosures */
#content-inner,.asset-body {height: 1%;}
/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }
vintage
/*

je ne peux pas compter sur vous ((mixit; basic,plus,paid;milou veronica))

*/
body {font-family:Arial, Helvetica, sans-serif;font-size: .77em;color:#555555;background:#C3D8CF url(http://i41.tinypic.com/2uh01tv.png) repeat fixed 0 0;padding:0;margin:0}

a {font-weight:normal;text-decoration: none;color: #F18F8C;}
.ljuser a b{color:#303030; font-weight:normal;font-family:Georgia,Times New Roman,serif;font-variant:small-caps}
a:hover,#alpha .asset-meta-list a,.typelist-widget li.item:hover a, .nav a:hover,.ljuser a b:hover {text-decoration: none;color: #D89078;}
b, u {color:#1a1a1a} i,s{color:#999999} a img{border:none}

/*
PAGE
*/

#page-inner {width: 100%;margin:0;}
#content {background-color:#4CAF91;padding-top:102px}
#content-inner {padding-top: 0px;background:#FFFFFF url() repeat fixed 0 0;padding-right: 0;margin: 0;}
.layout-wt #content-inner, .layout-twt #content-inner,.layout-tw #content-inner,.layout-wtt #content-inner {background: #FFFFFF url() repeat scroll 0 0}

/*
HEADER
*/

.page-header1 { font-size: 28px; }.page-header2 { font-size: 22px; }.page-header3 { font-size: 18px; }.page-header4 { font-size: 14px; }

#header-text,.page-header1,.page-header2,.page-header3,.widget-header,.entryMetadata-label,.asset-tags-header {font-family:Georgia,Times New Roman,serif;text-transform:lowercase;}

#header {position: static;background-color: #C3D8CF;}
#header-inner {position: static;background: #C3D8CF url(http://i41.tinypic.com/2uh01tv.png) repeat fixed 0 0;}
#header-content-inner {margin: 0;padding:0;}

#header-text {font-family:Georgia,Times New Roman,serif;text-transform:lowercase;width:760px;margin: 0px auto 7px;background: #303030 url(http://i41.tinypic.com/1zd11zt.png) repeat fixed 0 0;padding:10px 20px 40px}

/* header nav links */
ul.nav {list-style:none;padding:0;margin:0;}
li.item {display:inline;padding: 0 5px;}
.nav{ color: #F18F8C;} .nav a { color: #F18F8C; border:1px solid #262626;border-top:none;padding:10px 15px;background-color:#222}
.nav a:hover{background-color:#1a1a1a;position:relative;padding-top:15px;top:5px;border-top:none}
.nav .item {border-color: #cccccc;margin:0}#header-text li.item {margin:0 1px;padding:0}
.nav .current a {text-decoration:none;}

/* header titles */
#header-name {padding-top:15px;font-size: 30pt;color:#aaaaaa;}
#header-name, #header-name a {color: #C3D8CF;text-decoration: none;}
#header-name a:hover {text-decoration: none;}
.asset-name { font-weight: bold; }
.asset-name,.asset-name a,.page-header1,.page-header2,.page-header3 {color: #9BBFB4;margin:0;padding:0}
.asset-name-hover {}
#header-description {font-size: 14px;color:#666666}

#header-description,#header-description a {color: #444444;}
#header-photo {display:none;}

/*
ENTRIES
*/

#alpha-inner {margin: 0 auto 25px;padding-top:20px;width:780px;}
.asset-content {background-color:#ffffff;}
div.asset-inner {padding:0;margin:0 auto 25px}
.asset-header, .asset-header a {color:#D89078;letter-spacing:-0.08em;font-style:italic;font-size:1.1em}.asset-header .page-header1, .page-header2, .page-header3 {}
.asset-header {border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;padding:3px;}
.asset-meta-list .datetime {color:#999999;font-size:7pt;text-transform:lowercase;background-color:#;padding:9px}
.asset-meta-list .datetime:hover {background-color:#FFFFFF}
.asset-header .asset-meta {padding:0;margin:0;color:#777777;margin-top:-20px;}
.asset-header .asset-meta-list {border-top:none}

.asset-body {line-height:1.75;padding:15px 15px 15px 20px;}

.user-icon{float:right;background-color:transparent !important;position:relative;margin:0 0 10px 10px;}
.user-icon img{background-color:#ffffff; padding:8px;border:1px solid #eeeeee;}
div.user-icon span {background-color:transparent !important}

.asset-content blockquote {color:#777777;margin:10px;background: #f7f7f7 url(http://i41.tinypic.com/343r793.png) repeat scroll 0 0;border:1px solid #eeeeee;padding: 10px;}

* html .asset-content ol { margin-left: 25px;}

.asset-stream-list .post-asset .asset-name { margin-top: 0; }

.asset-stream-grid .asset-inner {background-color: #eff3f7;padding: 0;}

/* currents and tags */
div.lj-currents {padding-left:25px;color:#999999;font-size:7.5pt}
div.lj-currents ul {padding:6px 5px 0;margin:0;list-style:none;}
div.lj-currents li {padding-top:3px;}
.entryMetadata-label{font-weight:normal;color:#444444;}
.entryMetadata-content{padding-left:10px;} .entryMetadata-content img{vertical-align:middle;}

div.asset-tags {padding: 3px 6px 6px 30px;color:#444444;font-size:7.5pt}
.asset-tags-list {margin:0;padding:0}
.asset-tags-header {float:left;font-weight:normal;text-transform:lowercase;margin:0 10px 0 0;font-size:7.5pt}
.asset-tags-list a:hover {background-color:#CCCCCC;color:#555555;}
.asset-tags-list li.item{display:inline;padding:0;}

/* comment bar*/
.asset .asset-meta dd a {color: #333333;}
#alpha .asset-meta-list a {margin-left:3px;padding:3px 6px;background-color:#f8f8f8;border-width: 0 1px 1px 0; border-style:solid;border-color:#eeeeee;color:#9BBFB4}
#alpha .asset-meta-list a:hover{background-color:#f4f4f4;border-width: 1px 0 0 1px;}
.asset-meta-list li.item {padding: 0;}
.asset-meta-list{margin:0;border-top:10px solid #ffffff;padding:7px;text-transform:lowercase;text-align:right;font-size:8pt;background-color:transparent}
.asset-footer {height:25px;}

/*
SIDEBARS
*/
#beta-inner,#gamma-inner { padding: 0; margin: 0 auto; width:780px;font-family:;font-size:7.5pt}
#beta {margin:0 auto;background: #C3D8CF url(http://i41.tinypic.com/2uh01tv.png) repeat fixed 0 0;padding-top:7px;}

.widget-header {padding: 10px 15px;font-size: 13px;height:14px;font-weight:normal;background:#D89078 url(http://i44.tinypic.com/mjpf8o.png) repeat fixed 0 0;margin:0px}
.widget .widget-header {padding:15px 0 10px 10px;color:#ffffff}
.widget-header a {color:#ffffff}.widget .widget-header a:hover{text-decoration: none;}

.widget-content {padding:5px;height:175px;overflow-x:hidden;overflow-y:auto;color:#666666;}

.about-me-widget .user-pic{margin:0 auto;text-align :center} .about-me-widget .user-pic img{margin:0 auto;border:1px solid #D9DFDC;padding:8px;background-color:#E1E7E4}
.profile-list .profile-name.item {display:none}.profile-list .profile-username.item {padding:0;margin:0 auto;text-align:center}
.typelist-widget li.item{display:block;padding: 4px 0 4px 4px;border-bottom:1px solid #D9DFDC}.typelist-widget li.item:hover{background-color:#E1E7E4;}
.categories-widget li.item{display:inline;}
.widget-content table {margin:0 auto;color:#aaaaaa;border-spacing:1px;padding:0px} .widget-content table td{border:1px solid #D9DFDC;padding:2px;margin:0px;background-color:#E1E7E4;}
.customtext-widget .widget-content {line-height:1.5;padding:5px 10px 0}

.widget ul, .widget ol, .widget dl { margin-bottom: 0; list-style: none;padding:0;margin:0}
li.widget {list-style: none}

.widget-footer {padding-top:0px} .widget-footer a{color:#666666}
.widget-footer p {line-height: 1;margin: 0;padding: 0;}
* html .widget-footer a {padding: 0 15px;word-wrap: break-word;}

div.categories-widget,div.archive-widget,div.typelist-widget,div.about-me-widget,div.calendar-widget,.customtext-widget {float:right;background: #E8EFEC url(http://i41.tinypic.com/29gk3v5.png) repeat fixed 0 0;min-height:225px;margin-left:4px; }

div.syndicate-widget,div.designed-widget,div.powered-widget {display:none}

/*sidebar boxes*/
div.typelist-widget,
div.about-me-widget,
div.calendar-widget,
.customtext-widget {
width:24%; }

div.categories-widget,
div.archive-widget {display:none}

/*
PAGE NAVIGATION
*/

.prevnext{text-align:center; color:#dddddd;margin:0 auto;font-size:1em;font-family:Georgia;}

/*
ARCHIVE PAGES
*/

body#home.asset-stream.layout-tw.lj-view-archive #alpha-inner {padding-top:0}
body#home.asset-stream.layout-tw.lj-view-archive .asset-content {margin-right:0}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext{text-align:center; width: 780px; margin:0 auto;font-size:14pt;font-family:Georgia;color:#cccccc}.prevnext .year {list-style:none; padding:0;margin:0}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li{display:inline;background-color:#e6e6e6;padding: 0 10px 5px;}body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li:hover{background-color:#dadada;}
body#home.asset-stream.layout-tw.lj-view-archive .prevnext .year li.active{background: #C3D8CF url() repeat fixed 0 0;padding:0 10px 5px;;color:#aaaaaa}
.yeartable{width:90%;border-spacing:1px;} .yearday {border:1px solid #333333;background-color:#333333;color:#ffffff;text-transform:lowercase;text-align:center}.yeardate {border:1px solid #f5f5f5; background-color:#f5f5f5}

/*
TAGS
*/

body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner .page-header2 {font-weight:normal;}
body#home.asset-stream.layout-tw.lj-view-tags #alpha {padding-top:10px;}
body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner {background-color:#ffffff;width:780px;padding:15px;margin: 0px auto 10px;}
body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner ul{list-style: inside none square;color:#888888;} body#home.asset-stream.layout-tw.lj-view-tags #alpha-inner ul li{padding:3px;border-bottom:1px dotted #eeeeee}

/*
COMMENT PAGE
*/
#comments {}
#comments .comment-even,.comment-error,#comments .comment-odd {background-color: #ffffff;margin-bottom:10px;border-left:116px solid #C3D8CF;}
#comments .comment-even{border-left:116px solid #D89078;}
.comment-meta .user-icon {margin:10px 0 0 -109px;float:left} .comment-meta .user-icon img{padding:1px; border:none}
.comment-meta .commenter-name {font-family:Georgia; font-size:12pt;padding:10px 10px 0;}
.comment-meta .comment-date{font-family:Georgia; font-size:7pt;padding:0 10px;}
.comment-subject{padding:0 5px;font-family:Georgia; font-size:10pt;color:#999999;text-align:right}
.comment-body {padding:20px;line-height:1.75;min-height:80px}
.comment-links{color:#dddddd;text-align:right;font-size:7pt;padding:5px}
form#qrform, form#postform {border: 1px solid #ececec;background-color:#ffffff;margin-bottom:7px}

.asset-detail .asset-containers,.comment-even,.comment-error {border-width: 0px;border-style: solid;border-color: #d9ecc7;}
#comment-form textarea {border: 1px solid #979797;border-right-color: #e5e4e4;border-bottom-color: #e5e4e4;}
.comment-form-footer input { border: 1px #a9a9a9 solid; }
.recent-activity-posts .post-asset,.asset-containers .post-asset {background-position: 0 4px;}

/*
THE REST
*/
hr {height:0px;border:1px solid #dddddd}

#lj_controlstrip a:hover{text-decoration:none;color:#444444;}table#lj_controlstrip td {background-color: #151515; background-image: url(); color: #666666;border: solid 1px #0d0d0d; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; } #lj_controlstrip input, #lj_controlstrip_search_input_text, #lj_controlstrip select {background:#1d1d1d !important;border:1px solid #222222;color:#666666}
form#qrform table {border-width: 0px !important;}

div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Arial" !important; }
div.ContextualPopup div.Inner {color: #777777 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 260px;}
div.ContextualPopup .Userpic {padding: 6px;margin:0; border: 1px solid #dddddd; background:#ffffff url(http://i39.tinypic.com/17eq8n.png); } div.ContextualPopup .Userpic img{background-color:#ffffff;padding:3px;border:1px solid #dddddd}
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 74px; border: 1px solid #dddddd; background: #ffffff url(http://i39.tinypic.com/17eq8n.png) repeat !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #666666 !important;}
div.ContextualPopup .Relation { font-family: Georgia; font-size: 1.4em; font-weight: normal; letter-spacing:-0.1em; text-transform: lowercase;color:#222222}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}

code {display:block; padding:5px;border:1px dashed #DDDDDD;font-size:12px;}
input, textarea {font-family: Georgia,serif; font-size: 11px; background-image: url(http://i41.tinypic.com/343r793.png); border: 1px solid #eeeeee; color: #777777;}

/*
MINI ICONS by Pinvoke
*/
HTML BODY img.i-ljuser-userhead {height:4px !important;width:0 !important; padding: 10px 10px 0 2px !important}

.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://i47.tinypic.com/35nbudw.png) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !Important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i47.tinypic.com/35nbudw.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;}

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%; }

/* Pager ------------------------------------------------------------------ */
.pager a,.pager .current a { color: #478bb6; }
#page-inner, #page, #content, #container, #container-inner {padding:0;margin:0}

/* Utility Code --------------------------------------------------- */
/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after,#page-inner:after,#header-inner:after,#header-photo:after,#content-inner:after,#alpha-inner:after,#beta-inner:after,#gamma-inner:after,#delta-inner:after,#footer-inner:after,.widget .user-pic:after {content: ".";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0.1px;}

/* float in post bodies around enclosures */
#content-inner,.asset-body {height: 1%;}
/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }

installation
01.
Choose Journal Style
02.
Select a Mixit theme "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 right) .
04.
Go to " Customise your Theme " and then "Sidebar " section. Make sure that the Blurb and is given a order. You enter your blurb/free text in the last box on the page.
05.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
06.
Paste code into the Custom Stylesheet box.

notes:

Customising your Sidebar Boxes
Right now the boxes are coded for four; blurb box, a links list box, the calendar, and the profile box. But what if you have more than one links box?
There's a section of the code titled /*sidebar boxes*/. Go there and change the width:24%; to width:18%;. You can also use this section to rearrange the boxes if you'd rather have your tags show or what ever. Edit at will.

♚ mini icons by Pinvoke
♚ As per usual, feel free to add your own header/ edit bloody anything you want to.
♚Please address all questions to the F.A.Q.

style: mixit, wot: layout

Previous post Next post
Up