Layout: 8-Bit

[tesscodes]

image prev | tess026

001: Informative Info TWO LAYOUTS IN ONE DAY? WHAT IS THIS MADNESS??? Decided to do a fun retro-gamer-80s-whatever-you-wanna-call-it-who-knows-not-me layout; no image recoloring needed to recolor the scheme. Columns and no-columns versions below. Enjoy! <3

002: The Layout COLUMNS /*-- 8-BIT [COLUMNS] - TESSISAMESS - 2015 --*/ /*-- Credit me in profile if removing my credit link from main block --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /* GENERAL */ @font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;src:local('Press Start 2P'), local('PressStart2P-Regular'), url(http://fonts.gstatic.com/s/pressstart2p/v4/8Lg6LX8-ntOHUQnvQ0E7o08SWvhA5BcWCS8xVZDIH7E.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} ::-webkit-scrollbar{width:13px;height:13px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#389788;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#51B3A3;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#51B3A3;} @keyframes bowchicka{from{transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{transform:rotate(0deg) skew(0deg);margin-top:0;}} @-moz-keyframes bowchicka{from{-moz-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-moz-transform:rotate(0deg) skew(0deg);margin-top:0;}} @-webkit-keyframes bowchicka{from{-webkit-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-webkit-transform:rotate(0deg) skew(0deg);margin-top:0;}} @-o-keyframes bowchicka{from{-o-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-o-transform:rotate(0deg) skew(0deg);margin-top:0;}} body{color:#389788;background:#83DBD1 url(http://i.imgur.com/LkO0HO6.png)top left repeat fixed;margin:6px 0 6px 8px;padding:0;font-family:Helvetica,sans-serif;} blockquote{font-style:normal;margin:10px 10px 20px 5px;padding:5px;background:#51B3A3;color:#fff;-webkit-box-shadow:1px 1px 0 0 #7ee5d6,2px 2px 0 0 #7ee5d6,3px 3px 0 0 #7ee5d6,4px 4px 0 0 #7ee5d6,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #7ee5d6,2px 2px 0 0 #7ee5d6,3px 3px 0 0 #7ee5d6,4px 4px 0 0 #7ee5d6,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} h1, h2, h3, h4{text-transform:uppercase;font-family:'Press Start 2P', cursive;font-weight:400;text-shadow:1px 1px 0 #51B3A3,2px 2px 0 #51B3A3,3px 3px 0 #389788,4px 4px 0 #389788;margin:0;padding:0;color:#fff;} a, a:active, a:visited, a:link{color:#389788;text-decoration:none;} a:hover{color:#fff;} /* WHOLE PAGE CONTAINERS */ .layout-two-column-left #alpha{margin:20px 0 0 440px;} .layout-two-column-left #beta{position:fixed;left:0;bottom:0;vertical-align:bottom;width:420px;z-index:201;padding-bottom:200px;} #container{background:transparent;} /* HEADER */ #header{display:none;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} .lj-view-recent #alpha{width:1035px;animation:bowchicka 1s linear;-moz-animation:bowchicka 1s linear;-webkit-animation:bowchicka 1s linear;-o-animation:bowchicka 1s linear;} .lj-view-recent #alpha-inner{-webkit-column-width:310px;-moz-column-width:310px;column-width:310px;column-count:3;} #alpha a, #alpha a:visited{color:#389788;} #alpha a:hover{color:#fff;} .content-nav{margin:.5em 1em;} .nav-top{display:none;} .nav-bottom{text-align:center;font-size:16px;text-transform:uppercase;font-family:'Press Start 2P', cursive;} #tagpage-header h2{text-align:center;font-size:18px;} #tagpage-header{text-align:center;} .date-header{display:none;} #column-footer{clear:both;} /* SIDEBAR */ #beta{text-align:center;-webkit-backface-visibility:hidden;} #beta-inner{font-size:8px;color:#389788;} .module{padding:0;background:transparent;margin:0;border:none;} .module-customtext{} .module-customtext .module-content{padding:0;} .module-layoutcredit, .module-viewlinks, .module-header, .module-about, .module-calendar, .module-typelist, .module-categories, .module-pagesummary, .module-syndicate, .module-powered, .module-ads{display:none;} .mytitle{font-family:'Press Start 2P', cursive;color:#fff;font-size:40px;text-transform:uppercase;transform:rotate(20deg) skew(-20deg);-webkit-transform:rotate(20deg) skew(-20deg);-moz-transform:rotate(20deg) skew(-20deg);-o-transform:rotate(20deg) skew(-20deg);-ms-transform:rotate(20deg) skew(-20deg);text-shadow:1px 1px 0 #51B3A3,2px 2px 0 #51B3A3,3px 4px 0 #51B3A3,4px 5px 0 #51B3A3,5px 7px 0 #51B3A3,6px 8px 0 #51B3A3,7px 10px 0 #51B3A3,8px 11px 0 #51B3A3,9px 13px 0 #51B3A3,10px 14px 0 #51B3A3,11px 16px 0 #51B3A3,12px 17px 0 #51B3A3,13px 19px 0 #51B3A3,14px 20px 0 #51B3A3,15px 22px 0 #51B3A3,16px 23px 0 #51B3A3,17px 25px 0 #51B3A3,18px 26px 0 #51B3A3,19px 28px 0 #51B3A3,20px 29px 0 #51B3A3,21px 30px 0 #389788,23px 31px 0 #389788,24px 32px 0 #389788,26px 33px 0 #389788,27px 34px 0 #389788,29px 35px 0 #389788,30px 36px 0 #389788,32px 37px 0 #389788,33px 38px 0 #389788,35px 39px 0 #389788,36px 40px 0 #389788,38px 41px 0 #389788,39px 42px 0 #389788,41px 43px 0 #389788,42px 44px 0 #389788,44px 45px 0 #389788,45px 46px 0 #389788,47px 47px 0 #389788,48px 49px 0 #7ee5d6,49px 51px 0 #7ee5d6,50px 53px 0 #7ee5d6,51px 55px 0 #7ee5d6,52px 57px 0 #7ee5d6,53px 59px 0 #7ee5d6,54px 61px 0 #7ee5d6,55px 63px 0 #51B3A3,56px 65px 0 #51B3A3,57px 67px 0 #51B3A3,58px 69px 0 #51B3A3,59px 71px 0 #51B3A3,60px 73px 0 #51B3A3,61px 75px 0 #51B3A3,62px 77px 0 #51B3A3,63px 79px 0 #51B3A3,65px 80px 0 #51B3A3,68px 81px 0 #51B3A3,70px 82px 0 #51B3A3,72px 83px 0 #51B3A3,74px 84px 0 #51B3A3,76px 85px 0 #51B3A3,78px 86px 0 #51B3A3;} .mytitle a{color:#fff;} .mytitle a:hover{color:#000;} /* ALL ENTRIES */ .entry{color:#1E4E46;padding:10px;text-align:justify;font-size:12px;background:#C1EDE8;-webkit-box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} .entry-content{margin:0;} .entry-text{min-height:1px;overflow:auto;} .entry h1, .entry h2, .entry h3, .entry h4{text-align:center;} .entry-header{background:transparent;border:none;text-transform:uppercase;font-family:'Press Start 2P', cursive;text-align:center;padding-bottom:5px;} .entry-header h3{font-size:16px;padding:0;margin:0;} #alpha .entry-header a, #alpha .entry-header a:visited{color:#fff;} #alpha .entry-header a:hover{color:#000;} .entry-datetime{text-transform:uppercase;font-size:8px;letter-spacing:4px;color:#389788;opacity:0.5;margin-bottom:5px;text-align:center;} .entry-metadata{display:none;} .ljtags{margin:10px 0 5px 0;font-size:9px;text-transform:uppercase;font-size:0;color:transparent;} .ljtags a{font-size:9px;color:#389788!important;display:inline-block;margin-right:8px;} .ljtags a:before{content:'#';} .ljtags a:hover{color:#fff!important;} /* RECENT ENTRIES */ #sticky-note{display:none;} .lj-view-recent .entry{display:inline-block;vertical-align:top;width:300px;margin:0 0 30px 0;} .lj-view-recent .entry img{max-width:300px;} .lj-view-recent .entry-linkbar{display:none;} .outer-entry-userpic, .mid-entry-userpic, .header-poster, .lj-view-recent .inner-entry-userpic{display:none;} /* FRIENDS PAGE */ .lj-view-friends .entry{width:600px;margin:8px 5px 22px 5px;} .lj-view-friends .entry img{max-width:600px;} .lj-view-friends .inner-entry-userpic{position:absolute;margin-top:-44px;margin-left:624px;text-align:center;padding:0;} .lj-view-friends .inner-entry-userpic img{width:70px;height:70px;margin-bottom:10px;padding:4px;background:#C1EDE8;-webkit-box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} .pic-poster img{display:none;} .ljuser{font-size:9px;font-weight:normal;text-transform:uppercase;} .lj-view-friends .entry-linkbar{font-size:9px;text-transform:uppercase;text-align:center;} .lj-view-friends .entry-linkbar ul{list-style:none;padding-left:0;margin:8px -4px 0 0;font-size:9px;} .lj-view-friends .entry-linkbar li{border-left:none;padding:0;margin:3px;} .lj-view-friends .entry-linkbar li a{display:inline-block;text-align:center;width:90px;color:#fff!important;margin:0 0 5px 0;padding:1px 0;background:#51B3A3;-webkit-box-shadow:1px 1px 0 0 #389788,2px 2px 0 0 #389788,3px 3px 0 0 #389788;box-shadow:1px 1px 0 0 #389788,2px 2px 0 0 #389788,3px 3px 0 0 #389788;} .lj-view-friends .entry-linkbar li a:active{-webkit-box-shadow:1px 1px 0 0 #389788;box-shadow:1px 1px 0 0 #389788;-webkit-transform:translateY(1px);transform:translateY(1px);} .lj-view-friends .entry-linkbar li a:hover{} .lj-view-friends .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=subscriptions]{display:none;width:0;padding:0;margin:0;} /* ARCHIVE VIEW */ .lj-view-archive .entry{width:600px;margin:8px 5px 12px 5px;padding:7px;font-size:12px;} .yearlinks{text-align:left;font-size:17px;font-family:'Press Start 2P', cursive;text-transform:uppercase;} .year{list-style:none;} .year li{display:inline;padding:2px;} .yeartable{border-collapse:collapse;border:1px solid #83dbd1;margin:0 auto;width:80%;} td.monthlable{text-align:left;font-size:14px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} td.viewmonth{text-align:right;font-size:14px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} .dayname{text-align:center;font-size:12px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} .yeartable td{border:1px solid #83dbd1!important;padding:5px;} /* CONTENT FOOTER */ #content-footer{clear:both;height:0;} /* ICON REPLACEMENTS */ .ljuser img[src*="img/userinfo.gif"], .ljuser img[src*="img/community.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/boElWWa.png) no-repeat!important;padding:16px 0 0 16px!important;} img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"], img[src*="img/icon_private.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/l0rCzYF.png) no-repeat!important;padding:16px 0 0 16px!important;} NO COLUMNS /*-- 8-BIT [NO COLUMNS] - TESSISAMESS - 2015 --*/ /*-- Credit me in profile if removing my credit link from main block --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /* GENERAL */ @font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;src:local('Press Start 2P'), local('PressStart2P-Regular'), url(http://fonts.gstatic.com/s/pressstart2p/v4/8Lg6LX8-ntOHUQnvQ0E7o08SWvhA5BcWCS8xVZDIH7E.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;} ::-webkit-scrollbar{width:13px;height:13px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#389788;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#51B3A3;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#51B3A3;} @keyframes bowchicka{from{transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{transform:rotate(0deg) skew(0deg);margin-top:0;}} @-moz-keyframes bowchicka{from{-moz-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-moz-transform:rotate(0deg) skew(0deg);margin-top:0;}} @-webkit-keyframes bowchicka{from{-webkit-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-webkit-transform:rotate(0deg) skew(0deg);margin-top:0;}} @-o-keyframes bowchicka{from{-o-transform:rotate(50deg) skew(-50deg);margin-top:-2000px;}to{-o-transform:rotate(0deg) skew(0deg);margin-top:0;}} body{color:#389788;background:#83DBD1 url(http://i.imgur.com/LkO0HO6.png)top left repeat fixed;margin:6px 0 6px 8px;padding:0;font-family:Helvetica,sans-serif;} blockquote{font-style:normal;margin:10px 10px 20px 5px;padding:5px;background:#51B3A3;color:#fff;-webkit-box-shadow:1px 1px 0 0 #7ee5d6,2px 2px 0 0 #7ee5d6,3px 3px 0 0 #7ee5d6,4px 4px 0 0 #7ee5d6,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #7ee5d6,2px 2px 0 0 #7ee5d6,3px 3px 0 0 #7ee5d6,4px 4px 0 0 #7ee5d6,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} h1, h2, h3, h4{text-transform:uppercase;font-family:'Press Start 2P', cursive;font-weight:400;text-shadow:1px 1px 0 #51B3A3,2px 2px 0 #51B3A3,3px 3px 0 #389788,4px 4px 0 #389788;margin:0;padding:0;color:#fff;} a, a:active, a:visited, a:link{color:#389788;text-decoration:none;} a:hover{color:#fff;} /* WHOLE PAGE CONTAINERS */ .layout-two-column-left #alpha{margin:20px 0 0 440px;} .layout-two-column-left #beta{position:fixed;left:0;bottom:0;vertical-align:bottom;width:420px;z-index:201;padding-bottom:200px;} #container{background:transparent;} /* HEADER */ #header{display:none;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} #alpha a, #alpha a:visited{color:#389788;} #alpha a:hover{color:#fff;} .content-nav{margin:.5em 1em;} .nav-top{display:none;} .nav-bottom{text-align:center;font-size:16px;text-transform:uppercase;font-family:'Press Start 2P', cursive;} #tagpage-header h2{text-align:center;font-size:18px;} #tagpage-header{text-align:center;} .date-header{display:none;} #column-footer{clear:both;} /* SIDEBAR */ #beta{text-align:center;-webkit-backface-visibility:hidden;} #beta-inner{font-size:8px;color:#389788;} .module{padding:0;background:transparent;margin:0;border:none;} .module-customtext{} .module-customtext .module-content{padding:0;} .module-layoutcredit, .module-viewlinks, .module-header, .module-about, .module-calendar, .module-typelist, .module-categories, .module-pagesummary, .module-syndicate, .module-powered, .module-ads{display:none;} .mytitle{font-family:'Press Start 2P', cursive;color:#fff;font-size:40px;text-transform:uppercase;transform:rotate(20deg) skew(-20deg);-webkit-transform:rotate(20deg) skew(-20deg);-moz-transform:rotate(20deg) skew(-20deg);-o-transform:rotate(20deg) skew(-20deg);-ms-transform:rotate(20deg) skew(-20deg);text-shadow:1px 1px 0 #51B3A3,2px 2px 0 #51B3A3,3px 4px 0 #51B3A3,4px 5px 0 #51B3A3,5px 7px 0 #51B3A3,6px 8px 0 #51B3A3,7px 10px 0 #51B3A3,8px 11px 0 #51B3A3,9px 13px 0 #51B3A3,10px 14px 0 #51B3A3,11px 16px 0 #51B3A3,12px 17px 0 #51B3A3,13px 19px 0 #51B3A3,14px 20px 0 #51B3A3,15px 22px 0 #51B3A3,16px 23px 0 #51B3A3,17px 25px 0 #51B3A3,18px 26px 0 #51B3A3,19px 28px 0 #51B3A3,20px 29px 0 #51B3A3,21px 30px 0 #389788,23px 31px 0 #389788,24px 32px 0 #389788,26px 33px 0 #389788,27px 34px 0 #389788,29px 35px 0 #389788,30px 36px 0 #389788,32px 37px 0 #389788,33px 38px 0 #389788,35px 39px 0 #389788,36px 40px 0 #389788,38px 41px 0 #389788,39px 42px 0 #389788,41px 43px 0 #389788,42px 44px 0 #389788,44px 45px 0 #389788,45px 46px 0 #389788,47px 47px 0 #389788,48px 49px 0 #7ee5d6,49px 51px 0 #7ee5d6,50px 53px 0 #7ee5d6,51px 55px 0 #7ee5d6,52px 57px 0 #7ee5d6,53px 59px 0 #7ee5d6,54px 61px 0 #7ee5d6,55px 63px 0 #51B3A3,56px 65px 0 #51B3A3,57px 67px 0 #51B3A3,58px 69px 0 #51B3A3,59px 71px 0 #51B3A3,60px 73px 0 #51B3A3,61px 75px 0 #51B3A3,62px 77px 0 #51B3A3,63px 79px 0 #51B3A3,65px 80px 0 #51B3A3,68px 81px 0 #51B3A3,70px 82px 0 #51B3A3,72px 83px 0 #51B3A3,74px 84px 0 #51B3A3,76px 85px 0 #51B3A3,78px 86px 0 #51B3A3;} .mytitle a{color:#fff;} .mytitle a:hover{color:#000;} /* ALL ENTRIES */ #sticky-note{display:none;} .entry{width:600px;margin:8px 5px 22px 5px;color:#1E4E46;padding:10px;text-align:justify;font-size:12px;background:#C1EDE8;-webkit-box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} .entry-content{margin:0;} .entry-text{min-height:1px;overflow:auto;} .entry img{max-width:600px;} .entry h1, .entry h2, .entry h3, .entry h4{text-align:center;} .entry-header{background:transparent;border:none;text-transform:uppercase;font-family:'Press Start 2P', cursive;text-align:center;padding-bottom:5px;} .entry-header h3{font-size:16px;padding:0;margin:0;} #alpha .entry-header a, #alpha .entry-header a:visited{color:#fff;} #alpha .entry-header a:hover{color:#000;} .entry-datetime{text-transform:uppercase;font-size:8px;letter-spacing:4px;color:#389788;opacity:0.5;margin-bottom:5px;text-align:center;} .entry-metadata{display:none;} .ljtags{margin:10px 0 5px 0;font-size:9px;text-transform:uppercase;font-size:0;color:transparent;} .ljtags a{font-size:9px;color:#389788!important;display:inline-block;margin-right:8px;} .ljtags a:before{content:'#';} .ljtags a:hover{color:#fff!important;} .entry-linkbar{font-size:9px;text-transform:uppercase;text-align:center;} .entry-linkbar ul{list-style:none;padding-left:0;margin:8px -4px 0 0;font-size:9px;} .entry-linkbar li{border-left:none;padding:0;margin:3px;} .lj-view-friends .entry-linkbar li a{display:inline-block;text-align:center;width:90px;color:#fff!important;margin:0 0 5px 0;padding:1px 0;background:#51B3A3;-webkit-box-shadow:1px 1px 0 0 #389788,2px 2px 0 0 #389788,3px 3px 0 0 #389788;box-shadow:1px 1px 0 0 #389788,2px 2px 0 0 #389788,3px 3px 0 0 #389788;} .entry-linkbar li a:active{-webkit-box-shadow:1px 1px 0 0 #389788;box-shadow:1px 1px 0 0 #389788;-webkit-transform:translateY(1px);transform:translateY(1px);} .entry-linkbar li a:hover{} .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=subscriptions]{display:none;width:0;padding:0;margin:0;} .outer-entry-userpic, .mid-entry-userpic, .header-poster, .lj-view-recent .inner-entry-userpic{display:none;} /* FRIENDS PAGE */ .lj-view-friends .inner-entry-userpic{position:absolute;margin-top:-44px;margin-left:624px;text-align:center;padding:0;} .lj-view-friends .inner-entry-userpic img{width:70px;height:70px;margin-bottom:10px;padding:4px;background:#C1EDE8;-webkit-box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;box-shadow:1px 1px 0 0 #51B3A3,2px 2px 0 0 #51B3A3,3px 3px 0 0 #51B3A3,4px 4px 0 0 #51B3A3,5px 5px 0 0 #389788,6px 6px 0 0 #389788,7px 7px 0 0 #389788,8px 8px 0 0 #389788;} .pic-poster img{display:none;} .ljuser{font-size:9px;font-weight:normal;text-transform:uppercase;} /* ARCHIVE VIEW */ .yearlinks{text-align:left;font-size:17px;font-family:'Press Start 2P', cursive;text-transform:uppercase;} .year{list-style:none;} .year li{display:inline;padding:2px;} .yeartable{border-collapse:collapse;border:1px solid #83dbd1;margin:0 auto;width:80%;} td.monthlable{text-align:left;font-size:14px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} td.viewmonth{text-align:right;font-size:14px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} .dayname{text-align:center;font-size:12px;font-family:'Press Start 2P', cursive;text-transform:uppercase;color:#1E4E46;} .yeartable td{border:1px solid #83dbd1!important;padding:5px;} /* CONTENT FOOTER */ #content-footer{clear:both;height:0;} /* ICON REPLACEMENTS */ .ljuser img[src*="img/userinfo.gif"], .ljuser img[src*="img/community.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/boElWWa.png) no-repeat!important;padding:16px 0 0 16px!important;} img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"], img[src*="img/icon_private.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/l0rCzYF.png) no-repeat!important;padding:16px 0 0 16px!important;}

003: Directions →Go to Basics, choose S2, fill in your title and subtitle if desired, then save. →Go to Look and Feel, choose Complete Style for the layout, 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 →Link text to leave a comment: Comment →Body of custom sidebar module: <div class="mytitle"><a href="/">refresh</a> <a href="/profile">profile</a> <a href="/friends">friends</a> <a href="/calendar">archive</a> <a href="http://tessisamess.insanejournal.com/">&copy;layout</a></div> *links do not need to be filled out; you're good to go →Custom stylesheet: Input the code above and save

004: CTRL+F This Shit →#000 to change hover color on sidebar and subject links. →#1e4e46 to change minor page font color, archive page headers. →#389788 to change tag links, darkest block shadow on sidebar, entries, userpics, and entry link buttons. →#51b3a3 to change entry link background, second darkest block shadow on sidebar, entries, and userpics. →#7ee5d6 to change lightest block shadow color on sidebar and blockquote. →#83dbd1 to change page background and archive border. →#c1ede8 to change entry and userpic background. →#fff to change link hover color, sidebar, linkbar, and subject link color. →'Press Start 2P', cursive to change the accent font. →HELVETICA,SANS-SERIF to change the bulk font. →http://i.imgur.com/LkO0HO6.png to change/remove squres from the page background. I made this as various-transparency whites (like Strangeness & Charm) so no image recoloring is needed if you just want them a different color.

005: Rules and Shit →Please put my credit in its designated spot. →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.