{$sub-title}
By {$username}
Updated {$month}. {$day}, {$year} {$time} {$levels}
↑for importing author and title.↑
↓actual introducing page.↓
The B.N.T.G. Journal.
This is the sub-title test, Report shows that this is a news-like theme, and would like to be one of the first of its kind.
By cakelord114514
Updated Dec. 18, 2023 3:03 am Level-1
The B.N.T.G. Journal-Theme is created by cakelord114514, thanks to hoah2333and Lupus Caeruleusfrom CN wiki for fixing codes issue.
To import this theme to your page, put the following text anywhere inside it:
This following block is for making the custom ads block like shown above.
[[include :backrooms-wiki:theme:bntg-journal
|custom = --]
|ads-image = url
|linked-place = url
|info = [[span style="display:block"]]This is the text which I require to be displayed on line 1.[[/span]] [[span style="display:block"]]This is the text which I require to be displayed on line 2.[[/span]]@@@@
|sub-title = this is the subtitle.
|username = [[user username in display]]@@@@ | for non exist username: [# username]
|month = Jan, Feb, use this format
|day = 01, 02…
|year = 2000, 2001…
|time = 0:00 am/pm
|levels = Level 1, Level 2…]]
This following block is for aesthetic use of ads block with Level 0 theme.
[[include :backrooms-wiki:theme:bntg-journal
|level0 = --]
|info = [[span style="display:block"]]This is the text which I require to be displayed on line 1.[[/span]] [[span style="display:block"]]This is the text which I require to be displayed on line 2.[[/span]]@@@@
|sub-title = this is the subtitle.
|username = [[user username in display]]@@@@ | for non exist username type [# username]
|month = Jan, Feb, use this format
|day = 01, 02…
|year = 2000, 2001…
|time = 0:00 am/pm
|levels = Level 1, Level 2…]]
This following block is for aesthetic use of ads block with "House is House" theme.
[[include :backrooms-wiki:theme:bntg-journal
|house = --]
|info = [[span style="display:block"]]This is the text which I require to be displayed on line 1.[[/span]] [[span style="display:block"]]This is the text which I require to be displayed on line 2.[[/span]]@@@@
|sub-title = this is the subtitle.
|username = [[user username in display]]@@@@ | for non exist username: [# username]
|month = Jan, Feb, use this format
|day = 01, 02…
|year = 2000, 2001…
|time = 0:00 am/pm
|levels = Level 1, Level 2…]]
This following block is for preset ads block of "BOINGs protection" theme.
[[include :backrooms-wiki:theme:bntg-journal
|boings = --]
|info = [[span style="display:block"]]This is the text which I require to be displayed on line 1.[[/span]] [[span style="display:block"]]This is the text which I require to be displayed on line 2.[[/span]]@@@@
|sub-title = this is the subtitle.
|username = [[user username in display]]@@@@ | for non exist username: [# username]
|month = Jan, Feb, use this format
|day = 01, 02…
|year = 2000, 2001…
|time = 0:00 am/pm
|levels = Level 1, Level 2…]]
This following block is for aesthetic use of ads block with "The original photo" theme.
[[include :backrooms-wiki:theme:bntg-journal
|origin = --]
|info = [[span style="display:block"]]This is the text which I require to be displayed on line 1.[[/span]] [[span style="display:block"]]This is the text which I require to be displayed on line 2.[[/span]]@@@@
|sub-title = this is the subtitle.
|username = [[user username in display]]@@@@ | for non exist username: [# username]
|month = Jan, Feb, use this format
|day = 01, 02…
|year = 2000, 2001…
|time = 0:00 am/pm
|levels = Level 1, Level 2…]]
Examples
A horizontal rule can be created with 5 hyphens "-" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.
Titles can be created by putting between one and six plus "+" at the start of the line
SURVIVAL DIFFICULTY:
Class 0
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 1
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 2
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 3
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 4
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class 5
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class unknown
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class n/a
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class habitable
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class deadzone
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class pending
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class amended
- {$one}
- {$two}
- {$three}
SURVIVAL DIFFICULTY:
Class omega
- {$one}
- {$two}
- {$three}
- tab1
- tab2
- long tab
- This empty tab has a really long name for some odd reason. I wonder if it will influence my tabs?
- you usually don't need this for news
- empty tab
- empty tab
- empty tab
- not an empty tab
Oh look a tab.
I should put something economic here, but i know nothing about them, but hey, at least i am a longer tab.
looooooooooooooong tab
looooooooooooooong tab
looooooooooooooong tab
looooooooooooooong tab
This is meaningless, whoever wrote this is gonna get less salery this month.
- Your boss.
you know what i mean.
yeah it is an tab
This is a blockquote, created by putting "> " at the start of each line.
More text
That's a horizontal rule
Nested blockquotes1
This is a | table |
---|---|
You should know | how to make these |
almond water | isn't a currency |
use | B.S.C.(B.N.T.G. Standard Credit.) |
foot2
this text
is here
so you can
see how
everything looks
with different
formatsand
otherstuff
including links that do not
And links that does exist!
Cite this page as:
"BNTG Journal" by Cakelord114514, from the Backrooms Wiki. Source: https://backrooms-wiki.wikidot.com/theme:bntg-journal. Licensed under CC-BY-SA-3.0.
[[iftags +component]]
Colmod was originally created by Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component
[[/iftags]]
-
- _
"<a href="https://backrooms-wiki.wikidot.com/theme:bntg-journal">BNTG Journal</a>" by Cakelord114514, from the <a href="https://backrooms-wiki.wikidot.com">Backrooms Wiki</a>. Source: <a href="https://backrooms-wiki.wikidot.com/theme:bntg-journal">https://backrooms-wiki.wikidot.com/theme:bntg-journal</a>. Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA-3.0</a>.
[[iftags +component]]
Colmod was originally created by Boyu12 and is licensed under CC BY-SA 3.0
The following pages make up the Colmod component[[/iftags]]
Image: Japanese Public Information Symbol - "Emergency exit" symbol. Edited
Author: alerante
License: Public domain
Source Link: Link
additional note:
Image: The-ads-actual
Author: alerante, cakelord114514
License: Public domain
Source Link: Link
additional note: This image is modified by cakelord114514 and released under the same license as the original image.
Derive from:
ttps://commons.wikimedia.org/wiki/File:Japanese_Public_Information_Symbol_-_Emergency_Exit.svg
Image: cc_lvl0.jpg
Author: Alfarex on the TS Discord
License: CC-BY-SA-3.0
Source Link: http://backrooms-wiki.wikidot.com/local--files/level-0/cc_lvl0.jpg
Additional Notes: Made in Blender
Image: Day's Cottages, North Truro, Massachusetts LCCN2017709913
Author: John Margolies
License: Public Domain
Source Link: https://commons.wikimedia.org/wiki/File:Day%27s_Cottages,_North_Truro,_Massachusetts_LCCN2017709913.tif
Additional Notes: This work is from the John Margolies Roadside America collection at the Library of Congress. According to the library, there are no known copyright restrictions on the use of this work.
Image: 房子学者
Autor: Andrew Power, Luke Stackpoole, Eltrac
License: CC BY-SA 3.0
Source Link: https://scpsandboxcn.wdfiles.com/local--files/eltrac/lc572-2.png
Additional Notes:
This image were made by Eltrac for CN backrooms level C-646
Derive from:
https://unsplash.com/photos/man-wearing-black-suit-y9L5-wmifaY
https://unsplash.com/photos/red-and-white-house-surround-green-grass-field-eWqOgJ-lfiI
Image: HouseisHouse-ads
Autor: Andrew Power, Luke Stackpoole, Eltrac, cakelord114514
License: CC BY-SA 3.0
Source Link: http://backrooms-sandbox-2.wikidot.com/local--files/cakelord114514-theme/houseIsHouse-ads.png
Additional Notes:
This image is modified by cakelord114514 for the aesthetic ads block House to Bntg journal theme.
Derive from:
https://unsplash.com/photos/man-wearing-black-suit-y9L5-wmifaY
https://unsplash.com/photos/red-and-white-house-surround-green-grass-field-eWqOgJ-lfiI
https://commons.wikimedia.org/wiki/File:Day%27s_Cottages,_North_Truro,_Massachusetts_LCCN2017709913.tif
Image: 图片五
Autor: Charlie Marshall, rukatyan
License: CC BY-SA 2.0
Source Link: http://backroomssandboxcn.wdfiles.com/local--files/rukatyan/mushroom4
Additional Notes:
This image were made by rukatyan for CN backrooms level C-960
Derive from:
https://www.flickr.com/photos/100915417@N07/52528070474
Image: Maunsell1.jpg
Autor: Flaxton
License: CC BY-SA 3.0
Source Link: https://commons.wikimedia.org/wiki/File:Maunsell1.jpg
Additional Notes:
This image were mentioned in the original Creepypasta of The backrooms, therefore is cited as origin in this theme.
Image: Level-0-og.png
Autor: Flaxton, cakelord114514
License: CC BY-SA 3.0
Source Link: http://backrooms-sandbox-2.wikidot.com/local--files/cakelord114514-theme/Level0-og-ads.png
Additional Notes:
This image were mentioned in the original Creepypasta of The backrooms, therefore is cited as origin in this theme.
Derive from:
https://commons.wikimedia.org/wiki/File:Maunsell1.jpg
For more information about on-wiki content, visit the Licensing Master List.
@import url(http://backrooms-sandbox-2.wikidot.com/local--files/cakelord114514-theme/TheT.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "nuliminal";
--theme-name: "NuLiminal Theme";
--logo-image: none;
--header-title: " THE BNTG JOURNAL.";
--header-subtitle: "English Edition ▾| Print Edition | Video | Audio | Latest Headlines | More ▾";
--swatch-headerh1-color: var(--black-monochrome);
--swatch-headerh2-color: var(--black-monochrome);
--body-font: 'Public Sans', "Noto Sans SC", Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
--UI-font: 'Fantasque Sans Mono', "Noto Sans SC", Courier New, Ubuntu Mono, Consolas, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--header-font: 'TheT', "Noto Serif SC", Courier New, Ubuntu Mono, Consolas, serif;
--title-font: var(--header-font);
--mono-font: 'Fantasque Sans Mono', "Noto Serif SC", Recursive, Consolas, monaco, monospace;
--white-monochrome: 255, 255, 255;
--pale-gray-monochrome: 237, 233, 223;
--light-pale-gray-monochrome: 237, 233, 223;
--very-light-gray-monochrome: 220, 215, 210;
--light-gray-monochrome: 165, 160, 155;
--gray-monochrome: 244, 244, 244;
--dark-gray-monochrome: 233, 233, 233;
--black-monochrome: 31, 28, 20;
--pale-accent: 230, 23, 68;
--bright-accent: 161, 147, 112;
--medium-accent: 122, 109, 82;
--dark-accent: 122, 109, 82;
--alt-accent: 221, 102, 17;
--header-text-shadow: 0px 2px 3px rgba(0,0,0 / 0%);
--header-text-shadow-hover: 0px 5px 3px rgba(0,0,0/ 0%);
--quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
--footer-message: none;
--editor-font: Recursive, "Noto Serif SC", "Noto Serif TC", "宋体", "SimSun", "Microsoft YaHei UI", "微软雅黑", "Microsoft JhengHei UI", "Microsoft JhengHei", "Courier New", Courier, monospace, STXihei, "华文细黑";
--swatch-primary-darkest: var(--dark-gray-monochrome);
--swatch-secondary-color: var(--white-monochrome);
--swatch-menubg-color: var(--black-monochrome);
--rating-module-bg-color: var(--swatch-menubg-color);
--swatch-sidebar-collapsible-tab-bg: var(--white-monochrome);
--swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
--toc-body-bg-color: var(--white-monochrome);
--swatch-topmenu-bg-color: var(--white-monochrome);
--swatch-topmenu-border-color: var(--swatch-topmenu-bg-color);
--gradient-header: linear-gradient( to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 100%);
--gradient-background: linear-gradient( to bottom, rgb(var(--swatch-background)), rgb(var(--swatch-background)));
--diagonal-stripes: transparent;
--background-gradient-distance: 0;
--background-gradient-color: white
--scrollbar-width: 0.7rem;
--swatch-background: var(--white-monochrome);
--sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
--body-width-on-desktop: 45.75rem;
--header-height-on-desktop: 9rem;
--header-height-on-mobile: 9rem;
--wallpaper-mask: none;
--wallpaper-mask-size: 2.3rem;
--header-width-on-desktop: 100vw;
--link-color: 2, 116, 182;
--visited-link-color: 152,123,113;
--hover-link-color: 2, 116, 182;
}
#skrollr-body::before {
background-color: rgba(var(--white-monochrome));
background-repeat: repeat;
background-size: 0.25em 0.25em;
width: 100%;
height: var(--header-height-on-desktop);
position: absolute;
top: 0;
left: 0;
content: "";
-webkit-mask-image: var(--wallpaper-mask);
mask-image: var(--wallpaper-mask);
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
-webkit-mask-size: var(--wallpaper-mask-size);
mask-size: var(--wallpaper-mask-size);
-webkit-mask-position: center;
mask-position: center;
}
#container-wrap-wrap::before {
background: white;
z-index: -1;
content: "";
top: 0;
left: 0;
position: absolute;
width: 100%;
height: var(--header-height-on-desktop);
}
#content-wrap {
position: static;
/* grid-area: content-wrap; */
/* grid-template-areas: "side-bar . content ."; */
/* grid-template-columns: var(--sidebar-width-on-desktop) -webkit-calc((((100vw - (100vw - 100%)) - var(--body-width-on-desktop)) - (var(--sidebar-width-on-desktop))*3)/2) 1fr -webkit-calc(((100vw - (100vw - 100%)) - (var(--body-width-on-desktop) + (var(--sidebar-width-on-desktop))))/2); */
/* grid-template-columns: 0 0 100%; */
width: -webkit-calc(100vw - (100vw - 100%));
width: calc(100vw - (100vw - 100%));
height: auto;
min-height: -webkit-calc(100vh - var(--final-header-height-on-desktop));
min-height: calc(100vh - var(--final-header-height-on-desktop));
margin: 0 auto;
gap: 5px;
display: flex;
flex-direction: row;
}
#header {
--swatch-headerh1-color: var(--swatch-text-dark);
--swatch-headerh2-color: var(--swatch-text-dark);
--search-icon-color: var(--swatch-text-secondary-color);
--search-icon-hover-color: var(--swatch-text-secondary-color);
--search-icon-hover-bg-color: var(--swatch-alternate-color);
--search-textbox-text-color: 0, 0, 0, 0;
--search-icon-focus-color: var(--swatch-text-secondary-color);
--search-icon-focus-bg-color: var(--swatch-primary);
--search-focus-outline-color: var(--swatch-primary);
--search-focus-textbox-bg-color: var(--swatch-alternate-color);
--search-focus-textbox-text-color: var(--swatch-text-secondary-color);
--login-line-divider-color: var(--swatch-text-secondary-color);
--login-username-color: var(--swatch-text-secondary-color);
--login-myaccount-color: var(--swatch-text-secondary-color);
--login-myaccount-hover-color: var(--login-myaccount-color);
--login-myaccount-underline-color: var(--swatch-primary-darkest);
--login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
--login-arrow-color: var(--search-icon-color);
--login-dropdown-bg-color: var(--dark-gray-monochrome);
--login-dropdown-bg-image: rgb(var(--gray-monochrome));
--login-dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
--login-dropdown-text-color: var(--swatch-text-secondary-color);
--login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
--login-dropdown-bg-hover-color: var(--gray-monochrome);
--login-mobile-icon-color: var(--search-icon-color);
--login-mobile-icon-hover-color: var(--search-icon-hover-color);
--login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
}
#side-bar{
--sidebar-bg-color: var(--gray-monochrome);
overflow: scroll;
bottom: auto;
@media only screen and (min-width: 901px){
margin-top: calc(24vw * 1.4);
margin-right: calc(15vw * 1.4);
z-index: 5 !important; /* god damn it stop using important whoever making the theme*/
order: 2;
left: 100%;
border: solid;
padding: 5px;
border-color: rgb(233,233,233);
}
}
#top-bar {
--topmenu-category-color: var(--swatch-text-secondary-color);
--topmenu-category-hover-color: var(--swatch-text-secondary-color);
--topmenu-category-hover-bg: 0, 0, 0, 0;
--topmenu-hover-border-color: none;
--mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
--dropdown-bg-color: var(--gray-monochrome), 0.9;
--dropdown-border-color: none;
--dropdown-links-color: var(--swatch-text-secondary-color);
--dropdown-links-bg-color: 0, 0, 0, 0;
--dropdown-links-hover-color: none;
--dropdown-links-hover-bg-color: none;
}
#header h1 a:hover:before {
text-shadow: var(--header-text-shadow-hover);
bottom: 0;
}
#header h1, #header h1 a {
position: absolute;
top: 1.4rem;
margin: 0;
display: flex;
justify-content: center;
z-index: 0;
height: 1.5rem;
transform: translateY(-8px) scaleY(1.28);
letter-spacing: .2rem;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
top: 2.05rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
font-weight: lighter;
font-size: x-small;
}
#header h2 span::before {
color: grey;
}
#header #top-bar{
background: white;
padding-left: 15px;
padding-right: 15px;
border-style: hidden hidden solid hidden;
border-width: thin;
margin-bottom: 0; /* Edited by Lupus Caeruleus: Resolves overlapping. */
}
#header{
width: 100%;
height: 160px;
}
#header-extra-div-3{
display: none;
}
@media screen and (min-width: 901px){
#header div[class*=top-bar]>ul {
width: 50vw;
padding-left: 50%;
}
}
@media screen and (max-width: 901px){
#header div[class*=top-bar]>ul>li>ul {
margin-top: 30px;
}
}
#header div#top-bar {
--wght: var(--ui-wght);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
position: static;
z-index: 50;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
height: var(--topbar-height-on-desktop);
margin: var(--header-height-on-desktop)0 1.75rem 0;
padding: 0;
font-family: var(--UI-font, var(--header-font));
font-size: -webkit-calc(var(--base-font-size)*(13/15));
font-size: calc(var(--base-font-size)*(13/15));
font-weight: var(--wght);
@media only screen and (min-width: 901px){
transform: translateY(-20px);
}
}
#search-top-box {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
top: 10.7em;
right: -webkit-calc(3% - 0.25em);
right: calc(12vw * 1.4);
bottom: auto;
left: auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: var(--search-height);
height: var(--search-height);
translate: 0-50%;
-webkit-transition: -webkit-box-shadow .15s var(--ease-in-out);
transition: box-shadow .15s var(--ease-in-out);
transition: box-shadow .15s var(--ease-in-out),-webkit-box-shadow .15s var(--ease-in-out);
will-change: box-shadow;
-webkit-box-shadow: 0 0 0 0 rgb(var(--search-focus-outline-color));
box-shadow: 0 0 0 0 rgb(var(--search-focus-outline-color));
color: transparent;
font-size: -webkit-calc(var(--base-font-size)*(13/15));
font-size: calc(var(--base-font-size)*(13/15));
}
#login-status {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 11;
top: 4em;
right: -webkit-calc(3% + var(--search-height) - 0.25em);
right: calc(12vw * 1.4);
bottom: auto;
left: auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 2em;
margin: 0 0 0 0.5em;
translate: 0-50%;
-webkit-transition: opacity .2s var(--ease-in-out);
transition: opacity .2s var(--ease-in-out);
color: transparent;
font-family: var(--UI-font);
font-size: .9em;
white-space: nowrap;
}
#main-content {
display: grid;
grid-area: content;
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
grid-template-areas:
"action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top"
"page-title page-title page-title page-title page-title page-title"
"breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs"
"page-content page-content page-content page-content page-content page-content"
"page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"
". . pwatch pwatch pwatch pwatch"
". . pinfo pinfo pinfo pinfo"
"page-tags page-tags page-tags page-tags page-tags page-tags"
"options-1 options-1 options-1 options-1 options-1 options-1"
"options-2 options-2 options-2 options-2 options-2 options-2"
"pbottom pbottom pbottom pbottom pbottom pbottom"
"action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
grid-template-columns: repeat(6,1fr);
max-width: min(90vw,var(--body-width-on-desktop));
@media only screen and (min-width: 901px){
margin: 0 0 0 calc(14vw * 1.4);
}
padding: 2rem 1rem;
padding-right: 0;
padding-left: 0;
background-color: transparent;
}
#main-content{
--tabs-bg: var(--swatch-secondary-color);
--tabs-txt: var(--swatch-text-tertiary-color);
--tabs-hover-bg: 238,233,233;
--tabs-hover-txt: var(--swatch-text-secondary-color);
--tabs-selected-bg: 219, 213, 213;
--tabs-selected-txt: var(--swatch-text-secondary-color);
--tabs-selected-outline: 219, 213, 213;
--tabs-bottom-border-color: 152,123,113;
}
#page-content div.rate-box-with-credit-button, div.page-rate-widget-box {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
height: var(--rating-module-height);
margin: 0 0 0.75rem;
padding: 0;
overflow: hidden;
border: 0.0625rem solid rgba(var(--swatch-border-color),.15);
border-bottom-width: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-color: rgb(var(--dark-gray-monochrome));
-webkit-box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color));
/* box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color)); */
}
#page-title::after, .meta-title::after {
content: "";
background: none;
}
.meta-title {
--wght: 900;
}
#page-title {
--wght: 900;
display: flex;
align-items: center;
min-height: 1em;
margin: .75em 0 -.5em; /* Edited by Lupus Caeruleus: Chinese characters needs extra top margin. */
padding: 0;
border: 0;
color: rgb(var(--swatch-text-general));
font-family: var(--title-font);
font-size: 2.5em;
font-weight: var(--wght);
line-height: 1;
text-align: left;
font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
transform: translateY(calc(19.5vw * 1.4));
}
#page-content {
margin-top: calc(20vw * 1.4);
display: flex;
width: 100%;
flex-flow: column;
}
#main-content .page-tags {
display: block;
position: absolute;
/* grid-area: page-tags; */
width: auto;
margin: -1px 0 0;
padding: 00 0;
-webkit-box-shadow: 0-0.125rem 0 0 rgba(var(--white-monochrome), 0);
box-shadow: 0-0.125rem 0 0 rgba(var(--white-monochrome), 0);
font-family: var(--UI-font);
font-size: 1em;
justify-self: flex-start;
margin-top: calc(19.5vw * 1.4);
/* margin-right: 10px; */
margin-left: -5px;
}
#main-content .page-tags a {
color: rgb(2, 116, 182);
}
#main-content .page-tags::before {
--wght: var(--ui-hvr-wght);
content: var(--text-tags);
position: absolute;
top: -2em;
right: auto;
bottom: auto;
left: 0;
height: 1.5em;
padding: 0.25em;
background-color: rgb(var(--white-monochrome));
color: rgb(var(--white-monochrome));
font-size: .8em;
font-weight: var(--wght);
display: none;
}
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"])::before, #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"])::before {
--clip-path: polygon(0 93%, 100% 93%, 100% 100%, 0 100%);
content: " ";
position: absolute;
z-index: -1;
top: 90%;
right: auto;
bottom: auto;
left: -.5%;
width: 101%;
height: 100%;
-webkit-transition: -webkit-clip-path .2s var(--ease-in-out);
transition: clip-path .2s var(--ease-in-out);
transition: .2s var(--ease-in-out), .2s var(--ease-in-out);
opacity: 1;
background-color: rgb(2, 116, 182);
pointer-events: none;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
:is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-nav li a em {
-webkit-transition: color .15s var(--ease-in-out),font-weight .15s var(--ease-in-out),font-variation-settings .15s var(--ease-in-out),font-weight .15s var(--ease-in-out);
transition: color .15s var(--ease-in-out),font-weight .15s var(--ease-in-out),font-variation-settings .15s var(--ease-in-out),font-weight .15s var(--ease-in-out);
border: medium currentcolor!important;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal !important;
}
#footer {
--footer-bg-color: var(--dark-gray-monochrome);
--footer-text-color: var(--swatch-text-secondary-color);
--footer-link-color: var(--swatch-text-secondary-color);
--footer-link-hover-color: var(--swatch-primary);
--footer-link-hover-bg-color: var(--swatch-secondary-color);
}
#license-area {
--license-bg-color: var(--gray-monochrome);
--license-text-color: var(--swatch-text-secondary-color);
--license-link-color: var(--swatch-text-secondary-color);
--license-link-hover-color: var(--swatch-primary);
--license-link-hover-bg-color: var(--swatch-secondary-color);
}
/*ads*/
.adsblock {
position: absolute;
left: 0;
right: 0;
z-index: 1;
overflow: hidden;
height: max-content; /* Edited by Lupus Caeruleus: No need for such height. */
top: 160px;
text-align: center;
@media only screen and (max-width: 900px){
transform: translateY(20px);
}
}
.adsblock a br{
display: none;
}
.adsblock img{
object-fit: fill;
}
:is(div.image-block,div.scp-image-block) img.image {
width: 100% !important;
max-height: 444px;
border: 0;
object-fit: contain;
}
:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
--wght: 600;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: .5ex 0.5ch 1ex;
background-color: rgb(var(--swatch-secondary-color));
font-size: .9em;
font-weight: var(--wght);
line-height: 1.25;
text-align: center;
color: dimgray;
}
.sec-titles{
font-family: 'Roboto', "Noto Sans SC", cursive;
color: dimgray;
font-size: medium;
}
.author-block{
font-family: 'Noto Serif SC', serif; /* Edited by Lupus Caeruleus : Added Chinese font. */
color: dimgray;
text-decoration: none;
}
.author-block a{
text-decoration: none;
}
.author-block a::after {
content: "Follow";
color: rgb(2, 116, 182);
border: 1px solid rgb(2, 116, 182);
border-radius: 5px;
padding: 3px 6px;
margin-left: 5px;
font-size: 0.8em;
text-decoration: none;
}
.link-block{
display: flex;
flex-wrap: nowrap;
gap: 20px;
}
.link-block a:visited{
color: rgb(var(--link-color));
}
.link-block > div{
text-align: center;
overflow: hidden;
}
.comments-display-in {
background-color: rgb(var(--dark-gray-monochrome));
padding: 5px;
margin-top: 65px;
order: 1;
}
#thread-container-posts > .post-container {
border: 1px solid rgb(var(--dark-gray-monochrome));
}
#thread-container-posts .info .printuser a:first-of-type {
width: 30px;
}
.thread-container .post .long {
padding: 0;
border: none;
border-radius: 0;
background: #fffbf0;
background: rgb(var(--dark-gray-monochrome));
/* border-bottom: solid 1px dimgray; */
/* box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 25%); */
}
.thread-container #thread-container-posts > .post-container {
margin: 0 0 12px 0;
padding: 12px;
background-color: rgb(var(--dark-gray-monochrome));
}
.thread-container .post-container .post ~ .post-container {
border-top: 1px solid rgb(var(--dark-accent));
border-left: 1px solid transparent;
background-color: rgb(var(--dark-gray-monochrome));
}
.thread-container .post .head {
position: relative;
padding-left: 6em;
padding-right: 2rem;
box-shadow: none;
border-radius: 0;
color: white;
color: dimgray;
background-image: none;
/* background-repeat: repeat, no-repeat; */
/* background-size: 0.25em 0.25em, 100% 100%; */
/* background-blend-mode: unset; */
--link-color: var(--white-monochrome);
--visited-link-color: var(--white-monochrome);
--hover-link-color: var(--white-monochrome);
min-height: 3.5rem;
display: flex;
flex-wrap: wrap-reverse;
}
.thread-container .post .head {
/* --box-shadow: rgba(var(--swatch-menubg-black-color), 0.15); */
padding: 0.5em 1em;
-webkit-border-radius: 100%;
border-radius: 100%;
background: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.thread-container .post .head .title::after {
content: "";
position: absolute;
bottom: 1px;
left: 0;
height: 1px;
width: 100%;
background-color: transparent;
}
.thread-container .post .long .head .info {
font-style: italic;
color: dimgray;
display: flex;
}
.printuser a {
--visited-link-color: dimgray;
--link-color: black;
}
.thread-container .post .head .info .printuser a:first-of-type img, .thread-container .post .head .info .printuser.deleted img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 30px;
!important: ;
height: 30px;
background-image: none !important;
padding: 0;
border: 2px solid dimgray;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top: -13px;
margin-left: -10px;
position: relative;
}
.thread-container .post .long .head .printuser img.small {
position: absolute;
top: 0.65em;
left: 0.6em;
padding-left: 18px;
height: 3.5em;
width: 30px !important;
background-repeat: no-repeat;
background-position: left;
background-size: 80px 115%;
image-rendering: pixelated;
object-fit: cover;
}
.post-container .post-container .post .long .head .printuser img.small {
position: relative;
top: 7px;
left: 7px;
padding-left: 0;
height: 30px !important;
width: 30px !important;
background-repeat: no-repeat;
background-position: left;
background-size: unset;
image-rendering: auto;
}
.thread-container .post .long .head .title {
font-size: 2em;
letter-spacing: normal;
line-height: 1.2em;
margin: .5em 0;
width: 100%;
}
.thread-container .post .long .content {
padding: 1em 1.1em 0 1.1em;
}
.thread-container .post-container .post ~ .post-container {
border-top: 1px solid transparent;
border-left: 1px solid transparent;
background-color: rgb(var(--dark-gray-monochrome));
}
.post-container .post-container .post .long .head .title {
font-size: 1rem;
line-height: 1em;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: .5em 0 0 0;
padding-top: 2px;
}
.thread-container .post-container .post ~ .post-container .post .long .content {
padding: 1.2em 1.1em 0 2.5em;
}
#comments-options-shown{
display: none;
}
.comments-display-in::before {
font-family: 'Roboto', "Noto Sans SC", cursive;
content: "All responses";
color: dimgray;
background-color: rgb(var(--dark-gray-monochrome));
width: 200px;
display: block;
padding: 5px;
margin: -5px;
border-block-width: 50px;
border: 1px solid rgb(var(--dark-gray-monochrome));
text-align: center;
position: absolute;
transform: translateY(-30px);
}
.thread-container .post .long .head .options {
position: absolute;
right: 0.04rem;
top: 0.04rem;
display: none;
}
.code, div.wiki-note {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border: inherit;
background: rgb(var(--gray-monochrome));
}
a, a.newpage {
background: 0 0;
text-transform: capitalize;
}
#page-content .licensebox .collapsible-block-link {
margin-left: 0.25em;
padding: 0.25em;
font-weight: 700;
opacity: .5;
color: rgb(var(--dark-monochrome));
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
#page-content .licensebox .collapsible-block-link:hover {
margin-left: 0.25em;
padding: 0.25em;
font-weight: 700;
opacity: .5;
color: rgb(var(--dark-monochrome));
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
form#edit-page-form .wd-editor-toolbar-panel, form#edit-post-form .wd-editor-toolbar-panel, form#new-post-form .wd-editor-toolbar-panel, form#new-thread-form .wd-editor-toolbar-panel {
--icon-size: max(1.5em, min(5.75vw,-webkit-calc((var(--body-width-on-desktop) - 6em) / 25)));
--icon-size: max(1.5em, min(5.75vw, calc((var(--body-width-on-desktop) - 6em) / 25)));
container-type: inline-size;
display: grid;
position: relative;
grid-area: toolbar;
grid-auto-columns: var(--icon-size);
grid-auto-flow: row;
grid-auto-rows: var(--icon-size);
grid-template-areas:
"header-h1 bold-txt italic-txt underline-txt strike-txt super-txt sub-txt raw-txt teletype-txt . ordered-list unordered-list increment-list decrement-list"
"quote-block hr-txt div-block code-block code-wizard html-block create-table . url-txt url-wizard page-link-txt page-link-wizard image-block image-wizard"
". . create-footnote create-toc definition-list bibliography bib-cite clear-all-fl . math-block math-inline equation-ref . .";
grid-template-columns: repeat(auto-fit,minmax(1fr,var(--icon-size)));
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
width: 100%;
height: 100%;
margin: 0;
padding: 0 1em;
background-color: rgb(var(--swatch-background));
-webkit-box-shadow: 0-0.0625rem 0 0 rgb(var(--swatch-tertiary-color));
box-shadow: 0-0.0625rem 0 0 rgb(var(--swatch-tertiary-color));
grid-gap: 0.125em;
}
#interwiki div.menu-item, #interwiki div.menu-item.small, #interwiki div.menu-item.small>p, #interwiki div.menu-item>p, #side-bar div.menu-item, #side-bar div.menu-item.small, #side-bar div.menu-item.small>p, #side-bar div.menu-item>p {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
height: auto !important;
min-height: 1.5rem;
margin: 0;
padding: 0;
-webkit-box-shadow: inset 0 -webkit-calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
font-size: 0;
}
.post-container .odate {
display: none !important;
}
#footer a, #footer a:visited {
--wght: var(--ui-wght);
position: relative;
z-index: 1;
margin: 0.2em 0 0.2em 0.2em;
padding: 0 0.3em 0 0;
overflow: hidden;
-webkit-transition: color .15s var(--ease-in-out),font-weight .2s var(--ease-in-out),font-variation-settings .2s var(--ease-in-out);
transition: color .15s var(--ease-in-out),font-weight .2s var(--ease-in-out),font-variation-settings .2s var(--ease-in-out);
color: rgb(var(--link-color));
font-weight: var(--wght);
line-height: 1;
}
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
--sd-text: 255, 255, 255;
--sd-bullets: 90, 29, 27;
}
hello EN wiki! i am Cakelord114514 from CN wiki, first of all, thanks for MyrandFox techlighting my theme.
for those in Forum and not in Discord, i might seems to be unfamiliar, because i wasn't a site member until now, so, this is my greetings towards ya.
once again, Hello EN.
Very unique theme! It's great to see some diversity.
I'd like to see some feedback and bug report so i can fix them real quick.
E
E
E
- Univ
E
I'm here lol
This theme is extremely unique and very classy. I like it!
- Univ
Niku post weeee
wha
I exist for the sole purpose of writing this
ok
This theme is really clean
the comments embedded into the page is really cool
really good stuff cakelord
:D
Also glad you're finally a site member after lurking in the Discord. :3