User:Ursuul/Sandbox.css

/***********************************/ /****** Spoilers — Foundation ******/ /***********************************/ .sp { clear: left; }

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

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

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

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

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

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

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

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

/***********************************/ /* Spoilers — 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 { background-image: url("https://vignette.wikia.nocookie.net/dragonage/images/0/03/SplatterBackgroundGreen.jpg"); border: 1px solid rgb(82, 63, 53); }

.sp_games .sp_ico > div, .sp_games .sp_wrn > div, .sp_media .sp_ico > div, .sp_media .sp_wrn > div { background-image: url("https://images.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg"); border: 1px solid rgb(82, 63, 53); }/**/

/***********************************/ /********* Spoilers — 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); }/**/