Tessisamess

*unattractive noises* I realized I don't make many layouts with this setup, so heeeere you go! The text on the image is part of the code, so you can make it say whatever you want over whatever image you want, yaaay! I thought that would be cute and I like how it came out. Enjoy! <3

/*-- IS THIS IT - 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:'Biryani';font-style:normal;font-weight:900;src:local('Biryani Heavy'), local('Biryani-Heavy'), url(http://fonts.gstatic.com/s/biryani/v1/zesSxRLKV_fx-Z23Oa-YN_k_vArhqVIZ0nv9q090hN8.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;} @font-face{font-family:'Oswald';font-style:normal;font-weight:400;src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/BObL_3V2WX-YniTOi4CsnvesZW2xOQ-xsNqO47m55DA.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;} @font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:local('Oswald Light'), local('Oswald-Light'), url(http://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDRJtnKITppOI_IvcXXDNrsc.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:11px;height:11px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#000;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#222;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#222;} body,html{height:100%;} body{color:#777;background:#111 url(http://i.imgur.com/aEzXOrg.png)top left repeat fixed;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;} blockquote{font-style:italic;} blockquote:before, blockquote:after{margin:5px 0;content:'';display:block;height:1px;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));opacity:0.6;} h2{text-transform:uppercase;font-family:Oswald,Helvetica,sans-serif;font-size:30px;font-weight:normal;} a, a:active, a:visited, a:link{color:#222;text-decoration:none;opacity:1;-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{opacity:0.6;} textarea{width:98%;} /* WHOLE PAGE CONTAINERS */ .layout-two-column-left #alpha{margin:0 0 0 364px;} .layout-two-column-left #beta{background:#000;position:fixed;top:0;bottom:0;width:364px;z-index:201;overflow-y:auto;overflow-x:hidden;} #container{background:transparent;margin:0 auto;width:1000px;background:#eee;height:100%;padding-top:10px;} /* HEADER */ #header{display:none;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} #alpha a, #alpha a:visited{color:#222;} .content-nav{margin:0;} .nav-top{display:none;} .nav-bottom{text-align:center;font-size:18px;text-transform:uppercase;font-family:Oswald,Helvetica,sans-serif;padding:10px;background:#eee;display:block;} #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;} #beta-inner{font-size:9px;color:#666;} .module{padding:0;background:transparent;margin:0;border:none;} .module-header{display:none;} .mytitle{width:364px;position:absolute;z-index:201;top:0;padding:20px 10px;font-family:Biryani,Helvetica,sans-serif;text-transform:uppercase;font-weight:900;font-size:100px;line-height:100%;color:#fff;opacity:0.5;text-align:center;} .module-list{margin:0;padding:0;} .module-list-item{margin:0;padding:0;} .module-customtext{} .module-customtext img{width:100%;} .module-customtext .module-content{padding:0;} .module-customtext2{margin:0;text-transform:uppercase;padding:0 10px 10px 10px;letter-spacing:1px;line-height:150%;} .module-viewlinks{text-transform:uppercase;letter-spacing:5px;margin-top:15px;} .module-viewlinks ul{list-style:none;margin:0;padding:0;} .module-viewlinks li{display:block;} .module-viewlinks li a{display:block;width:100%;padding:0 0 15px 0;margin:0;color:#666;} .module-layoutcredit a{font-size:8px;padding:0;display:block;width:100%;margin:0;color:#666;} .module-layoutcredit p{padding:0;margin:0;text-transform:uppercase;letter-spacing:5px;} .module-viewlinks li a:after, .module-layoutcredit a:after, .module-customtext2:after{margin-top:15px;content:'';display:block;height:1px;background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));opacity:0.4;} .module-layoutcredit a:after{margin-top:7px;} .module-about, .module-calendar, .module-typelist, .module-categories, .module-pagesummary, .module-syndicate, .module-powered, .module-ads{display:none;} /* ENTRIES */ #sticky-note{} #sticky-note .entry-inner{border:none;} #sticky-note .entry-header{text-align:center;color:#555;} #sticky-note .entry-header h2{margin:0;padding:0;font-size:21px;} #sticky-note .entry-footer{display:none;} #sticky-note .entry-text{padding:0;} .entry-content{margin:0;} .entry-text{min-height:1px;overflow:auto;line-height:150%;} .entry{background:#eee;margin:0;padding:0 20px 20px 20px;text-align:justify;font-size:12px;} .entry img{max-width:573px;padding:5px;border:1px solid #ccc;} .entry-datetime{text-transform:uppercase;font-size:8px;letter-spacing:6px;color:#999;margin-bottom:5px;text-align:center;} .entry:after{margin-top:20px;content:'';display:block;height:1px;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));opacity:0.6;} .entry-header{background:transparent;border:none;text-transform:uppercase;font-family:Oswald,Helvetica,sans-serif;text-align:center;letter-spacing:3px;padding:0;margin:0;} .entry-header img{border:none;} .entry-header h3{font-size:21px;padding:0;margin:0;font-weight:normal;} #alpha .entry-header, #alpha .entry-header a, #alpha .entry-header a:visited{color:#555;} .outer-entry-userpic, .mid-entry-userpic, .header-poster, .lj-view-recent .inner-entry-userpic{display:none;} .lj-view-friends .inner-entry-userpic{text-align:center;padding:0 0 10px 10px;margin:0;} .lj-view-friends .inner-entry-userpic img{width:65px;height:65px;padding:4px;background:#fff;border:1px solid #ccc;margin-bottom:5px;} .pic-poster img{display:none;} .inner-entry-userpic .ljuser{font-size:9px;font-weight:normal;text-transform:uppercase;} .ljtags{margin-top:15px;font-size:9px;text-transform:uppercase;color:#555;} .entry-metadata{display:none;} .entry-linkbar{font-size:9px;text-transform:uppercase;text-align:center;letter-spacing:2px;padding-top:5px;} .entry-linkbar ul{list-style:none;padding-left:0;margin:8px -4px 0 0;} .entry-linkbar li{border-left:none;padding:0;margin:3px;} .entry-linkbar li a{display:inline-block;text-align:center;width:100px;padding:2px 0;background:#fbfbfb;border:1px solid #ccc;margin:0;color:#777!important;} .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 */ .yearlinks{text-align:left;font-size:17px;font-family:Oswald,Helvetica,sans-serif;text-transform:uppercase;} .year{list-style:none;} .year li{display:inline;padding:2px;} .yeartable{border-collapse:collapse;border:1px solid #ccc;margin:0 auto;width:80%;} td.monthlable{text-align:left;font-size:16px;font-family:Oswald,Helvetica,sans-serif;text-transform:uppercase;color:#777;} td.viewmonth{text-align:right;font-size:16px;font-family:Oswald,Helvetica,sans-serif;text-transform:uppercase;color:#777;} .dayname{text-align:center;font-size:16px;font-family:Oswald,Helvetica,sans-serif;text-transform:uppercase;color:#777;} .yeartable td{border:1px solid #ccc!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/n3Ik8SS.png) no-repeat!important;padding:16px 0 0 16px!important;} img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;background:transparent url(http://i.imgur.com/BhjqDL4.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://i.imgur.com/n3Ik8SS.png) no-repeat!important;padding:16px 0 0 16px!important;}

