MediaWiki:Common.css

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

/* removes header on main page */
body.page-Epic_Path.action-view h1.firstHeading, body.page-Epic_Path.action-submit h1.firstHeading { display: none; }

/* removes bottom border of h2 on main page */
body.page-Epic_Path.action-view h2, body.page-Epic_Path.action-submit h2 { color: #584500; font-size: 1.5em; padding: 2px; padding-top: 30px; border-bottom-style: none; clear: both; }

/* removes redirected from main page message from main page */
.page-Epic_Path #contentSub { display: none }

h1 {
    color: #584500;
    font-size: 2em;
    padding: 2px;
    border-bottom-color: #584500;
}

h2 {
    color: #584500;
    font-size: 1.5em;
    padding: 2px;
    padding-top: 30px;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h3 {
    color: #584500;
    font-size: 1.25em;
    padding: 2px;
    padding-top: 30px;
}


h4 {
    color: #584500;
    padding: 2px;
    padding-top: 30px;
}

h5 {
    color: #584500;
    padding: 2px;
    padding-top: 30px;
}


/* Main content panel */
#content {
     background-color: #F2ECCE; 
}

/* Top of screen */
#mw-head-base {
     background-color: #FFFBE6; 
}

/* Logo Space */
#p-logo {
     background-color: #FFFBE6; 
}

/* Sidebar */
#mw-panel {
     background-color: #FFFBE6; 
}

/* Bottom of screen */
#footer {
     background-color: #FFFBE6; 
}

/* Categories pane */
#catlinks {
     background-color: #FFFBE6; 
}
/* Everywhere else */
body { 
     background-color: #FFFBE6; 
}

/* Mobile-Friendly Two Column Display (Full Page)*/
.page-2column-left {
    float: left;
    width: 48%;
}
.page-2column-right {
    float: right;
    width: 48%;
}
@media only screen and (max-width: 800px) {
    /* Decouple the columns on narrow screens */
    .page-2column-left,
    .page-2column-right {
        float: inherit;
        width: inherit;
    }
}

/* Mobile-Friendly Two Column Display (Section Lists)*/
.section-2column-left {
    float: left;
    width: 48%;
    margin-left: 2px;
    margin-right: 2px;
}
.section-2column-right {
    float: right;
    width: 48%;
    margin-left: 2px;
    margin-right: 2px;
}
@media only screen and (max-width: 450px) {
    /* Decouple the columns on narrow screens */
    .section-2column-left,
    .section-2column-right {
        float: inherit;
        width: inherit;
    }
}


/* Mobile-Friendly Three Column Display */
.wrap {
   float: left;
   margin-bottom: 2px;
   position: relative;  left: 50%;
}
#section-3column-left li {
    float: left;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
}
#section-3column-middle li {
    float: left;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
    position: absolute;  left: -50%;
}
#section-3column-right li {
    float: right;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
}
@media only screen and (max-width: 450px) {
    /* Decouple the columns on narrow screens */
    #section-3column-left li,
    #section-3column-middle li,
    #section-3column-right li {
        float: inherit;
        width: inherit;
    }
}

.clear {
   clear: left;
   height: 1px;
   margin-top: -1px;
}


/* Bestiary Header Formatting */
h1.bestiary {
     border-bottom-style: none;
}

h2.bestiary_main {
    color: #584500;
    font-size: 2.5em;
    padding: 2px;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h2.bestiary {
    color: #584500;
    font-size: 1.5em;
    font-weight: bold;
    padding: 2px;
    padding-top: 30px;
    border-bottom-style: none;
}