MediaWiki:Mobile.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+/* CSS placed here will affect users of the mobile site */
+.nomobile {
+    display: none;
+}
 body {
-     background: #0E1232;
+     background: black;
-     color: #A6CFFD;
+}
+.animations #mw-mf-page-center {
+    background: black;
+/* Use for graphic backgrounds */
+/*    background-image: url()  no-repeat fixed left top / cover  #000000; */
+    color: white;
+}
+/* HEADER */
+.header-container.header-chrome,
+#mw-mf-page-center {
+     background: rgba(33, 33, 33, 0.7);
+}
+.notification-count {
+   background: transparent;
+}
+/* Leave transparent if background if solid color, otherwise tweak black opacity to make text visible */
+.overlay-enabled, #content {
+    border-top: 0px solid #cccccc;
+    background: rgba(0,0,0,0.5) !important;
 }
-#content_wrapper {
+#mw-mf-page-center {
-    background: #000000;
-    color: #A6CFFD;
-    border: 1px solid #0A78E3;
-    clear: both;
-    margin: 0 8px;
 }
-h2 {
+.page-Main_Page.is-authenticated .pre-content {
-     border-bottom: 0px solid #AAAAAA;
+     display: none;
 }
-.thumb {
+/* FOOTER */
-     background: none repeat scroll 0 0 #000000;
+/* Background should match opacity of #content */
-     border: 1px solid #0A78E3;
+footer {
-     margin-bottom: 10px;
+    border-top: solid 1px #c8ccd1;
+     background: rgba(0, 0, 0, 0.5);
+}
+footer .last-modified-bar {
+     border-bottom: solid 1px #c8ccd1;
+     background-color: transparent;
+    color: #505050;
+}
+/* Fix to display properly with links of similar color */
+footer .last-modified-bar.active {
+    background-color: rgba(0, 175, 137, 0.5);
 }
-/***************
+/* LINKS */
-/* Link styles *
+/* Minimal code to affect all non-new links; notification ensures the default color always displays */
-/***************/
+a:not(.new) {
-a {
+    text-decoration: none;
-     color: #0A78E3;
+    color: #3366BB !important;
+}
+.notification-count .circle span {
+     color: #fff !important;
 }
-a:link {
+/* UI STYLING */
-     color: #0A78E3;
+/* Default values for HydraDark */
+.content table.wikitable > tr > th, .content table.wikitable > * > tr > th {
+     background-color: rgba(248, 249, 250, 0.35);
 }
-div#content a:visited, a:visited {
+.page-Main_Page.is-authenticated .pre-content {
-     color: #0A78E3;
+     display: none;
 }
-a:hover, div#content a:visited:hover, a:visited:hover {
+pre, .mw-code {
-     color: #0A78E3;
+    background-color: #282828;
+     border-color: #505050;
 }
-div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
+.client-js .toc-mobile {
-     color: #0A78E3;
+     background-color: transparent;
+    border-color: #505050;
 }
-div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
+.mw-ui-button {
-     color: #0A78E3;
+    background-color: transparent;
+    color: inherit;
+     border: 1px solid #fff;
 }
-div#content a.extiw:hover, div#footer a.extiw:hover, div#content a.external:hover, div#footer a.external:hover, div#content a.extiw:visited:hover, div#footer a.extiw:visited:hover, div#content a.external:visited:hover, div#footer a.external:visited:hover {
+.mw-ui-button.mw-ui-progressive:active,
-     color: #0A78E3;
+.mw-ui-button.mw-ui-constructive:active,
+.mw-ui-button.mw-ui-progressive.is-on,
+.mw-ui-button.mw-ui-constructive.is-on,
+.mw-ui-button.mw-ui-progressive.mw-ui-checked,
+.mw-ui-button.mw-ui-constructive.mw-ui-checked {
+    background-color: rgba(115, 115, 115, 0.33);
+     border-color: white;
 }
-a:active {
+.mw-mf-user,
-     color: #0A78E3;
+.list-header,
+.page-list.side-list .list-thumb, .topic-title-list.side-list .list-thumb, .site-link-list.side-list .list-thumb {
+    background-color: inherit;
+     color: inherit;
 }
-table[style] {
+/* Section arrows */
-    margin-left: 0 !important;
+.mw-ui-icon-arrow::before {
-    margin: auto !important;
+     filter: invert(100%);
-     width: 100%;
 }
-table {
+/* EDITOR OVERLAY */
-     border: 0px solid #CCCCCC;
+/* Search */
-     border-collapse: collapse !important;
+.search-overlay {
-     border-spacing: 0 !important;
+     background: rgba(0, 0, 0, 0.9) !important;
-    margin: auto;
+}
-    margin-bottom: 15px;
+.search-overlay .results,
-    padding: 3px;
+.search-overlay .search-feedback {
-     width: 100%;
+     background-color: #212121 !important;
+}
+.list-thumb.list-thumb-none {
+     background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M0%200h56v56H0z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M36.4%2013.5H17.8v24.9c0%201.4.9%202.3%202.3%202.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2zM30.2%2017h5.1v6.4h-5.1V17zm-8.8%200h6v1.8h-6V17zm0%204.6h6v1.8h-6v-1.8zm0%2015.5v-1.8h13.8v1.8H21.4zm13.8-4.5H21.4v-1.8h13.8v1.8zm0-4.7H21.4v-1.8h13.8v1.8z%22%2F%3E%3C%2Fsvg%3E) !important;
+}
+.page-summary h2,
+.page-summary h3 {
+     color: #F37F20 !important;
 }
-table td, table th {
+/* VE Overlay */
-     border: 0px solid #CCCCCC;
+.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
-     padding: 3px;
+     background-color: rgba(0, 0, 0, 0.9) !important;
+}
+.ve-ui-mwSaveDialog-options {
+     background-color: #212121 !important;
 }
-table.wikitable th {
+/* Editor Overlay */
-    background: #AAB966;
+.editor-overlay .wikitext-editor {
-     color: #000000;
+     color: #E0E0E0;
 }
-table.infobox {
+.editor-overlay .summary-request {
-     background: none repeat scroll 0 0 #000000;
+     color: #E0E0E0 !important;
-    border: 1px solid #0A78E3;
-    width:23em;
 }
-.mwm-notice {
+/* Overlays */
-     background: #000000;
+.overlay.editor-overlay,
-    border: 1px solid #A6CFFD;
+.overlay-header-container,
+.overlay-footer-container {
+     background: #212121 !important;
 }