MediaWiki:Common.css

From Drama Chaser

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.
/* 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-inner {
    background-color: #76321b;
}

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