MediaWiki:Vector.css: Difference between revisions

From Dragon Quest Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */


/* styles for header background */
html {
html, body {
    /* Header background with pixelation effect */
     background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) repeat-x;  
     background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) repeat-x;  
    -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;
}
}
#mw-page-base {  
body {
    /* Pixelation reset */
    -ms-interpolation-mode:bicubic;            /* IE 7-11 */
    image-rendering:auto;
    /* Make covering element transparent */
    background-color:transparent;
}
#mw-page-base {
    /* Make covering element transparent */
     background-color: transparent;  
     background-color: transparent;  
     background-image:none;  
     background-image:none;  
}
}


/* Inline list styles for Vector skin (left-to-right languages only) */
.page-Main_Page #firstHeading { display:none; }
.mw-content-ltr .inline-list, .inline-list ul, .inline-list ol {
 
/* List styles for Vector skin (left-to-right languages only) */
.mw-content-ltr ul.inline-list, .mw-content-ltr ol.inline-list, .inline-list ul, .inline-list ol {
     margin:0.5em 0;
     margin:0.5em 0;
     overflow-x:hidden;
     overflow-x:hidden;
Line 27: Line 44:
     content:"\a0•\a0";
     content:"\a0•\a0";
}
}
 
.mw-content-ltr ul.plain-list, .mw-content-ltr ol.plain-list, .plain-list ul, .plain-list ol {
/*** Navigation styles for Vector skin *****************************
     margin:0;
*******************************************************************/
     list-style-type:none;
 
     list-style-image:none;
.navbox-header {
    margin:2px 2px 0;
}
 
.navbox-body {
    display:table;
    width:100%;
    border-spacing:2px;
}
 
.navbox-section {
    display:table-row;
}
 
.navbox-subheader {
     display:table-cell;
     vertical-align:middle;
    padding:2px 5px 2px 55px;
    white-space:nowrap;  
     text-align:right;
}
 
.navbox-content {
    display:table-cell;
    padding:2px 2px 2px 5px;
}
}
 
.plain-list li {
/*
     margin:0;
* 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 **********************************
***************************************************************/

Revision as of 21:36, 14 December 2015

/* CSS placed here will affect users of the Vector skin */

html {
    /* Header background with pixelation effect */
    background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) repeat-x; 
    -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;
}
body {
    /* Pixelation reset */
    -ms-interpolation-mode:bicubic;            /* IE 7-11 */
    image-rendering:auto;
    /* Make covering element transparent */
    background-color:transparent;
}
#mw-page-base {
    /* Make covering element transparent */
    background-color: transparent; 
    background-image:none; 
}

.page-Main_Page #firstHeading { display:none; }

/* List styles for Vector skin (left-to-right languages only) */
.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;
}