User:Rigel Kent/vector.css: Difference between revisions

From Dragon Quest Wiki
Jump to navigation Jump to search
No edit summary
(no background when printing)
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Inline list styles for Vector skin (left-to-right languages only) */
html {
.mw-content-ltr .inline-list, .inline-list ul, .inline-list ol,
    /* Header background with pixelation effect */
.mw-content-ltr .comma-list, .comma-list ul, .comma-list ol {
     background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) center top repeat-x;
     margin:0;
    overflow-x:hidden;
    list-style-type:none;
    white-space:nowrap;
}
.inline-list li {
    display:inline;
    margin:0 0.62em 0 0;
}
.inline-list li + li {
    margin-left:-0.62em;
}
.inline-list li + li:before {
    white-space:normal;
    content:"\20•\a0";
}
.comma-list li {
    display:inline;
    margin:0 -0.29em 0 0;
}
.comma-list li + li:before {
    white-space:normal;
    content:",\20";
}
 
/*** Navigation styles for Vector skin *****************************
*******************************************************************/
 
.navbox-header {
    margin:2px 2px 0;
}
 
.navbox-body {
    display:table;
    border-spacing:2px;
}
}


.navbox-section {
@media print {
     display:table-row;
     html {
        background: none;
    }
}
}
.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;
}
/*
* 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 **********************************
***************************************************************/

Latest revision as of 11:26, 8 February 2016

html {
    /* Header background with pixelation effect */
    background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) center top repeat-x;
}

@media print {
    html {
        background: none;
    }
}