Tessisamess

S	M	T	W	T	F	S
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Information

Hey guys! It's time for another layout remake, at a lovely Dreamwidth user's request, of a 2018 layout I still really love. This remake of Fury Road is almost an exact copy of the original, because I really didn't see anything I wanted to change aside from converting it from S1 Generator to S2 Complete Style (which means now you can use it on Dreamwidth, yay!!) Enjoy! 💖

Note on entry codes. The entry codes from the original are compatible with this layout with no changes needed, which is why the in-layout links lead to the old layout to view those codes. Double yay! You can grab the entry codes over at the old layout post. 😎

Installation Guide

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

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? No, unless using this layout for a community.
Text Options

Link text to leave a comment: Comment

Title to use for custom text sidebar module: Header title

URL to link to from custom text sidebar module: Journal URL

Body of custom sidebar module: Header subtitle

Title to use for second custom text sidebar module: N/A

URL to link to from second custom text sidebar module: N/A

Body of second custom sidebar module:
<nav> <a href="/?skip=1">Posts</a> <a href="/friends">Friends</a> <a href="/profile">Profile</a> <a href="">Link</a> <a href="">Link</a> <a href="">Link</a> </nav>

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

URL to link the credit to: https://tessisamess.insanejournal.com/162346.html

Sidebars

Demo sidebar order:

Custom Text
Custom Text Two
Layout Credit
Custom CSS

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

Layout CSS: IJ

/*-- FURIOUSLY - TESSISAMESS - 2025 --*/
/*-- 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: #AA1B05;
	--text-color: #999;
	--date-tags: #666;

--page-bg: #111;
	--content-bg: #000;
	--borders: rgba(0,0,0,0.1);

--accent: #AA1B05;
	--accent2: #fff;

/* FONTS */
	--main-font: Roboto Condensed,helvetica,arial,sans-serif;
	--headings: Oswald,arial black,gadget,sans-serif;
	--title-font: Oswald,arial black,gadget,sans-serif;
	--header-case: uppercase;

--body-text: 16px;

--title-text: 99px;
	--subtitle-text: 10px;
	--nav-text: 16px;

--entry-titles: 29px;
	--entry-info: 14px;

--home-titles: 24px;
	--home-links: 17px;

/* DIMENSIONS */
	--content-width: 850px;
	--header-height: 200px;

--margin: 30px;
	--padding: 55px;
	--entry-icon: 80px;

--home-img-width: 60%;
	--home-section-height: 300px;
	--home-section-padding: 20px;

/* IMAGES */
    --bg-img: url(https://i.imgur.com/8ZhZOf6.jpg)center fixed;
	--header-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: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* GENERAL */

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

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

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

blockquote{font-style:normal;background:var(--accent);font-family:var(--headings);font-size:14px;text-transform:var(--header-case);color:var(--accent2);padding:calc(var(--padding) / 2);margin:calc(var(--padding) / 2) var(--padding);}

h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);margin:0;font-weight:normal;text-transform:var(--header-case);letter-spacing:2px;}
img{max-width:100%;}
ul{list-style:square;}

hr{border:0;margin:calc(var(--padding) / 2) var(--padding);padding:0;text-align:center;line-height:1;position:relative;height:20px;}
hr:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-bottom:1px solid var(--accent);height:11px;}
hr:after{content:'x';position:absolute;top:0;left:0;right:0;bottom:0;color:var(--accent2);font-size:20px;font-family:var(--headings);line-height:15px;}

summary{cursor:pointer;}
summary:focus{outline:none;}

a, a:visited, a:active{color:var(--accent2);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(--accent);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:var(--margin);}
#container-inner{max-width:var(--content-width);margin:0 auto;}

.layout-two-column-left #alpha{margin:0;}
.layout-two-column-left #beta{float:none;width:auto;}

/* HEADER */

#header{display:none;}

/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha a, #alpha a:visited{color:var(--accent);}
#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);font-size:var(--entry-info);font-family:var(--main-font);}

.date-header{display:none;}

#column-footer{clear:both;}

/* STICKY NOTE */

#sticky-note{display:none;}

