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 bottom border of h1 and h2 on Template:Monster page */
body.page-Template_Monster.action-view h1.firstHeading, body.page-Template_Monster.action-submit h1.firstHeading { display: none; }
body.page-Template_Monster.action-view h2, body.page-Template_Monster.action-submit h2 { color: #584500; font-size: 1.25em; 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 */
.section-3column-left {
    float: left;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
}
.section-3column-middle {
    float: left;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
}
.section-3column-right {
    float: right;
    width: 32%;
    margin-left: 2px;
    margin-right: 2px;
}
@media only screen and (max-width: 768px) {
    /* Decouple the columns on narrow screens */
    .section-3column-left,
    .section-3column-middle,
    .section-3column-right {
        float: inherit;
        width: inherit;
    }
}