Do you have audio cassette or reel tapes, MiniDisc, DAT, 8mm/Hi8 video tapes, or VHS tapes
containing live recordings, interviews, or demos? Please see Contributing, or e-mail us.

To discuss Depeche Mode with other fans, please consider joining the official Depeche Mode Discord server or independent fan server Discord for the Masses.
To coordinate site work, we recommend the Depeche Mode Live Editor Discord group.

MediaWiki:Mobile.css: Difference between revisions

From DM Live - the Depeche Mode live encyclopedia for the masses
Jump to navigationJump to search
No edit summary
No edit summary
Line 5: Line 5:
.c { text-align: center; }
.c { text-align: center; }
.r { text-align: right; }
.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 */
/* Link color override */
Line 32: Line 13:
.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
.whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span {
   color: white !important;
   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;
}
}


Line 53: Line 18:


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


/* Fix table caption display issues in mobile skin */
/* Fix table caption display issues in mobile skin */
.content table caption {
.content table caption {
   display: 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; 
}
}


Line 258: Line 123:


h1, h2, h3, p {font-family: sans-serif !important;}
h1, h2, h3, p {font-family: sans-serif !important;}
.header-container.header-chrome {
    background-color: #000000;
    border: 0;
    box-shadow: none;
}

Revision as of 22:25, 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; }

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

/* Maximum width override for mobile */

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

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

.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: #f1f1f1;
}

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

.header-container.header-chrome {
    background-color: #000000;
    border: 0;
    box-shadow: none;
}
Retrieved from "https://dmlive.wiki/w/index.php?title=MediaWiki:Mobile.css&oldid=29917"