MediaWiki:Mobile.css
Revision as of 13:51, 11 May 2021 by Conorsouness (talk | contribs)
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 / Edge: 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.
@font-face {
font-family: Share Tech;
src: url(https://fonts.gstatic.com/s/sharetech/v12/7cHtv4Uyi5K0OeZ7bohU8H0JmA.woff2) format('woff2');
}
body {
background: #0E061E url(https://wiki.blaston.com/images/8/8b/Blaston_Wiki_Background.png) no-repeat fixed center center / cover;
font-family: 'Share Tech', sans-serif;
font-size: 100%;
}
a {
font-size: 100% !important;
color: #55F5FA !important;
}
a.external {
font-size: 100% !important;
color: #55F5FA !important;
}
/* new page */
a.new {
color: #E0436A !important;
}
/* visited link */
a:visited {
font-size: 100% !important;
color: #A2AECC !important;
}
/* selected link */
a:active {
color: #55F5FA !important;
}
#mw-panel {
position: absolute;
top: 0;
width: 10em;
left: 0;
background-color: rgba(14,6,30,0.75) !important;
}
/* filters on changes screen */
.mw-rcfilters-ui-menuSelectWidget {
z-index: auto;
max-width: 650px;
background: #0E061E !important;
}
.oo-ui-popupWidget-popup {
box-shadow: none;
background: #0E061E !important;
}
.oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
min-height: 32px;
background: #0E061E !important;
}
#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
background-color: rgba(14,6,30,1) !important;
}
.catlinks {
border: 1px solid #8D79BE;
background-color: rgba(14,6,30, 0.75) !important;
padding: 5px;
margin-top: 1em;
clear: both;
}
dt {
font-weight: 300;
margin-bottom: 0.1em;
color: #FFC536;
}
.mw-body{
background-color: rgba(14, 6, 30, 0.75) !important;
font-size: 100%;
font-family: 'Share Tech', sans-serif !important;
margin-top: -1px;
border: 1px solid #0E061E;
border-right-width: 0;
}
/* editor toolbar */
.oo-ui-toolbar-bar {
background-color: #4D1BA6 !important;
color: #A79EF1 !important;
}
.oo-ui-window-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background: #0e061e !important;
}
.oo-ui-messageDialog-message {
font-size: 1.1em;
color: #FFFFFF !important;
text-align: left;
}
.oo-ui-messageDialog-title {
font-size: 1.5em;
color: #EBC9FF !important;
}
h1{
font-family: 'Share Tech', sans-serif !important;
font-size: 2em !important;
color: #FFFFFF !important;
margin-top: 1em;
border-bottom: 1px solid #EBC9FF;
text-transform: uppercase;
}
h2{
font-size: 1.5em !important;
color: #EBC9FF !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
.toc h2 {
display: inline;
border: 0;
padding: 0;
font-size: 100%;
font-weight: 400;
}
h3{
font-size: 1.25em !important;
color: #A2AECC !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
h4{
font-size: 1em !important;
color: #A2AECC !important;
font-family: 'Share Tech', sans-serif !important;
border-bottom: none;
text-transform: uppercase;
}
div{
font-size: 1em !important;
color: #ffffff !important;
background-color: rgba(14, 6, 30, 0) !important;
font-family: 'Share Tech', sans-serif !important;
}
.tocnumber {
color: #FFC536 !important;
padding-left: 0;
padding-right: 0.5em;
}
.toctogglelabel {
color: #55F5FA !important;
}
.oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
display: block;
background-color: #0E061E !important;
}
.vector-menu-tabs li
{
font-size: 1em !important;
color: #8D79BE !important;
background-color: #0E061E !important;
background: none;
}
.vector-menu-tabs li a {
background-position: right bottom;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
height: 2em;
position: relative;
padding-top: 1.25em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 2em;
font-size: 1em;
cursor: pointer;
}
.vector-menu-dropdown .vector-menu-content-list {
background-color: #0E061E !important;
list-style: none none;
min-width: 100%;
position: absolute;
top: 2.5em;
left: -1px;
margin-top: 0.5em;
border: 1px solid #EBC9FF;
border-top-width: 0;
padding: 0;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
transition: opacity 100ms;
z-index: 2;
}
.mw-footer li {
color: #657b9e !important;
margin: 0;
padding: 0.75em 0;
font-size: 1em !important;
}
.portal .body li, .vector-menu-portal .body li {
margin: 0;
padding: 0.25em 0;
font-size: 1em;
line-height: 1.125em;
}
ul li::marker {
display: list-item;
content: "-";
color: teal;
font-weight: bold;
}
.oo-ui-buttonElement-button{
font-size: 1em !important;
color: #A79EF1 !important;
background-color: #4D1BA6 !important;
min-height: 1.5em !important;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
position: relative;
border-width: 0px;
border-radius: 2px;
font-weight: bold;
text-decoration: none;
padding-top: 0em !important;
}
/*calendar widget*/
.mw-widget-calendarWidget-body-outer-wrapper {
clear: both;
position: relative;
overflow: hidden;
width: 21em;
height: 14em;
background: #0E061E !important;
}
.mw-widget-calendarWidget-header {
position: relative;
line-height: 2.5;
background-color: #0E061E !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
font-size: 1em !important;
color: #E0436A !important;
background-color: #4D1BA6 !important;
align-items: center;
}
#simpleSearch:hover #searchInput {
border-color: #A79EF1 !important;
color: #8D79BE !important;
}
#searchInput {
border-color: #8D79BE !important;
background-color: #0E061E !important;
font-family: 'Share Tech', sans-serif;
font-size: 100%;
color: #EBC9FF !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: #0E061E;
background-size: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
width: 1.42857143em;
height: 1.42857143em;
border-color: #ffffff;
border-style: solid;
border-radius: 4px;
border-width: 0;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span{
background-color: #ffffff;
border-color: #ffffff;
}
.mw-plusminus-pos {
color: #00E58C !important;
}
.mw-plusminus-neg {
color: #E0436A !important;
}
.oo-ui-tagMultiselectWidget-handle {
border: solid;
margin-bottom: 1em;
}
.wikitable {
background-color: rgba(14, 6, 30, 0) !important;
font-size: 1em !important;
color: #8D79BE !important;
margin: 1em 0;
border: 1px solid #EBC9FF;
border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: rgba(14, 6, 30, 0) !important;
text-align: center;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #8D79BE;
padding: 0.2em 0.4em;
}
.mw_metadata td {
background-color: rgb(14 6 30 / 75%) !important;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.mw_metadata th {
background-color: rgb(14 6 30 / 75%) !important;
font-weight: normal;
text-align: center;
}
.mw-datatable tr:hover td {
background-color: #4D1BA6 !important;
}
.mw-datatable td {
background-color: rgba(14, 6, 30, 0) !important;
}
.mw-datatable th {
background-color: rgba(14, 6, 30, 0) !important;
}
.mw-datatable td, .mw-datatable th {
border: 1px solid #ebc9ff;
padding: 0.2em 0.4em;
}
pre, .mw-code {
color: #FFFFFF !important;
background-color: rgba(14, 6, 30, 0) !important;
border: 1px solid #a79ef1 !important;
padding: 1em;
white-space: pre-wrap;
overflow-x: hidden;
word-wrap: break-word;
}
.oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
padding-top: 6px;
padding-bottom: 0px;
}
.mw-ui-button {
background-color: #4D1BA6 !important;
color: #A79EF1 !important;
}
.mw-ui-button:hover {
background-color: #6432BD !important;
color: #A79EF1 !important;
border-color: none;
}
.diff-context {
background: rgb(255 255 255 / 10%);
border-color: #ebc9ff;
color: #ffffff;
}
.diff-deletedline .diffchange {
background: #d33;
font-weight: 400;
padding-left: 1em;
padding-right: 1em;
}
.diff-addedline .diffchange {
background: #00e58c6e;
padding-left: 1em;
padding-right: 1em;
}
.diff-addedline {
border-color: #00E58C;
}
#filetoc {
text-align: center;
border: 1px solid #8D79BE;
background-color: rgba(14,6,30, 0.75) !important;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
/* Infobox template style */
.infobox {
border: 1px solid #8D79BE;
border-spacing: 3px;
background-color: none;
color: #FFFFFF;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
/* not strictly certain these styles are necessary
* just replicating the module faithfully
*/
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* remove .infobox when th, td above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element declaration when both a) infobox3cols is migrated and
* b) when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* remove .infobox when th, td above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* remove .infobox when th, td above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
.infobox.bordered {
border-collapse: collapse;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
/* styles for bordered infobox with merged rows */
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #8D79BE;
/* @noflip */
border-right: 1px solid #8D79BE;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #8D79BE;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #8D79BE;
padding: 0.4em 0.6em 0.4em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #8D79BE;
padding: 0.4em 0.6em 0.2em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #8D79BE;
padding: 0 0.6em 0.4em 0.6em;
}
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
text-align: inherit;
}