/*-- W95 - TESSISAMESS - 2022 --*/
/*-- Credit me in profile if removing my credit link from main block --*/
/*-- 

	Find more fun stuff at:
	tessisamess.insanejournal.com
	tesscodes.dreamwidth.org
	patreon.com/tessisamess

--*/


/* REPLACEMENTS */

:root{
/* COLORS */
	--text: #000;
	--medium: #999; /* entry date & tags */
	--lightest: #fff; /* things */

	--page-bg: #008081;
	--content-bg: #D4D0C7;
	--accent: #010081;
	--borders: #E5E1D8;
	--blockquote: #FFFFDA;

/* FONTS */
	--main-font: W95FA,monospace;
	--headings: W95FA,monospace;
	--title-font: W95FA,monospace;

	--body-text: 13px;

	--title-text: 14px;
	--nav-text: 14px;

	--side-text: 13px;
	--side-titles: 12px;

	--entry-titles: 12px;
	--entry-info: 13px;

/* TEXT */
	--system-time: '1/19/97 4:20 PM';
	--error-button: 'Okay';

/* DIMENSIONS */
	--content-width: 500px;
	--error-msg: 330px;

	--side-width: 120px;
	--side-padding: 10px;

	--margin: 10px;
	--padding: 10px;
	--entry-icon: 60px;

/* LINKS LIST */
	--link-one: url(https://i.imgur.com/Ec9WeRr.png)center top no-repeat;
	--link-two: url(https://i.imgur.com/7mo2qvM.png)center top no-repeat;
	--link-three: url(https://i.imgur.com/eu7Vf41.png)center top no-repeat;
	--link-four: url(https://i.imgur.com/sfsWgJX.png)center top no-repeat;
	--link-five: url(https://i.imgur.com/wQCv17A.png)center top no-repeat;
	--link-six: url(https://i.imgur.com/ADI8tvn.png)center top no-repeat;
	--link-seven: url(https://i.imgur.com/OjBnord.png)center top no-repeat;
	--link-eight: url(https://i.imgur.com/IA4yZzF.png)center top no-repeat;
	--link-nine: url(https://i.imgur.com/4biyELZ.png)center top no-repeat;
	--link-ten: url(https://i.imgur.com/HLbmaRe.png)center top no-repeat;
	--recycle: url(https://i.imgur.com/1p1XMRn.png)center top no-repeat;

/* ENTRY SECURITY */
	--private: url(https://i.imgur.com/1dDCj03.png)center left no-repeat!important;
	--locked: url(https://i.imgur.com/SXSgDWE.png)center left no-repeat!important;
	--customs: url(https://i.imgur.com/ZkNcrag.png)center left no-repeat!important;
}


/* FONTS */

@font-face{font-family:W95FA;src:url(https://dl.dropbox.com/s/h5bcj5ym0ahhk45/W95FA.otf);}


/* GENERAL */

::selection{background:var(--accent);color:var(--lightest);}
::-moz-selection{background:var(--accent);color:var(--lightest);}

::-webkit-scrollbar-track{background:var(--content-bg);}
::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-thumb{background:var(--content-bg);border:3px outset;}

*{box-sizing:border-box;}
body{margin:0;padding:0 0 30px 0;background:var(--page-bg);font-family:var(--main-font);font-size:var(--body-text);color:var(--text);}

blockquote{font-style:normal;background:var(--blockquote);background-image:radial-gradient(rgba(0,0,0,0.1) 10%, transparent 11%),radial-gradient(rgba(0,0,0,0.06) 10%, transparent 11%);background-size:3px 3px;background-position:0 0,30px 30px;background-repeat:repeat;border:2px inset var(--borders);padding:var(--padding);margin:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--headings);margin:0;font-weight:normal;}
img{max-width:100%;}
ul{list-style:square;}
hr{border:none;border-bottom:1px dotted var(--text);}
summary{cursor:pointer;}
summary:focus{outline:none;}

a, a:visited, a:active{color:var(--lightest);text-decoration:none;}
a:hover{color:var(--medium);text-decoration:none;}

.ljuser{font-weight:bold;}
.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:transparent;padding:calc(var(--margin) * 2);}

.layout-two-column-left #alpha{margin:0 0 0 calc((var(--side-width) * 2) + var(--error-msg) + (var(--margin) * 2) + 50px);max-width:var(--content-width);}
.layout-two-column-left #beta{float:left;width:var(--side-width);}


/* HEADER */

#header{padding:0;color:var(--text);background:var(--content-bg);border-top:2px outset;position:fixed;bottom:0;left:0;right:0;z-index:10;line-height:1;}

#banner-text{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;padding:2px 15px;}

#nav-above{list-style:none;margin:0;padding:0;font-size:var(--nav-text);}
#nav-below{display:none;}
.banner-viewlinks{display:inline;padding:0;border:none;}
.banner-viewlinks:last-of-type{display:none;}

#nav-above a{background:var(--content-bg);border:2px outset var(--borders);margin-right:3px;color:var(--text);display:inline-flex;align-items:center;width:120px;height:25px;padding:0 3px 0 23px;}
.current a{color:var(--text);}

#nav-above li:nth-of-type(1) a{background:url(https://i.imgur.com/8XSSED6.png)3px center no-repeat;}
#nav-above li:nth-of-type(2) a{background:url(https://i.imgur.com/ZOOD6kk.png)3px center no-repeat;}
#nav-above li:nth-of-type(3) a{background:url(https://i.imgur.com/KPuHTyd.png)3px center no-repeat;}
#nav-above li:nth-of-type(4) a{background:url(https://i.imgur.com/nufkG3I.png)3px center no-repeat;}

#nav-above a:hover{border:2px inset var(--borders);}
#nav-above li:nth-of-type(1) a:hover{background:rgba(0,0,0,0.1) url(https://i.imgur.com/8XSSED6.png)3px center no-repeat;}
#nav-above li:nth-of-type(2) a:hover{background:rgba(0,0,0,0.1) url(https://i.imgur.com/ZOOD6kk.png)3px center no-repeat;}
#nav-above li:nth-of-type(3) a:hover{background:rgba(0,0,0,0.1) url(https://i.imgur.com/KPuHTyd.png)3px center no-repeat;}
#nav-above li:nth-of-type(4) a:hover{background:rgba(0,0,0,0.1) url(https://i.imgur.com/nufkG3I.png)3px center no-repeat;}

#header-text{background:transparent;border:none;margin:0;padding:0;}
#banner-header{font-family:var(--title-font);font-size:0;text-align:center;}
#banner-header a{display:block;border:2px outset var(--borders);margin-right:6px;height:25px;width:70px;line-height:19px;padding:0 5px 0 25px;background:url(https://i.imgur.com/hue7SB2.png)center left no-repeat;background-size:auto 100%;color:var(--text);font-weight:bold;}
#banner-header a:after{content:'Start';font-size:var(--title-text);}
#banner-description{display:none;}

#banner-header:after{content:var(--system-time);font-size:var(--title-text);position:absolute;top:3px;right:20px;display:flex;align-items:center;height:22px;padding:0 6px;outline:2px inset var(--borders);}


/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha a, #alpha a:visited{color:var(--text);text-decoration:underline;}
#alpha a:hover{color:var(--accent);}

.content-nav{margin:0;position:fixed;bottom:2px;right:15px;z-index:11;display:flex;align-items:center;line-height:1;height:25px;background:rgba(0,0,0,0.1);border:2px inset var(--borders);padding:0 5px;font-size:var(--nav-text);}
.content-nav a{margin:0 5px;}
.nav-top{display:none;}
.nav-bottom, .entrypage{text-align:center;}

#tagpage-header{text-align:center;}
#tagpage-header h2{margin-bottom:var(--margin);color:var(--lightest);font-size:var(--nav-text);}

.date-header{display:none;}

#column-footer{clear:both;}


/* STICKY NOTE */

#sticky-note{position:fixed;top:0;bottom:0;right:10%;display:flex;align-items:center;}
#sticky-note .entry{width:597px;height:434px;background:url(https://i.imgur.com/kp9AnAr.png)center no-repeat;}
#sticky-note .entry-header, #sticky-note .entry-inner, #sticky-note .entry-footer{display:none;}


/* ENTRIES */

.entry{margin:0 0 var(--margin) 0;padding:0;background:var(--content-bg);border:3px outset;position:relative;}

.entry-header{background:var(--accent);border:none;padding:1px 1px 0 5px;line-height:1;}
.entry-header-inner{background:url(https://i.imgur.com/BDhZwQe.png)right center no-repeat;}

.entry-header h3{margin:0;padding:4px 0;font-size:var(--entry-titles);}
#alpha .entry-header a, #alpha .entry-header a:visited{color:var(--lightest);text-decoration:none;}

.lj-view-day .entry-datetime{display:none;}
.entry-datetime{position:absolute;bottom:7px;left:7px;display:inline-flex;align-items:center;height:22px;padding:0 6px;outline:2px inset var(--borders);font-size:var(--entry-info);color:var(--text);}

.inner-entry-userpic{float:left;text-align:center;padding:0 var(--padding) 0 0;}
.inner-entry-userpic img{width:var(--entry-icon);height:var(--entry-icon);background:var(--content-bg);border:3px inset;}
.outer-entry-userpic, .mid-entry-userpic{display:none;}

.pic-poster{text-align:center;font-size:8px;text-transform:uppercase;display:block;}
.pic-poster img{display:none;}
.pic-poster a[href*="profile"]{display:none;}

.entry-content{margin-top:0;}
.entry-text{padding:var(--padding);min-height:0;overflow:hidden;line-height:1.6;}
.entry-text img[style*='max-width']{max-width:calc(100% - var(--entry-icon) - var(--padding))!important;}

.mybutton{display:block;margin:0 auto;width:100px;text-align:center;background:var(--content-bg);border:2px outset var(--borders);display:flex;align-items:center;justify-content:center;height:25px;padding:0 6px;outline:1px dotted;outline-offset:-4px;cursor:pointer;color:var(--text)!important;}
.mybutton:hover{background:rgba(0,0,0,0.1);border:2px inset var(--borders);outline:none;}

.ljtags{margin:10px 0 0 0;font-size:var(--entry-info);}
#alpha .ljtags a, #alpha .ljtags a:visited{color:var(--medium);}

.entry-metadata{display:none;}

.entry-linkbar{margin:10px 0 0 0;font-size:var(--entry-info);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{background:var(--content-bg);border:2px outset var(--borders);display:inline-flex;align-items:center;height:25px;padding:0 6px;margin:0 6px 6px 2px;text-decoration:none!important;}
.entry-linkbar li:first-of-type a{outline:1px dotted;outline-offset:-4px;}
.entry-linkbar li a:first-letter{text-decoration:underline;}
.entry-linkbar li a:hover{background:rgba(0,0,0,0.1);border:2px inset var(--borders);color:var(--text)!important;outline:none;}
.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;}


/* ARCHIVE VIEW */

.yearlinks{background:var(--content-bg);border:3px outset;text-align:center;padding:var(--padding);margin-bottom:10px;}
.year{list-style:none;margin:0;padding:0;}
.year li{display:inline;background:rgba(0,0,0,0.1);border:2px inset var(--borders);padding:3px 10px;margin:0 2px;}

.lj-view-archive .entry-content{margin:0;}
.yeartable{border-collapse:separate;border:none;width:100%;}
td.monthlable, td.viewmonth{background:transparent!important;}
td.monthlable{text-align:left;}
td.viewmonth{text-align:right;}
.dayname{text-align:center;background:var(--accent)!important;color:var(--lightest);}
.yeartable td{background:rgba(0,0,0,0.1);border:2px inset var(--borders);padding:5px;}


/* TAGS & MONTH VIEW */

.lj-view-tags #alpha, .lj-view-month #alpha{padding:var(--padding);background:var(--content-bg);border:3px outset;}
.lj-view-tags #alpha h2{font-size:var(--nav-text);}


/* SIDEBAR */

#beta{position:fixed;top:20px;bottom:50px;left:5px;}
#beta-inner{height:100%;position:relative;font-size:var(--side-text);color:var(--text);text-align:center;}

.module{border:none;background:transparent;margin:0;padding:0;}
.module-content{padding:var(--side-padding);}

.module-header{display:none;background:var(--accent);border:none;padding:1px 1px 0 5px;text-align:left;line-height:1;}
.module-header-inner{background:url(https://i.imgur.com/BDhZwQe.png)right center no-repeat;}
.module-header h3{margin:0;padding:4px 0;font-size:var(--side-titles);color:var(--lightest);}
.module-header a, .module-header a:visited{color:var(--lightest);}

.module-customtext{position:fixed;top:50px;left:calc((var(--side-width) * 2) + 50px);text-align:left;width:var(--error-msg);background:var(--content-bg);border:3px outset;}
.module-customtext .module-header{display:block;}
.module-customtext .module-content{padding:var(--padding) var(--padding) var(--padding) 67px;background:url(https://i.imgur.com/RPGDP5G.png)15px 15px no-repeat;min-height:67px;}

.module-customtext .module-inner:after{content:var(--error-button);display:block;margin:0 auto var(--padding) auto;width:100px;text-align:center;background:var(--content-bg);border:2px outset var(--borders);display:flex;align-items:center;justify-content:center;height:25px;padding:0 6px;outline:1px dotted;outline-offset:-4px;cursor:pointer;}
.module-customtext .module-inner:after:hover{background:rgba(0,0,0,0.1);border:2px inset var(--borders);outline:none;}

.module-typelist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex-wrap:wrap;height:calc((40px + 38px) * 5);}
.module-typelist li a{display:block;height:calc(40px + 38px);padding:38px 0 0 0;background-size:32px auto!important;margin:0 30px 0 0;}
.module-typelist li:nth-of-type(1) a{background:var(--link-one);}
.module-typelist li:nth-of-type(2) a{background:var(--link-two);}
.module-typelist li:nth-of-type(3) a{background:var(--link-three);}
.module-typelist li:nth-of-type(4) a{background:var(--link-four);}
.module-typelist li:nth-of-type(5) a{background:var(--link-five);}
.module-typelist li:nth-of-type(6) a{background:var(--link-six);}
.module-typelist li:nth-of-type(7) a{background:var(--link-seven);}
.module-typelist li:nth-of-type(8) a{background:var(--link-eight);}
.module-typelist li:nth-of-type(9) a{background:var(--link-nine);}
.module-typelist li:nth-of-type(10) a{background:var(--link-ten);}

.module-layoutcredit{position:absolute;bottom:0;left:20px;right:0;width:42px;}
.module-layoutcredit .module-content{padding:0;}
.module-layoutcredit p{padding:0;margin:0;}
.module-layoutcredit a{display:block;height:calc(32px + 38px);padding:38px 0 0 0;background:var(--recycle);}

.module-customtext2, .module-categories, .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/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);}