MediaWiki:DarkMobile.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
 
(119 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the mobile dark theme */
/* CSS placed here will affect users of the mobile night theme */
 
#mw-content-text a.external[href^="https://www.halopedia.org"] { color: #009CFF !important; }
 
/* Background color */
body, nav, .header-container.header-chrome, footer.minerva-footer,
#mw-mf-page-center, .overlay-header-container, .overlay-footer-container {
background: #444 !important;
}
.header {
border-color: #444 !important;
}
/* Border color */
.minerva-footer, nav ul li {
border-top: 1px solid #555 !important;
}
.ns-special .content-header, .page-summary,
.last-modified-bar, footer > .post-content > h2,
form.mw-mf-settings .oo-ui-fieldLayout {
border-bottom: 1px solid #555 !important;
}
.mw-mf-watchlist-selector li.selected a {
border-bottom-color: #555 !important;
}
.header-container, .secondary-action {
border-color: #555 !important;
}
/* Active color */
.last-modified-bar.active, .list-header,
form.mw-mf-settings #beta-field:before {
background-color: #333 !important;
color: #fff !important;
}
.last-modified-bar {
background-color: #333 !important;
color: #fff !important;
}
 
/* Icons */
.mw-ui-icon-mf-back::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23fff%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-arrow::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 -407 24 24%22%3E%3Cpath fill=%22%23ccc%22 d=%22M21.348-401.268q.94 0 1.61.668l.92.922-11.858 11.86-11.822-11.842.922-.94q.65-.686 1.59-.686.94 0 1.61.668l7.718 7.7 7.7-7.682q.67-.668 1.61-.668z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-overlay-close::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-overlay-close-gray::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22%23fff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Eclose%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 fill=%22%23fffd%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-user::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22271.5 72.8 16 16%22%3E%3Cpath fill=%22%23666%22 d=%22M273.59 72.8c-2.03 0-2.09 1.907-2.09 2.032V88.8h13.91c2.03 0 2.09-1.907 2.09-2.032V72.8h-13.91z%22/%3E%3Cg fill=%22%23fff%22 transform=%22matrix%28.042 0 0 .042 259.047 68.752%29%22%3E%3Ccircle cx=%22437%22 cy=%22234.1%22 r=%2228%22/%3E%3Ccircle cx=%22553.5%22 cy=%22234.1%22 r=%2228%22/%3E%3C/g%3E%3Cpath fill=%22%23fff%22 d=%22M279.88 85.338c-1.8 0-3.533-.617-4.583-1.61-.248-.247-.248-.68 0-.927s.68-.243.928 0c.806.81 2.167 1.24 3.654 1.24 1.42 0 2.784-.43 3.59-1.24.244-.243.68-.243.924 0s.248.68 0 .93c-1.113.99-2.722 1.61-4.52 1.61z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-watched::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23009CFF%22 d=%22M8.91 9H1l6.007 5.86L5 23l7-4.319L19 23l-1.995-8.14L23 9h-7.909l-3.09-8z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-talk::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2230%22 viewBox=%220 0 40 30%22%3E%3Ctitle%3Etalkpage%3C/title%3E%3Cpath fill=%22%23009CFF%22 fill-rule=%22evenodd%22 d=%22M36 9v17.182L40 30H13V9h23.143H36zm-9-9v8H12v13H0l4-4c-.143.182-.143-17 0-17h23z%22/%3E%3C/svg%3E") !important;
}
 
/* Link overrides */
a, nav ul.hlist li a { color: #009CFF !important; }
a.new { color: #FF1A1A !important; }
 
/* SocialProfile */
.profile-info-container b, .profile-info-container div, .needed-points {
color: #ccc !important;
}
 
/* General */
body, .content, .oo-ui-messageDialog-message,
#mw-mf-diffview ins, #mw-mf-diffview del,
#mw-content-text a.mw-selflink, .scrollbox, .darkbg {
color: #ccc !important;
}
#mw-mf-diffview ins {
background-color: darkgreen !important;
}
#mw-mf-diffview del {
background-color: darkred !important;
}
.content figcaption, .content .thumbcaption,
#mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
color: #999 !important;
}
.overlay, .overlay-enabled, nav ul li,
#content, .ns-special #content,
.ns-special .pre-content,
.ns-special #content form,
.overlay.media-viewer .details {
background: #222 !important;
}
nav ul li a {
color: #999 !important;
}
nav ul li a:hover {
box-shadow: inset 4px 0 0 0 #666 !important;
}
nav ul.hlist li {
border: 0 !important;
background: transparent !important;
}
nav ul.hlist li a {
color: #fff !important;
}
.drawer {
background: #444 !important;
}
.editOptions {
background: transparent !important;
}
#mw-mf-diffarea .minoredit,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background: #333 !important;
}
#searchIcon {
border: none;
padding: 0;
background: none !important;
}
#page-actions, .content .mw-parser-output > h2, .content .section-heading {
border-color: #54595d !important;
}
.client-js .toc-mobile,
#mw-mf-diffview #mw-mf-userinfo {
border-color: #666;
background-color: #333;
}
.search-overlay, .overlay-content {
background-color: #222 !important;
}
.search-box .search,
.search-overlay .results,
.search-overlay .search-feedback {
color: #bbb !important;
background-color: #333 !important;
}
.page-summary h3 {
color: #bbb !important;
}
.overlay .content-header,
.previewnote p, .warningbox, .mw-revision {
color: #ccc !important;
border-color: #666 !important;
background-color: #333 !important;
}
.overlay-footer-container {
border-color: #777 !important;
}
.page-list li, .topic-title-list li, .site-link-list li {
border-color: #666 !important;
}
.mw-ui-button {
color: #fff !important;
background: #333 !important;
border-color: #666 !important;
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
color: #fff !important;
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background: #666 !important;
}
.mw-ui-input {
color: #ccc !important;
background: #333 !important;
}
.oo-ui-toggleSwitchWidget {
background-color: #444 !important;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: #555 !important;
}
.overlay-header .continue,
.overlay-header .submit {
color: #fff !important;
background-color: #888 !important;
}
div.thumbinner {
background: none !important;
}
pre {
background: #444 !important;
}
.mw-code {
background: rgba(242,242,242,0.8) !important;
}
.content table.wikitable > tr > th, .content table.wikitable > * > tr > th {
background-color: #444;
}
#title-linktabs {
padding: 0 0.5em 1px !important;
}

Latest revision as of 09:43, August 16, 2023

/* CSS placed here will affect users of the mobile night theme */