Check out the community portal for ways in which you can help the Wiki of Mana! Also, keep in mind that this wiki contains unmarked spoilers.

Difference between revisions of "MediaWiki:Monobook.css"

From the Wiki of Mana, the Mana encyclopedia
Jump to navigationJump to search
(responsive)
(updatin)
Line 111: Line 111:
/* Responsive fixes */
/* Responsive fixes */
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
div.thumb {
.mw-body-content {
float: none !important;
overflow: clip !important;
}
.infobox, .tabber.info {
margin: 1em 0 !important;
margin: 1em 0 !important;
}
}
.infobox {
.infobox, .tabber.info,
#bodyContent table, .nav-right {
float: none !important;
float: none !important;
width: auto !important;
width: auto !important;
overflow: auto !important;
display: block !important;
display: block !important;
margin: 1em 0 !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.infobox > tbody {
#bodyContent table > tbody {
width: 100% !important;
width: 100% !important;
display: table !important;
display: table !important;
}
div.thumb {
float: none !important;
max-width: none !important;
margin: 1em 0;
}
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 {
a.feedlink {

Revision as of 11:55, September 26, 2021

/* all pages */ 
div#globalWrapper {
	background:#BEDF40;
}

body {
	background:#BEDF40 repeat;
}

.mw-body {
    border:1px solid #744F1C;
}

#p-cactions li.selected {
    border-color: #744F1C;
}

.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;
}

/* sidebar and footer*/
.portlet h3 { color: brown; }
.generated-sidebar .pBody, #p-tb .pBody, #p-lang .pBody, div#searchBody {
	background:#fff3b2;
	border-top:2px solid #744F1C;
	border-right:2px solid #744F1C;
	border-bottom:2px solid #744F1C;
	border-left:0 !important;
}

#footer {
    background-color: #fff3b2;
}

.mw-footer {
    border-top: 1px solid #744F1C;
    border-bottom: 1px solid #744F1C;
}

.generated-sidebar .pBody a, #p-tb .pBody a, #p-lang .pBody a, div#searchBody a, #footer a {
    color:#048204 !important;
}

/* user links */

#p-personal ul a {
    color:#135B09;
}

#p-personal ul a:hover {
    text-decoration: underline;
    background-color:transparent;
}

li#pt-anonuserpage {
    color: #744F1C;
}

#p-personal .pBody ul {
    background: #fff3b2;
    border-bottom: 1px solid #744F1C;
    border-left: 1px solid #744F1C;
    float: right;
    height: 1.55em;
    padding-left:3px;
}

li#pt-userpage, li#pt-anonuserpage, li#pt-login {
  background: url(rabite.png) top left no-repeat;
  background-size: 16px;
  padding: 1px 0px 2px 20px;
}


/* sitenotice */
#siteNotice {
	border-top: 1px solid #744F1C;
	border-bottom: 1px solid #744F1C;
	padding: 3px 2px 2px 2px;
	margin: -2px 0 11px;
}

/* search button (thanks to super mario wiki) */

input.searchButton {
	padding: 0 0.4em !important;
	cursor: pointer;
	background-color: white;
	border: 1px solid #744F1C; 
	font-weight: normal;
} 
#searchGoButton {
	font-weight: normal;
}
#searchInput {
	border: 1px solid #744F1C;
} 

/* page width for mobile optimization */
@media screen and (max-width: 550px) {     .infobox {     width: 100% !important;     } }

select {
	border: 1px solid #744F1C;
	color: black;
}

/* Responsive fixes */
@media all and (max-width: 550px) {
	.mw-body-content {
		overflow: clip !important;
	}
	.infobox, .tabber.info {
		margin: 1em 0 !important;
	}
	.infobox, .tabber.info,
	#bodyContent table, .nav-right {
		float: none !important;
		width: auto !important;
		overflow: auto !important;
		display: block !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#bodyContent table > tbody {
		width: 100% !important;
		display: table !important;
	}
	div.thumb {
		float: none !important;
		max-width: none !important;
		margin: 1em 0;
	}
	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 !important;
	}
}

/* user prefs */
.oo-ui-tabSelectWidget {
  box-shadow: none;
}

/* Indicator icons */
.mw-indicators {
	top: -10px;
}
.anon .mw-indicators {
	top: -5px;
}
#mw-indicator-shortcut {
	top: 14px;
}

/* Fix footer spacing */
#f-list {
	line-height: 17px;
}

/* miscellaneous */
#p-cactions {
	left: 11.7em;
}

.portlet {
	width: 11.8em;
}

.pBody, 
.portlet h3, 
ul#f-list {
	font-family: verdana, sans-serif;
}

input[type="radio"], 
input[type="checkbox"] {
	border: none;
}

.oo-ui-dropdownWidget { max-width:35em; }


#content { 
    border-right: none;
}