User:Harimaron/Sandbox/Template:StageQuotes/styles.css

/* 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 styles for Splatoon Inkopolis News (Squid Sisters) */ .text-plazanews-s1 { box-sizing: border-box; position: relative; display: inline-block; min-width: 80px; height: 24px; color: white; text-align: center; font: bold 12pt/24px sans-serif; margin: 2px; padding: 0 6px; z-index: 0; border-radius: 12px; } .text-plazanews-s1>span { filter: drop-shadow(1px 1px 1.5px #000); } .text-plazanews-s1-Callie { background: #8a00ad; background: linear-gradient(0, #8a00ad 0%, #aa0085 100%); } .text-plazanews-s1-Marie { background: #36ba25; background: linear-gradient(0, #36ba25 0%, #9ec313 100%); } /* Special styles for Splatoon 2 Inkopolis News (Off the Hook) */ .text-plazanews-s2 { box-sizing: border-box; position: relative; display: inline-block; min-width: 100px; height: 35px; color: white; text-align: center; font: bold 12pt/35px sans-serif; margin: 2px; padding: 0 8px; z-index: 0; } .text-plazanews-s2>span { filter: drop-shadow(1px 1px 1.5px #000); } .text-plazanews-s2-Pearl { padding: 0 12px 0 2px; } .text-plazanews-s2::before, .text-plazanews-s2::after { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .text-plazanews-s2-Pearl::before { z-index: -1; background: #fc4ead; clip-path: polygon(0 26.89%, 0 57.45%, 76.44% 100%, 100% 50.12%, 39.94% 0); } .text-plazanews-s2-Pearl::after { z-index: -2; background: #000; clip-path: polygon(0 57.45%, 0 89.5%, 76.44% 100%, 91.66% 100%, 100% 50.12%); } .text-plazanews-s2-Marina::before { z-index: -1; background: #00e293; clip-path: polygon(0 81.79%, 100% 100%, 100% 54.64%, 28.69% 0); } .text-plazanews-s2-Marina::after { z-index: -2; background: #000; clip-path: polygon(28.69% 0, 100% 27.14%, 100% 54.64%, 0 81.79%, 6% 35.89%); } /* Special styles for Splatoon 3 Anarchy Splatcast */ .text-plazanews-s3 { position: relative; display: inline-block; min-width: 100px; height: 24px; color: white; text-align: center; font: bold 12pt/24px sans-serif; transform: rotate(-3deg); margin: 4px; z-index: 0; } .text-plazanews-s3::before { content: ' '; box-sizing: border-box; position: absolute; z-index: -1; 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; }