Link to article: Cabinet of Queerious-ities.
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
.echo {
color: rgb(220 220 220);
font-family: "Dosis", sans-serif;
font-size: 1.8em;
font-style: italic;
font-weight: 400;
margin: 1em 0em;
text-align: center;
}
body {
background-image: linear-gradient(
to bottom,
#1e1d1d, #5b535a 90px,
#5b535a 90px, #715a6e 200px,
#715a6e 200px, #937e90 100%);
background-repeat: no-repeat;
}
.licensebox p{
color: black !important;
}
#page-content hr{
background-color: white !important;
}
#page-content p{
color: rgb(220 220 220);
}
.banner {
border: solid #a9a9a9 4px;
.image-container {
padding:0px;
}
}
:root {
--fade-in-delay: 0s;
--header-title: "Queerious";
--header-subtitle: "LESBIAN TERROR";
}
.wrapHeader {
font-family: 'Montserrat', sans-serif;
text-align: center;
align-content: center;
font-size: 1.5em;
margin-bottom: 0;
width: calc(80% + 10px);
height: 50px;
margin-left: auto;
margin-right: auto;
background-color: #61412D;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.wrapHeader p{
color: black !important;
margin: 0;
text-shadow: 2px 0 #ebb35a, -2px 0 #ebb35a, 0 2px #ebb35a, 0 -2px #ebb35a,
1px 1px #ebb35a, -1px -1px #ebb35a, 1px -1px #ebb35a, -1px 1px #ebb35a;
}
.wrapHeader a {
color: black;
text-shadow: 2px 0 #ebb35a, -2px 0 #ebb35a, 0 2px #ebb35a, 0 -2px #ebb35a,
1px 1px #ebb35a, -1px -1px #ebb35a, 1px -1px #ebb35a, -1px 1px #ebb35a;
}
.wrapHeader a:visited {
color: #565656;
}
.yui-content p{
color: black !important;
}
.wrapFooter{
width: calc(80% + 10px);
height: 40px;
display: grid;
margin-top: 0;
margin-left: auto;
margin-right: auto;
grid-template-areas:
"L-Foot Middle R-Foot"
"L-Cap mid-gap R-Cap";
grid-template-columns: 1fr 15fr 1fr;
grid-template-rows: 4fr 1fr;
}
.L-Foot {
background-color: #61412D;
grid-area: L-Foot;
margin: 0;
}
.R-Foot {
background-color: #61412D;
grid-area: R-Foot;
margin: 0;
}
.L-Cap {
background-color: #ebb35a;
width: 80%;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
grid-area: L-Cap;
}
.R-Cap {
background-color: #ebb35a;
width: 80%;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
grid-area: R-Cap;
}
.wrapper {
text-align: center;
height: 636px;
width: 80%;
border: 5px solid #61412D;
position: relative;
/* 3D */
perspective: 1000px;
display: grid;
grid-template-areas:
"top-left top-mid top-right"
"mid-left mid-mid mid-right"
"bot-left bot-mid bot-right";
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
margin-left: auto;
margin-right: auto;
}
.wrapper > .top-left, .top-mid, .top-right, .mid-left, .mid-mid, .mid-right, .bot-left, .bot-mid, .bot-right {
width: 100%;
height: 100%;
margin: 0;
}
.wrapper > .top-left {
grid-area: top-left;
}
.wrapper > .top-mid {
grid-area: top-mid;
}
.wrapper > .top-right{
grid-area: top-right;
}
.wrapper > .mid-left {
grid-area: mid-left;
}
.wrapper > .mid-mid {
grid-area: mid-mid;
}
.wrapper > .mid-right{
grid-area: mid-right;
}
.wrapper > .bot-left {
grid-area: bot-left;
}
.wrapper > .bot-mid {
grid-area: bot-mid;
}
.wrapper > .bot-right {
grid-area: bot-right;
}
.panelBack {
display: flex;
width: 100%;
height: 100%;
background-size: contain;
position: absolute;
margin: 0;
background-color: #95867e;
flex-direction: column-reverse;
}
.shelf {
display: block;
width: 100%;
height: 15px;
background-color: #1b120d;
margin-top: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.door {
background-color: #61412D;
height: 100%;
width: 50%;
position: absolute;
/* inner layout */
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
z-index: 3;
}
.left-door {
top: 0;
left: 0;
border-right: 1px solid black;
/* transition */
transform-origin: left;
transition: transform 0.5s;
}
.right-door {
top: 0;
right: 0;
border-left: 1px solid black;
/* transition */
transform-origin: right;
transition: transform 0.5s;
}
.shape {
border: 4px solid black;
width: 78%;
height: 43%;
}
.knob {
width: 17.5px;
height: 17.5px;
background-color: #ebb35a;
position: absolute;
border-radius: 30px;
}
.left-knob {
top: 48.5%;
right: 8px;
}
.right-knob {
top: 48.5%;
left: 8px;
}
/* Door swing effect */
.wrapper:hover .left-door{
transform: rotateY(-140deg);
}
.wrapper:hover .right-door{
transform: rotateY(140deg);
}
/* Cabinet Items */
.queer_item {
background-color: grey;
justify-content: center;
margin: auto;
display: flex inline;
}
.qtTop {
margin-top: 10%;
}
.qtMid {
margin-top: 8%;
}
.qtBot {
margin-top: 6%;
}
.queer_item > img {
object-fit: cover;
z-index: 1;
}
.queer_item > a > img {
position: relative;
object-fit: cover;
z-index: 1;
width: 100%;
height: 100%;
}
.queer_hover {
font-size: 1.1em;
visibility: hidden;
width: 75%;
height: auto;
background-color: black;
border: solid #f737b0 2px;
border-radius: 10px;
position: fixed;
z-index: 7;
color: white;
margin: 36% auto auto auto;
padding: 10px 1em;
}
.queer_hover a {
color: white;
}
.queer_hover a:visited {
color: white;
}
.queer_hover hr {
background-color: white !important;
}
.queer_item:hover .queer_hover {
visibility: visible;
}
.mobileImage {
display: none;
}
.defaultImage {
display: inline;
}
/* MOBILE FORMATTING */
@media screen and (max-width: 800px){
.mobileImage {
display: inline;
}
.defaultImage {
display: none;
}
.wrapper {
height: 90%;
width: 90%;
}
.wrapHeader {
width: calc(90% + 10px);
font-size: 1.1em;
}
.wrapFooter {
width: calc(90% + 10px);
}
.qtTop {
margin-top: 40%;
}
.qtMid {
margin-top: 35%;
}
.qtBot {
margin-top: 32%;
}
.mblLeft {
left: -5%;
}
.mblRight {
right: -5%;
}
.top-left, .mid-left, .bot-left > .queer_item:hover .queer_hover {
}
}
.collapsible-block-folded > a.collapsible-block-link {
color: white;
font-weight: 400;
}
.collapsible-block-unfolded-link > a.collapsible-block-link {
color: white;
font-weight: 400;
}
.colSizeUp a.collapsible-block-link {
font-size: 2.5em;
}
.collapsible-block-content > .blockquote p{
text-align: initial;
}
#login-status, #login-status a {
color: white;
#account-options {
color: #333333;
}
}
/* EXAMPLE
[[div class="wrapHeader"]]
[[[Forgotten Memories Hub| Forgotten Stories]]]
[[/div]]
[[div class="wrapper"]]
[[div class="panelBack"]]
[[div class="shelf"]]
[[/div]]
[[div class="shelf"]]
[[/div]]
[[div class="shelf"]]
[[/div]]
[[/div]]
[[div_ class="door left-door"]]
[[div_ class="shape"]]
[[/div]]
[[div_ class="shape"]]
[[/div]]
[[div_ class="knob left-knob"]]
[[/div]]
[[/div]]
[[div_ class="door right-door"]]
[[div_ class="shape"]]
[[/div]]
[[div_ class="shape"]]
[[/div]]
[[div_ class="knob right-knob"]]
[[/div]]
[[/div]]
[[div class="top-left"]]
[[div class="queer_item qtTop"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblLeft"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="top-mid"]]
[[div class="queer_item qtTop"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="top-right"]]
[[div class="queer_item qtTop"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblRight"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="mid-left"]]
[[div class="queer_item qtMid"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblLeft"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="mid-mid"]]
[[div class="queer_item qtMid"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="mid-right"]]
[[div class="queer_item qtMid"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblRight"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="bot-left"]]
[[div class="queer_item qtBot"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblLeft"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="bot-mid"]]
[[div class="queer_item qtBot"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[div class="bot-right"]]
[[div class="queer_item qtBot"]]
[[image https://i.ibb.co/C7thFX6/IMG-0909.png]]
[[div class="queer_hover mblRight"]]
text is a test, should show on hover??
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="wrapFooter"]]
[[div class="L-Foot"]]
[[/div]]
[[div class="R-Foot"]]
[[/div]]
[[div class="L-Cap"]]
[[/div]]
[[div class="R-Cap"]]
[[/div]]
[[/div]]
**[[[The Deadname Meme]]]**
-----
Heather Garrison is a new transfer to Site-43.
Dr. Lillian Lillihammer, her new boss, doesn't understand how Heather made an infohazard that can effect even her. Will she be able to explain her memeplex to her boss and maybe even come across as charming?
*/
display: none;
component:preview
:scp-wiki:theme:blankstyle
[info]
:scp-wiki:theme:queerstyle
[info]
:05command.wikidot.com:tag-list-manifest
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
:scp-wiki:component:coltop
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:colend
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
echo
echo
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblLeft
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
mid-left
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mblLeft
mid-mid
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mid-right
bot-left
bot-mid
bot-right
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
top-mid
queer_item
qtTop
top-right
queer_item
qtTop
mid-left
queer_item
qtMid
mid-mid
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mid-right
queer_item
qtMid
bot-left
queer_item
qtBot
defaultImage
mobileImage
queer_hover
mblLeft
bot-mid
queer_item
qtBot
defaultImage
mobileImage
queer_hover
bot-right
queer_item
qtBot
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblLeft
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblLeft
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
mid-left
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mblLeft
mid-mid
queer_item
qtMid
defaultImage
mobileImage
queer_hover
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblLeft
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
mid-left
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mblLeft
mid-mid
queer_item
qtMid
defaultImage
mobileImage
queer_hover
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblLeft
top-mid
queer_item
qtTop
defaultImage
mobileImage
queer_hover
top-right
queer_item
qtTop
defaultImage
mobileImage
queer_hover
mblRight
mid-left
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mblLeft
mid-mid
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mid-right
queer_item
qtMid
defaultImage
mobileImage
queer_hover
mblRight
bot-left
queer_item
qtBot
defaultImage
mobileImage
queer_hover
mblLeft
bot-mid
queer_item
qtBot
defaultImage
mobileImage
queer_hover
bot-right
queer_item
qtBot
defaultImage
mobileImage
queer_hover
mblRight
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap
echo
colSizeUp
echo
wrapHeader
wrapper
panelBack
shelf
shelf
shelf
door
left-door
shape
shape
knob
left-knob
door
right-door
shape
shape
knob
right-knob
top-left
queer_item
qtTop
queer_hover
mblLeft
top-mid
queer_item
qtTop
queer_hover
top-right
queer_item
qtTop
queer_hover
mblRight
mid-left
queer_item
qtMid
queer_hover
mblLeft
mid-mid
queer_item
qtMid
queer_hover
mid-right
queer_item
qtMid
queer_hover
mblRight
bot-left
queer_item
qtBot
queer_hover
mblLeft
bot-mid
queer_item
qtBot
queer_hover
bot-right
queer_item
qtBot
queer_hover
mblRight
wrapFooter
L-Foot
R-Foot
L-Cap
R-Cap