Tessisamess

Kicking off 2015 with a layout I've been wanting to do for a while; I'm pretty pleased with myself on this one! This is probably the most Tumblr-y of layouts on IJ now, haha. This layout features a wide, minimalist sidebar and three-column entries with no restrictions on length. Be sure to check out the friends page, too, as it functions like a normal flist to cut down on timeline confusion. :D

Also: My $30 layout (and Tumblr theme) sale is still going on, so be sure to check it out!

/*-- NEWSWORTHY - 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:'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:10px;height:10px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:0;width:4px;display:block;background:transparent;} ::-webkit-scrollbar-track-piece{background:#eee;} ::-webkit-scrollbar-thumb:vertical{height:0;background:#ddd;} ::-webkit-scrollbar-thumb:horizontal{width:0;background:#ddd;} body{color:#888;background:#fbfbfb url(BACKGROUND)top left repeat fixed;margin:6px 0 6px 8px;padding:0;font-family:Helvetica,sans-serif;} blockquote{font-style:italic;} h2{text-transform:uppercase;font-family:Oswald;font-size:30px;font-weight:normal;} a, a:active, a:visited, a:link{color:#777;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:#bbb;} /* WHOLE PAGE CONTAINERS */ .layout-two-column-left #alpha{margin:0 0 0 354px;} .layout-two-column-left #beta{background:#fff;position:fixed;top:0;left:0;bottom:0;border-right:1px solid #e1e1e1;width:324px;padding:10px;z-index:201;} #container{background:transparent;} /* HEADER */ #header{display:none;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} .lj-view-recent #alpha{width:980px;float:left;} .lj-view-recent #alpha-inner{-webkit-column-width:316px;-moz-column-width:316px;column-width:316px;column-count:3;} #alpha a, #alpha a:visited{color:#777;} .content-nav{margin:.5em 1em;} .nav-top{display:none;} .nav-bottom{text-align:center;font-size:18px;text-transform:uppercase;font-family:Oswald;} #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:8px;color:#777;} .module{padding:3px;background:transparent;margin:0 0 5px 0;border:none;} .module-header{background:transparent;border:none;text-transform:uppercase;font-family:Oswald;font-size:18px;} .module-header h3{margin:0;padding:5px;font-weight:300;} .module-header a, .module-header a:visited{color:#777;} .module-list{margin:0;padding:0;} .module-list-item{margin:0;padding:0;} .module-customtext{padding-top:60px;} .module-customtext img{width:265px;padding:5px;border:1px solid #e1e1e1;} .module-customtext .module-content{padding:0;} .module-customtext2{margin:0 24px;text-transform:uppercase;border:1px solid #e1e1e1;padding:4px 0;letter-spacing:1px;line-height:150%;} .module-viewlinks .module-header{display:none;} .module-viewlinks{text-transform:uppercase;letter-spacing:3px;} .module-viewlinks ul{list-style:none;margin:0;padding:0;} .module-viewlinks li{display:inline-block;} .module-viewlinks li a{background:#fbfbfb;display:inline-block;width:131px;padding:3px 1px;margin:2px;border:1px solid #e1e1e1;} .module-layoutcredit a{opacity:0.9;padding:4px 0;display:block;position:fixed;right:0;bottom:0;width:86px;background:#fff;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin:0;-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;-webkit-border-radius: 9px 0 0 0;border-radius: 9px 0 0 0;} .module-layoutcredit a:hover{padding-bottom:7px;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit p{padding:2px 0 0 0;margin:0;text-transform:uppercase;letter-spacing:2px;} .module-about, .module-calendar, .module-typelist, .module-categories, .module-pagesummary, .module-syndicate, .module-powered, .module-ads{display:none;} /* ALL ENTRIES */ .entry-content{margin:0;} .entry-text{min-height:1px;overflow:auto;} .entry-header{background:transparent;border:none;text-transform:uppercase;font-family:Oswald;text-align:center;} .entry-header h3{font-size:15px;padding:0;margin:0;} #alpha .entry-header a, #alpha .entry-header a:visited{color:#555;} .entry-metadata{display:none;} /* RECENT ENTRIES */ #sticky-note{display:none;} .lj-view-recent .entry{background:#fff;border:1px solid #e1e1e1;display:inline-block;vertical-align:top;width:312px;margin:0 0 15px 0;padding:0;text-align:justify;font-size:12px;} .entry-inner{padding:7px;} .lj-view-recent .entry img{max-width:286px;padding:5px;border:1px solid #e1e1e1;} .lj-view-recent .entry-datetime{display:none;} .lj-view-recent .ljtags{display:none;} .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{background:#fff;border:1px solid #e1e1e1;width:500px;margin:8px 5px 12px 5px;padding:7px;text-align:justify;font-size:12px;} .lj-view-friends .entry img{max-width:473px;padding:5px;border:1px solid #e1e1e1;} .lj-view-friends .entry-datetime{text-transform:uppercase;font-size:8px;letter-spacing:4px;color:#777;margin-bottom:5px;text-align:center;} .lj-view-friends .inner-entry-userpic{position:absolute;margin-top:-52px;margin-left:514px;text-align:center;padding:0;} .lj-view-friends .inner-entry-userpic img{width:65px;height:65px;padding:6px;background:#fff;border:1px solid #e1e1e1;margin-bottom:5px;} .pic-poster img{display:none;} .ljuser{font-size:9px;font-weight:normal;text-transform:uppercase;} .lj-view-friends .ljtags{margin-top:15px;font-size:9px;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;padding:2px 0;background:#fbfbfb;border:1px solid #e1e1e1;margin:0;color:#777!important;} .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{background:#fff;border:1px solid #e1e1e1;width:500px;margin:8px 5px 12px 5px;padding:7px;font-size:12px;} .yearlinks{text-align:left;font-size:17px;font-family:Oswald;text-transform:uppercase;} .year{list-style:none;} .year li{display:inline;padding:2px;} .yeartable{border-collapse:collapse;border:1px solid #e1e1e1;margin:0 auto;width:80%;} td.monthlable{text-align:left;font-size:16px;font-family:Oswald;text-transform:uppercase;color:#777;} td.viewmonth{text-align:right;font-size:16px;font-family:Oswald;text-transform:uppercase;color:#777;} .dayname{text-align:center;font-size:16px;font-family:Oswald;text-transform:uppercase;color:#777;} .yeartable td{border:1px solid #e1e1e1!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
→Text used to link to the 'Recent Entries' view: Recent
→Text used to link to the 'Archive' view: Archive
→Text used to link to the 'Friends' view: Friends
→Text used to link to the 'User Information' view: Profile

→Title to use for custom text sidebar module: Your title
→Body of custom sidebar module: Your image
→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/

→Custom stylesheet: Input the code above and save

→#FFF to change the sidebar and entry background color.
→#FBFBFB to change the page background color, sidebar link backgrounds, and entry link backgrounds.
→#EEE to change the scrollbar track piece.
→#E1E1E1 to change all content and image borders.
→#DDD to change the scrollbar thumb.
→#888 to change the bulk font color.
→#777 to change the link colors.
→#555 to change the entry header color.

→OSWALD to change the accent font.
→HELVETICA,SANS-SERIF to change the bulk font.
→url(BACKGROUND) to add a background image to the page.

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