MediaWiki:Minerva.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 21: | Line 21: | ||
body.rootpage-Main_Page .page-heading { | body.rootpage-Main_Page .page-heading { | ||
display: none; | display: none; | ||
} | |||
body.page-Main_Page #firstHeading { | |||
display: none; | |||
} | } | ||
/* Margin is too big */ | /* Margin is too big */ | ||
| Line 32: | Line 36: | ||
display: table; | display: table; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | |||
/* Show TOC */ | |||
@media (max-width: 512px) { | |||
.skin-minerva .toc-mobile { | |||
display: block; | |||
} | |||
} | } | ||
/* Fix footer hlist separator colour */ | |||
.footer-content .hlist-separated li:after { | |||
color: #FFF; | |||
} | |||
/* Fix hlist gaps being too wide */ | |||
.hlist > ul li { | |||
margin-right: 0; | |||
} | |||
/* Fix changes autocollapsing in recent changes */ | |||
.mw-changeslist-edit, .mw-changeslist-line { | |||
display: table-row !important; | |||
} | |||
.mw-changeslist-line-inner { | |||
padding-top: 1.5em; | |||
} | |||
.mw-enhanced-rc-nested { | |||
padding-top: 0.5em; | |||
} | |||
/* Rollback link as a button */ | |||
.mw-rollback-link a { | |||
padding: 5px 12px; | |||
border: 1px solid var(--border-color-base); | |||
font-weight: bold; | |||
} | |||
/* Width is based on existing minerva calculations */ | |||
@media all and (max-width: 639px) { | |||
/* Display rollback button on own line to stop clipping */ | |||
.mw-rollback-link { | |||
display: block; | |||
} | |||
} | |||
/* Alternating cell background */ | |||
.alternatecells:nth-child(odd) { | |||
background-color: #F9F9F9; | |||
} | |||
| Line 54: | Line 110: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
} | } | ||
/* Hide nomobile */ | /* Hide nomobile */ | ||
| Line 69: | Line 123: | ||
.editor-overlay .content { | .editor-overlay .content { | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
/* Hatnotes and disambiguation notices */ | |||
.hatnote { | |||
font-style: italic; | |||
} | |||
.hatnote i { | |||
font-style: normal; | |||
} | |||
div.hatnote { | |||
padding-left: 0; | |||
margin-bottom: 0.5em; | |||
font-size: 0.8125rem; | |||
} | |||
div.hatnote + div.hatnote { | |||
margin-top: -0.5em; | |||
} | |||
div.msgbox { | |||
font-size: 0.8125rem; | |||
max-width: revert !important; | |||
} | |||
@media all and (min-width: 511px) { | |||
div.msgbox-subtle { | |||
max-width: 306px !important; | |||
} | |||
} | |||
/* Fix animated infobox images shifting the screen when images have different dimensions */ | |||
.content span.animated a > img, | |||
.content span.animated a > .lazy-image-placeholder, | |||
.content noscript span.animated > img { | |||
max-width: initial !important; | |||
} | |||
/* Fix infobox text being way too large */ | |||
#mw-mf-viewport .notaninfobox p { | |||
font-size: 100%; | |||
padding: 0.2em 0; | |||
} | |||
body.page-Main_Page #firstHeading { | |||
display: none; | |||
} | |||
/* Turn a list into a tree view style */ | |||
.treeview { | |||
margin-top: 0.3em; | |||
} | |||
.treeview .treeview-header { | |||
padding-left: 3px; | |||
font-weight: bold; | |||
} | |||
.treeview .treeview-header:last-child { | |||
border-color: #636363 !important; | |||
border-left-style: dotted; | |||
} | |||
.treeview .treeview-header:not(:last-child):before { | |||
content: none; | |||
} | |||
.treeview .treeview-header:last-child:before { | |||
border-bottom: 0; | |||
} | |||
.treeview ul, | |||
.treeview li { | |||
margin: 0; | |||
padding: 0; | |||
list-style-type: none; | |||
list-style-image: none; | |||
} | |||
.treeview li li { | |||
position: relative; | |||
padding-left: 13px; | |||
margin-left: 7px; | |||
border-left: 1px solid #636363; | |||
} | |||
.treeview li li:before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: -1px; | |||
width: 11px; | |||
height: 11px; | |||
border-bottom: 1px solid #636363; | |||
} | |||
.treeview li li:last-child:not(.treeview-continue) { | |||
border-color: transparent; | |||
} | |||
.treeview li li:last-child:not(.treeview-continue):before { | |||
border-left: 1px solid #636363; | |||
width: 10px; | |||
} | |||
.nbttree-inherited { | |||
background-color: #E6E6FA; | |||
} | } | ||