MediaWiki:Common.css

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

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

/* Various flavors of infobar (those little boxes at the top of a page) */

.infobar {
    font-size: 1.33em;
    padding: 0.33em 1em;
    box-shadow: 1px 1px 2px #ddd;

    border: 1px solid #ccc;
    background: #ddd;
}

.infobar-obnoxious {
    border-color: hsl(30, 60%, 80%);
    background: hsl(30, 60%, 93%);
}

/* Nice sections -- used on front page */

div.blocky {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid hsl(200, 50%, 90%);
    background: hsl(200, 50%, 97%);
}
div.blocky h1 {
    font-size: 1.5em;
    padding: 0.33em;
    margin: -0.67em -0.67em 0.67em;
    background: hsl(200, 50%, 90%);
    color: #202020;
    text-shadow: 1px 1px 1px white;

    /* override mediawiki's */
    border-bottom: none;
}

/* Capsules -- the little inline labels used on the front page timeline */

.capsule {
    font-size: 0.8em;
    padding: 2px 3px;
    border-radius: 2px;
    color: white;
    background: #ddd;
    text-shadow: 1px 1px 0 #999;
    vertical-align: bottom;
}
.capsule.capsule-prompt {
    background: #d04d2b;
    text-shadow: 1px 1px 0 #a63922;
}
.capsule.capsule-plot {
    background: #b12bd0;
    text-shadow: 1px 1px 0 #9122a6;
}
.capsule.capsule-story {
    background: #2b87d0;
    text-shadow: 1px 1px 0 #226ca6;
}

/* NPC speech, mostly in mission reposts */

.npc-speech {
    overflow: hidden;  /* float containment */
    margin-bottom: 1em;
}
.npc-speaker {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}


/*** General layout helpers ***/

/* Using a table for columns */

table.tabletastic-columns {
    table-layout: fixed;
    width: 100%;
}
table.tabletastic-columns th {
    text-align: left;
    vertical-align: bottom;
}
table.tabletastic-columns td {
    vertical-align: top;
}