Layout: Simple & Light

[tesscodes]

image prev | tess002

001: Informative Info Another layout; nothing too fancy or unique this time, just a clean, simple journal. Enjoy!

002: The Layout /*-- SIMPLE & LIGHT - TESSISAMESS - 2013 --*/ /*-- Credit me in profile or sidebar if using this layout --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /*GENERAL*/ @font-face {font-family: 'Wire One';font-style: normal;font-weight: 400;src: local('Wire One'),local('WireOne'),url(http://themes.googleusercontent.com/static/fonts/wireone/v4/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');} ::-webkit-scrollbar{width:9px;height:9px;} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#aaa;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#ccc;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#ccc;} body{background:#ededed url(http://i.imgur.com/SRdjztl.png)top left repeat fixed;color:#000;font-family:helvetica,arial,sans-serif;font-size:11px;padding:0;margin:0;} a, a:link, a:visited{color:#555;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} a:hover{color:#000;text-decoration:none;} blockquote{background:#eee;border:1px solid #d3d3d3;font-style:italic;padding:8px;margin:0 auto;width:85%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} /*PAGE*/ #container{width:775px;padding:0;margin:0 auto;} #container-inner{background:transparent;padding:0;margin:0;} #pagebody{background:#f5f5f5;border:1px solid #ccc;padding:0;margin:0 auto;width:598px;float:right;} #pagebody-inner{background:transparent;padding:0;margin:0;} #beta{padding:0;margin:0;} /*HEADER*/ #banner{margin:0 auto;background:transparent;width:775px;text-align:center;padding:0;font-family:Wire One;font-size:26px;color:#333;text-transform:uppercase;} #banner-inner{padding:0;margin:0;} h1#banner-header{} h2#banner-description{display:none;} /*SIDEBAR*/ #alpha{position:absolute;margin-left:0;left:-175px;width:150px;text-transform:uppercase;background:#111;padding:5px;border:2px solid #444;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:10px;} .module-calendar, .module-pagesummary, .module-syndicate, .module-powered{display:none;} .module-photo{margin-bottom:5px;} .module-photo img{border:3px solid #444;-webkit-border-radius:65px;-moz-border-radius:65px;border-radius:65px;} .module-header{text-align:center;padding:0!important;margin:0!important;font-weight:400;font-size:27px;letter-spacing:1px;color:#999;font-family:Wire One;} .module-content{padding:0;margin:0;} .module-viewlinks{} #alpha a{display:block;text-align:center;background:#444;color:#bbb;} #alpha a:hover{background:#666;color:#eee;} #alpha:after {content:"Layout by Tessisamess";display:block;font-size:9px;color:#444;text-align:center;padding-top:4px;} /*ENTRIES*/ h2.date-header{letter-spacing:2px;text-transform:uppercase;font-size:10px;text-align:right;padding:5px;margin:0;} h3.entry-header{padding:0 10px;margin:0;font-size:29px;letter-spacing:1px;color:#222;font-family:Wire One;text-transform:uppercase;} .entry-userpic{border:1px solid #ddd;padding:3px;background:#fff;margin-left:5px;margin-bottom:5px;} .entry-userpic img{width:70px;height:70px;} p.poster{display:block;width:70px;font-size:8px;font-weight:normal!important;text-transform:uppercase;} p.poster img{display:none;} .entry{padding:5px 0 0 0;border-top:1px solid #ccc;} .entry-body{padding:5px 10px;text-align:justify;line-height:175%;} .metadata, .ljtags, .entry-footer{text-transform:uppercase;} .entry-footer{font-size:0;color:transparent;text-align:center;margin:0;padding:0;} .entry-footer a{display:inline-block;background:#fff;border:1px solid #ddd;font-size:9px;text-align:center;margin:1px;padding:2px 0;width:110px;color:#333;} .entry-footer a:hover{color:#000;background:#ddd;border:1px solid #aaa;} .entry-footer a[href*=memadd], .entry-footer a[href*=tellafriend], .entry-footer a[href*=subscriptions]{display:none;} /*TAGS PAGE*/ ul.ljtaglist{list-style:none;margin-left:0;padding-left:0;font-size:13px;} .lj-view-tags h2{font-weight:900;font-size:24px;letter-spacing:1px;text-transform:uppercase;padding:0;margin:0 0 10px 0;line-height:100%;} .ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://ic.pics.livejournal.com/customtesst/49854412/23489/23489_100.png) no-repeat !important; padding: 16px 0 0 18px !important; } .ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://ic.pics.livejournal.com/customtesst/49854412/23675/23675_100.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://ic.pics.livejournal.com/customtesst/49854412/24164/24164_100.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://ic.pics.livejournal.com/customtesst/49854412/23960/23960_100.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://ic.pics.livejournal.com/customtesst/49854412/24164/24164_100.png) no-repeat !important; padding: 16px 0 0 16px !important; }

003: Directions →Go to Basics, choose S2, fill in your title if desired, then save. →Go to Look and Feel, choose Bloggish for the layout and None for the theme, then save. →Go to Custom Options, and choose the following: →Layout Type: Two column (Sidebar on left) →Disable customized comment pages for your journal: Yes →Custom stylesheet: Input the code above and save →All done! :D

004: CTRL+F This Shit http://i.imgur.com/SRdjztl.png #fff #f5f5f5 #eee #ededed #ddd #d3d3d3 #ccc #bbb #aaa #999 #666 #555 #444 #333 #222 #111 #000

005: Rules and Shit →Credit me either in your link list or your profile if you remove it from the sidebar's coding. →Do not remove my credit from the CSS. →Do not redistribute in part or in whole. →If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule. →If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.