MediaWiki:SpoilersToggle.css

/** * * @Title       SpoilersToggle.css * @Description CSS dependency for Template:Spoiler * @Author     Tierrie  * @Author     Ursuul  * * @Structure  Establishes element dimensions * @Backgrounds Body backgrounds, per-category * @Foundation Behavior for Pseudo Elements * @Individual Avatar img & quote, per-template * */ /**********************************************/ /********** Spoiler Body — Structure **********/ /**********************************************/ /* Banner */ .sp { clear: left; }

.sp .sp_banner { float: left; font-size: 0.9em; white-space: nowrap; margin-right: 5px; cursor: pointer; }

.sp .sp_ico > div, .sp .sp_wrn > div, .sp .sp_ico, .sp .sp_wrn { border-radius: 10em; }

.sp .sp_ico, .sp .sp_wrn { display: inline-block; background-color: rgb(32, 32, 32); padding: 2px; }

.sp .sp_ico { position: relative; z-index: 1; }

.sp .sp_ico div, .sp .sp_ico img { display: table-cell; overflow: hidden; }

.sp .sp_wrn { margin-left: -3em; }

.sp .sp_wrn > div { padding: 0 2.4em 0 3em; }

.sp .sp_wrn_blurb { display: table-cell; vertical-align: middle; height: 64px; min-height: 64px; }/**/

/* Encapsulated content */ .sp .sp_txt > div > h1:first-child, .sp .sp_txt > div > h2:first-child, .sp .sp_txt > div > h3:first-child, .sp .sp_txt > div > h4:first-child, .sp .sp_txt > div > h5:first-child, .sp .sp_txt > div > h6:first-child, .sp .sp_txt > div > dl:first-child, .sp .sp_txt > div > p:first-child { margin-top: 0; }/**/

/**********************************************/ /********* Spoiler Body — Backgrounds *********/ /**********************************************/ /* Comics, Games, & Media */ .sp_comics .sp_ico, .sp_comics .sp_wrn, .sp_games .sp_ico, .sp_games .sp_wrn, .sp_media .sp_ico, .sp_media .sp_wrn { color: rgb(254, 195, 86); border: 2px solid rgb(82, 63, 53); }

.sp_comics .sp_ico > div, .sp_comics .sp_wrn > div, .sp_games .sp_ico > div, .sp_games .sp_wrn > div, .sp_media .sp_ico > div, .sp_media .sp_wrn > div { background-image: url("https://vignette.wikia.nocookie.net/scottiertest/images/e/e0/Seamless_pink_splatter.png/"); border: 1px solid rgb(82, 63, 53); } /**/

/* Books */ .sp_books .sp_ico, .sp_books .sp_wrn { color: rgb(102, 0, 0); border: 2px solid rgb(102, 0, 0); }

.sp_books .sp_ico > div, .sp_books .sp_wrn > div { background-color: rgb(255, 255, 255); border: 1px solid rgb(102, 0, 0); }/**/

/**********************************************/ /******** Spoiler Pseudos — Foundation ********/ /**********************************************/ .sp .sp_banner .sp_ico > div:before { content: ""; display: block; width: 64px; height: 64px; }

.sp .sp_banner .sp_wrn_blurb > br, .sp .sp_banner .sp_wrn_blurb > hr { display: none; }

.sp .sp_banner .sp_wrn_blurb .sp_wrn_blurb_quote ~ strong br:after, .sp .sp_banner .sp_wrn_blurb .sp_wrn_blurb_quote ~ strong br { content: " "; }

.sp .sp_banner .sp_wrn_blurb > strong { font-weight: normal; }

.sp .sp_wrn_blurb .sp_wrn_blurb_quote:after { font-style: italic; white-space: pre; }

.sp .sp_wrn_blurb .sp_wrn_blurb_click:before { content: " Click"; font-style: italic; font-weight: bold; }

.sp .sp_wrn_blurb .sp_wrn_blurb_click:after { content: " to reveal."; }

.sp .sp_wrn_blurb .sp_wrn_blurb_quote ~ .sp_wrn_blurb_click:before { content: " Click here"; }

.sp .sp_wrn_blurb .sp_wrn_blurb_quote ~ .sp_wrn_blurb_click:after { content: " to reveal them."; }/**/

/**********************************************/ /******** Spoiler Pseudos — Individual ********/ /**********************************************/

/* SpoilerDAI */ .sp.sp_id_dai .sp_banner .sp_ico > div:before { background-image: url("https://vignette.wikia.nocookie.net/fanganronpa/images/6/64/DR_Lapse_-_Sprites_-_Zero_14.png/revision/latest/scale-to-width-down/64"); .sp.sp_id_dai .sp_wrn_blurb .sp_wrn_blurb_quote:before { content: "“Your execution awaits. And, so it goes.”" — "; }

.sp.sp_id_dai .sp_wrn_blurb .sp_wrn_blurb_quote:after { content: "Zero\A"; }/**/