Dragon Quest Wiki

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 04:02, 17 March 2021

2,628 bytes added ,  04:02, 17 March 2021
no edit summary
No edit summary
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* <pre> */
/** Begin shared desktop + mobile view styles **/


body.page-Main_Page h1.firstHeading { display:none; }
/* Make sure any changes are copied to MediaWiki:Mobile.css and vice versa. */
/* CSS placed here will be used by both desktop view and mobile view skins. */


/* styles for header background */
/* Galleries */
html, body {
/* help to replace deprecated <center> tags */
    background: #f3f3f3 url(http://www.dragon-quest.org/w/images/a/a8/Header_back.gif) repeat-x;  
.gallery.mw-gallery-traditional {
text-align: center;
}
}
#mw-page-base {  
 
     background-color: transparent;  
.page-Main_Page #firstHeading { display:none; }
     background-image:none;  
 
h2 {
    padding-top: 15px;
}
 
li.main li {
    padding-right: 2px;
    text-align: left;
    padding-left: 20px;
}
 
.columnOn {
     background: url("/images/gfx/tick.png") no-repeat scroll 0 50% transparent;
}
 
.columnOff {
    background: url("/images/gfx/cross.png") no-repeat scroll 0 50% transparent;
}
 
.tabs {
     font-size: 1.05em;
}
}


#p-personal li {
/* Shrink an element to fit its container, similar to images in mobile skins */
background-color:white;
.shrink-to-fit {
    max-width:100%;
    height:auto;
}
}


h2 {
/* Class to retain pixelation when zoomed */
     padding-top: 15px;
.pixels {
     -ms-interpolation-mode:nearest-neighbor;  /* IE 7-11 */
    image-rendering:-webkit-optimize-contrast; /* old Webkit browsers */
    image-rendering:pixelated;                /* Chrome / Opera */
    image-rendering:-webkit-crisp-edges;      /* Safari */
    image-rendering:-moz-crisp-edges;          /* Firefox */
    image-rendering:-o-crisp-edges;            /* old Opera */
    image-rendering:crisp-edges;
}
}


Line 28: Line 59:
     text-align: right;
     text-align: right;
     font-size: .85em;
     font-size: .85em;
}
/* Add scroll bars to dragscroll elements if needed */
.dragscroll {
    overflow: auto;
}
}


Line 33: Line 69:
     background: transparent none repeat scroll 0 0 !important;
     background: transparent none repeat scroll 0 0 !important;
     padding: 0 !important;
     padding: 0 !important;
}
.mw-content-ltr ul.inline-list, .mw-content-ltr ol.inline-list, .inline-list ul, .inline-list ol {
    margin:0.5em 0;
    overflow-x:hidden;
    list-style-type:none;
}
.inline-list li {
    display:inline;
    margin:0 1.18em 0 0;
    white-space:nowrap;
}
.inline-list li + li {
    margin-left:-1.18em;
}
.inline-list li + li:before {
    content:"\a0•\a0";
}
.mw-content-ltr ul.plain-list, .mw-content-ltr ol.plain-list, .plain-list ul, .plain-list ol {
    margin:0;
    list-style-type:none;
    list-style-image:none;
}
.plain-list li {
    margin:0;
}
.wiki-directory-list li {
    text-align:left;
}
}


Line 108: Line 173:
}
}


/*
tr.odd {
tr.odd {


Line 115: Line 181:


}
}
*/


/*** End list table styles ********************************
/*** End list table styles ********************************
Line 298: Line 365:
  *******************************************************************/
  *******************************************************************/


/*** Navigation styles *********************************************
/*** Navigation styles for all skins *******************************
  *******************************************************************/
  *******************************************************************/


.navCommonTable {
.navbox {
    border:1px solid silver;  
    clear:both;
    clear:both;
    border:1px solid silver;  
    text-align: center;
    text-align:center;
    width: 100%;
    font-weight:bold;
    color:#FFFFFF;
}
 
.navbox a,
.navbox a.external,
.navbox a.external:visited {
    color:#FFFFFF;
}
 
.navbox .mw-collapsible-toggle {
    position:relative;
    top:3px;
    right:3px;
}
}


.navCommonTableTitleLink {
.navbox-header {
     font-size: 1.20em;
     padding:2px;
}
}


.navCommonHeaderCell {
.navbox-title {
    margin: 0px;
    font-size:120%;
    padding: 2px 5px 2px 55px;
    white-space:nowrap;
    font-size:.95em;
    font-weight:bold;
    text-align:right;
}
}


.navCommonDataCell {
.navbox-subheader {
    padding: 2px 2px 2px 5px;
    padding:2px;
    font-size:.85em;  
    font-size:95%;
    text-align:left;
}
    font-weight:bold;
 
    color: #000000;
.navbox-content {
    padding:2px;
    font-size:85%;  
    text-align:left;
    color:#000000;
}
}


