tesscodes | Layout: Good Vibes Only

Information

Hey guys! 👀 Okay, so, I do this on my Patreon layouts but I'm not sure if I've done it here before, so let's go over the colors on this layout: All colors are CSS; yes, even the page background, which is six clip mask overlays layered on top of each other for each color.

That means you can use this layout in absolutely any color combination you like without having to edit a single image. If you want your page background pattern to be as bright as the rest of the page elements, delete opacity:0.75; and you're set. I've also included instructions on how to remove the pattern images (and replace with a single image if you want one). Enjoy! 💖

Installation Guide

Customize Journal
https://www.insanejournal.com/customize/

Choose S2 for your style system.
Fill in your title.
Save!

Customize Journal > Links List
https://www.insanejournal.com/manage/links.bml

Fill in your Links List if desired.
Save!

Customize Journal > Look and Feel
https://www.insanejournal.com/customize/style.bml

In Layout & Language choose Complete Style
Save!

Customize Journal > Custom Options
https://www.insanejournal.com/customize/options.bml

Page Presentation

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? Can choose No if you only want them on the Friends page.
Text Options

Link text to leave a comment: Comment

Text used to link to the 'Recent Entries' view: Recent

Text used to link to the 'Archive' view: Archive

Text used to link to the 'Friends' view: Friends

Text used to link to the 'User Information' view: Profile

Title to use for custom text sidebar module: Sidebar title

URL to link to from custom text sidebar module: Journal Link (optional)

Body of custom sidebar module: <img src="SIDEBAR_IMG">

Title to use for second custom text sidebar module: Secondary title

URL to link to from second custom text sidebar module: Journal Link (optional)

Body of second custom sidebar module: Your blurb

Person to credit if you have an individually created layout: Layout

URL to link the credit to: https://patreon.com/tessisamess

Display of tags in sidebar: List

Sidebars

Demo sidebar order:

Custom Text
Calendar
Custom Text Two
Links
Page Summary
Tags
Layout Credit
Custom CSS

Copy and paste the contents of LAYOUT CSS (below) and save!

Layout CSS: IJ

/*-- GOOD VIBES ONLY - TESSISAMESS - 2024 --*/
/*-- 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
	tessisamess.gumroad.com

--*/

/* REPLACEMENTS */