/* ENTRIES */

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

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

.lj-view-day .entry-datetime{display:none;}
.entry-datetime{position:absolute;top:var(--padding);right:var(--padding);font-size:var(--entry-info);color:var(--date-tags);letter-spacing:2px;text-transform:var(--header-case);}

.inner-entry-userpic{position:absolute;top:0;right:calc((var(--entry-icon) + 10px) * -1);float:right;text-align:center;padding:0;}
.inner-entry-userpic img{width:var(--entry-icon);height:var(--entry-icon);border:10px solid var(--accent);margin:0 0 5px 0;}
.outer-entry-userpic, .mid-entry-userpic{display:none;}

.pic-poster{text-align:center;font-family:var(--headings);font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);letter-spacing:1px;text-transform:var(--header-case);display:block;}
.pic-poster img{display:none;}
.pic-poster a[href*="profile"]{display:none;}

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

.ljtags{margin:10px 0 0 0;font-size:0;text-align:left;font-family:var(--headings);}
#alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);font-size:var(--entry-info);text-transform:var(--header-case);margin:0 10px 0 0;font-weight:bold;}
.ljtags a:before{content:'#';}
.ljtags a:hover{color:var(--accent)!important;}

.entry-metadata{display:none;}

.entry-linkbar{margin:0;font-size:var(--entry-info);letter-spacing:2px;text-transform:var(--header-case);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:20px 0 0 5px;border:2px solid var(--accent);padding:2px 6px 4px 6px;}
.entry-linkbar li a:hover{letter-spacing:4px;background:var(--accent);color:var(--accent2)!important;}
.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;}

/* HOMEPAGE */

.lj-view-recent .home{position:absolute;top:0;left:0;right:0;background:var(--page-bg) var(--bg-img);background-size:cover;min-height:100%;line-height:1.3;}

.home section{margin:0 0 var(--margin) 0;text-align:center;letter-spacing:1px;}
.home section .inner{display:flex;align-items:center;justify-content:center;background:var(--content-bg);padding:var(--home-section-padding);height:var(--home-section-height);overflow:hidden;}
.home section .inner h3{font-size:var(--home-titles);}

.home section:nth-of-type(odd){padding-left:var(--home-img-width);background-position:left center!important;}
.home section:nth-of-type(even){padding-right:var(--home-img-width);background-position:right center!important;}

.home section .inner a{display:block;width:60%;padding:5px 0;font-family:var(--headings);text-transform:var(--header-case);font-size:var(--home-links);border:2px solid var(--accent);margin:10px auto 0 auto;letter-spacing:2px;}
.home section .inner a:hover{letter-spacing:4px;background:var(--accent);color:var(--accent2)!important;}

.home footer{margin:var(--margin) 0;text-align:center;font-family:var(--headings);color:var(--accent2);text-transform:var(--header-case);letter-spacing:3px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.home footer b{color:var(--accent);}

/* ARCHIVE VIEW */

.yearlinks{text-align:center;margin-bottom:10px;}
.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:var(--header-case);background:transparent!important;}
td.monthlable{text-align:left;}
td.viewmonth{text-align:right;}
.dayname{letter-spacing:2px;text-transform:var(--header-case);text-align:center;background:var(--accent)!important;color:var(--accent2);}
.yeartable td{border:none!important;background:rgba(0,0,0,0.05);padding:5px;}

/* TAGS & MONTH VIEW */

.lj-view-tags #alpha, .lj-view-month #alpha{padding:var(--padding);background:var(--content-bg);}

/* SIDEBAR */

#beta-inner{display:flex;flex-wrap:wrap;justify-content:center;font-size:var(--side-text);color:var(--accent2);text-align:center;text-transform:var(--header-case);background:var(--content-bg);margin:0 0 var(--margin) 0;}

.module{display:none;padding:0;background:transparent;margin:0;border:none;}

.module-header{display:none;background:transparent;border:none;letter-spacing:10px;padding:0 0 0 10px;border-bottom:3px solid rgba(0,0,0,0.2);}
.module-header h3{margin:0;padding:0;font-size:var(--title-text);color:var(--content-bg);}
.module-header a, .module-header a:visited{color:var(--content-bg);}

