There are currently 0 stubs. You can help us by expanding these articles!

Difference between revisions of "MediaWiki:Monobook.css"

From the Spyro Wiki, the Spyro and Skylanders encyclopedia
Jump to navigationJump to search
(more minor adjustments made)
(2 da top)
 
(35 intermediate revisions by the same user 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: #9f59b4;
   background: #8662c2;
}
}


body {
body {
   background: #9f59b4;
   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: #FFF;
   background: #F9F8FC;
   float: right;
   float: right;
   padding-left: 0;
   padding-left: 0;
   height: 1.45em;
   height: 1.55em;
  border: 1px solid #F2C055;
  border-top:none;
  border-right:none;
}
}


#p-personal ul a:hover {
body.skin--responsive #p-cactions li {
    text-decoration: underline;
    background-color:transparent;
}
#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 38: Line 76:


textarea {
textarea {
   border-color: #F2C055;
   border-color: #B25F33;
}
}


.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: #ddd3ee;
   background-color: #e8e1f3;
   border-color: #F2C055;
   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: 16px;
  background: url(https://cdn.spyrowiki.com/gem.png) top left no-repeat;
   padding: 1px 0 2px 20px;
   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 #B25F33;padding:0.2em 0.4em}
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: #cbc2e5;}
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;
}

Latest revision as of 20:35, March 3, 2022

/* 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;
}