User:Harimaron/Sandbox/Template:StageQuotes/styles.css: Difference between revisions
From Inkipedia, the Splatoon wiki
< User:Harimaron | Sandbox
(Harimaron changed the content model of the page User:Harimaron/Sandbox/Template:StageQuotes/styles.css from "CSS" to "Sanitized CSS") Tag: Content model change |
(test) |
||
| Line 4: | Line 4: | ||
} | } | ||
/* Special style for Anarchy Splatcast */ | /* Special style for Anarchy Splatcast */ | ||
. | .text-plazanews-s3 { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
| Line 15: | Line 15: | ||
margin-bottom: 7px; | margin-bottom: 7px; | ||
} | } | ||
. | .text-plazanews-s3::before { | ||
content: ' '; | content: ' '; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 29: | Line 29: | ||
transform: skew(17deg, 0); | transform: skew(17deg, 0); | ||
} | } | ||
. | .text-plazanews-s3.text-plazanews-s3-Shiver::before { | ||
border-color: #1437FF; | border-color: #1437FF; | ||
} | } | ||
. | .text-plazanews-s3.text-plazanews-s3-Frye::before { | ||
border-color: #F6FF00; | border-color: #F6FF00; | ||
} | } | ||
. | .text-plazanews-s3.text-plazanews-s3-BigMan::before { | ||
border-color: #9C9C9C; | border-color: #9C9C9C; | ||
} | } | ||
Revision as of 10:42, 4 May 2023
/* Gives text a thick dark shadow. */
.text-shadow-8 {
text-shadow: -1px -1px 1px #000, -1px 1px 1px #000, -1px 0 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, 1px 0 1px #000, 0 -1px 1px #000, 0 1px 1px #000;
}
/* Special style for Anarchy Splatcast */
.text-plazanews-s3 {
position: relative;
display: inline-block;
width: 100px;
height: 24px;
color: white;
text-align: center;
font: bold 12pt/24px sans-serif;
transform: rotate(-3deg);
margin-bottom: 7px;
}
.text-plazanews-s3::before {
content: ' ';
box-sizing: border-box;
position: absolute;
z-index: -100;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #555;
border: solid;
border-width: 0 7px 0 7px;
transform: skew(17deg, 0);
}
.text-plazanews-s3.text-plazanews-s3-Shiver::before {
border-color: #1437FF;
}
.text-plazanews-s3.text-plazanews-s3-Frye::before {
border-color: #F6FF00;
}
.text-plazanews-s3.text-plazanews-s3-BigMan::before {
border-color: #9C9C9C;
}