.module-customtext{display:flex;align-items:center;justify-content:center;width:100%;height:var(--header-height);line-height:0;background:var(--accent) var(--header-img);background-size:cover;}
.module-customtext .module-inner{width:100%;padding:0 var(--margin);}
.module-customtext .module-header{display:block;}
.module-customtext .module-content{padding:0 0 0 18px;font-size:var(--subtitle-text);letter-spacing:18px;}

.module-customtext2{display:block;font-size:var(--nav-text);letter-spacing:2px;padding:2px 0 0 0;}
.module-customtext2 nav{display:flex;}
.module-customtext2 nav br{display:none;}
.module-customtext2 nav a{display:block;padding:15px;color:var(--accent);}
.module-customtext2 nav a:hover{background:var(--accent);color:var(--accent2);letter-spacing:3px;}

.module-layoutcredit{display:block;position:fixed;left:10px;bottom:10px;padding:0;background:transparent;margin:0;border:0;font-weight:bold;font-size:8px;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;}

/* 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

/*-- FURIOUSLY [DW-FIXED] - TESSISAMESS - 2025 --*/
/*-- 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: #AA1B05;
	--text-color: #999;
	--date-tags: #666;

--page-bg: #111;
	--content-bg: #000;
	--borders: rgba(0,0,0,0.1);

--accent: #AA1B05;
	--accent2: #fff;

--body-text: 16px;

--title-text: 99px;
	--subtitle-text: 10px;
	--nav-text: 16px;

--entry-titles: 29px;
	--entry-info: 14px;

--home-titles: 24px;
	--home-links: 17px;

/* DIMENSIONS */
	--content-width: 850px;
	--header-height: 200px;

--margin: 30px;
	--padding: 55px;
	--entry-icon: 80px;

--home-img-width: 60%;
	--home-section-height: 300px;
	--home-section-padding: 20px;

/* IMAGES */
    --bg-img: url(https://i.imgur.com/8ZhZOf6.jpg)center fixed;
	--header-img: url()center;

/* FONTS */

/* GENERAL */

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

summary{cursor:pointer;}
summary:focus{outline: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:var(--margin);}
#container-inner{max-width:var(--content-width);margin:0 auto;}

.layout-two-column-left #alpha{margin:0;}
.layout-two-column-left #beta{float:none;width:auto;}

/* HEADER */

#header{display:none;}

/* MAIN COLUMN */

#alpha{background:transparent;border:none;padding:0;}
#alpha a, #alpha a:visited{color:var(--accent);}
#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);font-size:var(--entry-info);font-family:var(--main-font);}

.date-header{display:none;}

#column-footer{clear:both;}

/* STICKY NOTE */

#sticky-note{display:none;}

/* ENTRIES */

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

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

.entry-metadata{display:none;}

/* HOMEPAGE */

.lj-view-recent .home{position:absolute;top:0;left:0;right:0;background:var(--page-bg) var(--bg-img);background-size:cover;min-height:100%;line-height:1.3;}

/* ARCHIVE VIEW */

.yearlinks{text-align:center;margin-bottom:10px;}
.year{list-style:none;margin:0;padding:0;}
.year li{display:inline;padding:0;}

/* TAGS & MONTH VIEW */

.lj-view-tags #alpha, .lj-view-month #alpha{padding:var(--padding);background:var(--content-bg);}

/* SIDEBAR */

.module{display:none;padding:0;background:transparent;margin:0;border: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;}

Splash Page Guide

Journal > Post

Use the following settings:
Add your splash page code and save!
Note on Homepage. This splash page is a little different than most of mine; it covers only the entry area, and the rest of the page is the actual layout.

Home Page HTML

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!

Tags: layouts, layouts: layout remakes, layouts: s2 complete style, layouts: with splash page

Profile

Title Here

Navigation

March 2025

Links List

Resources

Tags

Layout By

Layout: Furiously

Information

Installation Guide

Layout CSS: IJ

Layout CSS: DW

Splash Page Guide

Home Page HTML

Terms of Use

Comments