Transistor Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Transistor Wiki
Don't have an account?
Register
Register
Transistor Wiki
Transistor Wiki
101
pages

Mobile.css

MediaWiki page
Back to page
Sign in to edit
(GPE Bot Edit (b85c8f4c0129ea8c7dbf1a15793aa982996bb446,e8aa86e41307875541f9e806fcba437d13587982))
No edit summary
Line 1: Line 1:
 
/* CSS placed here will affect users of the mobile site */
  
/* CSS placed here will affect users of the mobile site */
−
/* Header and footer */
  
⚫
.header-container.header-chrome,
  
⚫
#mw-mf-page-center {
  
⚫
background: #212121;
  
⚫
}
  
−  
−  
 
.nomobile {
  
.nomobile {
 
display: none;
  
display: none;
 
}
  
}
   
  ⚫
body {
−
/* search header */
  
  ⚫
background: url("https://transistor.gamepedia.com/media/transistor.gamepedia.com/9/98/Bg.jpg") no-repeat fixed top center / cover #000000;
⚫
.overlay {
  
  ⚫
color: white;
⚫
background: rgba(0, 0, 0, 0.85);
  
 
}
  
}
   
  +
/* HEADER */
⚫
.overlay .overlay-header-container {
  
  ⚫
.header-container.header-chrome,
⚫
background: rgba(0, 0, 0, 0.85) !important;
  
  ⚫
#mw-mf-page-center {
  +
background: rgba(33, 33, 33, 0.7);
 
}
  
}
  +
.notification-count {
−  
  +
background: transparent;
⚫
.search-overlay .overlay-header,
  
⚫
.search-overlay .results {
  
⚫
background-color: rgba(0, 0, 0, 0.85) !important;
  
⚫
color: #E0E0E0;
  
 
}
  
}
   
  +
/* Leave transparent if background if solid color, otherwise tweak black opacity to make text visible */
−
.search-overlay {
  
  +
.overlay-enabled, #content {
⚫
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
 
  ⚫
border-top: 0px solid #cccccc;
  ⚫
background: rgba(0,0,0,0.5) !important;
 
}
  
}
   
  ⚫
#mw-mf-page-center {
−
ul.suggestions-results,
  
−
ul.suggestions-results li {
  
⚫
background: rgba(0, 0, 0, 0.85);
  
⚫
color: #E0E0E0;
  
 
}
  
}
   
  +
.page-Main_Page.is-authenticated .pre-content {
−
ul.suggestions-results li.suggestions-result {
  
−
color: #E0E0E0;
 +
display: none;
 
}
  
}
   
−
/* general header */
 +
/* FOOTER */
  +
/* Background should match opacity of #content */
−
#mw-mf-header form,
  
  ⚫
footer {
⚫
#mw-mf-sq {
  
−
background: rgba(0, 0, 0, 0.85);
 +
border-top: solid 1px #c8ccd1;
  ⚫
background: rgba(0, 0, 0, 0.5);
 
}
  
}
  +
footer .last-modified-bar {
−  
  ⚫
border-bottom: solid 1px #c8ccd1;
−
/* non-content area */
  
  ⚫
background-color: transparent;
⚫
body {
  
  +
color: #505050;
⚫
background-attachment: fixed;
  
⚫
background-color: #07090e;
  
⚫
background-image: url(http://hydra-media.cursecdn.com/transistor.gamepedia.com/9/98/Bg.jpg);
  
⚫
background-repeat: no-repeat;
  
⚫
background-size: cover;
  
 
}
  
}
  +
/* Fix to display properly with links of similar color */
−  
−
#footer {
 +
footer .last-modified-bar.active {
−
border-top: 1px solid #1a1a1a;
 +
background-color: rgba(0, 175, 137, 0.5);
⚫
color: #ffffff;
  
⚫
text-shadow: 1px 1px #000000;
  
 
}
  
}
   
  +
/* LINKS */
⚫
#footer a {
  
  +
/* Minimal code to affect all non-new links; notification ensures the default color always displays */
⚫
color: #6d8db3;
  
  +
