MediaWiki:Common.css

From Dragon Quest Wiki

Note: After publishing, 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: Press Ctrl-F5.
/* <pre> */

/* body h1.firstHeading { display:none; } */

/* styles for header background */
html, body { 
    background: #f3f3f3 url(http://www.dragon-quest.org/w/images/a/a8/Header_back.gif) repeat-x; 
}
#mw-page-base { 
    background-color: transparent; 
    background-image:none; 
}

/* 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 black;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.listTable tr {
    border: 1px solid black;
    border-collapse: collapse;
}

.listTable td, .listTable th {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 3px;
}

.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;
}


.characterTemplateCell {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-collapse: collapse;
}

/*** End character template styles **********************************
 ********************************************************************

/*** Spell template styles ******************************************
 ********************************************************************/

.spellTemplateTable {
    font-size:90%;
    margin: 0px 5px 5px 0px;
    border-collapse: collapse;
}

.spellTemplateTable td {
    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 {
    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> */