MediaWiki:ProjectS3.css

/** Color palette notes - updated July 2019

One of the "tricks" of an all-red-and-black design is figuring out a way to distinguish between the red of the "existing link" and the red of the "new link" -- all while keeping the red-on-black contrast ratio high enough for people of varying visual acuities able to read the page.

.page-Stranger_Things_-_Sample_Wiki_Season_3 a.new, .page-Stranger_Things_-_Sample_Wiki_Season_3 a.new:visited { color:#ffb7b7!important; } .page-Stranger_Things_-_Sample_Wiki_Season_3 a:hover { color: #ffa0a0; text-decoration:none; }

/** General background qualities

Making the blending stop at the top, so that there's no odd grey streak at the bottom of the page. **/

/* body.background-dynamic.skin-oasis .background-image-gradient::before, body.background-dynamic.skin-oasis .background-image-gradient::after, body.background-dynamic.skin-oasis .background-image-gradient { height:30% } */ /** General mainpage qualities **/ .projects3-wrap .wikia-gallery-caption-below .lightbox-caption { color:#000 } /* Basic box qualities */ .projects3-box-characters { margin:80px auto auto auto; width: 670px; } .projects3-box-welcome { width: 610px; margin:80px auto auto auto; background: url(https://vignette.wikia.nocookie.net/stranger-things-sample/images/a/a6/PROJECTS3_The_Gate.png/revision/latest?cb=20190702183445); min-height: 150px; padding-left: 30px; padding-right: 30px; padding-top: 35px; padding-bottom: 5px; margin-bottom: 20px; color: white; text-shadow: 2px 2px 2px #000000; } .BGDark .projects3-box-welcome { background: url(https://vignette.wikia.nocookie.net/strangerthings8338/images/3/32/Upside-Down-S2.png/revision/latest?cb=20180321034248) center; background-size: cover; } .projects3-box-welcome .header { text-align:center !important; } .projects3-box-welcome .body { width: 300px; text-align: center; margin: auto; font-weight: bold; } .projects3-box-share, .projects3-box-news, .projects3-box-about, .projects3-box-bts, .projects3-box-discord, .projects3-box-featured-videos { margin:80px auto auto auto; } .projects3-box-news { padding:20px; font-size:14px; } .projects3-box-highlights { text-align:center; } .projects3-box-highlights .projects3-box-about { width: 160px; display: inline-block; height: 250px; vertical-align: top; margin-top: 5px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; } .projects3-box-highlights .projects3-box-about .header { margin-bottom:5px; } .projects3-button { background:black; } .projects3-box-about { padding:25px; background:#a52d20; color:white; font-size: 10pt; line-height: 16pt; } .BGDark .projects3-box-about { background: #0072c7; } .BGDark .projects3-box-about a { color: #a5daff !important; } .projects3-box-about a[href$="/wiki/Stranger_Things"] { color: #ffb7b7!important; font-size: inherit !important; } .BGDark .projects3-box-about a[href$="/wiki/Stranger_Things"] { color: #a5daff !important; } /** Share box **/ .projects3-box-share { /* deliberately undefined */ } .projects3-box-share .icons { text-align: center; margin:15px 4px; } .projects3-box-share .icon2 { display: inline; margin-right:9px; } .projects3-box-share .icon2:hover { filter: brightness(130%); } .projects3-box-share .icon2 img { transition: all 0.6s ease-out; border-radius: 100%; } .projects3-box-share .icon2 img:hover { box-shadow: 0 0 30px #EA1E2B; transform: rotate(360deg); filter: brightness(115%); } @media (max-width: 1023px) { .projects3-box-share, .projects3-box-news, .projects3-box-about, .projects3-box-bts { margin:20px auto; display:block; } } /* Headers */ .projects3-box-characters .header, .projects3-box-featured-videos .header, .projects3-box-share .header, .projects3-box-news .header, .projects3-box-welcome .header, .projects3-box-bts .header, .projects3-box-discord .header { text-align:left; font-size:21px; text-transform:uppercase; margin:0 auto; top:-10px; position:relative; border-bottom:1px solid white; padding-bottom:10px; font-family:Roboto, sans-serif; font-weight:600; } .projects3-box-about .header { font-weight:bold; text-transform:none; font-size: 15px; font-family: Stranger; }

/* ======================  Pre Making it more readable on dark-themed wiki ======================= */ .WikiaArticle pre, .pre { background-color:#e9e9e9; color:black; border:2px solid #000; border-radius:15px; box-shadow:0 0 5px #000 inset; line-height:140%; width:auto; margin:auto auto auto auto; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre\9; }