Layout Code

/*-- 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: #F7F7F7; /* 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/103357/34816)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(--darkest);}

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);}