Tessisamess

image preview | tess085

Information

Hey guys! Our last blast to the past in 2019 was an appreciation for '90s aesthetic, but this time around we're going back to the '90s—whether you want to or not. Your dad's trying to make a phone call and you can hear him from the computer room yelling at you to get off the internet, but you're too busy printing pictures from Hanson's website to care—and you can't disconnect before you download Bonzai Buddy! Your friend told you about it today at school, and now you need it. Make sure you give it all your information; you definitely won't regret it later. Enjoy! 💖

Layout Coding

/*-- 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://cdn.discordapp.com/attachments/851968502016376842/933226374720786492/Network.png)center top no-repeat; --link-two: url(https://cdn.discordapp.com/attachments/851968502016376842/933227586962743306/Mail.png)center top no-repeat; --link-three: url(https://cdn.discordapp.com/attachments/851968502016376842/933226373735120967/Notepad.png)center top no-repeat; --link-four: url(https://cdn.discordapp.com/attachments/851968502016376842/933226373978423378/Folder.png)center top no-repeat; --link-five: url(https://cdn.discordapp.com/attachments/851968502016376842/933226374309752862/Briefcase.png)center top no-repeat; --link-six: url(https://cdn.discordapp.com/attachments/851968502016376842/933490228348481637/drive.png)center top no-repeat; --link-seven: url(https://cdn.discordapp.com/attachments/851968502016376842/933490228583358464/news.png)center top no-repeat; --link-eight: url(https://cdn.discordapp.com/attachments/851968502016376842/933490229069889596/games.png)center top no-repeat; --link-nine: url(https://cdn.discordapp.com/attachments/851968502016376842/933490228809838602/MSN.png)center top no-repeat; --link-ten: url(https://cdn.discordapp.com/attachments/851968502016376842/933491061039456286/programs.png)center top no-repeat; --recycle: url(https://cdn.discordapp.com/attachments/851968502016376842/933162882785493032/recycle.png)center top no-repeat; /* ENTRY SECURITY */ --private: url(https://cdn.discordapp.com/attachments/851968502016376842/933504816620122142/agent.png)center left no-repeat!important; --locked: url(https://cdn.discordapp.com/attachments/851968502016376842/933504816032931840/lock.png)center left no-repeat!important; --customs: url(https://cdn.discordapp.com/attachments/851968502016376842/933504816871772200/keys.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://cdn.discordapp.com/attachments/851968502016376842/933272798577705040/Earth.png)3px center no-repeat;} #nav-above li:nth-of-type(2) a{background:url(https://cdn.discordapp.com/attachments/851968502016376842/933272798816792596/Alarm.png)3px center no-repeat;} #nav-above li:nth-of-type(3) a{background:url(https://cdn.discordapp.com/attachments/851968502016376842/933272798334423040/LAN.png)3px center no-repeat;} #nav-above li:nth-of-type(4) a{background:url(https://cdn.discordapp.com/attachments/851968502016376842/933272799152340992/Info.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://cdn.discordapp.com/attachments/851968502016376842/933272798577705040/Earth.png)3px center no-repeat;} #nav-above li:nth-of-type(2) a:hover{background:rgba(0,0,0,0.1) url(https://cdn.discordapp.com/attachments/851968502016376842/933272798816792596/Alarm.png)3px center no-repeat;} #nav-above li:nth-of-type(3) a:hover{background:rgba(0,0,0,0.1) url(https://cdn.discordapp.com/attachments/851968502016376842/933272798334423040/LAN.png)3px center no-repeat;} #nav-above li:nth-of-type(4) a:hover{background:rgba(0,0,0,0.1) url(https://cdn.discordapp.com/attachments/851968502016376842/933272799152340992/Info.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://cdn.discordapp.com/attachments/851968502016376842/933215235031064626/logo.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://cdn.discordapp.com/attachments/851968502016376842/933282114873487390/solitaire.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://cdn.discordapp.com/attachments/851968502016376842/933286291641090068/buttons.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://cdn.discordapp.com/attachments/851968502016376842/933286291641090068/buttons.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://cdn.discordapp.com/attachments/851968502016376842/933297954696097792/Warning.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);}

Installation Guide

♡ Go to Basics and choose S2 for your style system, then save.
♡ Fill in your Links List if desired, then save. This layout supports up to 10 links.
♡ 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)
♡ Disable customized comment pages for your journal: Yes
♡ Show Posting Time on Entries: No
♡ Show Userpics on Entries: Yes or No

♡ Navigation link names: Recent/Archive/Friends/Profile
♡ Throw a random letter into your Sticky Note body content if you want Solitaire to display!
♡ Use your First Custom Text for an error message, or leave it blank! If you're not using the error message, you'll want to disable it in the sidebar order dropdowns by switching Custom Text to (none) instead.

♡ Person to credit if you have an individually created layout: Layout
♡ URL to link the credit to: https://tessisamess.insanejournal.com/141909.html
♡ Custom stylesheet: Input the CSS provided and save!

♡ You can download the original Windows 95 UI icons here if you'd like to switch up your links list icons etc.!

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!