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-family: Stonehenge;
    font-size: 225%;
    font-weight: bold;
    padding: 20px 4px 0px 0px;
    border-bottom-style: none;
    clear: both; 
}

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

.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

h1.firstHeading {
    color: #584500;
    font-family: Stonehenge;
    font-size: 225%;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h1 {
    color: #584500;
    font-family: Stonehenge;
    font-size: 225%;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h2 {
    color: #584500;
    font-family: Stonehenge;
    font-size: 200%;
    font-weight: bold;
    padding: 20px 4px 4px 0px;
    margin-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h3 {
    color: #584500;
    font-weight: bold;
    font-size: 175%; 
    padding: 15px 4px 4px 0px;
}

h4 {
    font-weight: bold;
    font-size: 150%;
    color: #584500;
    padding: 15px 4px 4px 0px;
}

h5 {
    font-weight: bold;
    font-size: 125%;
    color: #584500;
}

h6 {
    font-weight: bold;
    font-size: 125%; 
    color: #000000;
}


@font-face {
    font-family: 'Ferrum';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Ferrum/Ferrum.otf");
    src: local('Ferrum.otf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Ferrum/Ferrum.otf') format('opentype'),
}

.ferrum {
    font-family: 'MarcellusSC';
}

@font-face {
    font-family: 'MarcellusSC';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/MarcellusSC/MarcellusSC.ttf");
    src: local('MarcellusSC.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/MarcellusSC/MarcellusSC.ttf') format('truetype'),
}

.marcellus {
    font-family: 'MarcellusSC';
}

@font-face {
    font-family: 'Stonehenge';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonehenge/Stonehenge.ttf");
    src: local('Stonehenge.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonehenge/Stonehenge.ttf') format('truetype'),
}

.stonehenge {
    font-family: 'Stonehenge';
}

@font-face {
    font-family: 'Ringbearer';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Ringbearer/Ringbearer.ttf");
    src: local('Ringbearer.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Ringbearer/Ringbearer.ttf') format('truetype'),
}

.ringbearer {
    font-family: 'Ringbearer';
}

@font-face {
    font-family: 'Alex Brush';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/AlexBrush/AlexBrush-Regular.ttf");
    src: local('AlexBrush-Regular.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/AlexBrush/AlexBrush-Regular.ttf') format('truetype'),
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/AlexBrush/AlexBrush-Regular.woff') format('woff'); 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/AlexBrush/AlexBrush-Regular.woff2') format('woff2'); 
}

.alexbrush {
    font-family: 'Alex Brush';
}

@font-face {
    font-family: 'Bilbo Swash Caps';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Bilbo_Swash_Caps/BilboSwashCaps-Regular.ttf");
    src: local('BilboSwashCaps-Regular.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Bilbo_Swash_Caps/BilboSwashCaps-Regular.ttf') format('truetype'),
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Bilbo_Swash_Caps/BilboSwashCaps-Regular.woff') format('woff'); 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Bilbo_Swash_Caps/BilboSwashCaps-Regular.woff2') format('woff2'); 
}

.bilbosc {
    font-family: 'Bilbo Swash Caps';
}

@font-face {
    font-family: 'Stonecross';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonecross/stonecross.ttf");
    src: local('stonecross.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonecross/stonecross.ttf') format('truetype'),
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonecross/stonecross.woff') format('woff'); 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Stonecross/stonecross.woff2') format('woff2'); 
}

.stonecross {
    font-family: 'Stonecross';
}

@font-face {
    font-family: 'Fondamento';
    src: url("/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Fondamento/Fondamento-Regular.ttf");
    src: local('Fondamento-Regular.ttf'), 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Fondamento/Fondamento-Regular.ttf') format('truetype'),
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Fondamento/Fondamento-Regular.woff') format('woff'); 
         url('/extensions/UniversalLanguageSelector/data/fontrepo/fonts/Fondamento/Fondamento-Regular.woff2') format('woff2'); 
}

.fondamento {
    font-family: 'Fondamento';
}



/* Give a bit of space to the TOC */
#toc {
	margin: 10px 0;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}


/* Table Formatting - Standard */
.ep-default th, .ep-default td {
   border: 1px solid #000;
   padding: 5px;
}

.ep-default tr {background-color: #EBE7D2;}

.ep-default tr:nth-child(even) {background-color: #FFFBE6;}

.ep-default th {
   background-image: -moz-linear-gradient(top, #BB8E53, #FFEC8D); 
   background-image: -o-linear-gradient(top, #BB8E53, #FFEC8D);
   background-image: -webkit-linear-gradient(top, #BB8E53, #FFEC8D);
   background-image: linear-gradient(top, #BB8E53, #FFEC8D);
   color: #000;
   font-size: 110%;
}

/* Table Formatting - No Default Header Colors */
.ep-default2 th, .ep-default2 td {
   border: 1px solid #000;
   padding: 5px;
}

.ep-default2 tr {background-color: #EBE7D2;}

.ep-default2 tr:nth-child(even) {background-color: #FFFBE6;}

.ep-default2 th {
   font-size: 110%;
}


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

/* Logo Space */
#p-logo {
     background-color: #FFFBE6; 
/*     margin-left: -6px;  */
/*     width: 130px;       */
}

#p-logo a,
#p-logo a:hover {
     display: block;
     text-decoration: none;
}

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

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

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

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

#mw-page-base { 
     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: 850px) {
    /* Decouple the columns on narrow screens */
    #page-2column-left,
    #page-2column-right {
        float: inherit;
        width: inherit;
    }
}



/* Responsive Columns on Main Page */
.section-content {
    box-sizing: border-box;
}

.columns {
    -moz-column-width: 256px; /* Firefox */
    -webkit-column-width: 256px; /* webkit, Safari, Chrome */
    column-width: 256px; 
    margin-right: 2px;
}

.columns ul {
    list-style-type: none;
    white-space: nowrap;
}

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


/* Bestiary Header Formatting */
h2.bestiary_main {
    color: #584500;
    font-family: Stonehenge;
    font-size: 250%;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #584500;
}

h2.bestiary {
    color: #584500;
    font-family: Stonehenge;
    font-size: 200%;
    font-weight: bold;
    padding: 10px 4px 4px 0px;
    border-bottom-style: none;
}

h3.bestiary {
    color: #584500;
    font-weight: bold;
    font-size: 125%;
    padding-top: 4px 4px 4px 0px;
    border-bottom-style: none;
}