代码
[[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."
long-forgotten-exclamation页面版本: 6, 最后编辑于: 30 Apr 2023 10:00