Changes

Jump to navigation Jump to search

MediaWiki:Mobile.css (view source)

Revision as of 13:48, 23 July 2021

25,999 bytes added ,  13:48, 23 July 2021
no edit summary
Line 1: Line 1:  
@font-face {
 
@font-face {
 
   font-family: Share Tech;
 
   font-family: Share Tech;
−
   src: url(https://fonts.googleapis.com/css2?family=Share+Tech&display=swap);
+
   src: url(https://fonts.gstatic.com/s/sharetech/v12/7cHtv4Uyi5K0OeZ7bohU8H0JmA.woff2) format('woff2');
 
}
 
}
    
body {
 
body {
−
     background-color: #0E061E !important;
+
     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-family: 'Share Tech', sans-serif;
 
     font-size: 100%;
 
     font-size: 100%;
Line 12: Line 12:  
a {
 
a {
 
     font-size: 100% !important;  
 
     font-size: 100% !important;  
−
     color: #EBC9FF !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{
 
.mw-body{
−
     background-color: #0E061E !important;
+
     background-color: rgba(14, 6, 30, 0.75) !important;
 
     font-size: 100%;
 
     font-size: 100%;
 
     font-family: 'Share Tech', sans-serif !important;
 
     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{
 
h1{
 +
    font-family: 'Share Tech', sans-serif !important;
 
     font-size: 2em !important;  
 
     font-size: 2em !important;  
−
     color: #EBC9FF !important;
+
     color: #FFFFFF !important;
 
     margin-top: 1em;
 
     margin-top: 1em;
 
     border-bottom: 1px solid #EBC9FF;
 
     border-bottom: 1px solid #EBC9FF;
−
z-index: -1;
   
}
 
}
 
h2{
 
h2{
 
     font-size: 1.5em !important;  
 
     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;
 
     color: #A2AECC !important;
 +
    font-family: 'Share Tech', sans-serif !important;
 
     border-bottom: none;
 
     border-bottom: none;
 +
    text-transform: uppercase;
 
}
 
}
    
div{
 
div{
 
     font-size: 1em !important;  
 
     font-size: 1em !important;  
−
     color: #8D79BE !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;
 
     background-color: #0E061E !important;
−
    font-family: 'Share Tech', sans-serif !important;
   
}
 
}
   Line 47: Line 185:  
     background-color: #0E061E !important;
 
     background-color: #0E061E !important;
 
     background: none;
 
     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;
 
}
 
}
   Line 56: Line 238:  
}
 
}
    +
ul li::marker {
 +
  display: list-item;
 +
  content: "-";
 +
  color: teal;
 +
  font-weight: bold;
 +
 +
}
 +
.suggestions-special {
 +
    position: relative;
 +
    background-color: #fff;
 +
    cursor: pointer;
 +
  border: none !important;
 +
    margin: 0;
 +
    margin-top: -2px;
 +
    display: none;
 +
    padding: 0.25em 0.25em;
 +
    line-height: 1.25em;
 +
    background-color: #0E061E !important;
 +
}
 
.oo-ui-buttonElement-button{
 
.oo-ui-buttonElement-button{
−
     font-size: 1.5em !important;  
+
     font-size: 1em !important;  
 
     color: #A79EF1 !important;  
 
     color: #A79EF1 !important;  
 
     background-color: #4D1BA6 !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 {
 
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
−
     font-size: 1.5em !important;  
+
     font-size: 1em !important;  
 
     color: #E0436A !important;  
 
     color: #E0436A !important;  
 
     background-color: #4D1BA6 !important;
 
     background-color: #4D1BA6 !important;
 
     align-items: center;
 
     align-items: center;
 +
}
 +
 +
#simpleSearch:hover #searchInput {
 +
    border-color: #A79EF1 !important;
 +
    color: #8D79BE !important;
 
}
 
}
    
#searchInput {
 
#searchInput {
 +
    border-color: #8D79BE !important;
 
     background-color: #0E061E !important;
 
     background-color: #0E061E !important;
 
     font-family: 'Share Tech', sans-serif;
 
     font-family: 'Share Tech', sans-serif;
 
     font-size: 100%;
 
     font-size: 100%;
−
color: #A79EF1 !important;
+
    color: #EBC9FF !important;
 
}
 
}
   Line 94: Line 327:  
     background-color: #ffffff;
 
     background-color: #ffffff;
 
     border-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: #ffffff; !important;
 +
    margin: 1em 0;
 +
    margin-right: .5em;
 +
    margin-left: .5em;
 +
    border: none !important;
 +
    border-collapse: collapse;
 +
}
 +
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
    border: none !important;
 +
    padding: 0.2em 0.4em;
 +
}
 +
 +
