Welcome to our new Skyland! Article rewrites are welcome. If you see any missing images, please feel free to add them. Please use the Aboutfile template when uploading and add categories.
We are also aware of some articles being unavailable. Please bear with us while we are working to get them fixed.
MediaWiki:Common.css
From Skylanders Wiki
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Image thumbs */
html .thumbimage { background-color: #fff; }
/* Image/gallery classes */
img.blackbg, .gallery.blackbg img { background: #000 !important; }
img.graybg, img.greybg, .gallery.graybg img, .gallery.greybg img {
background: #808080 !important;
}
ul.gallery img, table.filehistory img, table.listfiles img, table.searchResultImage img {
image-rendering: crisp-edges;
image-rendering: pixelated;
}
.pixelated, .pixelart, .sprites, .sprite {
image-rendering: crisp-edges; image-rendering: pixelated;
}
/* Gallery */
ul.gallery, li.gallerybox div.thumb {
margin-bottom: 0;
padding-bottom: 0;
}
#bodyContent ul.gallery {
margin: 2px;
padding: 2px;
}
li.gallerycaption {
text-align: unset;
}
.gallery.center {
margin-left: auto !important;
margin-right: auto !important;
}
.gallery.centertext .gallerytext {
text-align: center !important;
}
.mw-gallery-slideshow .gallerybox + .gallerybox {
display: none;
}
.mw-gallery-slideshow-thumbnails-toggled ~ .gallerybox {
display: inline-block !important;
}
/* link colors */
a { color: #00f; }
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; }
/* edit options */
.mw-editform .editOptions {
border-radius:0px;
}
.editOptions {
background-color:#E8E1F3;
border: 1px solid #B25F33;
border-top:none;
}
/* Infobox templates */
.infobox {
background: ghostwhite;
border: 1px solid gray;
float: right;
margin: 0 0 1em 1.15em;
width: 300px;
padding: 3px;
font-size: 88%;
}
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th {
padding: 2px;
}
.infobox .mw-collapsible-toggle {
min-width: 39px;
text-align: right;
}
/* aboutfile */
.aboutfile {
background:#FFF;
border:1px solid #000;
border-collapse: collapse;
font-size:95%;
width: 90%;
margin: 5px auto;
}
.aboutfile td {
padding:3px;
}
/* warning box */
.messagebox, .errorbox, .warningbox, .successbox {
padding:12px;
}
div.mw-warning-with-logexcerpt {
border: 1px solid #7F5F00;
}
.mw-revision.warningbox {
margin-top:0px;
padding:0px;
border:0px;
background:transparent;
}
#mw-revision-info, #mw-revision-info-current, #mw-revision-nav {
color: #54595d;
}
/* main page, adapted from Super Mario Wiki */
body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #contentSub > *,
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 indigo;
padding: 2px;
background: #EEEEFF;
}
.mainpagebox p {
margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
background: #EEEEFF;
padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
font-size: 120%;
padding: 2px 2px 5px 0;
background: ghostwhite;
border-color: purple;
}
.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 purple;
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
.MainTopText a {
color: black !important;
text-decoration: none;
}
.MainTopText a:hover {
color: black;
text-decoration: underline;
}
.mainpagebox#featured h2 {
background: #1AA47D;
border-color: #006400;
}
.mainpagebox#news h2 {
background: #D06128;
border-color: #914800;
}
.mainpagebox#dyk h2 {
background: #0096d5;
border-color: #001C8A;
}
/* main page responsive fixes */
@media all and (max-width:550px) {
body.page-Main_Page #welcome > tbody > tr > td {
display: block !important;
}
body.page-Main_Page #mp-body > tbody > tr > td {
display: block !important;
width: 100% !important;
}
body.page-Main_Page #mp-body > tbody > tr > td + td {
margin-top: 5px !important;
}
}
/* <h3> Navigation templates </h3> */
.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;
border-spacing:3px;
}
.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;
}
/* <h4> spyro </h4> */
.navbox.spyro tr:first-child th, .navbox.spyro tr:first-child th a {
background-color: #BA55D3;
}
.navbox.spyro tr th {
background-color: #D9A3E7;
}
.navbox.spyro tr:nth-child(2n) td {
background-color: #F5F5F5;
}
.navbox.spyro tr td {
background-color: #FBFBFB;
}
.navbox.spyro tr:not(:first-child) th:not([rowspan]):not([colspan]) {
background: none repeat scroll 0 0 #e6c2ef;
}
/* rc display adjustment */
.client-js .mw-input-hidden {
display:inline-block;
}
/* 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 p {
margin: 0.6em 0;
}
.notice-template {
display: flex;
background: #CCC;
border: 1px solid #000;
margin: 0 2% 0.75em;
padding:0 1em;
color: #000;
}
.notice-template.copyright {
background: #fff9f9;
border: 1px solid #C55;
width: 90%;
margin: 5px auto;
padding: 5px;
}
/* Indicator icons */
.mw-indicators,
#mw-indicator-shortcut {
position: relative;
}
.mw-indicator {
margin: 0 2px;
}
.mw-indicator img {
image-rendering: auto !important;
}
#mw-indicator-mw-helplink {
display: none;
}
/* References */
ol.references {
margin-top: 0;
font-size: 90%;
}
ol.references div {
display: inline;
}
ol.references span {
line-height: 1;
}
/* Captcha spacing */
#editform #wpCaptchaWord {
margin-top: 2.5px;
}
#userloginForm label:not([for]) + .mw-input {
margin-top: 10px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(7) {
margin-bottom: 5px;
}
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
margin-top: 1px;
}
.editOptions .g-recaptcha {
margin-bottom: 10px;
}
.mw-ui-vform {
width: 302px;
}
/* Diff lines */
.diff-addedline, .diff-deletedline, .diff-context {
font-size: 88% !important;
line-height: 1.6 !important;
vertical-align: top;
white-space: -moz-pre-wrap;
white-space: pre-wrap !important;
border-style: solid;
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
.diff-editfont-monospace .diff-addedline, .diff-editfont-monospace .diff-deletedline, .diff-editfont-monospace .diff-context {
font: x-small sans-serif;
}
/* Edit box */
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .tabs {
height: auto;
}
.wikiEditor-ui textarea#wpTextbox1 {
height: 474px;
line-height: 1.4em;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: 1px solid #B25F33;
}
.mw-summary-preview {
margin-bottom: 0.5em;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-right: 3px;
}
/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
margin-right: 90px;
}
/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() {
.bodySearchWrap .mw-ui-button, .createboxButton {
padding-top: 4px;
padding-bottom: 5px;
}
}
/* Mark redirects on Special:AllPages and Special:EditWatchlist */
.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
color: #888 !important;
}
/* Media player */
#file > .video-js { display: inline-block !important; }
.thumb .video-js { margin-left: auto; margin-right: auto; }
.video-js .vjs-progress-control .vjs-mouse-display { z-index: 2; }
.infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; }
.video-js .vjs-control-bar, .video-js .vjs-volume-vertical { background: #000; }
.video-js .vjs-mouse-display .vjs-time-tooltip { background: #111; }
.video-js { overflow-x: clip; display: block !important; }
/* Newbie bug fix */
body.newbie .video-js { overflow: hidden !important; }
body.newbie .vjs-time-tooltip { display: none !important; }
/* Edit section */
.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type,
.client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type),
.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
margin: 0;
color: unset;
}
.client-js .editButtons .editHelp {
display: none;
}
/* OOUI fixes */
.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
overflow: visible;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-menuOptionWidget-checkIcon {
display:none;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-tagMultiselectWidget-handle {
border:1px solid #AAA;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border:1px solid #B25F33;
border-radius:0px;
box-shadow: none;
}
.oo-ui-panelLayout-framed {
border: 1px solid #B25F33;
border-radius: 0px;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
box-shadow: none !important;
border: 1px solid #ccc !important;
}
.oo-ui-dropdownWidget-handle {
border: 1px solid gray;
border-radius:0px;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
border: 1px solid gray;
border-radius: 0.25em !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color:#B25F33;
box-shadow:none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
border-radius: 0px !important;
box-shadow: none;
transition: none;
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: #7F5F00;
}
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldLayout { margin-right: 10px; display: block; vertical-align: middle !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout-group { display: block !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper .oo-ui-fieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon { display: none !important; }
body:not(.mw-special-Export) .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded .oo-ui-fieldsetLayout.mw-collapsible .oo-ui-fieldsetLayout-header { padding-left: 0 !important; margin-bottom: 0 !important; }
/* disable calendar widget */
.mw-widget-calendarWidget {
display: none !important;
}
.mw-widget-dateInputWidget-handle {
border-radius: 0px;
}
/* Formatting fixes */
li ul, li ol { margin-top: 0.1em !important; }
dl + ul, dl + ol { margin-top: -0.3em !important; }
ul + dl, ol + dl { margin-top: 0.3em !important; }
.mw-parser-output table sup { white-space: nowrap; }
div[style*="column-count"] > p { margin: 0 !important; }
span.comment, .mw-parser-output a.external.free, .filehistory.wikitable td[dir] {
word-wrap: anywhere;
}
/* Scrollable tables */
table.scrollable {
display: block;
overflow: auto;
max-width: max-content;
border: 0;
}
/* Show/hide toggles */
.navbox .mw-collapsible-toggle {
text-align: right;
min-width: 3.729em;
}
.wikitable.mw-collapsed .mw-collapsible-toggle {
margin-left: 10px;
}
/* Horizontal rule */
hr { overflow: hidden; }
/* Self-links */
body.mediawiki a.mw-selflink {
color: inherit !important;
cursor: inherit !important;
text-decoration: inherit !important;
font-weight: bold !important;
}
/* Inline link colors */
a font:hover, a span:hover {
text-decoration: inherit;
}
/* Special:Preferences */
#mw-htmlform-mobile .oo-ui-inline-help { display: none; }
/* Miscellaneous */
pre {
background-color: #fff;
border: 1px dashed #7F5F00;
color: #000;
overflow:auto;
}
.mw_metadata {
margin-top: 5px;
}
#bodyContent {
position: relative;
}
.mw-newarticletext {
margin-bottom: 10px;
}
.top-right {
position: absolute;
top: -31px;
right: 1px;
}
.top-right-text {
position: absolute;
top: -17px;
right: 1px;
}
fieldset {
border: 1px solid #7F5F00;
}
div.tleft, div.tright {
margin-top: 0.2em;
margin-bottom: 0.8em;
}
blockquote {
border-left: 3px solid #7F5F00;
margin-left: 2em;
padding-left: 1em;
}
#disambig {
border-top: 3px double #cccccc;
border-bottom: 3px double #cccccc;
margin-top:5px;
background:transparent;
border-left:none;
border-right:none;
}
p {
margin: 0.6em 0 0.7em 0;
}
.portlet {
width: 11.8em;
}
#pagehistory li {
padding: 2px;
}
.mw-ui-button {
color: #000;
margin-bottom: 0.25em;
}
#localNotice {
margin-bottom: 0.4em;
}
.mw-customtoggle, .mw-collapsible-toggle {
cursor: default;
}
.mw-collapsible-toggle {
padding-right: 0.3em;
}
.mw-prefs-buttons {
background:transparent;
position:inherit;
padding:5px;
}
.right {
text-align: right;
}
#preftoc a:active {
color: #00c;
}
.special li {
line-height: 19px;
}
a.mw-selflink:hover {
color: inherit;
}
span#mw-editform-cancel {
display:none;
}
.contentbox > .mw-collapsible-toggle {
float: none !important;
}
.successbox {
border-color: #008000;
}
.errorbox {
border-color: #d33d33;
}
div.noarticletext {
border: 1px solid #B25F33;
background: transparent;
padding-left: 7px;
font-size: 95%;
}
.thumb .mediaContainer {
margin: 4px auto 2px;
}
.thumb .multiVert .mediaContainer {
margin: 3px auto -1px;
}
.mw-changeslist-legend {
border: 1px solid #aaa;
}
.mw-highlight pre {
border: 1px dashed gray;
}
#toc, .toc {
margin-bottom: 3px;
}
#editpage-specialchars {
background:#fff;
}
.mw-editinginterface {
color:red;
}
.catlinks {
margin-top:10px;
}
#pagehistory li.selected {
background-color: #FFF;
color: #202122;
outline: 1px dashed #B25F33;
}
