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
(updatin)
(updatin)
Line 112: Line 112:
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
.mw-body-content {
.mw-body-content {
overflow: clip !important;
overflow: visible !important;
}
}
.infobox, .tabber.info {
.infobox {
margin: 1em 0 !important;
margin: 1em 0 !important;
}
}
.infobox, .tabber.info,
.infobox, .nav-right,
#bodyContent table, .nav-right {
#mw-content-text table {
float: none !important;
float: none !important;
width: auto !important;
width: auto !important;
Line 127: Line 127:
margin-right: 0 !important;
margin-right: 0 !important;
}
}
#bodyContent table > tbody {
#mw-content-text table > tbody {
width: 100% !important;
width: 100% !important;
display: table !important;
display: table !important;
}
}
div.thumb {
body div.thumb {
float: none !important;
float: none !important;
max-width: none !important;
max-width: none !important;
Line 159: Line 159:
}
}
a.feedlink {
a.feedlink {
padding-left: 16px !important;
padding-left: 16px;
}
}
}
}

Revision as of 16:23, September 28, 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: 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;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#mw-content-text table > tbody {
		width: 100% !important;
		display: table !important;
	}
	body 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;
	}
}

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