Link to article: Deer College Spring Cleaning Event.
@import url('https://fonts.googleapis.com/css2?family=Vast+Shadow&display=swap')
div#container-wrap{
background-image:none;
}
#header{
background:url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/cherryicon.png");
background-repeat:no-repeat;
background-size:110px;
background-position:left;
}
div#extra-div-1{
height: 140px;
width: 100%;
top: 0;
position: absolute;
background: url("https://scp-wiki.wdfiles.com/local--files/deer-college-spring-cleaning-event/bannercherry.png");
background-size:cover;
background-position:20% 20%;
}
#login-status{
text-shadow:1px 1px 1px black;
}
#header h1 a {
color:pink;
text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
font-size:36px;
}
#header h2 span::before {
content: "Spring Cleaning Pledge";
color:pink;
text-shadow:2px 2px 1px purple, -2px 2px 1px black, -2px -2px 1px black, 2px -2px 1px black;
font-size:16px;
}
#header h2 span {
font-size:0;
}
#page-title{
color:pink;
text-shadow: 1px 1px 1px black, -1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black;
text-align:center;
}
.okaywork{
display:flex;
margin-top:-50px;
flex-direction:row;
}
.wayone{
flex:1 1 50%;
padding:10px;
}
.base{
font-family: 'Vast Shadow';
font-size: 400%;
margin: 2px 0 5px;
font-weight:bold;
text-shadow:0px 0px 2px black;
}
.base p{
line-height:1;
margin-block-start:0em;
margin-block-end:0em;
}
.pink{
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,250,1) 50%);
}
.green{
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,246,235,1) 50%);
}
.cobweb{
color:#98FB98;
}
.junk{
color:#ffb7c5;
}
.greenery{
border:solid 1px #999999;
background:#f5fffa;
padding:5px;
margin-bottom: 10px;
margin-top:60px;
}
.redery{
border:solid 1px #999999;
background:#fff5fa;
padding:5px;
margin-bottom: 10px;
margin-top:60px;
}
.magicbecauseiambadatcssgreen{
display:none;
}
.magicbecauseiambadatcssred{
display:none;
}
@media only screen and (max-width:600px){
.wayone{
display:none;
}
.magicbecauseiambadatcssgreen{
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,246,235,1) 50%);
padding:10px;
display:block;
}
.magicbecauseiambadatcssred{
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,250,1) 50%);
padding:10px;
display:block;
}
/* Do not modify, unless u know what are u doing */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:20s,20s;animation-delay:20s,20s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:21s,21s;animation-delay:21s,21s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:26s,25s;animation-delay:26s,25s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:24s,22s;animation-delay:24s,22s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:22s,22s;animation-delay:22s,22s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:28s,23s;animation-delay:28s,23s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:26s,22s;animation-delay:26s,22s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:22.5s,21s;animation-delay:22.5s,21s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:21s,20s;animation-delay:21s,20s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:23s,21.5s;animation-delay:23s,21.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:22s,20s;animation-delay:22s,20s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:24s,22.5s;animation-delay:24s,22.5s}
width:100%;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
display:flex;margin-top:30px;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:50%;
width:10px;
width:5px;
width:7px;
width:8px;
width:5px;
width:10px;
width:6px;
width:9px;
width:8px;
width:10px;
width:6px;
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
wayone
green
base
cobweb
wayone
pink
base
junk
magicbecauseiambadatcssgreen
base
cobweb
magicbecauseiambadatcssred
base
junk
greenery
redery
greenery
redery
greenery
redery
greenery
redery
greenery
redery
greenery
redery
greenery
redery
greenery
redery
greenery
snowflakes
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake