MediaWiki:Minerva.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 19: | Line 19: | ||
/* Default styles | /* Default styles */ | ||
:root { | :root { | ||
--mobile-header-background: url(' | --mobile-header-background: url('images/essentials/Mobile-header.png'); | ||
--mobile-header-background-color: #698cff; | --mobile-header-background-color: #698cff; | ||
--content-background-color: #ebeef2; | --content-background-color: #ebeef2; | ||
| Line 38: | Line 38: | ||
width: 135px; | width: 135px; | ||
height: 50px; | height: 50px; | ||
background-image: url(' | background-image: url('images/essentials/WikiLogoMobile.png'); | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 51: | Line 51: | ||
--archive-box-border-color: #444; | --archive-box-border-color: #444; | ||
--mobile-header-background: url(' | --mobile-header-background: url('images/essentials/Dark-mobile-header.png'); | ||
--mobile-header-background-color: #2b3162; | --mobile-header-background-color: #2b3162; | ||
--content-background-color: #2b2f39; | --content-background-color: #2b2f39; | ||
| Line 89: | Line 89: | ||
/* | /* | ||
body.stw-theme-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), | body.stw-theme-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), | ||
body.stw-theme-dark .jquery-tablesorter th.headerSort { | body.stw-theme-dark .jquery-tablesorter th.headerSort { | ||
background-image: url(' | background-image: url('images/essentials/Sort_both.svg'); | ||
} | } | ||
body.stw-theme-dark .jquery-tablesorter th.headerSortDown { | body.stw-theme-dark .jquery-tablesorter th.headerSortDown { | ||
background-image: url(' | background-image: url('images/essentials/Sort_down.svg'); | ||
} | } | ||
body.stw-theme-dark .jquery-tablesorter th.headerSortUp { | body.stw-theme-dark .jquery-tablesorter th.headerSortUp { | ||
background-image: url(' | background-image: url('images/essentials/Sort_up.svg'); | ||
} | } | ||
*/ | |||
/* CodeEditor search color fixes for dark theme */ | /* CodeEditor search color fixes for dark theme */ | ||
| Line 158: | Line 158: | ||
/** | |||
.minerva-footer { | |||
border-color: transparent; | |||
} | |||
.mw-footer > .post-content { | |||
margin-top: 32px; | |||
} | |||
.mw-footer > .post-content > .minerva-footer-logo { | |||
display: none; | |||
} | |||
/* | |||
footer, | |||
footer a:active, | |||
#footer, | |||
#footer a:active { | |||
color: #FFF; | |||
} | |||
footer a, | |||
#footer a, | |||
footer a:visited, | |||
#footer a:visited { | |||
color: #BFBFBF; | |||
} | |||
.last-modified-bar { | |||
background-color: #EAECF0; | |||
} | |||
*/ | |||
.content code { | |||
border-radius: 2px; | |||
} | |||
@media all and (max-width: 768px) { | |||
.gallerybox .thumb > div { | |||
margin: 15px !important; | |||
width: auto !important; | |||
} | |||
} | |||
@media all and (max-width: 720px) { | |||
.gallery.mw-gallery-traditional .gallerybox { | |||
width: 155px !important; | |||
} | |||
.gallery.mw-gallery-traditional .gallerybox .thumb { | |||
width: 150px !important; | |||
} | |||
.gallery.mw-gallery-nolines .gallerybox { | |||
width: 125px !important; | |||
} | |||
.gallery.mw-gallery-nolines .gallerybox .thumb { | |||
width: 120px !important; | |||
} | |||
} | |||
/* */ | |||
/** Mobile skin **/ | |||
.overlay.search-overlay, | .overlay.search-overlay, | ||
.overlay.editor-overlay { | .overlay.editor-overlay { | ||
| Line 164: | Line 232: | ||
} | } | ||
/* | /* Mobile header background */ | ||
.skin-minerva #mw-mf-page-center .header-container, | .skin-minerva #mw-mf-page-center .header-container, | ||
.skin-minerva .search-overlay .header-container { | .skin-minerva .search-overlay .header-container { | ||
| Line 185: | Line 253: | ||
} | } | ||
/* | /* Maximise editing space when editing on small screens */ | ||
@media all and (max-width: 999px) { | @media all and (max-width: 999px) { | ||
.overlay-enabled .editor-overlay { | .overlay-enabled .editor-overlay { | ||