代码

[[module css]]
/* meta style 

this makes it harder for staff members to accidentally guff the SEO*/

#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div:is(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3), :nth-of-type(4), :nth-of-type(5), :nth-of-type(6), :nth-of-type(7)) a {
    visibility: unset !important;
  pointer-events: unset !important;
}

#edit-meta-newtag-form a:nth-of-type(2) {
  display: inline-flex;
  pointer-events: auto;
}

#page-title { display: none; }

#page-content {
--section-gap: 1.1rem;
--grid-gap: 0.5rem;
--related-gap: 1rem;
}

.flex-container { display: flex; }
.grid-container { display: grid; }
.main-container { display: flex; gap: var(--section-gap); flex-direction: column; }

/* linkblocks */
.linkblock { position: relative;}
.linkblock a:not(.artscroll a, .linkblock .nolinkblock a):hover { opacity: 0.4; }
.linkblock a:not(.artscroll a, .linkblock .nolinkblock a) { color: rgba(0,0,0,0);position: absolute; opacity: 0; z-index: 6; height: 100%; width: 100%; top: 0; left: 0; right: 0;  transition: 0.3s; background: rgba(255,255,255,0.3);}
.nolinkblock a { position: relative; z-index: 10; }
.featureblock.linkblock a:not(.linkblock .nolinkblock a):hover { opacity: 0; }

/* top nav boxes */
.navflex { height: 5rem; }
.topnav {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    -webkit-transition: all 0.2s cubic-bezier(1, 0, 0, 1);
    transition: all 0.2s cubic-bezier(1, 0, 0, 1);
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 8px 8px;
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: -0.25px 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 25%);
}

.topnav:hover { 
    height: 5rem; 
}

.banner .darkblock { 
    margin-bottom: 0; text-align: center; 
}

.topnav a:not(.linkblock .nolinkblock a) {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 95%); 
}

/* dark stylequotes part */
.darkquotes { 
    flex-direction: column; gap: var(--grid-gap);
}

.darkquotes .darkblock {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.darkquotes .darkblock div { 
    margin: 0.4rem;
    text-align: center; 
    width: -webkit-fill-available; 
    width: -moz-available;
}

/* newsblocks */
.newsblocks .styled-quote { 
    margin: 0; 
    text-align: center; 
    border-left: none; 
    border-top: 0.5rem solid rgba(var(--gray-monochrome));
    transition: 0.5s; 
    padding-bottom: 1rem;
}

.newsblocks .styled-quote h3 { color: rgb(var(--link-color)); }

@media (max-width: 769px) {
  #page-content .newsblocks {
     grid-template-columns: 100%;
  }
}

.newsblocks {
    gap: var(--grid-gap); 
    grid-template-columns: calc(50% - calc(var(--grid-gap) / 2)) calc(50% - calc(var(--grid-gap) / 2));
    grid-auto-rows: 1fr;
}

.newsblocks .styled-quote a:not(.linkblock .nolinkblock a) {
    color: rgba(0,0,0,0);
    position: absolute;
    opacity: 0; z-index: 5;
    height: 100%; width: 100%;
    top: 0; left: 0; right: 0; 
    transition: 0.3s;
    background: rgb(var(--gray-monochrome));
}

.newsblocks .styled-quote a:not(.linkblock .nolinkblock a):hover { opacity: 0.2; }

/* related article style has been moved to the related article bit */

/* featureblocks */

.usercredit p { margin: 0; margin-bottom: 0.5rem; }

.featureblock img { 
height: auto; width: 100%; position: absolute; top: 0; right: 0; 
-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)); 
mask-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent); background-size: cover; pointer-events: none; transition: 0.4s; opacity: 0;}

.featureblock:hover img { opacity: 1; }

.featureblock { flex-direction: column; text-align: center; padding-left: 0; padding-right: 0; margin: 0; }

.featureblock .lightblock { padding: 1rem; height: 7rem; position: relative; box-shadow: none; color: rgb(var(--swatch-text-general)); font-style: italic; margin-left: 0; margin-left: 0; text-align: left; }

.usercredit { text-align: right; padding-right: 1rem; font-style: italic; }

.quote {
   flex-grow: 2;
   background: rgb(var(--pale-gray-monochrome)); 
   color: rgb(var(--swatch-text-general)); 
   text-align: left; 
   background-size: cover; 
   position: relative;
   padding: 1rem;
   overflow: hidden;
}

