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
(bugfix)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* all pages */  
/* all pages */  
div#globalWrapper {
div#globalWrapper {
background:#BEDF40;
background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1));
}
}


body {
body {
background:#BEDF40 repeat;
background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1)) repeat;
}
}


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


body.skin--responsive #p-cactions li.selected {
body.skin--responsive #p-cactions li.selected {
     border-color: #744F1C;
     border-color: #FFFFFF;
}
}


Line 24: Line 24:


/* sidebar and footer*/
/* sidebar and footer*/
.portlet h3 { color: brown; }
.portlet h3 { color: white; }
body.skin--responsive .pBody {
body.skin--responsive .pBody {
background:#fff3b2;
background:#cdffb0;
border-top:2px solid #744F1C;
border-top:2px solid #744F1C;
border-right:2px solid #744F1C;
border-right:2px solid #744F1C;
Line 34: Line 34:


#footer {
#footer {
     background-color: #fff3b2;
     background-color: #cdffb0;
}
}


Line 67: Line 67:


body.skin--responsive #p-personal .pBody ul {
body.skin--responsive #p-personal .pBody ul {
     background: #fff3b2;
     background: #cdffb0;
     border-bottom: 1px solid #744F1C;
     border-bottom: 1px solid #744F1C;
     border-left: 1px solid #744F1C;
     border-left: 1px solid #744F1C;
Line 109: Line 109:
border: 1px solid #744F1C;
border: 1px solid #744F1C;
color: black;
color: black;
}
/* put search bar up top */
#sidebar {
    display: flex;
    flex-direction: column;
}
#p-search {
    order: -1;
}
}



Latest revision as of 01:57, March 9, 2024

/* all pages */ 
div#globalWrapper {
	background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1));
}

body {
	background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1)) repeat;
}

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

body.skin--responsive #p-cactions li.selected {
    border-color: #FFFFFF;
}

.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: white; }
body.skin--responsive .pBody {
	background:#cdffb0;
	border-top:2px solid #744F1C;
	border-right:2px solid #744F1C;
	border-bottom:2px solid #744F1C;
	border-left:0 !important;
}

#footer {
    background-color: #cdffb0;
}

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

/* tabs */
body.skin--responsive #p-cactions li a {
    color: #048204;
}

/* user links */

body.skin--responsive #p-personal ul a {
    color:#135B09;
}

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

body.skin--responsive li#pt-anonuserpage {
    color: #744F1C;
}

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

body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
  background: url(https://cdn.wikiofmana.com/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;
} 

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

/* 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;
    }
}
/* user prefs */
.oo-ui-tabSelectWidget {
  box-shadow: none;
}

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

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

/* miscellaneous */
body.skin--responsive #p-cactions {
	left: 11.7em;
}

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

body.skin--responsive .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;
}