MediaWiki:Mobile.css: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the mobile site */
/* CSS placed here will affect users of the mobile site */


/* <pre> */
/* Include common stylesheet */
@import url("/w/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css");


body.page-Main_Page h1.firstHeading { display:none; }
/* Inline list styles for Minerva skin */
 
.content .inline-list, .inline-list ul, .inline-list ol {
h2 {
     margin:0.5em 0;
    padding-top: 15px;
     overflow-x:hidden;
}
     list-style-type:none;
 
li.main li {
    padding-right: 2px;
    text-align: left;
    padding-left: 20px;
}
 
.columnOn {
    background: url("/w/gfx/tick.png") no-repeat scroll 0 50% transparent;
}
 
.columnOff {
    background: url("/w/gfx/cross.png") no-repeat scroll 0 50% transparent;
}
 
.tabs {
    font-size: 1.05em;
}
 
/* Recent changes byte indicators */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }
 
.collapseButton {
    float: right;
    text-align: right;
    font-size: .85em;
}
 
.plainlinks a {
    background: transparent none repeat scroll 0 0 !important;
    padding: 0 !important;
}
 
/*** Infobox related styles **************************
*****************************************************/
 
.infobox {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.infobox caption {
  font-size: larger;
  margin-left: inherit;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}
 
/*** End infobox related styles ****************************
***********************************************************/
 
/*** List table styles *************************************
***********************************************************/
 
.listTable {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin-bottom: 10px;
}
 
.listTable tr {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
}
 
.listTable th {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    background-color: #F2F2F2;
    text-align: center;
    padding: 3px;
}
 
.listTable td {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    background-color: #F2F2F2;
    padding: 3px;
}
 
.listTable td.highlight {
    background-color: #3366CC;
}
 
.hidden {
    display: none;
}
 
tr.odd {
 
}
 
tr.even {
 
}
 
/*** End list table styles ********************************
**********************************************************/
 
/*** Location template styles *****************************
**********************************************************/
 
.locationTemplateTable {
    font-size:90%;
     margin: 5px 10px 5px 0px;
    border-collapse: collapse;
}
.locationTemplateHeader {
    background-color: #258E36;
    color: white;
     text-align: center;
     vertical-align: middle;
    border-collapse: collapse;
    border:1px solid black;
}
 
.locationTemplateHeader a {
    color:white;
}
 
.locationTemplateSubheader {
  border: 1px solid black;
  text-align: center;
}
 
.locationTemplateCell {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-collapse: collapse;
}
 
/*** End location template styles ****************************
*************************************************************
 
/*** Equipment template styles *******************************
*************************************************************/
 
.equipmentTemplateTable {
    font-size:90%;
    margin: 0px 5px 5px 0px;
    border-collapse: collapse;
}
 
.equipmentTemplateTable {
    padding: 5px;
}
.equipmentTemplateHeader {
    background-color: firebrick;
    color: white;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border:1px solid black;
}
 
.equipmentTemplateHeader a {
    color:white;
}
 
.equipmentTemplateSubheader {
  border: 1px solid black;
  text-align: center;
}
 
.equipmentTemplateCell {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-collapse: collapse;
}
 
/*** End equipment template styles *********************************
*******************************************************************/
 
/*** Enemy template styles *****************************************
*******************************************************************/
 
.enemyTemplateTable {
    font-size:90%;
    margin: 0px;
    border-collapse: collapse;
    width: 300px;
    border: 1px solid black;
}
.enemyTemplateHeader {
    background-color: #CC5B14;
    color:white;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border:1px solid black;
}
 
.enemyTemplateHeader a {
    color:white;
}
 
.enemyTemplateCell {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-collapse: collapse;
}
 
/*** End enemy template styles ********************************
******************************************************************/
 
/*** Character template styles ************************************
******************************************************************/
 
.characterTemplateTable {
    font-size:90%;
    margin: 0px 5px 5px 0px;
    border-collapse: collapse;
    text-align:center;
    padding:5px;
}
.characterTemplateHeader {
    background-color: #33339F;
    color:white;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border:1px solid black;
}
 
.characterTemplateHeader a {
    color:white;
}
 
.characterTemplateSubheader {
  border: 1px solid black;
  text-align: center;
}
}
 
