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
m (15px top)
(2 da top)
 
(18 intermediate revisions by the same user not shown)
Line 8: Line 8:
}
}


.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-cactions li {
body.skin--responsive #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 */
/* user links */
#p-personal a.new {
body.skin--responsive #p-personal a.new {
color: #f00;
color: #f00;
}
}
#p-personal a.new:visited {
body.skin--responsive #p-personal a.new:visited {
color: #c00;
color: #c00;
}
}
#p-personal li a {
body.skin--responsive #p-personal li a {
color: #00f;
color: #00f;
}
}
#p-personal li a:hover {
body.skin--responsive #p-personal li a:hover {
background-color: none;
background-color: none;
text-decoration: underline;
text-decoration: underline;
}
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
color: #606060;
color: #606060;
}
}
Line 50: Line 63:
}
}
#mw-indicator-shortcut {
#mw-indicator-shortcut {
top: 15px;
top: 16px;
}
}


Line 66: Line 79:
}
}


.portlet .pBody {
body.skin--responsive .portlet .pBody {
   background-color:#f9f8fc;
   background-color:#f9f8fc;
   border: 1px solid #F2C055;
   border: 1px solid #F2C055;
}
}


.portlet {
body.skin--responsive .portlet {
width: 11.8em;
width: 11.8em;
}
}
Line 86: Line 99:
}
}


li#pt-userpage, li#pt-anonuserpage, li#pt-login {
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
   background: url(https://spyrowiki.com/gem.png) top left no-repeat;
   background: url(https://cdn.spyrowiki.com/gem.png) top left no-repeat;
   background-size: 13px;
   background-size: 13px;
   padding: 0px 1px 2px 20px;
   padding: 0px 1px 2px 20px;
Line 95: Line 108:
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 #522678;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) */
/* search button (thanks to super mario wiki) */
Line 112: Line 207:
#searchInput {
#searchInput {
border: 1px solid #B25F33;
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;
}