th{
 +
    color: #ffffff;
 +
    background-color: #6E006A !important;
 +
    font-weight: 500;
 +
}
 +
 +
/* Default style for navigation boxes */
 +
.navbox {                    /* Navbox container style */
 +
box-sizing: border-box;
 +
border: none !important;
 +
width: 100%;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
padding: 1px;
 +
margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
 +
}
 +
 +
.navbox .navbox {
 +
margin-top: 0;            /* No top margin for nested navboxes */
 +
}
 +
 +
.navbox + .navbox {
 +
margin-top: -1px;        /* Single pixel border between adjacent navboxes */
 +
}
 +
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
width: 100%;
 +
}
 +
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
padding: 0.25em 1em;      /* Title, group and above/below styles */
 +
line-height: 1.5em;
 +
text-align: center;
 +
}
 +
 +
th.navbox-group {            /* Group style */
 +
white-space: nowrap;
 +
/* @noflip */
 +
text-align: right;
 +
}
 +
 +
.navbox,
 +
.navbox-subgroup {
 +
background-color: #fdfdfd; /* Background color */
 +
}
 +
 +
.navbox-list {
 +
line-height: 1.5em;
 +
border-color: #fdfdfd;    /* Must match background color */
 +
}
 +
 +
/* cell spacing for navbox cells */
 +
tr + tr > .navbox-abovebelow,
 +
tr + tr > .navbox-group,
 +
tr + tr > .navbox-image,
 +
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
 +
border-top: 2px solid #fdfdfd; /* Must match background color */
 +
}
 +
 +
.navbox th,
 +
.navbox-title {
 +
background-color: #ccccff;      /* Level 1 color */
 +
}
 +
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
background-color: #ddddff;      /* Level 2 color */
 +
}
 +
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
background-color: #e6e6ff;      /* Level 3 color */
 +
}
 +
 +
.navbox-even {
 +
background-color: #f7f7f7;      /* Even row striping */
 +
}
 +
 +
.navbox-odd {
 +
background-color: transparent;  /* Odd row striping */
 +
}
 +
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 +
}
 +
 +
.wikitable > tr > th, .wikitable > * > tr > th {
 +
    text-align: center;
 +
}
 +
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
    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;
 +
}
 +
 +
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif {
 +
    background: none;
 +
}
 +
 +
html .thumbimage {
 +
    background: none !important;
 +
    border:none !important;
 +
}
 +
@media only screen and (max-width: 900px) {
 +
div.tright, div.floatright, table.floatright {
 +
    clear: right;
 +
    float: none;
 +
}}
 +
 +
div.tright, div.floatright, table.floatright {
 +
    clear: right;
 +
    float: right;
 +
}
 +
 +
.mw-parser-output .mod-gallery .whitebg .thumb {
 +
    background: #fff0 !important;
 +
 +
}
 +
 +
li.gallerybox div.thumb {
 +
    border: none;
 +
    background: none !important;
 +
}
 +
 +
/* Infobox template style */
 +
 +
.infobox {
 +
    border: none !important;
 +
    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;
 +
}
 +
 +
th.infobox-label{
 +
background-color: transparent !important;
 +
}
 +
 +
.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;
 +
        font-weight: 500;
 +
}
 +
 +
/* 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: none !important;
 +
}
 +
 +
/* 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;
 +
}
 +
 +
/* Style for horizontal lists (separator following item).
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 8 (2016-05-21)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
margin: 0; /* don't trust the note that says margin doesn't work with inline
 +
* removing margin: 0 makes dds have margins again */
 +
display: inline;
 +
}
 +
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl,
 +
.hlist dl ol,
 +
.hlist dl ul,
 +
.hlist ol dl,
 +
.hlist ol ol,
 +
.hlist ol ul,
 +
.hlist ul dl,
 +
.hlist ul ol,
 +
.hlist ul ul {
 +
display: inline;
 +
}
 +
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
display: none;
 +
}
 +
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
content: ": ";
 +
}
 +
 +
/**
 +
* Note hlist style usage differs in Minerva and is defined in core as well!
 +
* Please check Minerva desktop (and Minerva.css) when changing
 +
* See https://phabricator.wikimedia.org/T213239
 +
*/
 +
.hlist dd:after,
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
}
 +
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before,
 +
.hlist dd dt:first-child:before,
 +
.hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before,
 +
.hlist dt dt:first-child:before,
 +
.hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before,
 +
.hlist li dt:first-child:before,
 +
.hlist li li:first-child:before {
 +
content: " (";
 +
font-weight: normal;
 +
}
 +
 +
.hlist dd dd:last-child:after,
 +
.hlist dd dt:last-child:after,
 +
.hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after,
 +
.hlist dt dt:last-child:after,
 +
.hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after,
 +
.hlist li dt:last-child:after,
 +
.hlist li li:last-child:after {
 +
content: ")";
 +
font-weight: normal;
 +
}
 +
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
counter-reset: listitem;
 +
}
 +
 +
.hlist ol > li {
 +
counter-increment: listitem;
 +
}
 +
 +
.hlist ol > li:before {
 +
content: " " counter(listitem) "\a0";
 +
}
 +
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
content: " (" counter(listitem) "\a0";
 +
}
 +
@media only screen and (max-width: 900px) {
 +
.client-js .collapsible-block.open-block {
 +
    /* display: block; */
 +
    display: inline-flex;
 +
    flex-direction: column-reverse;
 +
}}
 +
 +
.client-js .collapsible-block.open-block {
 +
display: block;
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
section #mf-section-0
 +
{
 +
display: inline-flex;
 +
    flex-direction: column;
 +
}
 +
}
 +
 +
/* 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;
 +
}
 +
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
 +
border: none;
 +
/* @noflip */
 +
padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
width: 100%;              /* Make all mboxes the same width regardless of text length */
 +
}
 +
 +
td.mbox-image {                /* The left image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-imageright {          /* The right image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
border: none;
 +
padding: 0;
 +
width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 +
border: none !important;
 +
/* @noflip */
 +
border-left: 10px solid #36c;  /* Default "notice" blue */
 +
background-color: #fbfbfb;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 +
margin-top: -1px;
 +
}
 +
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
 +
.ambox td.mbox-image {          /* The left image cell */
 +
/* @noflip */
 +
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
/* @noflip */
 +
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
/* @noflip */
 +
border-left: 10px solid #36c;      /* Blue */
 +
}
 +
 +
table.ambox-speedy {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
background-color: #fee7e6;          /* Pink */
 +
}
 +
 +
table.ambox-delete {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
}
 +
 +