.inline-list li {
 
     display:inline;
.characterTemplateCell {
     margin:0 1.18em 0 0;
     text-align: center;
     white-space:nowrap;
    vertical-align: middle;
     border: 1px solid black;
     border-collapse: collapse;
}
}
 
.inline-list li + li {
/*** End character template styles **********************************
     margin-left:-1.18em;
********************************************************************
 
/*** Spell template styles ******************************************
********************************************************************/
 
.spellTemplateTable {
     font-size:90%;
    margin: 0px 5px 5px 0px;
    border-collapse: collapse;
}
}
 
.inline-list li + li:before {
.spellTemplateTable td {
     content:"\a0•\a0";
    padding: 5px;
}
.spellTemplateHeader {
    background-color: firebrick;
    color: white;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border:1px solid black;
}
 
.spellTemplateCell {
     text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-collapse: collapse;
}
}
/*** End spell template styles *************************************
*******************************************************************/
/*** Navigation styles *********************************************
*******************************************************************/
.navCommonTable {
    border:1px solid silver;
    clear:both;
    text-align: center;
    width: 100%;
}
.navCommonTableTitleLink {
    font-size: 1.20em;
}
.navCommonHeaderCell {
    margin: 0px;
    padding: 2px 5px 2px 55px;
    white-space:nowrap;
    font-size:.95em;
    font-weight:bold;
    text-align:right;
}
.navCommonDataCell {
    padding: 2px 2px 2px 5px;
    font-size:.85em;
    text-align:left;
    font-weight:bold;
    color: #000000;
}
/*
* custom styles for navigation templates
* Note: these groups of style classes exist as a set
* for a particular 'theme' of nav bars.
* for example, navMainSeries is the default 'theme'
*/
.navMainSeries,
.navMainSeries a {
    background: #3366CC;
    color: #FFFFFF;
}
.navMainSeriesCellBackground1 {
    background: #EAEFFA;
}
.navMainSeriesCellBackground2 {
    background: #D6E0F5;
}
.navMainSeriesCellBackground1 a,
.navMainSeriesCellBackground2 a {
    color: #3366CC;
}
.navGameSeries,
.navGameSeries a {
  background: #000000;
  color: #FFFFFF;
}
.navClasses,
.navClasses a {
  background: #E65C00;
  color: #FFFFFF;
}
.tnav {
    font-size:.70em;
}
/*** End of navigation styles **********************************
***************************************************************/
/* Message box styles (taken from Wikipedia Common.css) */
th.mbox-text, td.mbox-text {    /* The message body cell(s) */
    border: none;
    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;
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-empty-cell {        /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
table.mbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;      /* Default "notice" gray */
    background: #f9f9f9;
}
table.mbox-notice, table.mbox-walkthrough, table.mbox-disambig, table.mbox-incomplete, table.mbox-s-stub {
    border: 1px solid #aaa;      /* Gray */
}
table.mbox-speedy, table.mbox-delete {
    border: 2px solid #b22222;    /* Red */
    background: #fee;            /* Pink */
}
table.mbox-stub, table.mbox-sitenotice {
    border: 2px solid #1e90ff;    /* Blue */
}
table.mbox-guideline {
    border: 1px solid #f28500;    /* Orange */
}
table.mbox-future {
    border: 1px solid #f4c430;    /* Yellow */
}
table.mbox-localization {
    border: 1px solid #9932cc;    /* Purple */
}
table.mbox-protection {
    border: 2px solid #bba;      /* Gray-gold */
}
/* </pre> */