Link to article: Rosy-View Specs!®.
@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sansita&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
.page {
display: block;
transform: rotate(1.2deg);
overflow: hidden;
font-family: "Charm", sans-serif;
font-style: normal;
font-size: 15px;
line-height: 1.2;
box-shadow: 0px 0px 7px;
background-attachment: scroll;
background-clip: border-box;
background-color: white;
background-image: linear-gradient(to top ,rgb(255, 255, 255) 45%, rgb(255, 255, 255) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
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;
}
.textbook, .schemer{
width: 85%;
margin: auto;
padding: 15px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
color: #000000;
}
.textbook {
border: solid 2.5px #fff0ba;
background-color:#fff0ba;
color: #000000;
font-family: Emilys Candy;
}
.email {border: solid 1px #b083de; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5;font-family: "Emilys Candy"}
.tofrom2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #9538a5; font-family: "Emilys Candy"}
a, a.newpage, a:visited, #interwiki a, #side-bar a {
color: royalblue;
}
.henny-penny-regular {
font-family: "Henny Penny", system-ui;
font-weight: 600;
font-style: cursive;
}
.emilys-candy-regular {
font-family: "Emilys Candy", serif;
font-weight: 400;
font-style: normal;
}
.chelsea-market-regular {
font-family: "Chelsea Market", system-ui;
font-weight: 400;
font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');
.sad {
display: block;
overflow: hidden;
font-family: "EB Garamond";
font-size: 13pt;
color: #272273;
line-height: 1.2;
box-shadow: 0px 0px 7px;
background-attachment: scroll;
background-clip: border-box;
background-color: #fbffba ;
background-image: linear-gradient(to bottom, #4C77AD 75%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
padding: 10px 10px;
margin-bottom: 10px;
}
.prose {border: 4px double white; width: 90%; padding: 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #C3E5EB; color: #150626; font-family: "EB Garamond"; font-size: 12pt;}
.ptxt {font-family: "EB Garamond"; font-size: 12pt; color: #272273;}
.doc {
border: solid 2.5px #9538a5;
background-color:#FCFFC1;
color: #000000;
font-family: "Sansita";
font-size: 13pt;
padding: 15px;
margin: auto;
}
.dochead{
font-size: 13pt;
color: #000000;
font-family: Emilys Candy;
padding: 5px;
margin: auto;
}
.reddmail {border: solid 1px #FF0000; width: 88%; padding: 1px 15px; margin: auto; box-shadow: 0 1px 3px rgba(0,0,0,.5); background-color: #fdffd3; color: black; font-family: "Sansita";}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofromredd {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #FF0000;font-family: "Emilys Candy"}
.tofromredd2 {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px #FF0000; font-family: "Emilys Candy"}
.redddoc {
border: solid 2.5px #9538a5;
background-color:#fff0ba;
color: #000000;
font-family: "Cutive Mono", monospace;
padding: 15px;
margin: auto;
}
.invisible{
color:transparent;
}
.drw {
color:#2B033B;
font-family:"Marck Script", cursive;
padding: 15px;
font-size: 100%;
font-weight: 520;
}
.email-example a.collapsible-block-link {font-weight: bold; font-size: 20px;}
.typewriter {
font-family: "IM Fell DW Pica"
}
/* Haha blue boi, or peach boi, courtesy of Croquembouche */
.outside {
position: relative;
padding: 1em 0;
}
.outside::before {
content: "";
position: absolute;
inset: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw; /* full viewport width */
background: linear-gradient(90deg, rgba(164, 208, 237,0) 0%, rgba(164, 208, 237,1) 20%, rgba(164, 208, 237,1) 80%, rgba(164, 208, 237,0) 100%);
z-index: -1;
}
@media (max-width: 600px) {
.outside {
margin: 1.25em 0;
padding: 0.75em 1rem;
border-radius: 12px;
}
.outside.inline {
margin: 0.75em 0;
padding: 1px 1rem;
}
}
component:preview
:scp-wiki:theme:wondertainment
[info]
:scp-wiki:component:text-style
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:info-cw
[info]
component:image-block
component:image-block
doc
outside
outside
outside
doc
outside
email-example
doc
typewriter