table.ambox-content {
 +
/* @noflip */
 +
border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ambox-style {
 +
/* @noflip */
 +
border-left: 10px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ambox-move {
 +
/* @noflip */
 +
border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ambox-protection {
 +
/* @noflip */
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
    /* margin: 4px 10%; */
 +
    border-collapse: collapse;
 +
    border: 3px solid #36c;
 +
    background-color: #fbfbfb;
 +
    box-sizing: border-box;
 +
}
 +
 +
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
 +
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
 +
display: block;        /* Fix for webkit to force 100% width.  */
 +
}
 +
 +
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
 +
margin: 4px;
 +
}
 +
 +
table.imbox-notice {
 +
border: 1px solid #36c;      /* Blue */
 +
}
 +
 +
table.imbox-speedy {
 +
border: 1px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.imbox-delete {
 +
border: 1px solid #b32424;    /* Red */
 +
}
 +
 +
table.imbox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
 +
table.imbox-style {
 +
border: 1px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.imbox-move {
 +
border: 3px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.imbox-protection {
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
table.imbox-license {
 +
    border: 1px solid #ebc9ff !important;
 +
    background-color: #0e061ed1 !important;
 +
}
 +
 +
table.imbox-featured {
 +
border: 3px solid #cba135;    /* Brown-gold */
 +
}
 +
 +
/* Category message box styles */
 +
table.cmbox {
 +
margin: 3px 10%;
 +
border-collapse: collapse;
 +
border: none !important;
 +
background-color: #dfe8ff;    /* Default "notice" blue */
 +
box-sizing: border-box;
 +
}
 +
 +
table.cmbox-notice {
 +
background-color: #d8e8ff;    /* Blue */
 +
}
 +
 +
table.cmbox-speedy {
 +
margin-top: 4px;
 +
margin-bottom: 4px;
 +
border: 4px solid #b32424;    /* Red */
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-delete {
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-content {
 +
background-color: #ffe7ce;    /* Orange */
 +
}
 +
 +
table.cmbox-style {
 +
background-color: #fff9db;    /* Yellow */
 +
}
 +
 +
table.cmbox-move {
 +
background-color: #e4d8ff;    /* Purple */
 +
}
 +
 +
table.cmbox-protection {
 +
background-color: #efefe1;    /* Gray-gold */
 +
}
 +
 +
/* Other pages message box styles */
 +
table.ombox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: none !important;    /* Default "notice" gray */
 +
background-color: #f8f9fa;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ombox-notice {
 +
border: none !important;    /* Gray */
 +
}
 +
 +
table.ombox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.ombox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.ombox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ombox-style {
 +
border: 1px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ombox-move {
 +
border: 1px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ombox-protection {
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
/* Talk page message box styles */
 +
table.tmbox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
background-color: #f8eaba;
 +
min-width: 80%;
 +
box-sizing: border-box;
 +
}
 +
 +
.tmbox.mbox-small {
 +
min-width: 0;                /* reset the min-width of tmbox above        */
 +
}
 +
 +
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 +
margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 +
width: 100%;                /* For Safari and Opera */
 +
}
 +
 +
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 +
line-height: 1.5em;          /* also "nested", so reset styles that are  */
 +
font-size: 100%;            /* set in "mbox-small" above.                */
 +
}
 +
 +
table.tmbox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.tmbox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.tmbox-content {
 +
border: 2px solid #f28500;    /* Orange */
 +
}
 +
 +
table.tmbox-style {
 +
border: 2px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.tmbox-move {
 +
border: 2px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
border: 1px solid #c0c090;    /* Gray-brown */
 +
}
 +
 +
/* Footer and header message box styles */
 +
table.fmbox {
 +
clear: both;
 +
margin: 0.2em 0;
 +
width: 100%;
 +
border: none !important;
 +
background-color: #f8f9fa;    /* Default "system" gray */
 +
box-sizing: border-box;
 +
}
 +
 +
table.fmbox-system {
 +
background-color: #f8f9fa;
 +
}
 +
 +
table.fmbox-warning {
 +
border: 1px solid #bb7070;  /* Dark pink */
 +
background-color: #ffdbdb;  /* Pink */
 +
}
 +
 +
table.fmbox-editnotice {
 +
background-color: transparent;
 +
}
 +
 +
.bannerlinkswrapper {
 +
display:inline-flex;
 +
flex-direction:row;
 +
flex-wrap: wrap
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
.bannerlinks{
 +
    margin-right: 5%;
 +
    margin-left: 5%;
 +
}
 +
 +
.bannerlinks,
 +
.mainpagecontent {
 +
display:inline-flex;
 +
flex-direction:row;
 +
}
 +
 +
.mw-parser-output {
 +
display:inherit
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
.mw-parser-output {
 +
display:inline-flex;
 +
flex-direction:column;
 +
        align-items: start;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
.mainpagecontent {
 +
display:inline-flex;
 +
flex-direction:column;
 +
}
 +
}
 +
 +
.gamepagelinks,
 +
.cosmeticlinks {
 +
display:inline-flex;
 +
flex-direction:row;
 +
flex-wrap: wrap;
 +
        justify-content: center;
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
#gamecontent
 +
{
 +
  width: 60%
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
#gamecontent
 +
{
 +
  width: 100%
 +
}
 +
}
 +
 +
tbody{
 +
    background-color: rgba(14, 6, 30, 0.75);
 +
}
 +
 +
 +
.gamepagelink img,
 +
.cosmeticlink img,
 +
.platformlink img,
 +
.sociallink img  {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
@media only screen and (max-width: 900px) {#mainbannerleft{display:none}#mainbannermiddle{width:60%}}
 +
#mainbannermiddle img {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
@media only screen and (max-width: 900px) {
 +
.bannerlinkswrapper {
 +
flex-direction:column;
 +
}
 +
}
 +
@media screen and (max-width:1400px){#menucontent{font-size:12px}}
 +
@media screen and (max-width:1150px){th#sidebar,td#sidebar,td#mainbannerright{display:none}}
 +
 +
iframe .twitter-widget-0
 +
{
 +
    position: static !important;
 +
    visibility: visible !important;
 +
    display: inline-block !important;
 +
    width: 100% !important;
 +
    padding: 0px !important;
 +
    border: none !important;
 +
    margin-top: 0px !important;
 +
    margin-bottom: 0px !important;
 +
    max-height: 600px !important;
 +
}
 +
.timeline-Widget {
 +
    max-width: 30% !important;
 +
    background-color: rgba(14,6,30,0.75) !important;
 
}
 
}
Retrieved from "https://wiki.blaston.com/wiki/Special:MobileDiff/48...925"

Navigation menu