:root{
/* COLORS */
	--headings-color: #FFB53C;
	--text-color: #4E261B;
	--date-tags: #EF806F;
	--lightest: #fff;

--bg-lines: #4E261B;
	--bg1: #EF806F;
	--bg2: #FF761B;
	--bg3: #FFB53C;
	--bg4: #FF971A;
	--bg5: #AB4811;
	--bg6: #F5D8B6;

--content-bg: #F5D8B6;
	--accent: #EF806F;

/* FONTS */
	--main-font: Bree Serif,calibri,arial,sans-serif;
	--headings: Super Magic;
	--title-font: Super Magic;

--body-text: 13px;

--title-text: 100px;
	--subtitle-text: 20px;
	--nav-text: 12px;

--side-text: 13px;
	--side-titles: 32px;
	--side-links: 22px;

--entry-titles: 32px;
	--entry-info: 17px;

/* DIMENSIONS */
	--content-width: 900px;

--side-width: 275px;
	--side-position: static; /* CHANGE TO fixed FOR STICKY SIDEBAR */
	--side-padding: 20px;

--margin: 40px;
	--padding: 30px;
	--entry-icon: 100px;

/* IMAGES */
	/* DELETE THE IMAGE URLS !ONLY! TO DELETE THE BACKGROUND PATTERN */
	--bg1-img: url(https://i.imgur.com/07uLZIZ.png);
	--bg2-img: url(https://i.imgur.com/UzzfLUv.png);
	--bg3-img: url(https://i.imgur.com/ROqLtzP.png);
	--bg4-img: url(https://i.imgur.com/5kkpWOg.png);
	--bg5-img: url(https://i.imgur.com/i5sKTb7.png);
	--bg6-img: url(https://i.imgur.com/0t2hfbK.png);

/* AND USE THIS IF YOU'D LIKE TO USE A SINGLE BACKGROUND IMAGE */
	--single-page-bg: url()center fixed;

--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:Super Magic;src:url(https://dl.dropbox.com/scl/fi/ut2cyet7h14mba0jat8g5/Super-Magic.ttf?rlkey=k37ywbyjpyacgcgclkmq26rr3&st=f7zddl6e&dl=0);}

@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/breeserif/v17/4UaHrEJCrhhnVA3DgluA96rp5w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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);}

::-webkit-scrollbar-track{background:var(--bg-lines);}
::-webkit-scrollbar{width:7px;background:transparent;}
::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--bg-lines);border-radius:5px;}

*, *:before, *:after{box-sizing:border-box;}
body{margin:0;padding:0;font-family:var(--headings);font-size:var(--body-text);color:var(--text-color);background:var(--bg-lines);}

html:before, html:after, body:before, body:after, #container:before, #container:after{content:'';position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;mask-size:500px!important;opacity:0.75;}

html:before{background:var(--bg1);mask:var(--bg1-img);}
html:after{background:var(--bg2);mask:var(--bg2-img);}
body:before{background:var(--bg3);mask:var(--bg3-img);}
body:after{background:var(--bg4);mask:var(--bg4-img);}
#container:before{background:var(--bg5);mask:var(--bg5-img);}
#container:after{background:var(--bg6);mask:var(--bg6-img);}

blockquote{font-style:normal;border-radius:25px 50px 50px 25px / 25px 25px 50px 50px;background:var(--bg3);padding:10px 20px;border:1px solid var(--bg5);box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);position:relative;}

blockquote:before, blockquote:after{content:'';display:block;position:absolute;top:-10px;left:-10px;width:30px;height:30px;mask-size:30px auto!important;}
blockquote:before{background:var(--bg1);mask:url(https://i.imgur.com/ROwRXkS.png)center left no-repeat;}
blockquote:after{background:var(--bg3);background:var(--bg-lines);mask:url(https://i.imgur.com/droatol.png)center left no-repeat;}

h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);-webkit-text-fill-color:var(--headings-color);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;margin:0;font-weight:normal;text-shadow:1px 1px 0 var(--bg5),2px 2px 0 var(--bg5),3px 3px 0 var(--bg5),4px 4px 0 var(--bg5);}

img{max-width:100%;}
ul{list-style:circle;}
hr{position:relative;height:5px;background:var(--bg2);border:1px solid var(--bg-lines);margin:20px 10%;border-radius:5px;}
summary{cursor:pointer;}
summary:focus{outline:none;}

a, a:visited, a:active{color:var(--accent);text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{color:var(--bg5);text-decoration:none;transform:scale(1.2);}

.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:var(--margin);}
#container-inner{max-width:var(--content-width);margin:0 auto;position:relative;z-index:10;}

.layout-two-column-left #alpha{margin:0 0 0 calc(var(--side-width) + var(--margin));}
.layout-two-column-left #beta{float:left;width:var(--side-width);}

/* HEADER */

#header{padding:0;color:var(--headings-color);}

#nav-above, #nav-below{display:none;}

#header-text{background:transparent;border:none;margin:0;padding:0;}
#header-text a{-webkit-text-fill-color:var(--headings-color);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:2px;}
#banner-header{font-family:var(--title-font);text-align:center;font-size:var(--title-text);}
#banner-description{display:none;}

/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha a, #alpha a:visited{color:var(--bg2);}
#alpha a:hover{color:var(--date-tags);}

.content-nav{margin:var(--margin) 0 0 0;}
.nav-top{display:none;}
.nav-bottom, .entrypage{text-align:center;}

#tagpage-header{text-align:center;}
#tagpage-header h2{margin-bottom:var(--margin);}

.date-header{display:none;}

#column-footer{clear:both;}

/* STICKY NOTE */

#sticky-note:before, #sticky-note:after{content:'';display:block;mask-size:auto 100%!important;width:80px;height:80px;position:absolute;top:-15px;right:-15px;}
#sticky-note:before{background:var(--bg1);mask:url(https://i.imgur.com/8627NSM.png)center;z-index:2;}
#sticky-note:after{background:var(--bg-lines);mask:url(https://i.imgur.com/tvObybJ.png)center;z-index:4;}

#sticky-note .entry:before{content:'';display:block;width:35px;height:35px;position:absolute;top:5px;right:5px;background:var(--bg3);z-index:3;border-radius:100%;}

#sticky-note{position:relative;}
#sticky-note .entry{border-radius:80px 45px 95px 80px / 25px 50px 35px 35px;}
#sticky-note .entry-inner{border:none;}

#sticky-note .entry-header{text-align:center;color:var(--headings-color);}
#sticky-note .entry-header h2{margin:0;padding:0;font-size:var(--entry-titles);}

#sticky-note .entry-text{padding:0;}

#sticky-note .entry-footer{display:none;}

/* ENTRIES */

.entry{margin:0 0 var(--margin) 0;padding:var(--padding);background:var(--content-bg);border:2px solid var(--bg5);border-radius:10px;box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);position:relative;}

.entry:nth-of-type(odd){border-radius:80px 45px 95px 80px / 25px 50px 35px 35px;}
.entry:nth-of-type(even){border-radius:45px 50px 50px 45px / 30px 25px 60px 80px;}

.entry-header{background:transparent;border:none;padding:0;}
.entry-header h3{margin:0;padding:0;font-size:var(--entry-titles);}
#alpha .entry-header a, #alpha .entry-header a:visited{color:var(--headings-color);-webkit-text-fill-color:var(--headings-color);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

.lj-view-day .entry-datetime{display:none;}
.entry-datetime{position:absolute;bottom:var(--padding);left:var(--padding);font-size:var(--entry-info);color:var(--date-tags);-webkit-text-fill-color:var(--date-tags);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

.inner-entry-userpic{position:absolute;top:0;right:calc((var(--entry-icon) / 1.5) * -1);float:right;text-align:center;padding:0 1px 0 0;width:var(--entry-icon);}
.inner-entry-userpic img{width:var(--entry-icon);height:var(--entry-icon);border-radius:100%;position:relative;z-index:6;padding:23%;}
.outer-entry-userpic, .mid-entry-userpic{display:none;}

.inner-entry-userpic:before, .inner-entry-userpic:after{content:'';display:block;width:var(--entry-icon);height:var(--entry-icon);position:absolute;top:0;mask-size:100% auto!important;}
.inner-entry-userpic:before{background:var(--headings-color);mask:url(https://i.imgur.com/z14FDX8.png)center top no-repeat;z-index:5;}
.inner-entry-userpic:after{background:var(--bg5);mask:url(https://i.imgur.com/LULg34j.png)center top no-repeat;}

.pic-poster{text-align:center;font-size:8px;letter-spacing:1px;text-transform:uppercase;display:block;position:absolute;top:-20px;right:calc(var(--entry-icon) + 10px);}
.pic-poster img{display:none;}
.pic-poster a{color:var(--bg-lines)!important;}
.pic-poster a[href*="profile"]{display:none;}

.pic-poster br{display:none;}
.pic-poster .ljuser{display:block;margin:5px 0 0 0;border-radius:25px 50px 50px 25px / 25px 25px 50px 50px;background:var(--bg1);padding:3px;border:1px solid var(--bg5);box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);}
.pic-poster .ljuser ~ .ljuser{border-radius:55px 20px 70px 55px / 45px 15px 80px 30px;margin:5px -25px 0 25px;}

.entry-content{margin-top:15px;}
.entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;font-family:var(--main-font);}

.ljtags{margin:15px 0 0 0;font-size:0;text-transform:uppercase;letter-spacing:1px;text-align:left;}
#alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);font-size:calc(var(--entry-info) - 5px);margin:0 5px 0 0;}
#alpha .ljtags a:before{content:'#';color:var(--bg5);}

.entry-metadata{display:none;}

.entry-linkbar{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{display:inline-block;margin:15px 0 0 5px;-webkit-text-fill-color:var(--bg2);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}
.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{text-align:center;margin-bottom:10px;font-size:var(--side-titles);}
.year{list-style:none;margin:0;padding:0;}
.year li{display:inline;padding:0;}
.year a{-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;text-shadow:1px 1px 0 var(--headings-color),2px 2px 0 var(--headings-color),3px 3px 0 var(--headings-color),4px 4px 0 var(--headings-color);}

.lj-view-archive .entry-content{margin:0;font-family:var(--headings);}
.yeartable{border-collapse:separate;border:none;width:100%;font-size:var(--side-links);}
.yeartable a{-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}
td.monthlable, td.viewmonth{letter-spacing:2px;text-transform:uppercase;background:transparent!important;border:none!important;}
td.monthlable{text-align:left;}
td.viewmonth{text-align:right;}
.dayname{text-align:center;border:solid 1px var(--bg5)!important;background:var(--bg2);color:var(--lightest)!important;-webkit-text-fill-color:var(--lightest);-webkit-text-stroke-color:var(--bg5);-webkit-text-stroke-width:1px;border-radius:5px;font-size:large;}
.yeartable td{border:solid 1px var(--bg4);padding:5px;border-radius:5px;}

/* TAGS & MONTH VIEW */

.lj-view-tags #alpha, .lj-view-month #alpha{padding:var(--padding);background:var(--content-bg);border:2px solid var(--bg5);border-radius:10px;box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);border-radius:80px 45px 95px 80px / 25px 50px 35px 35px;font-size:var(--side-links);}

.lj-view-tags #alpha a, .lj-view-month #alpha a{-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

/* SIDEBAR */

#beta{position:var(--side-position);}
#beta-inner{font-size:var(--side-text);color:var(--text-color);position:relative;}

.module:not(.module-layoutcredit){padding:var(--side-padding);background:var(--content-bg);margin:0 0 var(--margin) 0;border:2px solid var(--bg5);box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);}

.module:nth-of-type(even){border-radius:80px 45px 95px 80px / 25px 50px 35px 65px;}
.module:nth-of-type(odd){border-radius:80px 95px 95px 20px / 25px 50px 65px 35px;}

.module-content{font-family:var(--main-font);}

.module-header{background:transparent;border:none;}
.module-header h3{margin:0;padding:0;font-size:var(--side-titles);text-align:center;}
.module-header a, .module-header a:visited{-webkit-text-fill-color:var(--headings-color);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

.module-customtext{position:relative;border-radius:25px 50px 50px 25px / 25px 25px 50px 50px!important;}
.module-customtext .module-inner{display:flex;flex-direction:column-reverse;}
.module-customtext .module-header h3:not(:empty){margin:5px 0 0 0;}
.module-customtext .module-content{padding:0;}
.module-customtext img{border-radius:15px 40px 40px 15px / 15px 15px 40px 40px;background:var(--bg5);padding:2px;}

.module-customtext:before, .module-customtext:after{content:'';display:block;position:absolute;bottom:calc(var(--side-padding) * -1);right:calc(var(--side-padding) * -1.5);mask-size:100% auto!important;width:60px;height:90px;transform:rotate(35deg);}
.module-customtext:before{background:var(--bg-lines);mask:url(https://i.imgur.com/TSQFynS.png)center no-repeat;}
.module-customtext:after{background:var(--bg2);mask:url(https://i.imgur.com/9tjslGu.png)center no-repeat;}

.module-customtext .module-inner:before, .module-customtext .module-inner:after{content:'';display:block;position:absolute;top:calc(var(--side-padding) * -1.3);left:calc(var(--side-padding) * -1.5);mask-size:100% auto!important;width:90px;height:90px;transform:rotate(-15deg);}
.module-customtext .module-inner:before{background:var(--bg-lines);mask:url(https://i.imgur.com/WXi8fiY.png)center no-repeat;}
.module-customtext .module-inner:after{background:var(--bg1);mask:url(https://i.imgur.com/JMNkNCs.png)center no-repeat;}

.module-customtext .module-content:after{content:'';display:block;background:var(--bg3);width:43px;height:43px;border-radius:100%;position:absolute;top:calc(var(--side-padding) * -0.1);left:calc(var(--side-padding) * -0.3);}

.module-viewlinks{position:absolute;top:75px;left:calc((30px / 1.5) * -1);background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;}
.module-viewlinks .module-header{display:none;}
.module-viewlinks ul{list-style:none;margin:0;font-family:var(--headings);padding:0;}

.module-viewlinks li a{display:block;line-height:30px;text-align:center;width:calc(30px + 35px);height:30px;position:relative;color:var(--bg6);-webkit-text-fill-color:var(--bg6);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;padding:0 0 0 35px;}
.module-viewlinks li a:before, .module-viewlinks li a:after{content:'';display:block;position:absolute;top:0;left:0;width:30px;height:30px;mask-size:30px auto!important;font-size:var(--side-links);}
.module-viewlinks li a:before{mask:url(https://i.imgur.com/ROwRXkS.png)center left no-repeat;}
.module-viewlinks li a:after{background:var(--bg-lines);mask:url(https://i.imgur.com/droatol.png)center left no-repeat;}

.module-viewlinks li a[href$='/']{margin:0 0 5px 0;}
.module-viewlinks li a[href*='calendar']{margin:0 0 5px 10px;}
.module-viewlinks li a[href*='friends']{margin:0 0 5px 0;}
.module-viewlinks li a[href*='profile']{margin:0 0 5px 10px;}

.module-viewlinks li a[href$='/']:before{background:var(--bg1);content:'1';}
.module-viewlinks li a[href*='calendar']:before{background:var(--bg2);content:'2';}
.module-viewlinks li a[href*='friends']:before{background:var(--bg3);content:'3';}
.module-viewlinks li a[href*='profile']:before{background:var(--bg5);content:'4';}

.module-viewlinks li a{font-size:0;}
.module-viewlinks li a:hover{font-size:var(--side-links);}

.module-pagesummary ul, .module-typelist ul{list-style:none;margin:0;padding:0;text-align:center;line-height:1.5;font-size:var(--side-links);font-family:var(--headings);}
.module-pagesummary li, .module-typelist li{padding:0 10px;}
.module-pagesummary li a, .module-typelist li a{display:block;-webkit-text-fill-color:var(--bg3);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;background:var(--bg1);margin:8px 0;border:1px solid var(--bg5);box-shadow:1px 1px 0 0 var(--bg5),2px 2px 0 0 var(--bg5),3px 3px 0 0 var(--bg5);}

.module-pagesummary li:nth-of-type(even) a, .module-typelist li:nth-of-type(even) a{border-radius:25px 50px 50px 25px / 25px 25px 50px 50px;}

.module-pagesummary li:nth-of-type(odd) a, .module-typelist li:nth-of-type(odd) a{border-radius:55px 30px 70px 15px / 45px 15px 70px 30px;}

.module-calendar .module-content{text-align:center;font-family:var(--headings);}
.module-calendar table{border:none;border-collapse:separate;font-size:medium;margin:0;width:100%;}
.module-calendar th{border:solid 1px var(--bg5);background:var(--bg2);color:var(--lightest)!important;-webkit-text-fill-color:var(--lightest);-webkit-text-stroke-color:var(--bg5);-webkit-text-stroke-width:1px;border-radius:5px;font-weight:normal!important;}
.module-calendar td{border:solid 1px var(--bg4);height:25px;position:relative;border-radius:5px;}
.module-calendar td a{position:absolute;top:1px;left:1px;right:1px;bottom:1px;line-height:20px;background:var(--bg5);color:var(--lightest);border-radius:5px;}
.module-calendar th{color:var(--text-color);font-weight:bold;height:25px;}

#tag-hierarchy{font-size:var(--side-links);}
#tag-hierarchy ul{padding:0;margin:0;font-family:var(--headings);list-style:none;line-height:1.3;}
#tag-hierarchy ul li ul{padding-left:0;margin-left:20px;list-style:circle;}
#tag-hierarchy ul li a{color:var(--text-color);}
#tag-hierarchy ul li ul li a{-webkit-text-fill-color:var(--accent);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}
.tag-count{font-size:x-small;}

.all-link p{margin:10px 0 0 0;text-align:center;font-family:var(--headings);font-size:var(--entry-info);}
.all-link a{-webkit-text-fill-color:var(--accent);-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

.module-layoutcredit{position:fixed;left:10px;bottom:10px;padding:0;background:transparent;margin:0;border:0;font-weight:bold;font-size:8px;text-transform:uppercase;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;}
.module-layoutcredit .module-header{display:none;}
.module-layoutcredit p{padding:0;margin:0;}
.module-layoutcredit a{background:var(--content-bg);padding:4px;border-radius:5px;border:2px solid var(--bg5);color:var(--bg5);}

.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"], img[src*="entry/private.png"], img[src*="entry/protected.png"], img[src*="entry/groups.png"]{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);}

img[src*="entry/private.png"]{background:transparent var(--private);}
img[src*="entry/protected.png"]{background:transparent var(--locked);}
img[src*="entry/groups.png"]{background:transparent var(--customs);}

Layout CSS: DW

/*-- GOOD VIBES ONLY [DW-FIXED] - TESSISAMESS - 2024 --*/
/*-- 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
	tessisamess.gumroad.com

--*/

/* REPLACEMENTS */

:root{
/* COLORS */
	--headings-color: #FFB53C;
	--text-color: #4E261B;
	--date-tags: #EF806F;
	--lightest: #fff;

--bg-lines: #4E261B;
	--bg1: #EF806F;
	--bg2: #FF761B;
	--bg3: #FFB53C;
	--bg4: #FF971A;
	--bg5: #AB4811;
	--bg6: #F5D8B6;

--content-bg: #F5D8B6;
	--accent: #EF806F;

/* FONTS */
	--main-font: Bree Serif,calibri,arial,sans-serif;
	--headings: Super Magic;
	--title-font: Super Magic;

--body-text: 13px;

--title-text: 100px;
	--subtitle-text: 20px;
	--nav-text: 12px;

--side-text: 13px;
	--side-titles: 32px;
	--side-links: 22px;

--entry-titles: 32px;
	--entry-info: 17px;

/* DIMENSIONS */
	--content-width: 900px;

--side-width: 275px;
	--side-position: static; /* CHANGE TO fixed FOR STICKY SIDEBAR */
	--side-padding: 20px;

--margin: 40px;
	--padding: 30px;
	--entry-icon: 100px;

/* AND USE THIS IF YOU'D LIKE TO USE A SINGLE BACKGROUND IMAGE */
	--single-page-bg: url()center fixed;

/* FONTS */

@font-face{font-family:Super Magic;src:url(https://dl.dropbox.com/scl/fi/ut2cyet7h14mba0jat8g5/Super-Magic.ttf?rlkey=k37ywbyjpyacgcgclkmq26rr3&st=f7zddl6e&dl=0);}

/* GENERAL */

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

*, *:before, *:after{box-sizing:border-box;}
body{margin:0;padding:0;font-family:var(--headings);font-size:var(--body-text);color:var(--text-color);background:var(--bg-lines);}

html:before, html:after, body:before, body:after, #container:before, #container:after{content:'';position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;mask-size:500px!important;opacity:0.75;}

.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:var(--margin);}
#container-inner{max-width:var(--content-width);margin:0 auto;position:relative;z-index:10;}

.layout-two-column-left #alpha{margin:0 0 0 calc(var(--side-width) + var(--margin));}
.layout-two-column-left #beta{float:left;width:var(--side-width);}

/* HEADER */

#header{padding:0;color:var(--headings-color);}

#nav-above, #nav-below{display:none;}

/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha a, #alpha a:visited{color:var(--bg2);}
#alpha a:hover{color:var(--date-tags);}

.content-nav{margin:var(--margin) 0 0 0;}
.nav-top{display:none;}
.nav-bottom, .entrypage{text-align:center;}

#tagpage-header{text-align:center;}
#tagpage-header h2{margin-bottom:var(--margin);}

.date-header{display:none;}

#column-footer{clear:both;}

/* STICKY NOTE */

#sticky-note .entry:before{content:'';display:block;width:35px;height:35px;position:absolute;top:5px;right:5px;background:var(--bg3);z-index:3;border-radius:100%;}

#sticky-note{position:relative;}
#sticky-note .entry{border-radius:80px 45px 95px 80px / 25px 50px 35px 35px;}
#sticky-note .entry-inner{border:none;}

#sticky-note .entry-header{text-align:center;color:var(--headings-color);}
#sticky-note .entry-header h2{margin:0;padding:0;font-size:var(--entry-titles);}

#sticky-note .entry-text{padding:0;}

#sticky-note .entry-footer{display:none;}

/* ENTRIES */

.entry:nth-of-type(odd){border-radius:80px 45px 95px 80px / 25px 50px 35px 35px;}
.entry:nth-of-type(even){border-radius:45px 50px 50px 45px / 30px 25px 60px 80px;}

.entry-content{margin-top:15px;}
.entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;font-family:var(--main-font);}

.entry-metadata{display:none;}

/* ARCHIVE VIEW */

/* TAGS & MONTH VIEW */

.lj-view-tags #alpha a, .lj-view-month #alpha a{-webkit-text-stroke-color:var(--bg-lines);-webkit-text-stroke-width:1px;}

/* SIDEBAR */

#beta{position:var(--side-position);}
#beta-inner{font-size:var(--side-text);color:var(--text-color);position:relative;}

.module:nth-of-type(even){border-radius:80px 45px 95px 80px / 25px 50px 35px 65px;}
.module:nth-of-type(odd){border-radius:80px 95px 95px 20px / 25px 50px 65px 35px;}

.module-content{font-family:var(--main-font);}

.module-viewlinks li a[href$='/']:before{background:var(--bg1);content:'1';}
.module-viewlinks li a[href*='archive']:before{background:var(--bg2);content:'2';}
.module-viewlinks li a[href*='read']:before{background:var(--bg3);content:'3';}
.module-viewlinks li a[href*='profile']:before{background:var(--bg5);content:'4';}

.module-viewlinks li a{font-size:0;}
.module-viewlinks li a:hover{font-size:var(--side-links);}

.module-pagesummary li:nth-of-type(even) a, .module-typelist li:nth-of-type(even) a{border-radius:25px 50px 50px 25px / 25px 25px 50px 50px;}

.module-pagesummary li:nth-of-type(odd) a, .module-typelist li:nth-of-type(odd) a{border-radius:55px 30px 70px 15px / 45px 15px 70px 30px;}

.module-about, .module-syndicate, .module-powered, .module-ads{display:none;}

/* CONTENT FOOTER */

#content-footer{clear:both;height:0;}

/* ICON REPLACEMENTS */

/* FOR DREAMWIDTH CONVERSION */

#lj_controlstrip, .header-poster, .banner-viewlinks a[href*=mem], .banner-viewlinks a[href*=tag], .entry-linkbar a[href*=track], .module-viewlinks li:nth-of-type(4), .module-viewlinks li:nth-of-type(5){display:none!important;}

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!