a:not(.new) {
−
text-shadow: 1px 1px #000000;
  
  ⚫
text-decoration: none;
  ⚫
color: #57ffe3 !important;
  ⚫
text-shadow: 0px 0px 7px #a7a7a7;
 
}
  
}
  +
.notification-count .circle span {
−  
  +
color: #fff !important;
−
#footer h2 {
  
⚫
color: #6d8db3;
  
−
text-shadow: 1px 1px #000000;
  
 
}
  
}
   
−
/* content area */
 +
/* UI STYLING */
  +
/* Default values for HydraDark */
−
#content_wrapper {
  
  +
.content table.wikitable > tr > th, .content table.wikitable > * > tr > th {
⚫
background: rgba(0,0,0,.4);
  
  ⚫
background-color: rgba(248, 249, 250, 0.35);
⚫
border: 1px solid #57ffe3;
  
−
box-shadow: 0 0.1em 0.75em #687478;
  
⚫
color: #ffffff;
  
−
overflow: hidden;
  
 
}
  
}
   
  +
.page-Main_Page.is-authenticated .pre-content {
−
a,
  
  ⚫
display: none;
−
a.external {
  
⚫
color: #6d8db3;
  
 
}
  
}
   
  +
pre, .mw-code {
−
a:visited {
  
−
color: #06362e;
 +
background-color: #282828;
  ⚫
border-color: #505050;
 
}
  
}
   
  +
.client-js .toc-mobile {
−
.content table th {
  
−
background-color: rgba(0, 0, 0, 0);
 +
background-color: transparent;
  ⚫
border-color: #505050;
 
}
  
}
   
  +
.mw-ui-button {
−
.content table td,
  
  ⚫
background-color: transparent;
−
.content table th {
  
−
border: medium none;
 +
color: inherit;
−
padding: 3px;
 +
border: 1px solid #fff;
 
}
  
}
   
  +
.mw-ui-button.mw-ui-progressive:active,
−
h1,
 
  +
.mw-ui-button.mw-ui-constructive:active,
−
h2 {
  
  +
.mw-ui-button.mw-ui-progressive.is-on,
−
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  
  +
.mw-ui-button.mw-ui-constructive.is-on,
⚫
border-bottom: 1px solid #6d8db3;
  
  +
.mw-ui-button.mw-ui-progressive.mw-ui-checked,
⚫
color: #6d8db3;
  
  +
.mw-ui-button.mw-ui-constructive.mw-ui-checked {
  ⚫
background-color: rgba(115, 115, 115, 0.33);
  ⚫
border-color: white;
 
}
  
}
   
  +
.mw-mf-user,
−
h3, h4, h5, h6 {
  
  +
.list-header,
−
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  
  +
.page-list.side-list .list-thumb, .topic-title-list.side-list .list-thumb, .site-link-list.side-list .list-thumb {
−
color: #6d8db3;
  
  ⚫
background-color: inherit;
  ⚫
color: inherit;
 
}
  
}
   
  +
/* Section arrows */
−
.thumb,
  
  +
.mw-ui-icon-arrow::before {
−
#content_wrapper .thumb {
  
−
background: transparent;
 +
filter: invert(100%);
−
border: 2px solid #1a1a1a;
  
 
}
  
}
   
  +
/* EDITOR OVERLAY */
−
table.wikitable {
  
  +
/* Search */
⚫
border: none;
  
  ⚫
.search-overlay {
⚫
border-collapse: separate !important;
  
−
border-spacing: 2px !important;
 +
background: rgba(0, 0, 0, 0.9) !important;
−
margin: auto;
  
−
margin-bottom: 1em;
  
 
}
  
}
  ⚫
.search-overlay .results,
−  
  ⚫
