Tessisamess

Two Column (Sidebar on Left) | Splash Page | tess106

Information

Hey guys! Another of my server layout sale buyers have also ask that their layout be posted for free, so here we go! An icy, winter-y theme that I may expand on to include all four seasons at a later date. Enjoy! 💖

Installation Guide

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

• Choose S2 for your style system.
• Fill in your title and subtitle.
• 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: Fancy sidebar title (optional)
• URL to link to from custom text sidebar module: Journal URL (optional)
• Body of custom sidebar module: <img src="IMG_URL">


• Title to use for second custom text sidebar module: Blurb title
• URL to link to from second custom text sidebar module: Journal URL (optional)
• Body of second custom sidebar module: Blurb text


• Person to credit if you have an individually created layout: Layout
• URL to link the credit to: https://tessisamess.insanejournal.com/161058.html


• Display of tags in sidebar: List

Sidebars

• Demo sidebar order:
  • Custom Text
  • Custom Text Two
  • Links
  • Tags
  • Layout Credit

Custom CSS

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

Layout CSS: IJ

/*-- WINTERED - 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: #13283F; --text-color: #222; --date-tags: #8093AA; --lightest: #fff; --page-bg: linear-gradient(to bottom,#A1B2C6,#B2C1D4,#CCD5E1)fixed; --content-bg: rgba(255,255,255,0.45); --borders: rgba(255,255,255,0.5); --accent: #13283F; --text-outline: #fff; --text-shadow: rgba(0,0,0,0.3); /* FONTS */ --main-font: calibri,arial,sans-serif; --headings: Montserrat; --title-font: Corinthia; --body-text: 13px; --title-text: 70px; --subtitle-text: 12px; --nav-text: 15px; --side-text: 13px; --side-titles: 15px; --side-img-title: 60px; --side-links: 10px; --entry-titles: 15px; --entry-info: 9px; /* DIMENSIONS */ --content-width: 900px; --header-icon: 100px; --side-width: 250px; --side-padding: 20px; --side-margin: 10px; --margin: 20px; --padding: 30px; --entry-icon: 60px; /* IMAGES */ --bg-img: url(https://i.imgur.com/8RZGpsg.png)center top no-repeat fixed; --header-icon-img: url(https://i.imgur.com/R9TISJp.png)center no-repeat; --image-frame: url(https://i.imgur.com/Pb3ouwW.png)center no-repeat; --content-frame-top: url(https://i.imgur.com/vdFSu9Z.png)center top no-repeat; --content-frame-bottom: url(https://i.imgur.com/dZ0g3p8.png)center bottom no-repeat; --line-break: url(https://i.imgur.com/jYocXIO.png)center no-repeat; --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: 'Montserrat'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.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: 'Corinthia'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/corinthia/v11/wEO_EBrAnchaJyPMHE01VvoK.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(--lightest);} ::-moz-selection{background:var(--accent);color:var(--lightest);} ::-webkit-scrollbar-track{background:var(--date-tags);} ::-webkit-scrollbar{width:7px;background:transparent;} ::-webkit-scrollbar-thumb{background:var(--content-bg);border:2px solid var(--date-tags);border-radius:5px;} *, *:before, *:after{box-sizing:border-box;} body{margin:0;padding:0;background:var(--page-bg);font-family:var(--headings);font-size:var(--body-text);color:var(--text-color);} blockquote{font-style:normal;background:var(--content-frame-top);background-size:100% auto;padding:15px;border-radius:10px;border:1px solid var(--borders);} h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);margin:0;font-weight:normal;text-transform:uppercase;letter-spacing:2px;} img{max-width:100%;} ul{list-style:circle;} hr{display:flex;align-items:center;border:0;height:50px;background:var(--line-break);background-size:auto 100%;} summary{cursor:pointer;} summary:focus{outline:none;} a, a:visited, a:active{color:var(--headings-color);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 var(--bg-img);background-size:100% auto;min-height:100vh;} .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{text-align:center;list-style:none;margin:0;padding:0;font-size:var(--nav-text);display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;} #nav-below{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;display:flex;align-items:center;justify-content:center;} .banner-viewlinks:last-of-type{display:none;} .banner-viewlinks:nth-of-type(2):after{content:'';display:block;width:var(--header-icon);height:var(--header-icon);background:var(--accent) var(--header-icon-img);background-size:auto 70%;margin:-5px 10px 0 10px;border-radius:0 0 50px 50px;} #nav-above a{margin:0 10px;} #nav-above a:hover{color:var(--date-tags);} .current a{color:var(--headings-color);} #header-text{background:transparent;border:none;margin:0;padding:var(--padding) 0;line-height:0.5;} #banner-header{font-family:var(--title-font);text-align:center;font-size:var(--title-text);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} #banner-description{font-family:var(--headings);text-align:center;font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:5px;} /* BODY OF PAGE */ #pagebody{padding:var(--margin);} #pagebody-inner{max-width:var(--content-width);margin:0 auto;} /* 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 .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;background:var(--content-bg);position:relative;border-radius:10px;border:1px solid var(--borders);min-height:150px;} .entry:before, .entry:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .entry:before{top:0;background:var(--content-frame-top);} .entry:after{bottom:0;background:var(--content-frame-bottom);} .entry-inner{position:relative;z-index:2;padding:var(--padding);} .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{font-size:var(--entry-info);color:var(--date-tags);position:absolute;top:var(--padding);right:var(--padding);font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .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-radius:5px;border:1px solid var(--borders);padding:3px;} .inner-entry-userpic:after{content:'';background:var(--image-frame);background-size:100% 100%;position:absolute;top:0;left:0;right:0;height:var(--entry-icon);border-radius:5px;} .outer-entry-userpic, .mid-entry-userpic{display:none;} .pic-poster{text-align:center;font-size:8px;letter-spacing:1px;text-transform:uppercase;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;} #alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);} .ljtags a{font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-size:var(--entry-info);margin:0 10px 0 0;} .ljtags a:before{content:'#';} .entry-metadata{display:none;} .entry-linkbar{margin:0;font-size:var(--entry-info);text-align:right;font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .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:10px 0 0 5px;} .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:fixed;top:0;left:0;right:0;bottom:0;z-index:5;background:var(--page-bg);text-align:center;line-height:1;} .home main{background:var(--bg-img);background-size:100% auto;height:100vh;display:flex;align-items:center;justify-content:center;} .home main nav{position:fixed;top:0;left:0;right:0;font-size:var(--nav-text);display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;} .home main nav li{list-style:none;display:flex;align-items:center;justify-content:center;padding:0;} .home main nav a{margin:0 10px;color:var(--headings-color)!important;} .home main nav a:hover{color:var(--date-tags)!important;} .home main nav li:nth-of-type(2):after{content:'';display:block;width:var(--header-icon);height:var(--header-icon);background:var(--accent) var(--header-icon-img);background-size:auto 70%;margin:-5px 10px 0 10px;border-radius:0 0 50px 50px;} .home main .info{max-width:var(--content-width);} .home main .info .titles{line-height:0.5;} .home main .info .titles h1{font-family:var(--title-font);font-size:var(--title-text);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} .home main .info .titles .sub{font-family:var(--headings);text-align:center;font-size:var(--subtitle-text);text-transform:uppercase;letter-spacing:5px;} .home main .info .links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;margin:10px 0 0 0;} .home main .info .links a{margin:5px;padding:5px 10px;background:var(--content-bg);border-radius:10px;border:1px solid var(--borders);} /* 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:uppercase;background:transparent!important;} 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);} .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);border-radius:10px;border:1px solid var(--borders);position:relative;} .lj-view-tags #alpha:before, .lj-view-tags #alpha:after, .lj-view-month #alpha:before, .lj-view-month #alpha:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .lj-view-tags #alpha:before, .lj-view-month #alpha:before{top:0;background:var(--content-frame-top);} .lj-view-tags #alpha:after, .lj-view-month #alpha:after{bottom:0;background:var(--content-frame-bottom);} .lj-view-tags #alpha-inner, .lj-view-month #alpha-inner{position:relative;z-index:3;} /* SIDEBAR */ #beta-inner{font-size:var(--side-text);color:var(--text-color);} .module{padding:0;background:var(--content-bg);border-radius:10px;border:1px solid var(--borders);margin:0 0 var(--side-margin) 0;position:relative;} .module:before, .module:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .module:before{top:0;background:var(--content-frame-top);} .module:after{bottom:0;background:var(--content-frame-bottom);} .module-inner{position:relative;z-index:2;padding:var(--side-padding);} .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{color:var(--headings-color);} .module-customtext .module-inner{padding:0;} .module-customtext .module-header{position:absolute;bottom:-20px;left:-10px;transform:rotate(-3deg);z-index:2;} .module-customtext .module-header h3{font-family:var(--title-font);font-size:var(--side-img-title);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} .module-customtext .module-content{padding:0;font-family:var(--main-font);position:relative;} .module-customtext .module-content:after{content:'';background:var(--image-frame);background-size:100% 100%;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;} .module-customtext .module-content img{border-radius:8px;border:1px solid var(--borders);padding:10px;} .module-customtext2 .module-content{font-family:var(--main-font);} .module-typelist:before, .module-typelist:after{display:none;} .module-typelist{padding:0;background:transparent;border:0;} .module-typelist .module-inner{padding:0;} .module-typelist .module-header{display:none;} .module-typelist ul{list-style:none;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;font-size:var(--side-links);font-weight:bold;} .module-typelist li a{display:block;background:var(--content-bg) var(--content-frame-top);background-size:150% auto;background-position:center -7px!important;border-radius:5px;border:1px solid var(--borders);padding:8px;margin:0 0 5px 0;} .module-typelist li a:hover{background-position:center 0!important;} #tag-hierarchy ul{padding-left:0;margin-left:20px;} .tag-count{font-size:x-small;} .all-link p{margin:20px 0 0 0;text-align:center;font-size:var(--entry-info);font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .all-link a{border:1px solid var(--borders);padding:5px 10px;border-radius:5px;} .module-layoutcredit:before, .module-layoutcredit:after{display:none;} .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-inner{padding:0;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit p{padding:0;margin:0;} .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"], 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

/*-- WINTERED [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: #13283F; --text-color: #222; --date-tags: #8093AA; --lightest: #fff; --page-bg: linear-gradient(to bottom,#A1B2C6,#B2C1D4,#CCD5E1)fixed; --content-bg: rgba(255,255,255,0.45); --borders: rgba(255,255,255,0.5); --accent: #13283F; --text-outline: #fff; --text-shadow: rgba(0,0,0,0.3); /* FONTS */ --main-font: calibri,arial,sans-serif; --headings: Montserrat; --title-font: Corinthia; --body-text: 13px; --title-text: 70px; --subtitle-text: 12px; --nav-text: 15px; --side-text: 13px; --side-titles: 15px; --side-img-title: 60px; --side-links: 10px; --entry-titles: 15px; --entry-info: 9px; /* DIMENSIONS */ --content-width: 900px; --header-icon: 100px; --side-width: 250px; --side-padding: 20px; --side-margin: 10px; --margin: 20px; --padding: 30px; --entry-icon: 60px; /* IMAGES */ --bg-img: url(https://i.imgur.com/8RZGpsg.png)center top no-repeat fixed; --header-icon-img: url(https://i.imgur.com/R9TISJp.png)center no-repeat; --image-frame: url(https://i.imgur.com/Pb3ouwW.png)center no-repeat; --content-frame-top: url(https://i.imgur.com/vdFSu9Z.png)center top no-repeat; --content-frame-bottom: url(https://i.imgur.com/dZ0g3p8.png)center bottom no-repeat; --line-break: url(https://i.imgur.com/jYocXIO.png)center no-repeat; --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: 'Montserrat'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.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: 'Corinthia'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/corinthia/v11/wEO_EBrAnchaJyPMHE01VvoK.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(--lightest);} ::-moz-selection{background:var(--accent);color:var(--lightest);} ::-webkit-scrollbar-track{background:var(--date-tags);} ::-webkit-scrollbar{width:7px;background:transparent;} ::-webkit-scrollbar-thumb{background:var(--content-bg);border:2px solid var(--date-tags);border-radius:5px;} *, *:before, *:after{box-sizing:border-box;} body{margin:0;padding:0;background:var(--page-bg);font-family:var(--headings);font-size:var(--body-text);color:var(--text-color);} blockquote{font-style:normal;background:var(--content-frame-top);background-size:100% auto;padding:15px;border-radius:10px;border:1px solid var(--borders);} h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);margin:0;font-weight:normal;text-transform:uppercase;letter-spacing:2px;} img{max-width:100%;} ul{list-style:circle;} hr{display:flex;align-items:center;border:0;height:50px;background:var(--line-break);background-size:auto 100%;} summary{cursor:pointer;} summary:focus{outline:none;} a, a:visited, a:active{color:var(--headings-color);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 var(--bg-img);background-size:100% auto;min-height:100vh;} .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{text-align:center;list-style:none;margin:0;padding:0;font-size:var(--nav-text);display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;} #nav-below{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;display:flex;align-items:center;justify-content:center;} .banner-viewlinks:last-of-type{display:none;} .banner-viewlinks:nth-of-type(2):after{content:'';display:block;width:var(--header-icon);height:var(--header-icon);background:var(--accent) var(--header-icon-img);background-size:auto 70%;margin:-5px 10px 0 10px;border-radius:0 0 50px 50px;} #nav-above a{margin:0 10px;} #nav-above a:hover{color:var(--date-tags);} .current a{color:var(--headings-color);} #header-text{background:transparent;border:none;margin:0;padding:var(--padding) 0;line-height:0.5;} #banner-header{font-family:var(--title-font);text-align:center;font-size:var(--title-text);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} #banner-description{font-family:var(--headings);text-align:center;font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:5px;} /* BODY OF PAGE */ #pagebody{padding:var(--margin);} #pagebody-inner{max-width:var(--content-width);margin:0 auto;} /* 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 .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;background:var(--content-bg);position:relative;border-radius:10px;border:1px solid var(--borders);min-height:150px;} .entry:before, .entry:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .entry:before{top:0;background:var(--content-frame-top);} .entry:after{bottom:0;background:var(--content-frame-bottom);} .entry-inner{position:relative;z-index:2;padding:var(--padding);} .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{font-size:var(--entry-info);color:var(--date-tags);position:absolute;top:var(--padding);right:var(--padding);font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .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-radius:5px;border:1px solid var(--borders);padding:3px;} .inner-entry-userpic:after{content:'';background:var(--image-frame);background-size:100% 100%;position:absolute;top:0;left:0;right:0;height:var(--entry-icon);border-radius:5px;} .outer-entry-userpic, .mid-entry-userpic{display:none;} .pic-poster{text-align:center;font-size:8px;letter-spacing:1px;text-transform:uppercase;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;} #alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);} .ljtags a{font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-size:var(--entry-info);margin:0 10px 0 0;} .ljtags a:before{content:'#';} .entry-metadata{display:none;} .entry-linkbar{margin:0;font-size:var(--entry-info);text-align:right;font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .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:10px 0 0 5px;} .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:fixed;top:0;left:0;right:0;bottom:0;z-index:5;background:var(--page-bg);text-align:center;line-height:1;} .home main{background:var(--bg-img);background-size:100% auto;height:100vh;display:flex;align-items:center;justify-content:center;} .home main nav{position:fixed;top:0;left:0;right:0;font-size:var(--nav-text);display:flex;align-items:center;justify-content:center;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;} .home main nav li{list-style:none;display:flex;align-items:center;justify-content:center;padding:0;} .home main nav a{margin:0 10px;color:var(--headings-color)!important;} .home main nav a:hover{color:var(--date-tags)!important;} .home main nav li:nth-of-type(2):after{content:'';display:block;width:var(--header-icon);height:var(--header-icon);background:var(--accent) var(--header-icon-img);background-size:auto 70%;margin:-5px 10px 0 10px;border-radius:0 0 50px 50px;} .home main .info{max-width:var(--content-width);} .home main .info .titles{line-height:0.5;} .home main .info .titles h1{font-family:var(--title-font);font-size:var(--title-text);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} .home main .info .titles .sub{font-family:var(--headings);text-align:center;font-size:var(--subtitle-text);text-transform:uppercase;letter-spacing:5px;} .home main .info .links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-family:var(--headings);text-transform:uppercase;letter-spacing:3px;margin:10px 0 0 0;} .home main .info .links a{margin:5px;padding:5px 10px;background:var(--content-bg);border-radius:10px;border:1px solid var(--borders);} /* 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:uppercase;background:transparent!important;} 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);} .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);border-radius:10px;border:1px solid var(--borders);position:relative;} .lj-view-tags #alpha:before, .lj-view-tags #alpha:after, .lj-view-month #alpha:before, .lj-view-month #alpha:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .lj-view-tags #alpha:before, .lj-view-month #alpha:before{top:0;background:var(--content-frame-top);} .lj-view-tags #alpha:after, .lj-view-month #alpha:after{bottom:0;background:var(--content-frame-bottom);} .lj-view-tags #alpha-inner, .lj-view-month #alpha-inner{position:relative;z-index:3;} /* SIDEBAR */ #beta-inner{font-size:var(--side-text);color:var(--text-color);} .module{padding:0;background:var(--content-bg);border-radius:10px;border:1px solid var(--borders);margin:0 0 var(--side-margin) 0;position:relative;} .module:before, .module:after{content:'';position:absolute;left:0;right:0;height:150px;background-size:100% auto!important;border-radius:10px;} .module:before{top:0;background:var(--content-frame-top);} .module:after{bottom:0;background:var(--content-frame-bottom);} .module-inner{position:relative;z-index:2;padding:var(--side-padding);} .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{color:var(--headings-color);} .module-customtext .module-inner{padding:0;} .module-customtext .module-header{position:absolute;bottom:-20px;left:-10px;transform:rotate(-3deg);z-index:2;} .module-customtext .module-header h3{font-family:var(--title-font);font-size:var(--side-img-title);text-transform:none;letter-spacing:0;text-shadow:1px 1px 0 var(--text-outline),2px 2px 0 var(--text-outline),3px 3px 2px var(--text-shadow);} .module-customtext .module-content{padding:0;font-family:var(--main-font);position:relative;} .module-customtext .module-content:after{content:'';background:var(--image-frame);background-size:100% 100%;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;} .module-customtext .module-content img{border-radius:8px;border:1px solid var(--borders);padding:10px;} .module-customtext2 .module-content{font-family:var(--main-font);} .module-typelist:before, .module-typelist:after{display:none;} .module-typelist{padding:0;background:transparent;border:0;} .module-typelist .module-inner{padding:0;} .module-typelist .module-header{display:none;} .module-typelist ul{list-style:none;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;font-size:var(--side-links);font-weight:bold;} .module-typelist li a{display:block;background:var(--content-bg) var(--content-frame-top);background-size:150% auto;background-position:center -7px!important;border-radius:5px;border:1px solid var(--borders);padding:8px;margin:0 0 5px 0;} .module-typelist li a:hover{background-position:center 0!important;} #tag-hierarchy ul{padding-left:0;margin-left:20px;} .tag-count{font-size:x-small;} .all-link p{margin:20px 0 0 0;text-align:center;font-size:var(--entry-info);font-weight:bold;text-transform:uppercase;letter-spacing:2px;} .all-link a{border:1px solid var(--borders);padding:5px 10px;border-radius:5px;} .module-layoutcredit:before, .module-layoutcredit:after{display:none;} .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-inner{padding:0;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit p{padding:0;margin:0;} .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"], 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);} /* 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!

Home Page HTML: IJ

<lj-raw><article class="home"> <main> <nav> <li><a href="/">Recent</a> <li><a href="/calendar">Archive</a> <li><a href="/friends">Friends</a> <li><a href="/profile">Profile</a> </nav> <section class="info"> <div class="titles"> <h1>Title</h1> <span class="sub">Subtitle</span> </div> <div class="links"> <a href="">Link</a> <a href="">Link</a> <a href="">Link</a> <a href="/?skip=1">Journal</a> </div> </section> </main> </article></lj-raw><noembed>

Home Page HTML: DW

<raw><article class="home"> <main> <nav> <li><a href="/">Recent</a> <li><a href="/archive">Archive</a> <li><a href="/read">Friends</a> <li><a href="/profile">Profile</a> </nav> <section class="info"> <div class="titles"> <h1>Title</h1> <span class="sub">Subtitle</span> </div> <div class="links"> <a href="">Link</a> <a href="">Link</a> <a href="">Link</a> <a href="/?skip=1">Journal</a> </div> </section> </main> </article></raw><noembed>

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!