Welcome to the Spyro Wiki's new home world!
Feel free to rewrite and expand the articles and upload images that are missing.
MediaWiki:Monobook.css: Difference between revisions
From the Spyro Wiki, the Spyro and Skylanders encyclopedia
this fits a bit more actually |
No edit summary |
||
(36 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the MonoBook skin */ | /* CSS placed here will affect users of the MonoBook skin */ | ||
div#globalWrapper { | div#globalWrapper { | ||
background: # | background: #8662c2; | ||
} | } | ||
body { | body { | ||
background: # | background: #8662c2; | ||
} | } | ||
.firstHeading { margin-top: 5px; } | |||
p { margin: 0.6em 0 0.7em 0; } | |||
h1 { font-size: 193%; } | |||
h3 + dl, h4 + dl, h5 + dl { | |||
margin-top: -0.1em; | |||
} | |||
#p-personal .pBody ul { | body.skin--responsive #p-personal .pBody ul { | ||
background: # | background: #F9F8FC; | ||
float: right; | float: right; | ||
padding-left: 0; | padding-left: 0; | ||
height: 1. | height: 1.55em; | ||
border: 1px solid #F2C055; | |||
border-top:none; | |||
border-right:none; | |||
} | } | ||
body.skin--responsive #p-cactions li { | |||
#p-cactions li { | |||
border-color: #F2C055 !important; | border-color: #F2C055 !important; | ||
} | } | ||
#p-cactions ul li, #p-cactions ul li a { | body.skin--responsive #p-cactions ul li, #p-cactions ul li a { | ||
border-color: #000; | border-color: #000; | ||
} | |||
body.skin--responsive #p-cactions li a { | |||
background-color: #f9f8fc !important; | |||
} | |||
/* user links */ | |||
body.skin--responsive #p-personal a.new { | |||
color: #f00; | |||
} | |||
body.skin--responsive #p-personal a.new:visited { | |||
color: #c00; | |||
} | |||
body.skin--responsive #p-personal li a { | |||
color: #00f; | |||
} | |||
body.skin--responsive #p-personal li a:hover { | |||
background-color: none; | |||
text-decoration: underline; | |||
} | |||
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login { | |||
color: #606060; | |||
} | |||
/* Indicator icons */ | |||
.mw-indicators { | |||
top: -10px; | |||
} | |||
.anon .mw-indicators { | |||
top: -5px; | |||
} | |||
#mw-indicator-shortcut { | |||
top: 16px; | |||
} | } | ||
Line 41: | Line 79: | ||
} | } | ||
.portlet .pBody { | body.skin--responsive .portlet .pBody { | ||
background-color:#f9f8fc; | background-color:#f9f8fc; | ||
border: 1px solid #F2C055; | border: 1px solid #F2C055; | ||
} | |||
body.skin--responsive .portlet { | |||
width: 11.8em; | |||
} | |||
/* sidebar text color */ | |||
h3#p-search-label, h3#p-navigation-label, h3#p-browse-label, h3#p-tb-label, h3#p-community-label { | |||
color:gold; | |||
} | } | ||
/* edit summary window */ | /* edit summary window */ | ||
.editOptions { | .editOptions { | ||
background-color: # | background-color: #e8e1f3; | ||
border-color: #B25F33; | border-color: #B25F33; | ||
} | } | ||
li#pt-userpage, li#pt-anonuserpage, li#pt-login { | body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login { | ||
background-size: | background: url(https://cdn.spyrowiki.com/gem.png) top left no-repeat; | ||
padding: 1px | background-size: 13px; | ||
padding: 0px 1px 2px 20px; | |||
} | } | ||
/* wikitable*/ | /* wikitable*/ | ||
table.wikitable {background:#fff;margin:1em 0;border:1px solid black;border-collapse:collapse;color:black} | table.wikitable {background:#fff;margin:1em 0;border:1px solid black;border-collapse:collapse;color:black} | ||
table.wikitable > * > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td, table.wikitable > * > tr > th {border:1px solid # | table.wikitable > * > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td, table.wikitable > * > tr > th {border:1px solid #522678;padding:0.2em 0.4em} | ||
table.wikitable > * > tr > th {background: # | table.wikitable > * > tr > th {background: #d7d0eb;} | ||
/* talk page tab spacing */ | |||
li#ca-addsection { | |||
margin-left:4px; | |||
} | |||
/* put search bar up top */ | |||
#sidebar { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
#p-search { | |||
order: -1; | |||
} | |||
/* Responsive fixes */ | |||
@media all and (max-width: 550px) { | |||
.mw-body-content { | |||
overflow: visible !important; | |||
} | |||
.infobox { | |||
margin: 1em 0 !important; | |||
} | |||
.infobox, .nav-right, | |||
#mw-content-text table { | |||
float: none !important; | |||
width: auto !important; | |||
overflow: auto !important; | |||
display: block !important; | |||
margin-left: 0 !important; | |||
margin-right: 0 !important; | |||
max-width: 100% !important; | |||
min-width: 0 !important; | |||
} | |||
#mw-content-text table > tbody { | |||
width: 100% !important; | |||
display: table !important; | |||
} | |||
body div.thumb { | |||
float: none !important; | |||
width: auto !important; | |||
max-width: none !important; | |||
margin: 1em 0; | |||
} | |||
div.thumb, div.thumbinner { | |||
overflow: auto !important; | |||
} | |||
div.noresize > map ~ img { | |||
max-width: none !important; | |||
} | |||
div.thumbinner > div { | |||
float: none !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
} | |||
div.thumbcaption { | |||
margin-top: 3px !important; | |||
} | |||
div.thumbimage { | |||
max-width: max-content; | |||
} | |||
ul.gallery { | |||
text-align: center; | |||
} | |||
div.gallerytext { | |||
text-align: left; | |||
} | |||
center div.gallerytext, | |||
.gallery.center div.gallerytext, | |||
.gallery[style*="center"] div.gallerytext { | |||
text-align: center; | |||
} | |||
a.feedlink { | |||
padding-left: 16px; | |||
} | |||
caption { | |||
display: block; | |||
} | |||
#sidebar .portlet[role="navigation"] { | |||
display: none !important; | |||
} | |||
} | |||
/* search button (thanks to super mario wiki) */ | |||
input.searchButton { | |||
padding: 0 0.4em !important; | |||
cursor: pointer; | |||
background-color: white; | |||
border: 1px solid #B25F33; | |||
font-weight: normal; | |||
} | |||
#searchGoButton { | |||
font-weight: normal; | |||
} | |||
#searchInput { | |||
border: 1px solid #B25F33; | |||
} | |||
/* sitenotice */ | |||
#siteNotice { | |||
border-top: 1px solid #B25F33; | |||
border-bottom: 1px solid #B25F33; | |||
padding: 3px 2px 2px 2px; | |||
margin: -2px 0 11px; | |||
} | |||
body.page-Main_Page.action-view #bodyContent { | |||
margin-top: -17px; | |||
} | |||
body.page-Main_Page.action-view #siteNotice { | |||
margin-bottom: 32px; | |||
} | |||
#f-poweredbyico a:last-child { | |||
display: none; | |||
} |
Latest revision as of 10:01, November 5, 2024
/* CSS placed here will affect users of the MonoBook skin */ div#globalWrapper { background: #8662c2; } body { background: #8662c2; } .firstHeading { margin-top: 5px; } p { margin: 0.6em 0 0.7em 0; } h1 { font-size: 193%; } h3 + dl, h4 + dl, h5 + dl { margin-top: -0.1em; } body.skin--responsive #p-personal .pBody ul { background: #F9F8FC; float: right; padding-left: 0; height: 1.55em; border: 1px solid #F2C055; border-top:none; border-right:none; } body.skin--responsive #p-cactions li { border-color: #F2C055 !important; } body.skin--responsive #p-cactions ul li, #p-cactions ul li a { border-color: #000; } body.skin--responsive #p-cactions li a { background-color: #f9f8fc !important; } /* user links */ body.skin--responsive #p-personal a.new { color: #f00; } body.skin--responsive #p-personal a.new:visited { color: #c00; } body.skin--responsive #p-personal li a { color: #00f; } body.skin--responsive #p-personal li a:hover { background-color: none; text-decoration: underline; } body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login { color: #606060; } /* Indicator icons */ .mw-indicators { top: -10px; } .anon .mw-indicators { top: -5px; } #mw-indicator-shortcut { top: 16px; } /* border */ #content, #footer { background-color: #f9f8fc; } .wikiEditor-ui .wikiEditor-ui-view, #content, #footer { border-color: #F2C055; } textarea { border-color: #B25F33; } body.skin--responsive .portlet .pBody { background-color:#f9f8fc; border: 1px solid #F2C055; } body.skin--responsive .portlet { width: 11.8em; } /* sidebar text color */ h3#p-search-label, h3#p-navigation-label, h3#p-browse-label, h3#p-tb-label, h3#p-community-label { color:gold; } /* edit summary window */ .editOptions { background-color: #e8e1f3; border-color: #B25F33; } body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(https://cdn.spyrowiki.com/gem.png) top left no-repeat; background-size: 13px; padding: 0px 1px 2px 20px; } /* wikitable*/ table.wikitable {background:#fff;margin:1em 0;border:1px solid black;border-collapse:collapse;color:black} table.wikitable > * > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td, table.wikitable > * > tr > th {border:1px solid #522678;padding:0.2em 0.4em} table.wikitable > * > tr > th {background: #d7d0eb;} /* talk page tab spacing */ li#ca-addsection { margin-left:4px; } /* put search bar up top */ #sidebar { display: flex; flex-direction: column; } #p-search { order: -1; } /* Responsive fixes */ @media all and (max-width: 550px) { .mw-body-content { overflow: visible !important; } .infobox { margin: 1em 0 !important; } .infobox, .nav-right, #mw-content-text table { float: none !important; width: auto !important; overflow: auto !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; min-width: 0 !important; } #mw-content-text table > tbody { width: 100% !important; display: table !important; } body div.thumb { float: none !important; width: auto !important; max-width: none !important; margin: 1em 0; } div.thumb, div.thumbinner { overflow: auto !important; } div.noresize > map ~ img { max-width: none !important; } div.thumbinner > div { float: none !important; margin-left: auto !important; margin-right: auto !important; } div.thumbcaption { margin-top: 3px !important; } div.thumbimage { max-width: max-content; } ul.gallery { text-align: center; } div.gallerytext { text-align: left; } center div.gallerytext, .gallery.center div.gallerytext, .gallery[style*="center"] div.gallerytext { text-align: center; } a.feedlink { padding-left: 16px; } caption { display: block; } #sidebar .portlet[role="navigation"] { display: none !important; } } /* search button (thanks to super mario wiki) */ input.searchButton { padding: 0 0.4em !important; cursor: pointer; background-color: white; border: 1px solid #B25F33; font-weight: normal; } #searchGoButton { font-weight: normal; } #searchInput { border: 1px solid #B25F33; } /* sitenotice */ #siteNotice { border-top: 1px solid #B25F33; border-bottom: 1px solid #B25F33; padding: 3px 2px 2px 2px; margin: -2px 0 11px; } body.page-Main_Page.action-view #bodyContent { margin-top: -17px; } body.page-Main_Page.action-view #siteNotice { margin-bottom: 32px; } #f-poweredbyico a:last-child { display: none; }