endlist | Entries tagged with layout: transmogrified

Full-size Preview

Instructions:
o1. Go to the Select Journal Style
page and choose Transmogrified (any of them, shouldn't matter which). Choose 1 Column (no sidebar) for the page setup.
o2. On the Customize Style page, make sure in the Modules section, Navigation is the only thing in Header and anything else goes in Sidebar, pretty much, though you can also put modules in the footer if you want (they'll show up in the black bar at the bottom).
o3. In the Customize CSS section uncheck "Use layout's stylesheet(s)" and paste the code in the Use embedded CSS box and hit Save Changes.

/*-------------------------------------------------
  Style: Transmogrified
  Title: Candy Striping
  Theme: Orange Mint
  Maker: Lian ( wrenishly.dreamwidth.org )
---------------------------------------------------*/
*{box-sizing:border-box;-moz-box-sizing:border-box;}
body{background-color:#eee;font-family:Arial Narrow, Arial, sans-serif;font-size:1em;margin:0;padding:0;}
blockquote{background:none repeat scroll 0 0 #EEE;clear:both;text-align:justify;border-color:#CCC;border-style:solid;border-width:1px 0;padding:1em;}
q{font-style:italic;}
#container{color:#666;background-color:none;}
#container,#footer{margin:0 13%;}
#header{background:transparent;background-color:#000;color:#fff;margin:0 20px;padding:0;}
#header a{color:#fff;text-decoration:none;}
#header h1{font-family:georgia, times new roman, serif;font-weight:400;margin:0;padding:20px;}
#header h2{padding:0 20px 20px;}
#wrap{color:#666;padding-top:20px;padding-left:20px;background:none;}
#content{position:relative;width:100%;padding-bottom:20px;z-index:20;background:none;margin:0;}
#postform{margin-top:20px;border:solid 1px #fc7f3f;}
#commenttext{width:95%;}
#footer{background:url("http://i49.tinypic.com/2qknzm1.jpg") repeat scroll 0 0 transparent;border-bottom:1px solid #CCC;border-top:1px solid #CCC;background-color:#fc7f3f;color:#FFF2AF;font-size:.7em;margin:auto;padding:.5em 0;}
#footer .module-section-three{background:#000;padding:10px 20px;}
#body-footer{position:relative;top:-4.25em;float:right;height:1em;font-size:.7em;right:1.5em;margin:0;padding:0;}

/* Links */
a,.entry-wrapper-odd .entry-title,.comment-wrapper-odd .comment-title,.entry-wrapper-odd .entry-title a,.comment-wrapper-odd .comment-title a,.entry-wrapper-odd a,.comment-wrapper-odd a,.module-section-three a,a:visited,.entry-wrapper-odd a:visited,.comment-wrapper-odd a:visited{color:#7CB490;}
a:hover,.entry-wrapper-odd a:hover,.comment-wrapper-odd a:hover{color:#5D886D;}
a:active,.entry-wrapper-odd a:active,.comment-wrapper-odd a:active{color:#8BC5A1;}

/* Modules */
.module h2{font-family:sans-serif;font-size:1.1em;}
.module-content{font-family:sans-serif;}
.module-section-two{overflow:hidden;position:relative;margin-right:-230px;width:100%;margin-left:2em;}
.module-section-two .module{float:left;width:16em;border:0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background-color:#fff;color:#666;font-size:.7em;margin:.2em 1em;padding:10px;}
.module-section-one .module{padding:20px;}
.module-section-one .module-navlinks.module{margin:0 20px;padding:0;}
.module-section-one .module-navlinks li{display:inline;list-style:none;}
.module-section-one .module-navlinks ul{background-color:#000;color:#333;border-top:solid 1px #333;font-size:.7em;font-family:georgia;font-style:italic;text-transform:lowercase;margin:0;padding:.5em 20px;}
.module-section-one .module-navlinks li a{text-decoration:none;background-color:#000;color:#999;border-left:solid 1px #333;border-right:solid 1px #333;padding:.5em 20px;}
.module-section-one .module-navlinks ul li a:hover,.module-section-one .module-navlinks ul li.active a{background-color:#000;color:#fc7f3f;}
.module-section-two h2{background-color:#ffdfbf;color:#fc7f3f;border:1px solid #fc7f3f;margin:0 0 7px;padding:.2em;}
.module-section-two ul{list-style-type:none;margin-left:.5em;padding:0;}
.module-section-two ul ul{list-style-type:none;margin-left:.5em;padding:.5em;}
.module-userprofile .userpic img{border:none;margin:20px;}
.module-userprofile ul{text-align:center;margin:5px 0 0;padding:0;}
.module-userprofile p{margin-top:0;margin-bottom:0;}
.module-calendar table{margin-left:auto;margin-right:auto;}
.module-pagesummary .ljuser{white-space:normal !important;}
.module-pagesummary .module-content{word-wrap:break-word;}
.module-credit dt{font-weight:700;margin-right:.5em;}
.module-section-two .module-header a,.entry-title a,.comment-title a{text-decoration:none;}
.module-userprofile .userpic,.module-calendar .module-content{text-align:center;}
.module-credit dt,.module-credit dd,.tag ul{display:inline;margin:0;padding:0;}
.module-section-two .module-header{font-family:georgia;letter-spacing:-2.5px;line-height:.8;font-size:17pt;font-weight:400;border:0;}
.module-userprofile li,.entry-management-links li,.entry-interaction-links li,.comment-management-links li,.comment-interaction-links li{display:inline;list-style:none;padding:5px;}
.module-section-two a,.entry-wrapper-even .entry-title,.comment-wrapper-even .comment-title,.entry-wrapper-even .entry-title a,.comment-wrapper-even .comment-title a,.entry-wrapper-even a,.comment-wrapper-even a,.module-section-two a:visited,.entry-wrapper-even a:visited,.comment-wrapper-even a:visited{color:#F60;}
.module-section-two a:hover,.entry-wrapper-even a:hover,.comment-wrapper-even a:hover{color:#CC5404;}
.module-section-two a:active,.entry-wrapper-even a:active,.comment-wrapper-even a:active{color:#F9893E;}

/* Entries & Comments */
.entry-wrapper{margin:5px 0;}
.entry,.comment,.text_noentries_day{position:relative;margin-bottom:10px;padding:10px;}
.entry-title,.comment-title{margin:0;padding:.2em;}
.has-userpic .entry-title,.has-userpic .comment-title{margin-right:150px;}
.has-userpic .entry,.has-userpic .comment{padding-right:9em;}
.entry .userpic,.comment .userpic{top:0;right:0;position:absolute;margin:0;}
.entry-wrapper-odd .userpic img,.comment-wrapper-odd .comment .userpic img{background-color:#f8f8f8;border:none;border-bottom:1px solid #DDD;border-left:1px solid #eee;padding:13px;}
.entry-wrapper-even .userpic img,.comment-wrapper-even .comment .userpic img{background-color:#fff2e5;border:none;border-bottom:1px solid #DDD;border-left:1px solid #eee;padding:13px;}
.entry .entry-title{font-family:georgia;letter-spacing:-2px;line-height:.8;font-size:25pt;font-weight:400;}
.entry .time,.entry .date{display:inline-block;padding:.2em;}
.no-userpic .comment{margin-top:20px;}
.no-userpic .comment-title{margin:0;}
.tag{font-weight:700;text-align:left;}
.tag a{font-weight:400;}
.tag li{display:inline;list-style:none;padding:0;}
*+html .tag li{padding:0 5px;}
.entry .metadata li{list-style:none;}
.entry .footer{text-align:right;margin-right:-8.5em;margin-top:1.5em;}
.entry-management-links,.entry-interaction-links,.comment-management-links,.comment-interaction-links{text-align:right;display:inline;}
.entry-management-links a,.entry-interaction-links a,.comment-management-links a,.comment-interaction-links a{font-family:georgia;font-style:italic;text-decoration:none;text-transform:lowercase;}
.entry-wrapper-odd .entry,.comment-wrapper-odd .comment,.text_noentries_day,.entry-wrapper-even .entry,.comment-wrapper-even .comment{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background-color:#fff;color:#666;}
.entry .footer hr,#content > hr,.month caption{display:none;}
.entry .metadata-label,#archive-month dt{font-weight:700;}
.entry .metadata ul,.month .day span,.month .day p{margin:0;padding:0;}
.comment-poster{display:inline-block;min-width:40%;}
.entry-content,.comment-content,.bottomnav{padding:10px 0;}

/* Tags Page */
.page-tags #content h2{border:solid 1px #739adf;color:#1f558b;background-color:#cfe0e6;font-size:1.2em;margin:0 10px 20px 0;padding:.2em;}
.page-tags #wrap{margin-left:20px;margin-right:20px;padding:0 !important;}

/* Month Archive Pages */
.month-wrapper,#archive-month dl,.tags-container{background:#FFF;font-family:arial;font-size:1em;font-weight:400;border-color:#CCC;border-style:solid;border-width:1px 0;margin:20px 0;padding:20px;}
.month-wrapper h3,.page-tags #content h2{background-color:#D4F4E0;color:#8BC5A1;font-family:georgia;font-size:2em;font-weight:400;letter-spacing:-2.5px;line-height:0.8em;border:none;margin:0 0 7px;padding:0.2em;}
.month .day p{margin-top:4px;margin-bottom:-4px;}
.month .day,.month th{line-height:2em;vertical-align:text-top;text-align:center;padding:5px;}
*+html .month .day span,*+html .month th span{vertical-align:100%;}
.month .day-has-entries{line-height:1em;}
.month .footer{width:250px;text-align:center;margin:10px 0;}
#archive-month .entry-title{font-size:1em;display:inline-block;padding-left:5px;}

/* Page Structure */
.one-column #content{float:none;}
.one-column .module-section-two{float:none;padding-bottom:10px;margin-bottom:20px;}
.one-column #wrap{padding-left:20px;padding-right:20px;}
.partial .comment-title,.navigation li{display:inline;}
.text_noentries_day{margin-top:20px;margin-bottom:20px;}

/* Navigation bars */
.navigation{background:url("http://i49.tinypic.com/2qknzm1.jpg") repeat scroll 0 0 transparent;border-bottom:1px solid #CCC;border-top:1px solid #CCC;color:#fff;font-family:times new roman,serif;font-size:0.8em;letter-spacing:-1px;text-align:center;text-transform:uppercase;margin:0;}
.topnav{margin-top:-15px;padding:10px 0;}
.navigation a:hover{color:#000;text-decoration:none;}
.navigation a{color:#FFF;text-decoration:underline;font-style:italic;}
.navigation ul{text-align:left;margin:0;padding:0;}
.navigation .inner p,.navigation li{background:none repeat scroll 0 0 #000;opacity:0.7px;padding:4px 10px;}
.navigation .page-back a:before{content:"< ";font-size:.5em;letter-spacing:0;vertical-align:40%;padding-right:1px;}
.navigation .page-forward a:after{content:" >";font-size:.5em;letter-spacing:0;vertical-align:40%;padding-left:1px;}

Background image: http://i49.tinypic.com/2qknzm1.jpg (Thanks to ColourLovers.)

Credit to:

endlist