Tessisamess

Two Column (Sidebar on Left) | Two Column (Sidebar on Right) | Splash Page | tess105

Information

Hey guys! Here's the other donated layout from my Discord sale! The character image at the top can be toggled off to use just the dragon's head, so this is great for characters and games alike. Like the other donated layout, Dragonscale comes with both a header and sidebar option, as well as a splash page. And, of course, all images are re-colorable in the :root with no image editing needed. 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) - Sidebar
  Two Column (Sidebar on Right) - Header
  

• 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
  
  
• 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: Blurb text


• Title to use for second custom text sidebar module: Sidebar title
• URL to link to from second custom text sidebar module: Journal link (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/160941.html


• Display of tags in sidebar: List

Sidebars

• Demo sidebar order:
  • Custom Text
  • Links
  • Custom Text Two
  • Tags
  • Layout Credit
Use (none) for any of these elements if you don't want on the sidebar.

Custom CSS

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

Layout CSS: IJ

/*-- DRAGONSCALE - 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: #25171D; --text-color: #222; --date-tags: #926B7C; --lightest: #fff; --page-bg: #0D0408; --content-bg: #F6E5DE; --borders: #9E8F89; --accent: #563543; /* FONTS */ --main-font: Milonga,georgia,serif; --headings: Mrs Saint Delafield; --title-font: Mrs Saint Delafield; --body-text: 12px; --title-text: 60px; --subtitle-text: 8px; --nav-text: 14px; --side-text: 12px; --side-titles: 32px; --entry-titles: 32px; --entry-info: 10px; /* DIMENSIONS */ --content-width: 800px; --home-width: 450px; --side-width: 220px; --side-padding: 10px; --side-pic-display: block; /* CHANGE TO none FOR NO SIDEBAR IMG */ --margin: 30px; --padding: 50px; --entry-icon: 60px; --header-pic-display: block; /* CHANGE TO none FOR DRAGON HEAD ONLY */ --home-pic-display: block; /* CHANGE TO none FOR DRAGON HEAD ONLY */ /* IMAGES */ --bg-img: url(https://i.imgur.com/OFkQxEf.png)center fixed; --content-bg-texture: url(https://i.imgur.com/iQtdEBo.png)center; --header-pic: url()center; --home-pic: url()center; --side-pic: 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: 'Milonga'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/milonga/v22/SZc53FHnIaK9W5kfTzrMkA.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: 'Mrs Saint Delafield'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/mrssaintdelafield/v13/v6-IGZDIOVXH9xtmTZfRagunqBw5WC62QKknLw.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: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v120/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY40KH8nGzv3fzHVJU22ZZLsYEpzC_1ver5Y0.woff2) format('woff2'); } /* GENERAL */ ::selection{background:var(--accent);color:var(--lightest);} ::-moz-selection{background:var(--accent);color:var(--lightest);} ::-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);font-family:var(--main-font);font-size:var(--body-text);color:var(--text-color);} blockquote{font-style:normal;margin-left:5%;margin-right:5%;border:1px solid var(--borders);outline:1px solid var(--borders);outline-offset:-3px;padding:10px;} h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);margin:0;font-weight:normal;line-height:1;} img{max-width:100%;} ul{list-style:circle;} hr{border:0;border-bottom:1px solid var(--borders);} 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;padding:var(--margin);position:relative;} #container-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--padding) var(--padding) var(--padding);background:var(--content-bg) var(--content-bg-texture);background-size:150px;border-radius:100px/50px;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);} #container:before{content:'';mask:url(https://i.imgur.com/LGyPry0.png)center no-repeat;background:var(--accent) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--content-width) / 2.3);margin:0 0 calc((var(--content-width) / 4.5) * -1) 0;position:relative;z-index:2;} .layout-two-column-right #container:before{margin:0 0 calc((var(--content-width) / 4) * -1) 0;} #container:after{content:'';mask:url(https://i.imgur.com/qDob5vZ.png)center no-repeat;background:var(--content-bg) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--content-width) / 2.3);position:absolute;top:30px;left:0;right:0;} #container-inner:before{content:'';display:var(--header-pic-display);width:calc(var(--content-width) / 5.5);height:calc(var(--content-width) / 4.8);border-radius:100%;background:var(--accent) var(--header-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto;z-index:3;position:absolute;top:30px;left:0;right:0;margin:calc(var(--content-width) / 13) auto 0 auto;} .layout-two-column-left #alpha{margin:0 0 0 calc(var(--side-width) + var(--padding));} .layout-two-column-left #beta{float:left;width:var(--side-width);} .layout-two-column-right #alpha{margin:0;} .layout-two-column-right #beta{float:none;width:auto;} /* HEADER */ #header{padding:var(--padding) 0;color:var(--headings-color);text-align:center;} .layout-two-column-right #header{padding:var(--padding) 0 calc(var(--padding) / 2) 0;} #nav-above{position:absolute;z-index:3;top:0;left:0;right:0;text-align:center;list-style:none;margin:0;padding:calc(var(--content-width) / 15) 0 0 0;font-size:0;display:flex;align-items:flex-start;justify-content:center;} #nav-below{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;} .banner-viewlinks:last-of-type{display:none;} #nav-above a{margin:0 4px;background:var(--accent) var(--content-bg-texture);display:block;width:25px;height:25px;line-height:25px;border-radius:100%;color:var(--content-bg);} .current a{color:var(--content-bg);} .banner-viewlinks:nth-of-type(1){margin:20px 0 0 0;} .banner-viewlinks:nth-of-type(4){margin:20px 0 0 0;} .banner-viewlinks:nth-of-type(1) a{margin:0!important;} .banner-viewlinks:nth-of-type(4) a{margin:0!important;} #nav-above a:after{font-family:Material Symbols Outlined;font-size:var(--nav-text);} #nav-above a[href*='/']:after{content:'castle';} #nav-above a[href*='calendar']:after{content:'contract';} #nav-above a[href*='friends']:after{content:'diversity_2';} #nav-above a[href*='profile']:after{content:'flag';} #header-text{background:transparent;border:none;margin:0;padding:20px 0 0 0;position:relative;z-index:4;} #banner-header{font-family:var(--title-font);text-align:center;font-size:var(--title-text);} #banner-description{font-family:var(--main-font);text-align:center;font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:6px;font-weight:bold;line-height:0;} /* 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-content{margin:0;} #sticky-note .entry-text{padding:0;} #sticky-note .entry-footer{display:none;} /* ENTRIES */ .entry{margin:0 0 var(--margin) 0;padding:0 0 var(--margin) 0;position:relative;border-bottom:1px solid var(--borders);} .entry-header{background:transparent;border:none;padding:0;} .entry-header-inner{display:flex;align-items:center;} .entry-header h3{margin:0;padding:8px 0 0 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:0;right:0;font-size:var(--entry-info);color:var(--date-tags);} .mid-entry-userpic{display:block;padding:0;} .mid-entry-userpic img{width:var(--entry-icon);height:var(--entry-icon);border-radius:100%;padding:2px;background:var(--accent);margin:0 10px 0 0;} .outer-entry-userpic, .inner-entry-userpic{display:none;} .pic-poster{text-align:right;font-size:var(--entry-info);display:flex;position:absolute;top:calc(var(--entry-info) + 2px);right:0;color:var(--accent);} .pic-poster img{display:none;} .pic-poster a[href*="profile"]{display:none;} .pic-poster a{color:var(--date-tags)!important;} .pic-poster b{font-weight:normal;} .pic-poster .ljuser ~ .ljuser:before{content:'in';margin:0 3px;font-weight:normal;} .entry-content{margin-top:10px;} .entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;} .ljtags{margin:10px 0 0 0;font-size:var(--entry-info);} #alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);} .entry-metadata{display:none;} .entry-linkbar{margin:0;font-size:var(--entry-info);text-align:center;} .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;} /* HOME */ .lj-view-recent .home{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--page-bg) var(--bg-img);z-index:10;display:flex;align-items:center;justify-content:center;text-align:center;} .home main{position:relative;} .home .dragon-back{width:calc(var(--home-width) * 1.2);mask:url(https://i.imgur.com/qDob5vZ.png)center no-repeat;background:var(--content-bg) var(--content-bg-texture);mask-size:auto 100%;height:calc(var(--home-width) / 2);margin:0 0 calc((var(--home-width) / 3.5) * -1) 0;position:relative;z-index:12;} .home .dragon{width:calc(var(--home-width) * 1.2);mask:url(https://i.imgur.com/LGyPry0.png)center no-repeat;background:var(--accent) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--home-width) / 2);position:absolute;top:0;z-index:12;} .home main .info:before{content:'';display:var(--home-pic-display);width:calc(var(--home-width) / 4.5);height:calc(var(--home-width) / 4);border-radius:100%;background:var(--accent) var(--home-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto;z-index:3;position:absolute;top:30px;left:0;right:0;z-index:14;margin:calc(var(--home-width) / 55) auto 0 auto;} .home main .info{max-width:var(--home-width);margin:0 auto;padding:calc(var(--padding) * 1.3) var(--padding) calc(var(--padding) / 1.5) var(--padding);background:var(--content-bg) var(--content-bg-texture);background-size:150px;border-radius:50px/20px;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);z-index:11;} .home main .info .header h1{font-family:var(--title-font);font-size:var(--title-text);position:relative;z-index:12;} .home main .info .header .sub{font-family:var(--main-font);font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:6px;font-weight:bold;line-height:0;} .home main .info .blurb{margin:15px 0 0 0;} .home main .info nav{margin:10px 0 0 0;display:flex;flex-wrap:wrap;justify-content:center;} .home main .info nav a{border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 0;color:var(--content-bg)!important;padding:2px 0;margin:2px;width:calc((100% / 4) - 4px);} .home main .info nav a:hover{letter-spacing:2px;transform:scale(1.1);} /* 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;} /* SIDEBAR */ #beta-inner{font-size:var(--side-text);color:var(--text-color);text-align:center;} #beta-inner:before{content:'';display:var(--side-pic-display);width:calc(var(--side-width) / 1.2);height:calc(var(--side-width) * 1.1);border-radius:100%;background:var(--accent) var(--header-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto 20px auto;} .layout-two-column-right #beta-inner:before{display:none;} .module:not(.module-layoutcredit){background:transparent;padding:0;margin:0 0 var(--margin) 0;border:none;} .layout-two-column-right .module{display:none;} .module-header{background:transparent;border:none;} .layout-two-column-right .module-header{display:none;} .module-header h3{margin:0;padding:0;font-size:var(--side-titles);} .module-header a, .module-header a:visited{color:var(--headings-color);} .module-customtext .module-content{padding:0;} .layout-two-column-right .module-typelist{display:block;} .module-typelist ul{list-style:none;margin:0;padding:0;} .layout-two-column-right .module-typelist ul{display:flex;justify-content:center;flex-wrap:wrap;} .layout-two-column-right .module-typelist li{width:calc((100% / 5) - 4px);} .module-typelist li a{display:block;margin:2px 0 0 0;border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 0;color:var(--content-bg);} .layout-two-column-right .module-typelist li a{padding:5px 0;margin:2px;} .module-typelist li a:hover{letter-spacing:2px;transform:scale(1.1);} #tag-hierarchy ul{padding:0;margin:0;text-align:left;list-style:none;text-transform:capitalize;font-weight:bold;} #tag-hierarchy ul li{padding:3px 0;} #tag-hierarchy li ul{padding:0;margin:0 0 0 25px;list-style:circle;font-weight:normal;} .tag-count{font-size:x-small;} .all-link p{margin:10px 0 0 0;text-align:center;} .all-link a{border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 10px;color:var(--content-bg);} .module-layoutcredit{position:fixed;left:10px;bottom:10px;padding:0;background:transparent;margin:0;border:0;font-size:6px;text-transform:uppercase;letter-spacing:5px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;z-index:13;} .layout-two-column-right .module-layoutcredit{display:block;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit .module-content{padding:0;border:0;} .module-layoutcredit p{padding:0;margin:0;} .module-layoutcredit a{color:var(--content-bg);} .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

/*-- DRAGONSCALE [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: #25171D; --text-color: #222; --date-tags: #926B7C; --lightest: #fff; --page-bg: #0D0408; --content-bg: #F6E5DE; --borders: #9E8F89; --accent: #563543; /* FONTS */ --main-font: Milonga,georgia,serif; --headings: Mrs Saint Delafield; --title-font: Mrs Saint Delafield; --body-text: 12px; --title-text: 60px; --subtitle-text: 8px; --nav-text: 14px; --side-text: 12px; --side-titles: 32px; --entry-titles: 32px; --entry-info: 10px; /* DIMENSIONS */ --content-width: 800px; --home-width: 450px; --side-width: 220px; --side-padding: 10px; --side-pic-display: block; /* CHANGE TO none FOR NO SIDEBAR IMG */ --margin: 30px; --padding: 50px; --entry-icon: 60px; --header-pic-display: block; /* CHANGE TO none FOR DRAGON HEAD ONLY */ --home-pic-display: block; /* CHANGE TO none FOR DRAGON HEAD ONLY */ /* IMAGES */ --bg-img: url(https://i.imgur.com/OFkQxEf.png)center fixed; --content-bg-texture: url(https://i.imgur.com/iQtdEBo.png)center; --header-pic: url()center; --home-pic: url()center; --side-pic: 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: 'Milonga'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/milonga/v22/SZc53FHnIaK9W5kfTzrMkA.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: 'Mrs Saint Delafield'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/mrssaintdelafield/v13/v6-IGZDIOVXH9xtmTZfRagunqBw5WC62QKknLw.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: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v120/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY40KH8nGzv3fzHVJU22ZZLsYEpzC_1ver5Y0.woff2) format('woff2'); } /* GENERAL */ ::selection{background:var(--accent);color:var(--lightest);} ::-moz-selection{background:var(--accent);color:var(--lightest);} ::-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);font-family:var(--main-font);font-size:var(--body-text);color:var(--text-color);} blockquote{font-style:normal;margin-left:5%;margin-right:5%;border:1px solid var(--borders);outline:1px solid var(--borders);outline-offset:-3px;padding:10px;} h1,h2,h3,h4,h5,h6{font-family:var(--headings);color:var(--headings-color);margin:0;font-weight:normal;line-height:1;} img{max-width:100%;} ul{list-style:circle;} hr{border:0;border-bottom:1px solid var(--borders);} 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;padding:var(--margin);position:relative;} #container-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--padding) var(--padding) var(--padding);background:var(--content-bg) var(--content-bg-texture);background-size:150px;border-radius:100px/50px;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);} #container:before{content:'';mask:url(https://i.imgur.com/LGyPry0.png)center no-repeat;background:var(--accent) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--content-width) / 2.3);margin:0 0 calc((var(--content-width) / 4.5) * -1) 0;position:relative;z-index:2;} .layout-two-column-right #container:before{margin:0 0 calc((var(--content-width) / 4) * -1) 0;} #container:after{content:'';mask:url(https://i.imgur.com/qDob5vZ.png)center no-repeat;background:var(--content-bg) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--content-width) / 2.3);position:absolute;top:30px;left:0;right:0;} #container-inner:before{content:'';display:var(--header-pic-display);width:calc(var(--content-width) / 5.5);height:calc(var(--content-width) / 4.8);border-radius:100%;background:var(--accent) var(--header-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto;z-index:3;position:absolute;top:30px;left:0;right:0;margin:calc(var(--content-width) / 13) auto 0 auto;} .layout-two-column-left #alpha{margin:0 0 0 calc(var(--side-width) + var(--padding));} .layout-two-column-left #beta{float:left;width:var(--side-width);} .layout-two-column-right #alpha{margin:0;} .layout-two-column-right #beta{float:none;width:auto;} /* HEADER */ #header{padding:var(--padding) 0;color:var(--headings-color);text-align:center;} .layout-two-column-right #header{padding:var(--padding) 0 calc(var(--padding) / 2) 0;} #nav-above{position:absolute;z-index:3;top:0;left:0;right:0;text-align:center;list-style:none;margin:0;padding:calc(var(--content-width) / 15) 0 0 0;font-size:0;display:flex;align-items:flex-start;justify-content:center;} #nav-below{display:none;} .banner-viewlinks{display:inline;padding:0;border:none;} .banner-viewlinks:last-of-type{display:none;} #nav-above a{margin:0 4px;background:var(--accent) var(--content-bg-texture);display:block;width:25px;height:25px;line-height:25px;border-radius:100%;color:var(--content-bg);} .current a{color:var(--content-bg);} .banner-viewlinks:nth-of-type(1){margin:20px 0 0 0;} .banner-viewlinks:nth-of-type(6){margin:20px 0 0 0;} .banner-viewlinks:nth-of-type(1) a{margin:0!important;} .banner-viewlinks:nth-of-type(6) a{margin:0!important;} #nav-above a:after{font-family:Material Symbols Outlined;font-size:var(--nav-text);} #nav-above a[href*='/']:after{content:'castle';} #nav-above a[href*='archive']:after{content:'contract';} #nav-above a[href*='read']:after{content:'diversity_2';} #nav-above a[href*='profile']:after{content:'flag';} #header-text{background:transparent;border:none;margin:0;padding:20px 0 0 0;position:relative;z-index:4;} #banner-header{font-family:var(--title-font);text-align:center;font-size:var(--title-text);} #banner-description{font-family:var(--main-font);text-align:center;font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:6px;font-weight:bold;line-height:0;} /* 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-content{margin:0;} #sticky-note .entry-text{padding:0;} #sticky-note .entry-footer{display:none;} /* ENTRIES */ .entry{margin:0 0 var(--margin) 0;padding:0 0 var(--margin) 0;position:relative;border-bottom:1px solid var(--borders);} .entry-header{background:transparent;border:none;padding:0;} .entry-header-inner{display:flex;align-items:center;} .entry-header h3{margin:0;padding:8px 0 0 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:0;right:0;font-size:var(--entry-info);color:var(--date-tags);} .mid-entry-userpic{display:block;padding:0;} .mid-entry-userpic img{width:var(--entry-icon);height:var(--entry-icon);border-radius:100%;padding:2px;background:var(--accent);margin:0 10px 0 0;} .outer-entry-userpic, .inner-entry-userpic{display:none;} .pic-poster{text-align:right;font-size:var(--entry-info);display:flex;position:absolute;top:calc(var(--entry-info) + 2px);right:0;color:var(--accent);} .pic-poster img{display:none;} .pic-poster a[href*="profile"]{display:none;} .pic-poster a{color:var(--date-tags)!important;} .pic-poster b{font-weight:normal;} .pic-poster .ljuser ~ .ljuser:before{content:'in';margin:0 3px;font-weight:normal;} .entry-content{margin-top:10px;} .entry-text{min-height:0;overflow:hidden;line-height:1.6;text-align:justify;} .ljtags{margin:10px 0 0 0;font-size:var(--entry-info);} #alpha .ljtags a, #alpha .ljtags a:visited{color:var(--date-tags);} .entry-metadata{display:none;} .entry-linkbar{margin:0;font-size:var(--entry-info);text-align:center;} .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;} /* HOME */ .lj-view-recent .home{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--page-bg) var(--bg-img);z-index:10;display:flex;align-items:center;justify-content:center;text-align:center;} .home main{position:relative;} .home .dragon-back{width:calc(var(--home-width) * 1.2);mask:url(https://i.imgur.com/qDob5vZ.png)center no-repeat;background:var(--content-bg) var(--content-bg-texture);mask-size:auto 100%;height:calc(var(--home-width) / 2);margin:0 0 calc((var(--home-width) / 3.5) * -1) 0;position:relative;z-index:12;} .home .dragon{width:calc(var(--home-width) * 1.2);mask:url(https://i.imgur.com/LGyPry0.png)center no-repeat;background:var(--accent) var(--content-bg-texture);mask-size:auto 100%;display:block;height:calc(var(--home-width) / 2);position:absolute;top:0;z-index:12;} .home main .info:before{content:'';display:var(--home-pic-display);width:calc(var(--home-width) / 4.5);height:calc(var(--home-width) / 4);border-radius:100%;background:var(--accent) var(--home-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto;z-index:3;position:absolute;top:30px;left:0;right:0;z-index:14;margin:calc(var(--home-width) / 55) auto 0 auto;} .home main .info{max-width:var(--home-width);margin:0 auto;padding:calc(var(--padding) * 1.3) var(--padding) calc(var(--padding) / 1.5) var(--padding);background:var(--content-bg) var(--content-bg-texture);background-size:150px;border-radius:50px/20px;box-shadow:0 0 15px 0 rgba(0,0,0,0.5);z-index:11;} .home main .info .header h1{font-family:var(--title-font);font-size:var(--title-text);position:relative;z-index:12;} .home main .info .header .sub{font-family:var(--main-font);font-size:var(--subtitle-text);margin:0;text-transform:uppercase;letter-spacing:6px;font-weight:bold;line-height:0;} .home main .info .blurb{margin:15px 0 0 0;} .home main .info nav{margin:10px 0 0 0;display:flex;flex-wrap:wrap;justify-content:center;} .home main .info nav a{border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 0;color:var(--content-bg)!important;padding:2px 0;margin:2px;width:calc((100% / 4) - 4px);} .home main .info nav a:hover{letter-spacing:2px;transform:scale(1.1);} /* 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;} /* SIDEBAR */ #beta-inner{font-size:var(--side-text);color:var(--text-color);text-align:center;} #beta-inner:before{content:'';display:var(--side-pic-display);width:calc(var(--side-width) / 1.2);height:calc(var(--side-width) * 1.1);border-radius:100%;background:var(--accent) var(--header-pic);background-size:cover;border:5px solid var(--accent);margin:0 auto 20px auto;} .layout-two-column-right #beta-inner:before{display:none;} .module:not(.module-layoutcredit){background:transparent;padding:0;margin:0 0 var(--margin) 0;border:none;} .layout-two-column-right .module{display:none;} .module-header{background:transparent;border:none;} .layout-two-column-right .module-header{display:none;} .module-header h3{margin:0;padding:0;font-size:var(--side-titles);} .module-header a, .module-header a:visited{color:var(--headings-color);} .module-customtext .module-content{padding:0;} .layout-two-column-right .module-typelist{display:block;} .module-typelist ul{list-style:none;margin:0;padding:0;} .layout-two-column-right .module-typelist ul{display:flex;justify-content:center;flex-wrap:wrap;} .layout-two-column-right .module-typelist li{width:calc((100% / 5) - 4px);} .module-typelist li a{display:block;margin:2px 0 0 0;border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 0;color:var(--content-bg);} .layout-two-column-right .module-typelist li a{padding:5px 0;margin:2px;} .module-typelist li a:hover{letter-spacing:2px;transform:scale(1.1);} #tag-hierarchy ul{padding:0;margin:0;text-align:left;list-style:none;text-transform:capitalize;font-weight:bold;} #tag-hierarchy ul li{padding:3px 0;} #tag-hierarchy li ul{padding:0;margin:0 0 0 25px;list-style:circle;font-weight:normal;} .tag-count{font-size:x-small;} .all-link p{margin:10px 0 0 0;text-align:center;} .all-link a{border-radius:10px/30px;background:var(--accent) var(--content-bg-texture);padding:5px 10px;color:var(--content-bg);} .module-layoutcredit{position:fixed;left:10px;bottom:10px;padding:0;background:transparent;margin:0;border:0;font-size:6px;text-transform:uppercase;letter-spacing:5px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;z-index:13;} .layout-two-column-right .module-layoutcredit{display:block;} .module-layoutcredit .module-header{display:none;} .module-layoutcredit .module-content{padding:0;border:0;} .module-layoutcredit p{padding:0;margin:0;} .module-layoutcredit a{color:var(--content-bg);} .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

<lj-raw><article class="home"> <main> <div class="dragon-back"></div> <div class="dragon"></div> <div class="info"> <section class="header"> <h1>Title</h1> <div class="sub">Subtitle</div> </section> <section class="blurb"> Blurb </section> <nav> <a href="">Link</a> <a href="">Link</a> <a href="">Link</a> <a href="?skip=1">More</a> </nav> </div> </main> </article></lj-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!