Tessisamess

Tess makes free layouts now! Weeoooo. I probably won't do these too often since I still need to make some money, honey, but I'll be posting some free for use layouts here from time to time, both because it's fun and to promote the fact that, yes, I do take layout commissions; yay!

This layout is perfect for icon makers and people who have journals dedicated to character rosters—yes! Those little white icon squares are the entries themselves. No big coding hassles, no massive customization of every single entry. Just a layout and line of code whenever you post to have a compact icon journal! It also comes with a matching profile code and a short and simple how-to guide for making your entries fit the layout.

/*-- ICON DIRECTORY - TESSISAMESS - 2013 --*/ /*-- Credit me in profile or sidebar if using this layout --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /*GENERAL*/ ::-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;} @font-face {font-family:'Titillium Web';font-style:normal;font-weight:400;src:local('Titillium Web'), local('TitilliumWeb-Regular'),url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff');} @font-face {font-family:'Titillium Web';font-style:normal;font-weight:900;src:local('Titillium WebBlack'), local('TitilliumWeb-Black'),url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr8vGCqQ_I4mewSLySUmNzHA.woff) format('woff');} body{background:#ccc url(http://i.imgur.com/30tOicV.png)top left repeat fixed;color:#000;font-family:Titillium Web,helvetica,arial,sans-serif;font-size:11px;padding:0;margin:0;} a, a:link, a:visited{color:#eee;text-decoration:none;text-shadow:0 0 0 #999;-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:#fff;text-decoration:none;text-shadow:0 0 2px #000;} /*PAGE*/ #container{width:890px;background:transparent;padding:0;margin:0 auto;} #container-inner{background:transparent;padding:0;margin:0;} #pagebody{background:transparent;padding:0;margin:55px 0 0 0;} #pagebody-inner{background:transparent;padding:0;margin:0;} #beta{padding:0;margin:0;width:614px;margin-left:286px;} /*HEADER*/ #banner{background:#ccc url(http://i.imgur.com/30tOicV.png)top left repeat fixed;position:fixed;z-index:2;width:890px;top:0;text-align:center;} #banner-inner{background:#999;padding:0;margin:15px 0 5px 0;line-height:12px;} h1#banner-header{text-transform:uppercase;padding:0;margin:0;font-weight:900;font-size:28px;letter-spacing:1px;} h2#banner-description{text-transform:uppercase;padding:5px 0 0 0;margin:0;font-weight:400;letter-spacing:3px;font-size:13px;color:#fff;text-shadow:0 0 2px #000;} /*SIDEBAR*/ #alpha{position:fixed;z-index:2;background:#999;padding:10px;float:left;width:240px;text-transform:uppercase;letter-spacing:1px;margin-left:-445px;left:50%;} .module-viewlinks, .module-calendar, .module-pagesummary, .module-syndicate, .module-powered{display:none;} .module-header{text-align:center;background:#ccc;padding:0!important;margin:5px 0!important;line-height:9px!important;font-weight:900;font-size:24px;letter-spacing:1px;} .module-content{padding:8px;margin:0;background:#999;max-height:175px;overflow:auto;} /*ENTRIES*/ h2.date-header{display:none;} h3.entry-header{display:none;} .entry-userpic, p.poster{display:none;margin:0!important;} .entry{position:relative;z-index:1;display:block;background:#fff;border:1px solid #eee;display:inline-block;width:100px;height:100px;overflow:hidden;padding:6px;margin-bottom:8px;margin-left:5px;-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;} .entry:hover{-moz-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform:scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);} .metadata, .ljtags, .entry-footer{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%;} ul.ljtaglist a{color:#555;} ul.ljtaglist a:hover{color:#fff;text-shadow:0 0 2px #000;}

→Go to Basics, choose S2, fill in your title and subtitle 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)
→Number of journal entries to show on recent entries page: Pick a large number (I'd suggest 300+)
→Disable customized comment pages for your journal: Yes
→Custom stylesheet: Input the code above and save

→Go to Basics > your link list and put in your journal's recent/profile/friends/archive/tag links. If you want a title other than LINKS use the first link space for your desired title and leave the URL field of it blank.

→Titillium Web to change the font.
→#ccc url(http://i.imgur.com/30tOicV.png) to change background color and image.
→#000 to change base font color.
→#eee to change link color.
→#fff to change entry background, link hover, and subtitle color.
→#999 to change header and sidebar background color.
→#ccc to change sidebar title background color.
→#555 to change link color on tags page.
→#aaa and #ccc to change the scrollbar colors.

→Credit me either in your link list or your profile.
→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.