Tessisamess

Here's a quick layout I've been meaning to finish and post that wound up matching my last two codes, so I stuck em in! Features a one blurb sidebar with custom inner coding and room for an icon; enabled modules are: custom text, links list, and tags. We've also got some large headers going on, side positioned footer links, and rounded icons, all wrapped up in a minimalist package. Enjoy! <3

/*-- THE SILVIS - TESSISAMESS - 2016 --*/ /*-- Credit me in profile if removing my credit link from main block --*/ /*-- Find more fun stuff at: tessisamess.insanejournal.com --*/ /* GENERAL CLASSES */ @font-face{font-family:'Playfair Display';font-style:italic;font-weight:700;src:local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url(https://fonts.gstatic.com/s/playfairdisplay/v10/n7G4PqJvFP2Kubl0VBLDEBZeN5y77JNHCKkhVNuYRJ4.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;} body{color:#333;background:#eee url(http://i.imgur.com/BJsatPF.png)top left repeat fixed;margin:45px 0;padding:0;font-family:helvetica,arial,sans-serif;font-size:14px;} blockquote{font-style:italic;} h1, h2, h3, h4{margin:0;padding:0;font-family:Playfair Display,georgia,serif;text-transform:lowercase;text-align:center;} h1, h2, h3{color:#444;} a, a:visited, a:active{color:#444;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} a:hover{text-decoration:none;color:#aaa!important;} /* WHOLE PAGE CONTAINERS */ .layout-two-column-left #alpha{margin:0 0 0 370px;} .layout-two-column-left #beta{float:left;width:350px;} #container{background:transparent;width:1000px;margin:0 auto;} /* HEADER */ #header{display:none;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} #alpha a, #alpha a:visited{color:#444;} .content-nav{margin:.5em 1em;} .nav-top{display:none;} .nav-bottom{font-family:Playfair Display,georgia,serif;text-transform:lowercase;text-align:center;color:transparent;font-size:0;} .nav-bottom a{color:#999!important;font-size:20px;display:inline-block;margin:0 20px;} .entrypage{text-align:center;} #tagpage-header h2{text-align:center;color:#555;} .date-header{display:none;} #column-footer{clear:both;} /* ENTRIES */ #sticky-note .entry-inner{border:none;} #sticky-note .entry-header{color:#444;} #sticky-note .entry-footer{display:none;} #sticky-note .entry-text{padding:0;} .entry{margin:0 0 20px 0;background:#fff;padding:25px;text-align:justify;line-height:170%;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);position:relative;} .entry img{max-width:100%;} .entry-header{background:transparent;border:none;padding:0 0 5px 0;} .entry-header h3, .entry-header h2{margin:0;padding:0;font-size:30px;} #alpha .entry-header a, #alpha .entry-header a:visited{color:#444;} .entry-datetime{font-size:10px;text-transform:uppercase;color:#aaa;letter-spacing:4px;text-align:center;} .entry-content{margin:0;} .entry-body{padding:0;} .entry-text{min-height:110px;overflow:hidden;} .inner-entry-userpic{position:absolute;top:0;right:-85px;text-align:center;font-size:8px;text-transform:uppercase;line-height:100%;} .inner-entry-userpic img{width:60px;height:60px;margin-bottom:3px;background:#fff;padding:5px;border-radius:200px;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);} .pic-poster img{display:none;} .pic-poster a{color:#555!important;} .ljtags{margin:10px 0 0 0;font-size:11px;text-transform:uppercase;} #alpha .ljtags a, #alpha .ljtags a:visited{color:#888;} .entry-linkbar{position:absolute;font-size:9px;text-transform:uppercase;text-align:center;width:72px;top:95px;right:-85px;} .entry-linkbar ul{list-style:none;padding:0;margin:0;} .entry-linkbar li{border:none;padding:0;margin:0;} li.first-el{border-left:none;padding-left:0;} .entry-linkbar li a{display:block;border:1px solid #ccc;background:#eee;text-align:center;margin:2px 0;} .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{display:none;} /* ARCHIVE VIEW */ .year{list-style:none;} .year li{display:inline;padding:.5em;} .yeartable{border-collapse:collapse;border:1px solid #ccc;} td.monthlable{text-align:left;} td.viewmonth{text-align:right;} .yeartable td{border:1px solid #ccc;} /* TAG LIST */ .ljtaglist{padding:0;margin:0;list-style:none;} .ljtaglist li{padding:0;margin:0;font-size:0;} .ljtaglist li a{display:block;padding:8px 15px;font-size:14px;} .lj-view-tags #alpha, .lj-view-month #alpha{padding:20px;background:#fff;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);} /* SIDEBAR */ #beta-inner{font-size:13px;color:#555;} .module{border:none;padding:35px;background:#fff;margin:0 0 20px 0;text-align:justify;line-height:140%;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);} .module-header{background:transparent;border:none;color:#444;font-size:20px;text-align:center;} .module-header h3{margin:0;padding:0;} .module-header a, .module-header a:visited{color:#444;} .module-customtext{margin-top:50px;} .module-customtext .module-content{padding:0;} .module-customtext img{margin-top:-85px;border-radius:300px;border:5px solid #fff;width:100px;-webkit-box-shadow:0 -1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 -1px 5px 0 rgba(0,0,0,0.2);} .module-customtext b{font-family:Playfair Display,georgia,serif;text-transform:lowercase;color:#444;font-size:30px;text-align:center;display:block;} .module-customtext h4{font-size:17px;color:#aaa;margin:5px 0 10px 0;} .module-customtext hr{height:1px;border:none;background:#ddd;margin:0;} .my-nav a{display:inline-block;width:33%;padding:7px 0;text-transform:uppercase;font-size:11px;text-align:center;} .my-nav a:hover{background:#ddd;color:#999!important;} #tag-hierarchy ul{padding:0;margin:0 0 0 0;list-style:none;} #tag-hierarchy li{text-transform:lowercase;font-size:17px;color:#555;padding:2px 0;font-family:Playfair Display,georgia,serif;} #tag-hierarchy li li{margin-left:20px;text-transform:none;font-size:13px;font-family:helvetica,arial,sans-serif;} .all-link a{display:block;border:1px solid #ccc;background:#eee;text-align:center;font-size:9px;text-transform:uppercase;padding:2px 0;margin:0 50px;} .tag-count{display:none;} .module-typelist ul{list-style:none;margin:10px 0 0 0;padding:0;} .module-typelist a{display:block;border:1px solid #ccc;background:#eee;text-align:center;font-size:9px;text-transform:uppercase;padding:2px 0;margin:4px 0;} .module-layoutcredit{background:transparent;margin:0;text-align:center;border:none;-webkit-box-shadow:none;box-shadow:none;text-transform:uppercase;letter-spacing:7px;font-size:9px;padding:0;} .module-layoutcredit. module-content{padding:0;} .module-layoutcredit p{padding:0;margin:0 -7px 0 0;} .module-layoutcredit a{color:#555;} .module-customtext2, .module-layoutcredit .module-header, .module-viewlinks, .module-pagesummary, .module-calendar, .module-about, .module-syndicate, .module-powered, .module-ads{display:none;} /* CONTENT FOOTER */ #content-footer{clear:both;height:0;} /* ICON REPLACEMENTS */ img[src*="img/userinfo.gif"], .ljuser img[src*="img/userinfo.gif"], img[src*="img/community.gif"], .ljuser img[src*="img/community.gif"], 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/Gkzt2ya.png) no-repeat!important;padding:16px 0 0 17px!important;opacity:0.8;margin-bottom:3px;}

→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Links List, fill in your links if desired, then save (remember to use the first link title with no URL for your link module title.)
→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

→Fill in sticky note and title if desired.

→Body of custom sidebar module:
<center><img src="YOURICON"></center>
<b><a href="http://JOURNALNAME.insanejournal.com/">JOURNAL TITLE</a></b><!---
---><h4>THIS IS A JOURNAL SUBTITLE</h4><div class="my-nav"><hr><!---
---><a href="http://JOURNALNAME.insanejournal.com/">Recent</a><!---
---><a href="http://JOURNALNAME.insanejournal.com/friends">Friends</a><!---
---><a href="http://JOURNALNAME.insanejournal.com/profile">Profile</a><hr></div>
<i>YOUR BLURB</i>
*remember to fill these in or your nav links won't work!

→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, links, tags, layout credit, (none) OR default is fine if you haven't edited these dropdowns previously

→Custom stylesheet: Input the code above and save!

→#fff to change entry and sidebar content background colors.
→#eee to change block link background and page background colors.
→#ddd to change hr and sidebar nav hover background color.
→#ccc to change block link border colors.
→#aaa to change date, sidebar subtitle, and link hover color.
→#999 to change page bottom nav and sidebar nav link hover color.
→#888 to change entry tag links color.
→#555 to change entry header, sidebar, and secondary link colors.
→#444 to change link color.
→#333 to change page font color.
→0, 0, 0 to change the box shadow color.

→Playfair Display to change the accent font.
→helvetica,arial,sans-serif to change the bulk font.
→http://i.imgur.com/BJsatPF.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.