Tessisamess

image preview | tess069

Information

Hey guys! Intimus is a minimalist layout with a sticky sidebar that can be used for just about anything, but is made with PSL journals and CDJs in mind! It comes with an optional splash page, and six types of entry codes, plus three contact code options, so be sure to navigate via the sidebar to check them all out!

This journal/codes combination is intended to be used with minimal cuts and navigated by tag, but you can definitely use it with alternate setups!

Another thing to note: If you want to disable your linkbar for a cleaner look and don't need commenting available on an entry, you can turn them off for any entry that doesn't need commenting, and none of your linkbar content will be visible to anyone but you. Enjoy! ♥

Please note that, if using this layout for a community, there is a small section at the very end of the CSS that I recommend deleting so that userpics etc. all function as needed for a community. It's labeled in the CSS for your convenience!

Layout Coding

/*-- INTIMUS - 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; /* header/sidebar links, entry header title */ --darker: #222; /* page text */ --medium: #999; /* entry date & tags */ --light: #F7F7F7; /* page background */ --lightest: #fff; /* header and entry background */ --light-accent: #D5DCE8; /* link hover background, hr background, strong tag background, image borders, header title background */ --accent: #7E91B0; /* page selection background, entry links */ --main-font: Fira Sans Extra Condensed,helvetica,arial,sans-serif; --headings: Domine,palatino linotype,georgia,serif; --title-font: Domine,palatino linotype,georgia,serif; --header-icon: url(http://www.insanejournal.com/userpic/37904389/4246232)center; --splash-img: url()center; --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:'Fira Sans Extra Condensed';font-style:normal;font-weight:400;src:local('Fira Sans Extra Condensed Regular'), local('FiraSansExtraCondensed-Regular'), url(https://fonts.gstatic.com/s/firasansextracondensed/v3/NaPKcYDaAO5dirw6IaFn7lPJFqXmS-M9Atn3wgda1f-uug.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:'Domine';font-style:normal;font-weight:400;src:local('Domine'), local('Domine-Regular'), url(https://fonts.gstatic.com/s/domine/v6/L0x8DFMnlVwD4h3hu_qn.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(--accent);color:var(--lightest);} ::-moz-selection{background:var(--accent);color:var(--lightest);} body{margin:0;padding:0;background:var(--light);font-family:var(--main-font);font-size:15px;color:var(--darker);} blockquote{font-style:italic;} h1,h2,h3,h4,h5,h6{font-family:var(--headings);font-weight:normal;text-transform:lowercase;margin:0;line-height:1;} img{max-width:100%;} strong{text-transform:uppercase;letter-spacing:2px;font-size:12px;background:linear-gradient(to bottom, var(--light-accent) 0%,var(--light-accent) 100%);background-position:0 55%;background-repeat:repeat-x;background-size:4px 4px;} ul{list-style:circle;} ol{list-style:lower-roman;} hr{border:none;height:2px;background:var(--light-accent);margin-left:20%;margin-right:20%;} summary{cursor:pointer;} summary:focus{outline:none;} a, a:visited, a:active{color:var(--darkest);text-decoration:none;background:linear-gradient(to bottom, var(--light-accent) 0%,var(--light-accent) 100%);background-position:0 60%;background-repeat:repeat-x;background-size:0 0;} a:hover{text-decoration:none;background-size:7px 7px;} .ljuser{font-weight:bold;} .ljuser a[href*="profile"] img, .entry-header 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:transparent;} .layout-one-column #alpha{margin:0;} .layout-two-column-left #alpha{margin:0 0 0 310px;} .layout-two-column-left #beta{float:left;width:270px;text-align:right;} .layout-two-column-right #alpha{margin:0 310px 0 0;} .layout-two-column-right #beta{float:right;width:270px;} /* HEADER */ #header{background:var(--lightest);padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.05);color:var(--darker);} #banner-text{height:70px;display:flex;align-items:center;} #banner-text:before{content:'';display:block;width:30px;height:30px;margin:0 15px 0 0;background:var(--light-accent) var(--header-icon);background-size:cover;} #nav-below{display:block;list-style:none;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;font-size:11px;} #nav-above{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;} .banner-viewlinks:last-of-type{display:none;} #nav-below a{margin-left:15px;} .current a{color:var(--darker);} #header-text{background:transparent;border:none;margin:0;padding:0;} #banner-header{font-family:var(--title-font);text-align:center;} #banner-header a{background:linear-gradient(to bottom, var(--light-accent) 0%,var(--light-accent) 100%);background-position:0 60%;background-repeat:repeat-x;background-size:7px 7px;} #banner-description{display:none;} /* BODY OF PAGE */ .layout-one-column #pagebody{max-width:800px;} #pagebody{margin:50px auto;max-width:1200px;} /* MAIN COLUMN */ #alpha{background:transparent;border:none;padding:0;} #alpha a, #alpha a:visited{color:var(--accent);} .content-nav{margin:30px 0 0 0;font-family:var(--headings);font-size:20px;text-transform:lowercase;} .nav-top{display:none;} .nav-bottom, .entrypage{text-align:center;} .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(--darkest);} #sticky-note .entry-header h2{margin:0;padding:0;font-size:35px;} #sticky-note .entry-content{margin-top:15px;} #sticky-note .entry-text{padding:0;} #sticky-note .entry-footer{display:none;} /* ENTRIES */ .entry{margin:0 0 40px 0;padding:40px;background:var(--lightest);border:1px solid rgba(0,0,0,0.05);position:relative;} .lj-view-friends .entry-header{text-align:left;} .entry-header{text-align:left;background:transparent;border:none;padding:0;min-height:50px;} .entry-header h3{margin:0;padding:0;font-size:35px;} .entry-header h3:empty{display:none;} #alpha .entry-header a, #alpha .entry-header a:visited{color:var(--darkest);} .lj-view-friends .entry-datetime{text-align:right;} .lj-view-day .entry-datetime{display:none;} .entry-datetime{text-align:right;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--medium);} .lj-view-friends .mid-entry-userpic{display:block;} .mid-entry-userpic{display:block;float:left;text-align:center;padding:0;} .mid-entry-userpic img{border:5px solid var(--light-accent);padding:5px;width:40px;height:40px;margin:0 10px 0 0;} .outer-entry-userpic, .inner-entry-userpic{display:none;} .pic-poster{position:absolute;left:112px;top:75px;text-align:right;text-transform:uppercase;letter-spacing:2px;font-size:11px;display:flex;} .pic-poster img{display:none;} .pic-poster a[href*="profile"]{display:none;} .pic-poster .ljuser:before{content:'Posted by ';} .pic-poster .ljuser ~ .ljuser:before{content:'in ';margin:0 0 0 4px;} .entry-content{margin-top:25px;} .entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;} .ljtags{margin:30px 0 0 0;text-transform:uppercase;letter-spacing:2px;font-size:11px;} #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);text-transform:lowercase;font-size:17px;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;} .entry-linkbar li a[href*=memadd], .entry-linkbar li a[href*=tellafriend], .entry-linkbar li a[href*=subscriptions], .entry-linkbar li a[href$=html]{display:none;} /* CUSTOM SPLASH */ .splash{position:fixed;left:0;right:0;bottom:0;top:71px;background:var(--light);display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:lowercase;font-size:40px;line-height:1;} .splash section{height:75%;} .pic{width:30vw;max-width:400px;min-width:300px;border:15px solid var(--light-accent);padding:10px;margin-right:30px;} .pic div{background:var(--accent) var(--splash-img);background-size:cover;height:100%;} .nav{display:flex;align-items:flex-end;} .nav a{display:block;color:var(--darkest)!important;} /* ARCHIVE VIEW */ .yearlinks{text-align:center;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:30px;color:rgba(0,0,0,0.5);} .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{letter-spacing:2px;text-transform:uppercase;background:transparent!important;font-size:20px;} td.monthlable{text-align:left;} td.viewmonth{text-align:right;} .dayname{letter-spacing:2px;text-transform:uppercase;text-align:center;background:var(--accent)!important;color:var(--lightest);font-size:14px;} .yeartable td{border:none!important;background:rgba(0,0,0,0.03);padding:5px;} /* TAGS & MONTH VIEW */ .lj-view-tags #alpha, .lj-view-month #alpha{padding:40px;background:var(--lightest);} /* SIDEBAR */ #beta{position:sticky;top:30px;} #beta-inner{font-size:30px;color:var(--darkest);} .module{padding:0;background:transparent;margin:0 0 30px 0;border:none;} .layout-two-column-left .module-about .module-content{text-align:right;} .layout-two-column-right .module-about .module-content{text-align:left;} .module-about .module-content{padding:0;} .userpic img{border:15px solid var(--light-accent);padding:10px;} .username, .journalname, .usersite{display:none;} .lj-view-friends .module-typelist{display:none;} .lj-view-friends .module-pagesummary{display:block;} .module-typelist ul, .module-pagesummary ul{list-style:none;margin:0;padding:0;font-family:var(--headings);text-transform:lowercase;} .module-typelist ul{font-size:30px;} .module-pagesummary ul{font-size:20px;} .module-layoutcredit p{padding:0;margin:0;text-transform:uppercase;letter-spacing:2px;font-size:11px;} .module-customtext, .module-header, .module-customtext2, .module-categories, .module-viewlinks, .module-pagesummary, .module-calendar, .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);} /* REMOVE IF USING IN A COMMUNITY */ #tagpage-header, .mid-entry-userpic{display:none;} .entry-datetime, .entry-header{text-align:center;}

Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Fill in your Links List for tag/page navigation 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:

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.
♡ 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 CSS provided and save!

Editing Guide

These replacements are for the entry codes only as the layout itself has a :root directory.

FONTS

Fira Sans Extra Condensed,helvetica,arial,sans-serif - Overall font in some entry codes
Domine,palatino linotype,georgia,serif - Heading text in some entry codes

COLORS

#D5DCE8

Light accent color in entry some codes; typically image borders

#7E91B0

Accent color in some entry codes; typically header/title text

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!