The SpongeBob Wiki has a guideline regarding the use of image galleries — collections of episode screenshots are no longer allowed on galleries due to potential fair use violations.

MediaWiki:Common.css

From the SpongeBob Wiki, the SpongeBob encyclopedia
Revision as of 04:24, April 5, 2021 by Bawitdaba (talk | contribs) (fixing colors again)
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

.messagebox, .errorbox, .warningbox, .successbox {
	padding:12px;
}

/* Notice templates */
body:not(.ns-6) .notice-template + .notice-template {
	margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
	margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
	margin-top: 0.75em !important;
	margin-bottom: 2.5px !important;
}
.notice-template.copyright {
	margin: 2.5px auto !important;
}
.notice-template p {
	margin: 0.6em 0;
}

/* tables */
table.wikitable {
    background:#F8E972;
    border: 1px solid #929201;
}
table.wikitable > caption {
    background:#F8E972;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background:#F8E972;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border:1px solid #929201;
}

table.wikitable > * > tr:nth-child(odd) > td {background:#FFF}
table.wikitable > * > tr:nth-child(even) > td {background:#FFF}

select {
	border: 1px solid #AAA;
	color: black;
}
.client-js .mw-input-hidden {
    display:inline-block;
}

pre {
	background-color: #fff;
	border: 1px dashed #2a4b8d;
	color: #000;
	overflow:auto;
}

h1, h2 {
    border-bottom: 1px solid #2a4b8d;
}

hr {
    background-color:#2a4b8d;
    color:#2a4b8d;
}

.infobox {
    background-color:#fff;
    float:right;
    border: 1px solid #929201;
    font-size: 90%;
    width: 300px;
    margin-left: 5px;
}

.catlinks {
    border: 1px solid #a2a9b1 !important;
}

#pagehistory li.selected {
    background-color: white !important;
}


/* Navigation templates */
.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 15px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 42px;
}
.navbox tr:first-child th {
	background: none repeat scroll 0 0 #999999;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
	color: #FFFFFF !important;
}
.navbox tr th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
	background: none repeat scroll 0 0 #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
	color: #000000;
}
.navbox tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #F6F6F6;
}
.navbox tr td {
	background: none repeat scroll 0 0 #FCFCFC;
}
.navbox td a {
	color: #0000FF;
}
.navbox td a:visited {
	color: #0000CC;
}
.navbox td a.new {
	color: #CC2200;
}
.navbox td a.new:visited {
	color: #A55858;
}
.navbox td a.selflink {
	color: #000;
}

.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
	color: black !important;
}

.wikiEditor-ui {
    padding-top: 10px;
}

span#mw-editform-cancel {
    display:none;
}

p {
    margin: 0.6em 0 0.7em 0;
}

.mw-prefs-buttons {
    position: inherit;
    background-color:transparent;
    box-shadow:none;
}

.not-patrolled {
    background-color: yellow;
}

/* main page, adapted from Super Mario Wiki */

body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view .mw-revision,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod {
	display: none !important;
}
body.page-Main_Page.action-view #bodyContent {
	margin-top: 16px;
}
body.page-Main_Page.action-view .usermessage {
	margin-top: 43px;
}
.mainpagebox {
	border: 2px solid #929201;
	padding: 2px;
	background: ghostwhite;
}
.mainpagebox p {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0;
	background: #FFF;
	border-color: #914800;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}

.mainpagebox#right {
	padding: 2px 2px 5px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0;
	margin-top: 10px;
}
.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 2px solid #567CAF;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}

.mainpagebox#featured h2 {
	background: #F4FA95;
	border: 1px solid saddlebrown;
}
.mainpagebox#on_this_day h2 {
	background: #FF97A9;
	border: 1px solid #C60023;
}

.mainpagebox#dyk h2 {
	background: #C4F0FF;
	border: 1px solid #0072BC;
}

/* Links */
a { color: #00f; }
a:active { color: orange; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }

div#mw-indicator-mw-helplink { display:none; }

/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
	color: #888 !important;
}

/* disable calendar widget */
.mw-widget-calendarWidget {
    display: none !important;
}

.mw-widget-dateInputWidget-handle {
    border-radius: 0px;
}

/* ooui */
.oo-ui-panelLayout-framed {
    border: 1px solid #929201;
    border-radius: 0px;
}

/* image display */
img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}