Link to article: SCP-7236.
#page-title {display: none;}
div[class$="_memo"] {
background: var(--memo-logo) rgba(var(--memo-color), 1);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
min-height: 4rem;
margin-inline: auto;
margin-block: 2rem;
padding-inline: 20px;
padding-block: 10px;
border: solid 2px rgba(0, 0, 0, 0.1);
text-align: center;
}
div[class$="_memo"]::before {
content: var(--memo-heading);
font-family: var(--UI-font);
font-weight: 900;
font-size: 1.3em;
text-align: center;
margin: 0 auto 1rem auto;
display: flex;
flex-direction: column;
padding-top: 0.5em;
}
div.raisa_memo {
--memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
--memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
--memo-color: 255, 243, 173;
}
.page {
display: block;
overflow: hidden;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(252, 252, 252) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
@media only screen and (max-width: 1000px) {
.twopanel {flex-direction: row;}
.bit {flex-basis: 100%;font-size: 1.4vw;}
}
@media only screen and (max-width: 850px) {
.twopanel {flex-direction: row;}
.bit {flex-basis: 100%;font-size: 1.5vw;}
}
@media only screen and (max-width: 768px) {
.twopanel {flex-direction: row;}
.bit {flex-basis: 100%;font-size: 2vw;}
}
@media only screen and (max-width: 550px) {
.twopanel {flex-direction: row;}
.bit {flex-basis: 100%;font-size: 2.2vw;}
}
.twopanel {
display: flex;
justify-content: space-between;
}
.bit {
flex-basis: 48%;
}
text-align: justify
text-align: justify
raisa_memo
page
twopanel
bit
bit
page
blockquote
page