Tessisamess

Left Sidebar | Right Sidebar | One Column | tess065

Information

Hey guys! 90s month continues, and honestly I'll probably do more decade-themed months in the future, because this is so much fun. I'll post a poll for favorite decade aesthetics soon for you guys so that I can get a vibe for what themes would get the most use! This layout has a lot of effects, overlays, etc., so if there's a specific effect you're looking to remove, don't hesitate to ask! ♥ Enjoy!

Layout Coding

/*-- WHATEVER 4EVER - TESSISAMESS - 2019 --*/ /*-- Credit me in profile if removing my credit link from main block --*/ /*-- Find more fun stuff at:tessisamess.insanejournal.com --*/ /* REPLACEMENTS */ :root{ --darkest: #000; /* black text outline */ --darker: #222; /* page text */ --medium: #999; /* entry date & tags */ --lightest: #fff; /* poster info links; calendar day names */ --accent1: #FF99FF; /* pink */ --accent2: #8D65F7; /* purple */ --accent3: #99FFFF; /* teal */ --overlay: rgba(255,255,255,0.6); /* to mute the page background gradient */ --entries: rgba(255,255,255,0.5); /* entry background */ --main-font: Poppins,century gothic,helvetica,sans-serif; --headings: Modak,impact,sans-serif; --link-img: url(https://i.imgur.com/wVtHw2B.gif)center; /* header nav links; change to color value for solid fill */ --icon: url(ICON_URL)center; /* header icon */ --private: url(https://i.imgur.com/dJgLxi8.png)center left no-repeat!important; --locked: url(https://i.imgur.com/tIooCJT.png)center left no-repeat!important; --customs: url(https://i.imgur.com/LcxM0s0.png)center left no-repeat!important; } /* FONTS */ @font-face{font-family:'Modak';font-style:normal;font-weight:400;src:local('Modak'), url(https://fonts.gstatic.com/s/modak/v4/EJRYQgs1XtIEskMA-hQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* GENERAL */ ::selection{background:var(--accent2);color:var(--accent3);} ::-moz-selection{background:var(--accent2);color:var(--accent3);} *{box-sizing:border-box;} body{margin:0;padding:0;background:linear-gradient(to bottom, var(--accent3), var(--accent2))fixed;font-family:var(--main-font);font-size:14px;color:var(--darker);} blockquote{font-style:normal;padding:20px;position:relative;} blockquote:before, blockquote:after{display:block;content:'';position:absolute;width:100%;height:100%;} blockquote:before{top:0;left:0;border:1px solid var(--accent2);transform:skewX(1deg) skewY(1deg);} blockquote:after{top:5px;left:5px;border:1px solid var(--accent1);transform:skewX(-1deg) skewY(-1deg);} h1,h2,h3,h4,h5,h6{line-height:1;font-family:var(--headings);margin:0;font-weight:normal;-webkit-text-fill-color:var(--accent3);text-shadow:1px 1px 0 var(--accent2), 2px 2px 0 var(--accent2), 3px 3px 0 var(--accent1), 4px 4px 0 var(--accent1);color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} img{max-width:100%;} ul{list-style:square;} hr{} summary{cursor:pointer;} summary:focus{outline:none;} a, a:visited, a:active{color:var(--accent3);text-decoration:none;} a:hover{text-decoration:none;} .ljuser{font-family:var(--headings);} .ljuser a{-webkit-text-stroke-color:var(--darkest);-webkit-text-stroke-width:1px;} .ljuser a b{font-weight:normal!important;} .ljuser a[href*="profile"]{color:var(--accent3)!important;padding:0 0 0 1px;} .ljuser a[href*="profile"] img{display:none;} .ljuser a[href*="profile"]:before{content:'@';} .ljuser a[href*="asylum"][href*="profile"]:before{content:'#';} /* WHOLE PAGE CONTAINERS */ #container{background:var(--overlay);min-height:100vh;padding:3vw;} #container-inner{margin:0 auto;} .layout-one-column #container-inner{max-width:700px;} .layout-one-column #alpha{margin:0;} .layout-two-column-left #container-inner{max-width:1000px;} .layout-two-column-left #alpha{margin:0 0 0 290px;} .layout-two-column-left #beta{float:left;width:250px;} .layout-two-column-right #container-inner{max-width:1000px;} .layout-two-column-right #alpha{margin:0 290px 0 0;} .layout-two-column-right #beta{float:right;width:250px;} /* HEADER */ #header{padding:0 0 3vw 0;display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:uppercase;color:var(--accent1);line-height:1.1;text-align:left;} #header-inner{position:relative;padding:0 0 0 120px;} #header-inner:before, #header-inner:after, #banner:before{content:'';position:absolute;left:0;display:block;clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);} #header-inner:before{background:var(--accent1);width:110px;height:120px;top:0;clip-path:polygon(0 0, 100% 8%, 100% 100%, 0 92%);} #header-inner:after{background:var(--accent2);width:110px;height:110px;top:5px;} #banner:before{background:var(--icon);background-size:cover;height:100px;width:100px;top:10px;left:5px;z-index:4;} #nav-below{display:block;list-style:none;margin:0;padding:0;font-size:35px;-webkit-text-stroke-color:var(--darkest);-webkit-text-stroke-width:1px;position:relative;} #nav-above{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;} .banner-viewlinks:last-of-type{display:none;} #nav-below a{margin:0 10px;background:var(--link-img);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--darkest);} #nav-below li:before{content:'&';} #nav-below li:first-of-type:before{content:'';} .current a{color:var(--accent1);-webkit-text-stroke-color:var(--darkest);} #header-text{background:transparent;border:none;padding:0;margin:0 0 0 10px;} #header-text a{color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} #banner-header{position:relative;font-family:var(--headings);text-align:left;font-size:75px;-webkit-text-fill-color:var(--accent3);text-shadow:1px 1px 0 var(--accent2), 2px 2px 0 var(--accent2), 3px 3px 0 var(--accent2), 4px 4px 0 var(--accent1), 5px 5px 0 var(--accent1), 6px 6px 0 var(--accent1);} #banner-description{display:none;font-family:var(--headings);text-align:left;padding:0;font-size:large;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} #alpha a, #alpha a:visited{color:var(--accent1);} #alpha a:hover{color:var(--accent3);} .content-nav{margin:30px 0 0 0;} .nav-top{display:none;} .nav-bottom, .entrypage{text-align:center;} #tagpage-header{text-align:center;} #tagpage-header h2{margin-bottom:30px;} .date-header{display:none;} #column-footer{clear:both;} /* STICKY NOTE */ #sticky-note .entry-inner{border:none;} #sticky-note .entry-header{text-align:center;color:var(--accent3);} #sticky-note .entry-header h2{margin:0;padding:0;font-size:34px;} #sticky-note .entry-text{padding:0;} #sticky-note .entry-footer{display:none;} /* ENTRIES */ .entry{margin:0 0 40px 0;padding:20px;position:relative;} .entry:before, .entry:after{display:block;content:'';position:absolute;width:100%;height:100%;} .entry:before{top:0;left:0;background:var(--entries);transform:skewX(1deg) skewY(1deg);} .entry:after{top:5px;left:5px;border:1px solid var(--accent1);transform:skewX(-1deg) skewY(-1deg);} .entry-inner{position:relative;z-index:3;} .entry-header{background:transparent;border:none;padding:0;} .entry-header h3{margin:0;padding:0;font-size:34px;} #alpha .entry-header a, #alpha .entry-header a:visited{color:var(--accent3);color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} .lj-view-day .entry-datetime{display:none;} .entry-datetime{font-size:9px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:var(--accent2);position:absolute;top:-30px;right:0;} .inner-entry-userpic{position:absolute;top:0;right:-95px;text-align:center;padding:0;z-index:4;} .layout-two-column-right .inner-entry-userpic{right:auto;left:-95px;} .inner-entry-userpic img{max-width:85px;max-height:85px;background:var(--accent2);padding:5px;} .outer-entry-userpic, .mid-entry-userpic{display:none;} .pic-poster{font-size:11px;text-transform:uppercase;letter-spacing:1px;} .pic-poster img{display:none;} .pic-poster a{color:var(--lightest)!important;margin:0 0 3px 0;background:var(--accent1);clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);padding:0 5px;} .pic-poster a[href*="profile"]{display:none;} .entry-content{margin-top:10px;} .entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;} .ljtags{margin:20px 0 0 0;padding:0 0 0 5px;font-size:8px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;border-left:12px solid var(--accent2);} #alpha .ljtags a, #alpha .ljtags a:visited{color:var(--medium);} .entry-metadata{display:none;} .entry-linkbar{margin:30px 0 0 0;font-family:var(--headings);font-size:16px;text-align:right;} .entry-linkbar ul{list-style:none;padding:0;margin:0;} .entry-linkbar li{display:inline;border:none;padding:0;margin:0;} .entry-linkbar li a{margin:0 0 0 10px;-webkit-text-stroke-color:var(--darkest);-webkit-text-stroke-width:1px;} .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=subscriptions]{display:none;} /* ARCHIVE VIEW */ .yearlinks{text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:33px;font-family:var(--headings);-webkit-text-fill-color:var(--accent3);text-shadow:1px 1px 0 var(--accent2), 2px 2px 0 var(--accent2), 3px 3px 0 var(--accent1), 4px 4px 0 var(--accent1);color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} .year{list-style:none;margin:0;padding:0;} .year li{display:inline;padding:0;} .lj-view-archive .entry-content{margin:0;} .yeartable{border-collapse:separate;border:none;width:100%;} td.monthlable, td.viewmonth{text-transform:uppercase;background:transparent!important;font-size:33px;font-family:var(--headings);-webkit-text-fill-color:var(--accent3);text-shadow:1px 1px 0 var(--accent2), 2px 2px 0 var(--accent2), 3px 3px 0 var(--accent1), 4px 4px 0 var(--accent1);color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} td.monthlable{text-align:left;} td.viewmonth{text-align:right;} td.viewmonth a{color:var(--accent3);-webkit-text-stroke-color:var(--accent2);-webkit-text-stroke-width:1.5px;} .dayname{text-transform:uppercase;text-align:center;background:var(--accent1)!important;color:var(--lightest);font-weight:bold;} .yeartable td{border:none!important;padding:5px;background:var(--entries);} /* TAGS & MONTH VIEW */ .lj-view-tags #alpha, .lj-view-month #alpha{padding:20px;position:relative;} .lj-view-tags #alpha:before, .lj-view-tags #alpha:after, .lj-view-month #alpha:before, .lj-view-month #alpha:after{display:block;content:'';position:absolute;width:100%;height:100%;} .lj-view-tags #alpha:before, .lj-view-month #alpha:before{top:0;left:0;background:var(--entries);transform:skewX(1deg) skewY(1deg);} .lj-view-tags #alpha:after, .lj-view-month #alpha:after{top:5px;left:5px;border:1px solid var(--accent1);transform:skewX(-1deg) skewY(-1deg);} .lj-view-tags #alpha-inner, .lj-view-month #alpha-inner{position:relative;z-index:4;} .lj-view-tags #alpha h2{font-size:34px;} /* SIDEBAR */ #beta-inner{font-size:12px;color:var(--darker);} #beta-inner a{color:var(--accent2);} #beta-inner a:hover{color:var(--accent1);} .module{padding:0;background:transparent;margin:0 0 40px 0;border:none;} .module-header{background:transparent;border:none;} .module-header h3{margin:0;padding:0;font-size:34px;} .module-header a, .module-header a:visited{color:var(--accent3);} .module-customtext .module-header{display:none;} .module-customtext{position:relative;} .module-customtext:before{content:'';display:block;background:var(--accent1);height:100%;clip-path:polygon(0 0, 100% 8%, 100% 100%, 0 92%);position:absolute;top:0;left:0;right:0;} .module-customtext .module-inner{padding:0;background:var(--accent2);padding:5px;clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);position:relative;margin:10px 0 0 0;position:relative;} .module-customtext .module-content img{clip-path:polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);} .module-customtext2 .module-content{padding:0;text-align:justify;} .module-typelist ul{list-style:none;margin:0;padding:0;text-transform:uppercase;font-weight:bold;letter-spacing:2px;} .module-typelist li a{display:block;border-bottom:1px dashed var(--accent1);} .module-typelist li a:hover{border-bottom:1px dashed var(--accent2);} .module-calendar .module-content{text-align:center;} .module-calendar table{border:none;font-size:10px;margin:0 auto;width:100%;border-spacing:3px;border-collapse:separate;} .module-calendar td{border:1px dashed var(--accent2);padding:5px;margin:5px;position:relative;} .module-calendar td a{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--accent3);padding:5px;color:var(--lightest);font-weight:bold;} .module-calendar th{background:var(--accent2);color:var(--lightest);font-weight:bold;padding:5px;} #tag-hierarchy ul{list-style:none;padding:0;margin:0;text-transform:uppercase;font-weight:bold;letter-spacing:2px;} #tag-hierarchy ul li ul{list-style:square;padding:0 0 0 10px;margin:0 0 0 20px;} .tag-count{font-size:x-small;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit p{padding:0;margin:0;font-family:var(--headings);font-size:18px;-webkit-text-stroke-color:var(--darkest);-webkit-text-stroke-width:1px;-webkit-text-fill-color:var(--accent3);} .module-layoutcredit p:before{content:'&';} .module-layoutcredit a{-webkit-text-stroke-color:var(--darkest);-webkit-text-stroke-width:1px;-webkit-text-fill-color:var(--accent1);} .all-link, .module-viewlinks, .module-pagesummary, .module-about, .module-syndicate, .module-powered, .module-ads{display:none;} /* CONTENT FOOTER */ #content-footer{clear:both;height:0;} /* ICON REPLACEMENTS */ img[src*="img/icon_private.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;padding:16px 0 0 18px!important;} img[src*="img/icon_private.gif"]{background:transparent var(--private);} img[src*="img/icon_protected.gif"]{background:transparent var(--locked);} img[src*="img/icon_groups.gif"]{background:transparent var(--customs);}

Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Fill in your Links List if desired, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:

♡ Layout Type:

One Column
Two Column (Sidebar on Left)
Two Column (Sidebar on Right)

♡ Disable customized comment pages for your journal: Yes
♡ Navigation link names: Recent/Archive/Friends/Profile
♡ Fill in sticky note if desired.
♡ Fill in first custom sidebar module with an image if desired.
♡ Fill in second custom sidebar module with text if desired.
♡ Person to credit if you have an individually created layout: Layout by Tessisamess
♡ URL to link the credit to: http://tessisamess.insanejournal.com/
♡ Change any unneeded sidebar modules to (none) if any you don't need are displayed on the live demo. (If you don't see it on the demo journal, it's already disabled for you.)
♡ Custom stylesheet: Input the CSS provided and save!

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!