Line 342: Line 421:
}
}


.navMainSeriesCellBackground1 {
.navMainSeriesContent {
    background: #EAEFFA;
}
 
.navMainSeriesCellBackground2 {
     background: #D6E0F5;
     background: #D6E0F5;
}
}


.navMainSeriesCellBackground1 a,
.navMainSeriesContent a {
.navMainSeriesCellBackground2 a {
     color: #3366CC;
     color: #3366CC;
}
}
Line 357: Line 431:
.navGameSeries,
.navGameSeries,
.navGameSeries a {
.navGameSeries a {
  background: #000000;
    background: #000000;
  color: #FFFFFF;
    color: #FFFFFF;
}
}


.navClasses,
.navClasses,
.navClasses a {
.navClasses a {
  background: #E65C00;
    background: #E65C00;
  color: #FFFFFF;
    color: #FFFFFF;
}
}


.tnav {
.tnav {
     font-size:.70em;
    float:left;
     font-size:70%;
}
}


Line 375: Line 450:


/* Message box styles (taken from Wikipedia Common.css) */
/* Message box styles (taken from Wikipedia Common.css) */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
.mbox-text {                     /* The message body cell(s) */
     border: none;  
     border: none;  
     padding: 0.25em 0.9em;      /* 0.9em left/right */
     padding: 0.25em 0.9em;      /* 0.9em left/right */
     width: 100%;   /* Make all mboxes the same width regardless of text length */
     width: 100%;                 /* Make all mboxes the same width regardless of text length */
}
}
td.mbox-image {                 /* The left image cell */
.mbox-image {                   /* The left image cell */
     border: none;  
     border: none;  
     padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
     padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
     text-align: center;  
     text-align: center;  
}
}
td.mbox-empty-cell {         /* An empty narrow cell */
.mbox-empty-cell {               /* An empty narrow cell */
     border: none;
     border: none;
     padding: 0px;
     padding: 0px;
Line 391: Line 466:
}
}


table.mbox {
.mbox {
     margin: 4px 10%;  
     margin: 4px 10%;  
     border-collapse: collapse;  
     border-collapse: collapse;  
Line 398: Line 473:
}
}
   
   
table.mbox-notice, table.mbox-walkthrough, table.mbox-disambig, table.mbox-incomplete, table.mbox-s-stub {
.mbox-notice, .mbox-walkthrough, .mbox-disambig, .mbox-incomplete, .mbox-s-stub {
     border: 1px solid #aaa;      /* Gray */
     border: 1px solid #aaa;      /* Gray */
}
}
table.mbox-speedy, table.mbox-delete {
.mbox-speedy, .mbox-delete {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b22222;    /* Red */
     background: #fee;            /* Pink */
     background: #fee;            /* Pink */
}
}
table.mbox-stub, table.mbox-sitenotice {
.mbox-stub, .mbox-sitenotice {
     border: 2px solid #1e90ff;    /* Blue */
     border: 2px solid #1e90ff;    /* Blue */
}
}
table.mbox-guideline {
.mbox-guideline {
     border: 1px solid #f28500;    /* Orange */
     border: 1px solid #f28500;    /* Orange */
}
}
table.mbox-future {
.mbox-future {
     border: 1px solid #f4c430;    /* Yellow */
     border: 1px solid #f4c430;    /* Yellow */
}
}
table.mbox-localization {
.mbox-localization {
     border: 1px solid #9932cc;    /* Purple */
     border: 1px solid #9932cc;    /* Purple */
}
}
table.mbox-protection {
.mbox-protection {
     border: 2px solid #bba;      /* Gray-gold */
     border: 2px solid #bba;      /* Gray-gold */
}
}


/** End shared desktop + mobile view styles **/
/* CSS placed below will be used by desktop view skins only. */
/*** Navigation styles for desktop skins ***************************
*******************************************************************/
.navbox-header {
    margin:2px 2px 0;
}
.navbox-body {
    display:table;
    width:100%;
    border-spacing:2px;
}
.navbox-section {
    display:table-row;
}


/* </pre> */
.navbox-subheader {
    display:table-cell;
    vertical-align:middle;
    padding:2px 5px 2px 2px;
    white-space:nowrap;
    text-align:right;
    width:1%;
}
 
.navbox-content {
    display:table-cell;
    padding:2px 2px 2px 5px;
}
 
/*
* 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'
*/
 
.navbox-section:nth-child(even) .navMainSeriesContent {
    background: #EAEFFA;
}
 
/*** End of navigation styles **********************************
***************************************************************/
Retrieved from "https://dragon-quest.org/wiki/Special:MobileDiff/44963...148945"