代码
[[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;
}

#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"]]
++++  Joke POI - "Dr Mr Awsome And Cool"
[[div class="quote"]]
"I'm afraid they all died tragically because I made a pretty big explosion."
[[image https://backrooms-wiki.wdfiles.com/local--files/dr-mr-awsome-and-cool/DAaC]]
[[/div]][[[dr-mr-awsome-and-cool]]]
[[div class="nolinkblock usercredit"]]
by [[user Sariastuff]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Level 251 - "Love Ride"
[[div class="quote"]]
"Promises love, gives horror"
[[image https://backrooms-wiki.wdfiles.com/local--files/level-251/Level251a]]
[[/div]][[[level-251]]]
[[div class="nolinkblock usercredit"]]
by [[user Unknown1328]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Scene 01.2 - "The Refuge"
[[div class="quote"]]
"I think we've escaped. There's no way they can find us here
[[image https://backrooms-sandbox-2.wdfiles.com/local--files/univ-wise-explorer-4/2]]
[[/div]][[[level-11-2]]]
[[div class="nolinkblock usercredit"]]
by [[user Univ - Wise Explorer]]
[[/div]]
[[/div]]

[[div class="darkblock linkblock featureblock flex-container"]]
++++ Entity 78 - "Chronowisps"
[[div class="quote"]]
"Whispers of time, wandering amidst the veils of mist and memory"
[[image https://backrooms-wiki.wdfiles.com/local--files/entity-78/ent78.jpg]]
[[/div]][[[entity-78]]]
[[div class="nolinkblock usercredit"]]
by [[user Ravio42]]
[[/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."
photo-1614874204962-66bacc3b6902.jpeg
long-forgotten-exclamation
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License