.cool-links a,
.cool-links a:visited {
    --hover-link-color: var(--swatch-text-secondary-color);
    --wght: calc(var(--ui-wght) + 200);
    margin: -0.15em 0;
    padding: 0.15em;
    transition:
        box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1),
        color 150ms cubic-bezier(0.4, 0, 0.2, 1),
        font-weight 200ms cubic-bezier(0.4, 0, 0.2, 1),
        font-variation-settings 200ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: inset 0 0 0 0 rgb(var(--swatch-primary));
    font-weight: var(--wght);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    -webkit-text-decoration: underline dotted 0.09375rem;
            text-decoration: underline dotted 0.09375rem;
}

.cool-links a:hover,
.cool-links a:active {
    --wght: calc(var(--ui-hvr-wght) + 200);
    box-shadow: inset -30vw 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-decoration: none;
}

.cool-links a:focus-within {
    --wght: calc(var(--ui-hvr-wght) + 200);
    box-shadow: inset -30vw 0 0 0 rgb(var(--swatch-primary));
    color: rgb(var(--swatch-text-secondary-color));
    font-weight: var(--wght);
    text-decoration: none;
}

[[/module]]

[!-- after this is nuliminal patch!! this should be merged whenever tech team had time. --]
[[module css]]
.flex-container { display: flex; }

/* top nav boxes */
.banner { height: 17rem; }
.topnav {
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    -webkit-transition: all 0.2s cubic-bezier(1, 0, 0, 1);
    transition: all 0.2s cubic-bezier(1, 0, 0, 1);
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 8px 8px;
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: -0.25px 0 0.5rem 0;
    box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 25%);
}
.topnav:hover { height: 5rem; }
.banner .darkblock { margin-bottom: 0; text-align: center; padding-bottom: 0.8rem; padding-top: 0.8rem;}
.topnav a { background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 95%); }

.darkblock hr { background-color: white; border-color: white; }

.banner .flex-container { gap: 0.25rem; }

#page-content { --pale-gray-monochrome: var(--white-monochrome) };

.frontgridder .linkblock .styled-quote tt {
    color: white;
}

h1, h2, h3, h4 { margin-bottom: 0.5em; }
[[/module]]

[[div class="grid-container newsblocks"]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Level 11 - "The City That Never Sleeps"
[[div class="quote"]]
"Confused on where to start? So was I!

'The dos, don'ts, and differences of Capital living.'

The caption of a book written and published by the Capital government to aid new residents with becoming a model citizen, titled 'A Different Kind of Urban'.
-21/10/74."
[[image http://backrooms-wiki.wikidot.com/local--files/level-11/11iconic.jpg]]
[[/div]][[[level-11]]]
[[div class="nolinkblock usercredit"]]
by [[user Greggita Mahayfaio]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Level 343 - "Need a way to contact people across all these pesky levels?"
[[div class="quote"]]
"Are you tired of being lost and alone? Well worry no longer, and come on over! Because Bluesky Telecom™ has you covered."
[[/div]][[[level-343]]]
[[div class="nolinkblock usercredit"]]
by [[user InspectingCritters]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Person of Interest - Spec
[[div class="quote"]]
"The Backrooms. Kind of a shitty place to call home. Depending on your perspective, I'm either one of the lucky ones who was able to experience the outside world, or I'm one of the cursed wanderers who lives in perpetual longing for a place to which they can never return. There's a thinker for you… is it worse to never experience it, or to have experienced it and never be able to again?"
[[image http://backrooms-wiki.wikidot.com/local--files/spec/spec3.png]]
[[/div]][[[spec]]]
[[div class="nolinkblock usercredit"]]
by [[user Spectre48]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ BRIMSTONE INC.
[[div class="quote"]]
"Exploiting the Backrooms for a better future"
[[image http://backrooms-wiki.wikidot.com/local--files/brimstone-inc/BRIMSTONE-INC-A]]
[[/div]][[[brimstone-inc]]]
[[div class="nolinkblock usercredit"]]
by [[user Charles Delameuh]]
[[/div]]
[[/div]]

[[/div]]

A Long Forgotten Exclamation…

"storytelling only keeps things alive for so long. eventually someone warps it to the point no one knows what the original tale is."

long-forgotten-exclamation