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
(match) |
|||
(26 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* all pages */ | /* all pages */ | ||
div#globalWrapper { | div#globalWrapper { | ||
background: | background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1)); | ||
} | } | ||
body { | body { | ||
background: | background:linear-gradient(to top, rgba(8,100,30,0), rgba(8,100,30,1)) repeat; | ||
} | } | ||
.mw-body | .mw-body { | ||
border:1px solid | border:1px solid #FFFFFF; | ||
} | } | ||
#p-cactions li.selected { | body.skin--responsive #p-cactions li.selected { | ||
border-color: # | 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 { | #footer { | ||
background-color: # | background-color: #cdffb0; | ||
} | } | ||
.mw-footer { | .mw-footer { | ||
border-top: 1px solid # | border-top: 1px solid #744F1C; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #744F1C; | ||
} | } | ||
. | .generated-sidebar .pBody a, #p-tb .pBody a, #p-lang .pBody a, div#searchBody a, #footer a { | ||
p | color:#048204 !important; | ||
} | } | ||
/* | /* tabs */ | ||
body.skin--responsive #p-cactions li a { | |||
color: #048204; | |||
. | |||
} | } | ||
/* user links */ | /* user links */ | ||
#p-personal ul a { | body.skin--responsive #p-personal ul a { | ||
color:#135B09; | color:#135B09; | ||
} | } | ||
#p-personal ul a:hover { | body.skin--responsive #p-personal ul a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
background-color:transparent; | background-color:transparent; | ||
} | } | ||
li#pt-anonuserpage { | body.skin--responsive li#pt-anonuserpage { | ||
color: | 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 */ | ||
#siteNotice { | #siteNotice { | ||
border-top: 1px solid # | border-top: 1px solid #744F1C; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #744F1C; | ||
padding: 3px 2px 2px 2px; | padding: 3px 2px 2px 2px; | ||
margin: -2px 0 11px; | margin: -2px 0 11px; | ||
} | } | ||
Line 81: | Line 96: | ||
cursor: pointer; | cursor: pointer; | ||
background-color: white; | background-color: white; | ||
border: 1px solid # | border: 1px solid #744F1C; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
Line 88: | Line 103: | ||
} | } | ||
#searchInput { | #searchInput { | ||
border: 1px solid # | border: 1px solid #744F1C; | ||
} | } | ||
select { | select { | ||
border: 1px solid # | border: 1px solid #744F1C; | ||
color: black; | color: black; | ||
} | } | ||
/* Responsive | /* put search bar up top */ | ||
#sidebar { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
#p-search { | |||
order: -1; | |||
} | |||
/* Responsive fixes */ | |||
@media all and (max-width: 550px) { | @media all and (max-width: 550px) { | ||
a.feedlink { padding-left: 16px !important } | .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 */ | /* user prefs */ | ||
.oo-ui-tabSelectWidget { | .oo-ui-tabSelectWidget { | ||
Line 117: | Line 200: | ||
} | } | ||
#mw-indicator-shortcut { | #mw-indicator-shortcut { | ||
top: | top: 16px; | ||
} | } | ||
Line 126: | Line 209: | ||
/* miscellaneous */ | /* miscellaneous */ | ||
#p-cactions { | body.skin--responsive #p-cactions { | ||
left: 11.7em; | left: 11.7em; | ||
} | } | ||
.portlet { | body.skin--responsive .portlet { | ||
width: 11.8em; | width: 11.8em; | ||
} | } | ||
.pBody, | body.skin--responsive .pBody, | ||
.portlet h3, | .portlet h3, | ||
ul#f-list { | ul#f-list { |
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;
}