→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: <img src="http://25.media.tumblr.com/d8398154bb782c5c4518f51c0af325bd/tumblr_mjyz0wF0Qs1ru61nro1_500.gif"><div class="mytitle"><br>i s<br>t h i s <br>i t ?</div>
(change as desired; when editing you may want to play with the styling of .mytitle in the CSS if it's not sitting how you want it to.)

→Body of second custom sidebar module: YOUR BLURB

→Person to credit if you have an individually created layout: Layout by Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Sidebar Ordering: Custom text, nav links, custom text two, layout credit, (none) OR default is fine if you haven't edited these dropdowns previously

→Custom stylesheet: Input the code above and save

→#000 to change the sidebar background.
→#111 to change the page background.
→#222 to change link colors.
→#555 to change entry/sticky header titles.
→#666 to change sidebar font color.
→#777 to change page font color.
→#999 to change entry date color.
→#ccc to change image and entry link borders.
→#eee to change entries background.
→#fbfbfb to change entry link background.
→#fff to change font color on gif overlay and userpic border.
→0, 0, 0 to change DARK border fade color.
→255, 255, 255 to change LIGHT border fade color.

→Biryani to change the sidebar title font.
→Oswald to change the entry title font.
→HELVETICA,SANS-SERIF to change the bulk font.
→http://i.imgur.com/aEzXOrg.png to change the background pattern.

→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.