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.