MediaWiki:Mobile.css

From Game Tech Wiki
Revision as of 06:13, 27 January 2020 by SonofUgly (talk | contribs) (Created page with "CSS placed here will affect users of the mobile site: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("gametechwiki.com") { .table-yes2 { background:...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the mobile site */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("gametechwiki.com") {
.table-yes2 {
background: white !important;
}
body, #mw-head, #mw-head a, .mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-menuSelectWidget-footer {
background: #2C2C2C !important;
border-color: #2C2C2C !important;
}
*{
color: #eee !important;
}
#p-logo a {
background-position:center center !important;
background-repeat:no-repeat !important;
}
.diff-deletedline del{
color: #ffd0d0 !important;
background: #5e120e !important;
}
.diff-addedline ins{
color: #d0ffd0 !important;
background: #0d4e0e !important;
}
a{
color: #000000 !important;
}
a:visited{
color: #eee !important;
}
a:link{
color: steelblue !important;
}
a.new{
color: #D92200 !important;
}
a:hover, a:hover span {
color: #fff !important;
text-decoration: underline !important;
}
#content, .oo-ui-clippableElement-clippable {
background: #333 !important;
border-color: #555 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#mp-tfa-h2 {
background: rgba(80,100,85,.7) !important;
}
[style*="background:#f5fffa"] {
background: rgba(20,60,24,.1) !important;
}
#mp-itn-h2 {
background: rgba(80,85,100,.7) !important;
}
[style*="background:#f5faff"] {
background: rgba(20,24,60,.18) !important;
}
#p-cactions-label a {
width: 15px !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIyMiIKICAgaGVpZ2h0PSIxNiIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAzNi4zNjIyKSIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxwYXRoCiAgICAgICBkPSJNIDEwLjAyODYyNCwzLjc3Mjk5MzIgOC4xOTc2NDQyLDYuOTQ0MzQyNCA2LjM2NjY2NDksMy43NzI5OTMyIHoiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgyLjczMDc3OTEsMCwwLDEuNTc2NjE2LC0xMS44ODU5NTYsMTAzNi40MTM2KSIKICAgICAgIGlkPSJwYXRoMjk4NSIKICAgICAgIHN0eWxlPSJmaWxsOiM3OTc5Nzk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgPC9nPgo8L3N2Zz4K) no-repeat !important;
}
#ca-watch a {
width: 20px !important;
background: url(data:image/png;base64,-) no-repeat !important;
}
#toc, #toc * {
background: #2C2C2C !important;
border-color: #2C2C2C !important;
}
#toc {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover {
padding: 0 1em 0.1em !important;
}
#bodyContent pre {
background: #1a1a1a !important;
}
/** BLANKED OUT IMAGES **/
img[src*="/images/poweredby_mediawiki_88x31.png"], img[src*="/images/wikimedia-button.png"], img[src*="/Bookshelf-40x201_6.png"] {
width: 0px !important;
background: none !important;
}
.portlet li, ul {
list-style-image: none !important;
}

html { background: #2C2C2C !important; }

body, div, ul, li, table, tbody, th, tr, td:not([bgcolor]), h2, h3, p, form, /*dl,*/ dt, dd, cite, code,
#tabs > ul > li > a, #tabs > ul > li > a > span, .tabs > ul > li > a, .tabs > ul > li > a > span,
/* #tabs a, #tabs a span, #navigation a, */ #page-header, .header, .side-left, .side-right,
.corners-top, .corners-bottom, .corners-top > span, .corners-bottom > span { background: none !important; }
/* MZ */ .sidebar a[class] { background-image: none !important; }
a, span, strong { background-color: transparent !important; }

* { color: inherit !important; text-shadow: none !important; border-color: #555 !important; }
html { color: #ccc !important; }
hr { height: 0 !important; border: 0 solid #555 !important; border-width: 1px 0 0 !important; }
a { color: #4be !important; border-color: currentColor !important; }
a:hover { color: #7df !important; }

::-moz-selection { background: #9cf !important; color: #000 !important; }
::selection { background: #9cf !important; color: #000 !important; }

input[type="submit"], input[type="button"], input[type="file"], input[type="reset"], button,
.button, .button2, .buttons > div > a, .profile-icons > li > a,
.download-button, a.download-main, a.colorizeit-main
{ color: #fff !important; border: 1px solid #555 !important; background: #111 !important;
border-radius: 7px !important; box-shadow: none !important; text-shadow: none !important;
background-image: linear-gradient(rgba(255,255,255,0.2),rgba(125,125,125,0.2),rgba(0,0,0,0.3)) !important; }

input[type="submit"]:hover, input[type="button"]:hover, input[type="file"]:hover, input[type="reset"]:hover, button:hover,
.button:hover, .button2:hover, .buttons > div > a:hover, .profile-icons > li > a:hover,
.download-button:hover, a.download-main:hover, a.colorizeit-main:hover
{ border-color: currentColor !important; background-color: #000 !important; color: #4be !important; box-shadow: 0 0 1em currentColor !important; }

button, input, select, textarea { -moz-appearance: none !important; }
input[type="radio"], input[type="checkbox"] { color: #4be !important; background: #222 !important; border-color: #999 !important; }

input, select, textarea, input[type="text"] { background: #181818 !important; color: #fff !important; border: 1px solid #555 !important; box-shadow: none !important; }
input[type] { border-width: 1px !important; border-style: solid !important; }
textarea:hover, input:hover, select:hover, textarea:focus, input:focus, select:focus { border-color: #09f !important; }

select > button { background-color: transparent !important; border: none !important; box-shadow: none !important; }
html:root option:checked { background: #9cf !important; color: #000 !important; }

td[style="text-align: center; background:#cef2e0"] {
  text-align: center !important;
  background: rgba(20,60,24,.3) !important;
}
.mw-plusminus-pos {
  color: rgba(10,155,0,1) !important;
}
.mw-plusminus-neg {
  color: rgba(180,40,20,1) !important;
}
td.table-yes2 {
background: rgba(20,60,24,.3) !important;
}
td.table-partially {
background: rgba(70,70,20,.3) !important;
}
td.table-no2 {
background: rgba(60,20,24,.3) !important;
}
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%237cb5d1%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E") {
    
  }
}