MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h3, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, time, ul, var, video { padding-bottom: 1.5em; margin-bottom: 1.5em; } /*

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid; text-shadow: 1px 1px 2px #111; font-family: monospace; font-size: 8pt; overflow: auto; }

/* Creates a background flare to be used in Template:GameRecognition for every browser except Internet Explorer and Safari < 6*/ @media screen { @media (min-width: 0px) { .gamerec { opacity: 0.05; font-family: Impact, Charcoal, sans-serif; resize: none; font-size: 6em; position: relative; z-index: -2; white-space: nowrap; /* Positioning to get the surround text to overlap it nicely */ margin-top: -0.27em; margin-bottom: -0.6em; padding-top: 0.28em; padding-bottom: 0.39em; /* Prevents the user from selecting the text (so it doesn't get in the   way of copying and pasting */  -ms-user-select: none;  -moz-user-select: none;  -khtml-user-select: none;  -webkit-user-select: none;  user-select: none; } }}

/* Gives the flare a gradient in Chrome */ @supports (-webkit-appearance:none) { .gamerec { opacity: initial; color: transparent; background: linear-gradient(to right,rgba(255,255,255,0.10),rgba(255,255,255,0.10),rgba(255,255,255,0.10),rgba(255,255,255,0)); -webkit-background-clip: text; text-shadow: none; }}

/* === Template:Ambox designs === */ /* Ambox design */ .ambox { width: 80%; margin: 0 auto; border: 1px #888 solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #1e2a38; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff;      /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;      /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;      /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;      /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;      /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba;         /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;      /* Green */ } /* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; color: rgb(133, 153, 0); } /* Ambox image */ .ambox-image {                         /* The left image cell */ width: 60px; padding: 2px 0 2px 0.5em;           /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } } /* no ambox when printing */ .WikiaMainContent { color: #EEE; text-shadow: 1px 1px 2px #111; line-height: 1.5em; } /*.WikiaMainContent p { margin-bottom: 2em; }*/

.WikiaArticle .yahoo-title { font-size: 20px; text-decoration: underline; }

.WikiaArticle blockquote { font-size: 16px; margin-bottom: 1.8em; margin-top: 1.8em; }

.WikiaArticle p { margin-bottom: 1.8em; } .WikiaArticle blockquote p + p { margin-top: 0.5em; margin-bottom: 0; } .WikiaArticle p + p { margin-bottom: 1.4em; } .WikiaArticle blockquote p { margin-top: 0.5em; margin-bottom: 0; }

.mw-headline { /* Sets 4 small shadows around the headline, effectively outlining it for readability */ text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333, /* The actual red shadow */ -2px -2px 3px #E00; }

/* don't clear, this is a formatting improvement for short pages with tall infoboxes, or pages with images that want to float next to the references */ .mw-references-wrap { clear: none !important; }

.details { /* Specifically for use with category pages */ text-shadow: none; color: #FFF; font-weight: bold; }

/***** infobox tabber images *****/ ul.pi-image-collection-tabs { display: flex; flex-wrap: wrap; margin-left: 0; } ul.pi-image-collection-tabs li { flex-grow: 1; min-width: calc(32%); }

/***** Template:Navbox styling *****/ .navbox { background:var(--oasis-article-background-color--darken-002); border:2px solid #9ca6c2; width:100%; } .navbox-subgroup { width:100%; } .navbox-row.alt { background:var(--theme-article-background-color); } .navbox-title{ background:var(--oasis-article-background-color--darken-008); text-align:center; padding: 0.25em 1em; } .navbox-above, .navbox-below { background:var(--oasis-article-background-color--darken-005); text-align:center; padding: 0.25em 1em; } .navbox-group { background:var(--oasis-article-background-color--darken-005); text-align:right; width: 1%; white-space: nowrap; padding: 0.25em 1em; }

/***** horizontal list *****/ .hlist ul { margin: 0; /* override ul left margin in standard stylesheet */ } .hlist li { display: inline; /* horizontal list */ white-space: nowrap; } /* separator */ .hlist li:after { content: " · "; font-weight: bold; } /* no separator after the last element */ .hlist li:last-child:after { content: ""; font-weight: bold; }

/***** Table text alignment helper classes *****/ .col-1-center td:nth-child(1) { text-align: center; } .col-2-center td:nth-child(2) { text-align: center; } .col-3-center td:nth-child(3) { text-align: center; } .col-4-center td:nth-child(4) { text-align: center; } .col-5-center td:nth-child(5) { text-align: center; } .col-6-center td:nth-child(6) { text-align: center; } .col-7-center td:nth-child(7) { text-align: center; } .col-8-center td:nth-child(8) { text-align: center; } .col-9-center td:nth-child(9) { text-align: center; }

.col-1-right td:nth-child(1) { text-align: right; } .col-2-right td:nth-child(2) { text-align: right; } .col-3-right td:nth-child(3) { text-align: right; } .col-4-right td:nth-child(4) { text-align: right; } .col-5-right td:nth-child(5) { text-align: right; } .col-6-right td:nth-child(6) { text-align: right; } .col-7-right td:nth-child(7) { text-align: right; } .col-8-right td:nth-child(8) { text-align: right; } .col-9-right td:nth-child(9) { text-align: right; }