MediaWiki:Mobile.css: Difference between revisions

Revision as of 22:18, 25 August 2019

/* CSS placed here will affect users of the mobile site */
.sc { font-variant: small-caps }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

/* Autorounded table */
.roundtable {
  border-collapse: separate;
  border-radius: 10px;
  padding-bottom: 4px;
}

.roundtable td {
  background-color: white;
}

.roundtable tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

.roundtable tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

/* Link color override */
.blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span {
  color: black !important;
}

.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
  color: white !important;
}

div.listcol
{
  padding: 0.5em 1.0em 0.5em 0;
  margin: 0.25em;
  min-width: 21.5%;
  border: 1px solid #aaf;
  float: left;
  clear: right;
  line-height: 130%;
}

div.listcolend
{
  clear: both;
}

/* Maximum width override for mobile */

table
{
  max-width: 100% !important;
}

/* Fix table caption display issues in mobile skin */
.content table caption {
  display: table-caption;
}

/* Babelboxes and userboxes */

div.babelbox, div.userbox
{
  border: 1px solid #999;
  background: #f8f8f8;
  float: right;
  width: 25%;
  padding: 0.25em 0.5em;
  margin-left: 1em;
  margin-bottom: 0.5em;
}

table.babelitem, table.userboxitem
{
  margin: 0.25em 0;
  width: 100%;
}

body[class~=ns-3] div.babelbox, body[class~=ns-3] table.babelitem , body[class~=ns-3] div.userbox, body[class~=ns-3] table.userboxitem
{
  display: none;
}

table.babelitem th, table.userboxitem th
{
  width: 45pt;
  height: 45pt;
  font-size: 14pt;
  text-align: center;
  vertical-align: middle;
}

table.babelitem td, table.userboxitem td
{
  font-size: 8pt;
  line-height: 1.25em;
  padding: 4pt;
  text-align: left;
}

/* Credits table, as seen on [[staff of the Pokémon anime]] and similar pages */

table.credits-table tr { vertical-align: top; }
table.credits-table th { text-align: right; }
table.credits-table td { text-align: left; }

table.credits-table ul
{
  padding-top: 0;
  margin-top: 0;
}

table.learnset
{
  background: #f8f8ff;
  border: 1px solid #88a;
  border-collapse: collapse;
  background: white;
}

table.learnset td, table.learnset th { border: 1px solid #88a; padding: 2px; }

table.learnset td { text-align: center; }
table.learnset td:first-child { text-align: right; }
table.learnset tr.learnset-header th { text-align: center; background: #ccf; }

.seriesbox {
  background: #f8f8ff;
  border: 1px solid #88a;
  padding: 0.5em;
  margin: 0 0 0.5em 0.5em;
  float: right;
  clear: right;
  font-size: 90%;
}

.seriesbox .title {
  background: #ccf;
  padding: 0.1em;
  text-align: center;
  font-size: 111%
}

.seriesbox ul {
  margin-left: 0;
  list-style: none;
}

.seriesbox ul ul {
  margin-left: 1.0em;
}

.seriesbox hr {
  border: none;
  border-bottom: 1px solid #88a;  
}

.round { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundtl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundtr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundbl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundbr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundbottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundtop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

/* MAIN PAGE DESIGN CSS */
body.page-Main_Page #t-cite,
body.page-Main_Page #footer-info-lastmod,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading {
display: none !important;
}

body.page-Main_Page #content { background-color: #E0F2B6;
}

/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;
}

/* Restore category box to pre-MediaWiki 1.18.0 margins */
#catlinks li {
    margin: 0 0;
    padding: 0 0.4em;
}

#catlinks li:first-child {
    padding-left: 0;
}

.mw-plusminus-pos {
    border-bottom: 1px dotted;
    cursor: help;
}

.mw-plusminus-neg {
    border-bottom: 1px dotted;
    cursor: help;
}

.mw-plusminus-null {
    border-bottom: 1px dotted;
    cursor: help;
}

@media screen and (max-width:719px) {
    .content table.vertical-fullwidth {
        width: 100% !important;
    }
}

.fullwidth {
    width: 100% !important;
}

@media screen and (min-width: 720px) {
    .content table.fullwidth {
        width: 100% !important;
    }
}

@media all and (max-width:719px) {
    .infobox {
        display: block !important;
        float: none !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .infobox tbody {
        width: 100% !important;
        display: table !important;
    }
}
@media all and (min-width:720px) {
    .infobox {
        max-width: 315px !important;
    }
}

h1, h2, h3, p {font-family: sans-serif !important;}