MediaWiki:DarkMobile.css

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


 * 1) mw-content-text a.external[href^="https://www.destinypedia.com"] { color: #009CFF !important; }

/* White text theme */ .branding-box a, .branding-box sup, .footer-content, footer .hlist li::after, color: #fff !important; } .mw-ui-icon-wikimedia-menu-base20::before { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Emenu%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/g%3E%3C/svg%3E") !important; } .mw-ui-icon-wikimedia-search-base20::before { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M7.5 13c3.04 0 5.5-2.46 5.5-5.5S10.54 2 7.5 2 2 4.46 2 7.5 4.46 13 7.5 13zm4.55.46A7.432 7.432 0 017.5 15C3.36 15 0 11.64 0 7.5S3.36 0 7.5 0C11.64 0 15 3.36 15 7.5c0 1.71-.57 3.29-1.54 4.55l6.49 6.49-1.41 1.41-6.49-6.49z'/%3E%3C/g%3E%3C/svg%3E") !important; } .mw-ui-icon-wikimedia-bellOutline-base20::before { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Ebell%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5v.69zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4zM8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2z'/%3E%3C/g%3E%3C/svg%3E") !important; } .mw-ui-icon-minerva-userAvatarOutline::before { background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Euser avatar%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z'/%3E%3C/g%3E%3C/svg%3E") !important; } .header-chrome .mw-ui-icon-mf-close-base20::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/g%3E%3C/svg%3E") !important; }
 * 1) mw-mf-page-left ul.hlist li a, .footer-content a {

/* Background color */ body.skin-minerva, #mw-mf-page-left, .header-container.header-chrome, footer.minerva-footer, background: #444 !important; } .header { border-color: #444 !important; } /* Border color */ .minerva-footer, #mw-mf-page-left ul li { border-top: 1px solid #555 !important; } footer > .post-content > h2, body.skin-minerva.ns-special .content-header, body.skin-minerva .page-summary, .last-modified-bar, body.skin-minerva 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 */ body.skin-minerva h2.list-header, .last-modified-bar, .last-modified-bar.active, body.skin-minerva form.mw-mf-settings #beta-field::before { background-color: #333 !important; color: #fff !important; }
 * 1) mw-mf-page-center, .overlay-header-container, .overlay-footer-container {

/* Custom theme */ .client-nojs .search-box .search:focus, .search-overlay .search-box .search:focus { border-color: #999 !important; box-shadow: inset 0 0 0 1px #999,0 1px 1px rgba(0,0,0,0.05) !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-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; } .oo-ui-icon-check, .mw-ui-icon-check::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42L7 14.17z%22/%3E%3C/svg%3E") !important; } .oo-ui-icon-lock, .mw-ui-icon-lock::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elock%3C/title%3E%3Cpath fill=%22%23ccc%22 d=%22M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z%22/%3E%3C/svg%3E") !important; }

/* Link overrides */ a, #mw-mf-page-left ul.hlist li a { color: #009CFF !important; } .backtotop { background-color: #009CFF; } 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, color: #ccc !important; }	background-color: darkgreen !important; }	background-color: darkred !important; } .content figcaption, .content .thumbcaption, color: #999 !important; } .overlay, .overlay-enabled, #mw-mf-page-left ul li, .ns-special #content form, .overlay.media-viewer .details { background: #222 !important; } .overlay.media-viewer .image { background: #000 !important; }	color: #999 !important; }	color: transparent !important; }	box-shadow: inset 4px 0 0 0 #666 !important; }	border: 0 !important; background: transparent !important; }	color: #fff !important; } .drawer { background: #444 !important; } .editOptions { background: transparent !important; } .mw-mf-user { color: #aaa !important; } .content-unstyled .minoredit { color: #ccc !important; background: #333 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background: #333 !important; }	border: none; padding: 0; background: none !important; }	border-color: #54595d !important; } .client-js .toc-mobile, border-color: #666; background-color: #333; } .search-overlay .search-content { border-color: #555 !important; } .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, .category-header li, .content textarea, .content select { border-color: #666 !important; } .category-header li a { color: #fff !important; } .category-header li.selected a { color: #fff !important; border-bottom-color: #fff !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 .overlay-title { color: #fff !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; } .error { color: #d33; background: none; } .mw-indicators { line-height: 0; } .tabsection div:not(.center):not(.floatnone), .tabsection table, div.noarticletext { color: #ccc !important; }
 * 1) mw-mf-diffview ins, #mw-mf-diffview del,
 * 2) mw-content-text a.mw-selflink, .scrollbox, .darkbg {
 * 1) mw-mf-diffview ins {
 * 1) mw-mf-diffview del {
 * 1) mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
 * 1) content, .ns-special #content, .ns-special .pre-content,
 * 1) mw-mf-page-left ul li a {
 * 1) mw-mf-page-left ul li a.mw-ui-icon-element {
 * 1) mw-mf-page-left ul li a:hover {
 * 1) mw-mf-page-left ul.hlist li {
 * 1) mw-mf-page-left ul.hlist li a {
 * 1) searchIcon {
 * 1) page-actions, .content .mw-parser-output > h2, .content .section-heading {
 * 1) mw-mf-diffview #mw-mf-userinfo {