MediaWiki:Common.css: Difference between revisions

From Drama Chaser
No edit summary
No edit summary
Line 51: Line 51:
}
}


.mediawiki {
    background-color: #76321b !important;
}


/* header with banner */  
/* header with banner */  
Line 60: Line 57:
.vector-header-container {
.vector-header-container {
     background-color: #5f2612;
     background-color: #5f2612;
     background-image: url('https://dramachaser.com/images/4/4e/Wofheader.jpg') !important;
     background-image: url('https://dramachaser.com/images/4/4e/Wofheader.jpg');
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-position: 50% 50%;  
     background-position: 50% 50%;  

Revision as of 10:03, 24 April 2024

/* CSS placed here will be applied to all skins */

/* infobox styling */

.infobox {
    2px solid #572917;
    background-color: #e9dfc9;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}

.infobox-title {
    font-size: 2em;
    text-align: center;
    }

.infobox-image {
    text-align: center;
    max-width: 100%;
    height: auto;
}

.infobox-table th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}

.infobox-table td {
    vertical-align: top;
}

/* this place looks incredibly sterile and this is an attempt at adding some aesthetics. any aesthetics, at this point. */

/* body of the article—VECTOR SPECIFIC */

.vector-body {
    background-color: #f7eacd;
}

/* body—dark red. this is all so hacky that i'm embarrassed of it, but it works, so whatever; i'll consider making this graceful at some other point*/

.mw-page-container {
    background-color: #76321b !important;
}

.mw-header {
    background-color: #76321b !important;
}


/* header with banner */ 

.mw-header 
.vector-header-container {
    background-color: #5f2612;
    background-image: url('https://dramachaser.com/images/4/4e/Wofheader.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    height: 230px;
}

/* links—recolour sidebars for visibility */

a:link {
    color: #461504 !important;
}

a:hover {
    text-decoration: underline !important;
}