.search-overlay .search-feedback {
−
table.wikitable td {
  
  ⚫
background-color: #212121 !important;
⚫
border: none;
  
  ⚫
}
−
padding: 3px;
  
  +
.list-thumb.list-thumb-none {
−
background: rgba(0, 0, 0, 0);
  
  +
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,
−
table.wikitable th {
  
  +
.page-summary h3 {
−
background: #a61800;
  
−
border: none;
 +
color: #F37F20 !important;
−
padding: 3px;
  
 
}
  
}
   
  +
/* VE Overlay */
−
.mwm-notice,
  
  +
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
−
#searchbox {
  
−
background: rgba(0, 0, 0, 0);
 +
background-color: rgba(0, 0, 0, 0.9) !important;
  +
}
−
border: 2px solid #1a1a1a;
  
  +
.ve-ui-mwSaveDialog-options {
−
border-radius: 5px 5px 5px 5px;
  
  ⚫
background-color: #212121 !important;
 
}
  
}
   
  +
/* Editor Overlay */
−
.divclearable,
  
  +
.editor-overlay .wikitext-editor {
−
a.watch-this-article,
  
  ⚫
color: #E0E0E0;
−
.jsEnabled #mw-mf-main-menu-button {
  
−
background-color: rgba(0, 0, 0, 0);
  
 
}
  
}
   
  +
.editor-overlay .summary-request {
−
a.back_to_top,
  
  +
color: #E0E0E0 !important;
−
a.back_to_top:visited {
  
−
margin-top: 7px;
  
 
}
  
}
   
  +
/* Overlays */
−
.Transistor {
  
  +
.overlay.editor-overlay,
−
background:#bfbfbf;
  
  ⚫
.overlay-header-container,
−
background:-moz-linear-gradient(top, #bfbfbf, #868585 100%);
  
  +
.overlay-footer-container {
−
background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #bfbfbf), color-stop(100%,#868585 ));
  
−
background:-webkit-linear-gradient(top, #bfbfbf 0%, #868585 100%);
 +
background: #212121 !important;
−
background:-o-linear-gradient(top, #bfbfbf 0%, #868585 100%);
  
−
background:-ms-linear-gradient(top, #bfbfbf 0%, #868585 100%);
  
−
background:linear-gradient(to bottom, #bfbfbf 0%, #868585 100%);
  
−
border: 1px solid #868585;
  
−
box-shadow: rgba(104, 116, 120, 1) 0 0.1em 0.75em;
  
 
}
  
}

Revision as of 20:37, 29 August 2017

/* CSS placed here will affect users of the mobile site */
.nomobile {
    display: none;
}

body {
    background: url("https://transistor.gamepedia.com/media/transistor.gamepedia.com/9/98/Bg.jpg") no-repeat fixed top center / 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;
}

#mw-mf-page-center {
}

.page-Main_Page.is-authenticated .pre-content {
    display: none;
}

/* FOOTER */
/* Background should match opacity of #content */
footer {
    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 */
/* Minimal code to affect all non-new links; notification ensures the default color always displays */
a:not(.new) {
    text-decoration: none;
    color: #57ffe3 !important;
    text-shadow: 0px 0px 7px #a7a7a7;
}
.notification-count .circle span {
    color: #fff !important;
}

/* UI STYLING */
/* Default values for HydraDark */
.content table.wikitable > tr > th, .content table.wikitable > * > tr > th {
    background-color: rgba(248, 249, 250, 0.35);
}

.page-Main_Page.is-authenticated .pre-content {
    display: none;
}

pre, .mw-code {
    background-color: #282828;
    border-color: #505050;
}

.client-js .toc-mobile {
    background-color: transparent;
    border-color: #505050;
}

.mw-ui-button {
    background-color: transparent;
    color: inherit;
    border: 1px solid #fff;
}

.mw-ui-button.mw-ui-progressive:active, 
.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;
}

.mw-mf-user, 
.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;
}

/* Section arrows */
.mw-ui-icon-arrow::before {
    filter: invert(100%);
}

/* EDITOR OVERLAY */
/* Search */
.search-overlay {
    background: rgba(0, 0, 0, 0.9) !important;
}
.search-overlay .results,
.search-overlay .search-feedback {
    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;
}

/* VE Overlay */
.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;
}

/* Editor Overlay */
.editor-overlay .wikitext-editor {
    color: #E0E0E0;
}

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

/* Overlays */
.overlay.editor-overlay,
.overlay-header-container,
.overlay-footer-container {
    background: #212121 !important;
}
Community content is available under CC BY-NC-SA unless otherwise noted.