MediaWiki:Mobile.css: Difference between revisions

MediaWiki interface page
imported>FANDOMbot
(Replacing "/media" links with image links. If you have any questions or noticed issues related to this edit, please reach out to us using the Special:Contact page.)
 
(No difference)

Latest revision as of 06:57, 23 February 2021

/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center,
footer {
    background: #212121;
}

.notification-count.notification-unseen,
.notification-count {
   background: transparent;
}


.header .branding-box h1 {
    border-bottom: none;
}

.nomobile {
    display: none;
}

/* fonts */
@font-face {
	font-family: 'Electrolize-Regular';
	src: local('Electrolize-Regular'), local('Electrolize-Regular'), url(/media/hydra/fonts/Electrolize-Regular.ttf) format('truetype');
}


a.watch-this-article {
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}


/* search header */
.pre-content #page-actions {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.85);
}

.overlay .overlay-header-container {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

.search-overlay .overlay-header,
.search-overlay .results {
    background-color: rgba(0, 0, 0, 0.85) !important;
    color: #ffffff;
}

.search-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; 
}

ul.suggestions-results,
ul.suggestions-results li {
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff;
}

ul.suggestions-results li.suggestions-result {
    color: #ffffff;
}

.client-js .toc-mobile {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #ad8b32; !important;
}

.mw-ui-button,
.last-modified-bar #mw-mf-last-modified {
    background-color: rgba(0, 0, 0, 0);
    color: c8c8c8;
}

/* general header */
#mw-mf-header form,
#mw-mf-sq {
    background-color: rgba(0, 0, 0, 0.85);
}

/* non-content area */
body {
    background: black url("https://static.wikia.nocookie.net/automation_gamepedia/images/3/3a/Bg.png/revision/latest") no-repeat fixed top / 100% auto;
    background-size: cover;
    color: white;
}


/* content area */
.overlay-enabled, 
#content {
    background-color: rgba(50, 50, 50, 0.7);
}

a,
a:visited,
a.external {
    color: #70b7ff;
}

h1, 
h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E0E0E0;
    font-family: Electrolize-Regular;
    color: #e0e0e0;
}

h3, h4, h5, h6 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: Electrolize-Regular;
    color: #e0e0e0;
}

.thumb,
#content_wrapper .thumb,
li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #2c2c2c;
}

.content table th {
    background-color: rgba(0, 0, 0, 0);
}

.content table td,
.content table th {
    border: 1px solid #2c2c2c;
    padding: 3px;
}

.content table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    margin: auto;
    margin-bottom: 1em;
}

.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
    border: 1px solid #2c2c2c;
}

.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
    background-color: #000000;
    padding: 3px;
}

.client-js .toc-mobile {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #202020 !important;
  border-bottom-color: #eaecf0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: #eaecf0;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #eaecf0;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #eaecf0;
  border-top-style: solid;
  border-top-width: 1px;
}

.mw-ui-icon.mw-ui-icon-before::before, 
.mw-ui-icon.mw-ui-icon-element::before {
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  filter: invert(50%);
  float: left;
  min-height: 1.5em;
}

/* hamburger menu */
#mw-mf-viewport,
nav {
    background: #212121 !important;
}

nav ul li {
    background: #181818 !important;
}

nav ul.hlist li {
    background: transparent !important;
}

nav ul li a.mw-ui-icon {
    filter: invert(100%);
}

nav ul li a {
    font-weight: bold;
}

nav ul.hlist li a {
    color: #F37F20 !important;
}


.list-header {
  background-color: #202020;
  color: #72777d;
  font-weight: bold;
}

.page-list li, 
.topic-title-list li, 
.site-link-list li {
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-color: #eaecf0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #666;
  line-height: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: -1px;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
  position: relative;
}

.timestamp {
  color: white;
}



/* various, prolly wonky */
.ve-init-mw-mobileArticleTarget-title {
  color: white;
  font-weight:bold;
}


#page-actions .language-selector.disabled {
  cursor: default;
  opacity: 1;
}

/*messages VE */
.oo-ui-messageDialog-message {
  color: white !important;
  font-size: 1.1em;
  line-height: 1.4;
  text-align: left;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: white !important;
}

.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
  color: white;
  line-height: 1.4;
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
  background-color: gray;
}

.overlay.editor-overlay,
.overlay-header-container,
.overlay-footer-container {
    background: #212121 !important;
    color: white;
}

.editor-overlay .wikitext-editor {
    color: #E0E0E0;
}

.editor-overlay .summary-request {
    color: #E0E0E0 !important;
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.ve-ui-mwSaveDialog-options {
    background-color: #212121 !important;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
    filter: invert(100%);
}

.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}

.oo-ui-indicator-down {
    background-image: linear-gradient(transparent,transparent),url(https://static.wikia.nocookie.net/commons_hydra/images/0/00/Light_down_arrow.svg);
}


/* might contain dragons */
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
.oo-ui-iconElement .oo-ui-iconElement-icon,
.oo-ui-iconElement.oo-ui-iconElement-icon {
    filter: invert(50%);
}

.oo-ui-toolbar-bar,
.toolbar {
  background-color: transparent !important;
  color: white;
}

.editor-overlay-ve .overlay-header-container .ve-init-mw-mobileArticleTarget-toolbar .oo-ui-toolbar-bar {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: 0;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0;
  box-shadow: none;
}

.oo-ui-fieldsetLayout-group {
  clear: both;
  color: white;
}

.oo-ui-popupToolGroup-handle:hover {
  background-color:#B7B1AF;
  color:white;
}

.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
  color: white;
  line-height: 1.8;
  padding-left: 2em;
}

ve-ui-targetWidget-toolbar,
.ve-ui-toolbar {
  background-color:transparent;
}

.oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
  filter: invert(50%);
  height: 100%;
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0;
  opacity: 0.87;
  right: 0;
  top: 0;
  width: 0.9375em;
}

.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-tool-title {
  color: white !important;
  transition-delay: 0s;
  transition-duration: 100ms;
  transition-property: color;
  transition-timing-function: ease;
}