Mutant Year Zero: Road to Eden Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Mutant Year Zero: Road to Eden Wiki
Advertisement

CSS and Javascript changes must comply with the wiki design rules.


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: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
    background: transparent;
}

footer {
    /* 
    color: #e0e0e0;
    */
}

.overlay #secondary-button.user-button,
.header #secondary-button.user-button,
.overlay .user-button,
.header .user-button {
    background: transparent;
}

/* end header and footer */

.nomobile {
    display: none;
}

.client-js .toc-mobile {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #505050 !important;
}

.mw-ui-button,
.last-modified-bar #mw-mf-last-modified {
    background-color: rgba(0, 0, 0, 0);
    /* 
    color: #e0e0e0;
    */
}

.overlay-enabled, #content {
    /* 
    background: #101010;
    color: #e0e0e0;
    */
}

a,
a:visited,
a.external {
    color: #5a93cc;
}

/* For hydradark only - makes the section collapse arrow visible */
/*
.mw-ui-icon-arrow::before {
    filter: invert(100%);
}
*/

.thumb,
#content_wrapper .thumb,
li.gallerybox div.thumb {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
}

.content table th {
    background-color: rgba(0, 0, 0, 0);
}

.content table td,
.content table th {
    border: 1px solid #505050;
    padding: 3px;
}

.content table.wikitable {
    background-color: rgba(0, 0, 0, 0);
    margin: auto;
    margin-bottom: 1em;
}

.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
    border: 1px solid #505050;
}

.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
    background-color: inherit;
    padding: 3px;
}

/* Responsive main page stuff */
/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
  border-left: 12px solid #505050 !important;
  background: #101010 !important;
}

#mw-mf-page-left {
  border-left: 12px solid #505050;
  background: transparent;
}

#mw-mf-page-left ul {
  background: transparent;
}

#mw-mf-page-left ul:first-child {
  border-bottom: 12px solid #505050;
}

#mw-mf-page-left ul li {
  border-top: 1px solid #505050;
  border-bottom: 1px solid #505050;
  background: transparent;
  text-shadow: none;
}

#mw-mf-page-left ul li a,
#mw-mf-page-left ul.hlist li a {
  border: none;
  color: #3674b3;
}

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #aaaaaa;
  background: #505050;
}

#mw-mf-page-left ul.hlist li:hover {
  border: none;
}

#mw-mf-page-left ul li:hover a,
#mw-mf-page-left ul.hlist li:hover a {
  color: #ffffff;
}

/*********************
/* Front page styles *
/*********************/
.fpbox {
  border-radius: 5px;
  border: 2px solid #505050;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset;
  background: transparent;
  color: inherit;
  margin: 5px;
  padding: 5px;
}

.fpbox .welcome {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 150%;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 132%;
  font-variant: small-caps;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
  color: #3674b3;
  font-weight: bold;
  font-size: 75%;
}

.fpbox hr {
  border: none;
  border-bottom: 2px solid #505050;
}

.fpplainbox {
  padding: 5px 8px 10px 8px;
  margin: 0 5px 10px 5px;
  vertical-align: top;
}

.fplinks {
  margin: -2px -3px;
}

.fplinks .linkslabel {
  border-bottom: 2px solid #505050;
  margin: 6px 3px 0 3px;
}

.fplink {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
  display: table;
  width: 100%;
  border-spacing: 2px 3px;
  border-collapse: separate;
}

.fplink .box .row {
  display: table-row;
}

.fplink .box .row .cell {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  /* 
    background-color: #000000;
    background-image: -moz-linear-gradient(center top , #151515 0%, #000000 100%);
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0%,#151515), color-stop(100%,#000000));
    background-image:-webkit-linear-gradient(top, #151515 0%, #000000 100%);
    background-image:-o-linear-gradient(top, #151515 0%, #000000 100%);
    background-image:-ms-linear-gradient(top, #151515 0%, #000000 100%);
    background-image: linear-gradient(to bottom, #151515 0%, #000000 100%);
  */
  border: 2px solid #505050;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #505050 inset;
  /* color: #e0e0e0; */
  display: table-cell;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.fplink.wide .box .row .cell {
  padding: 0 5px;
}

.fplink.image {
  width: 78px;
  height: 78px;
}

.fplink.image .box .row .cell {
  width: 70px;
  height: 70px;
  vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
  width: 70px;
  height: 70px;
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  border-top: 2px solid #505050;
  background: #ddddb7 !important;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fplink.image a {
  top: auto;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 480px;
}

.fpvideo {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
}

.fpvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}









































/* For elements which only display in the mobile view */
 
#p-logo a {
    /background-image: url(https://xingthelandbeyond.gamepedia.com/media/xingthelandbeyond.gamepedia.com/a/a7/Wiki2.png);
}

/* Hide main page header */
body.page-Mutant_Year_Zero_Road_to_Eden_Wiki h1.firstHeading {
    display:none;
}

/* When title sub line is empty, remove its margin */
#contentSub:empty {
    margin: 0;
} 

/* Background */
body {
    background: #000 url(https://mutantyearzero.gamepedia.com/media/mutantyearzero.gamepedia.com/9/9d/Back1fade.jpg) no-repeat fixed center center / cover;
}

div#content a:link:not(.new),
div#content a:visited:not(.new) {
    color: #D6B38B;
}

div#content {
    margin-right:5px;
}

div#content,
div.vectorMenu div.menu {
    border-width: 2px;
    border: none;
    background-color: rgba(0,0,0,0.7);
}

div.vectorMenu div.menu {
    top: 39px;
}

div.vectorMenu div.menu li:hover {
    background: rgba(255,255,255,0.3);
}

div.vectorMenu div.menu li a:link,
div.vectorMenu div.menu li a:visited {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

div#mw-page-base {
    background: transparent;
}

/* this CSS governs the responsive 2 column main page layout */

.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background: rgba(0,0,0,.6);
    color: #e0e0e0; /* change for hydra (light) wikis */
    margin: 5px 5px 15px 5px;
    padding: 5px 5px 15px 5px;
    border: #7B552C 1px solid;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

@font-face {
  font-family: 'AlegreyaSans-Regular';
  src: local('AlegreyaSans-Regular'), local('AlegreyaSans-Regular'), url(/media/hydra/fonts/AlegreyaSans-Regular.ttf) format('truetype');
}

.fpbox .welcome,
.fpbox .heading {
    font-family: "AlegreyaSans-Regular";
    font-weight: bold;
}

.fpbox .welcome {
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 200%;
    margin: 10px 0 0px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.fpbox .heading {
    border-bottom: 1px solid rgba(200, 200, 200, 0.3);
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 0;
    letter-spacing: 5px;
    font-size: 150%;
}

.fpbox .heading .smalllink {
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
}

.fplinks {
    margin: -5px;
    border-bottom-width: 0px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    /border-bottom: 1px solid rgba(255,255,255,0.9);
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}


/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    width: 100%;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: rgba(0, 0, 0, 0);
    /border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    color: #e0e0e0; /* change for hydra (light) wikis */
    display: inline-block;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    padding-bottom: 0;
    margin-bottom: -7px !important;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
    height: 114px;
    width: 114px;
}

.fplink.image .box .row .cell {
    height: 100px;
    width: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    height: 100px;
    width: 100px;
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #505050;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}


/* Top nav */
div#left-navigation {
    margin-left: 195px !important;
}

div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorMenu h3 a:link, 
div.vectorMenu h3 a:visited,
div.vectorMenu h5 a:link,
div.vectorMenu h5 a:visited,
div.vectorMenu h3 span,
div.vectorMenu h5 span {
    color: white !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 7px white;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs ul {
    background: none;
}

div.vectorTabs ul li a:link,
div.vectorTabs ul li a:visited,
div.vectorTabs li.selected a:link,
div.vectorTabs li.selected a:visited {
    color: white;
    text-shadow: 0px 0px 7px white;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    margin-top: -1px;
}

div.vectorMenu h3, 
div.vectorMenu h3 a, 
div.vectorMenu h5 a {
    background-image: none !important;
    background: inherit !important;
}

div.vectorTabs ul li,
div.vectorTabs li.selected {
    background: none !important;
}

div.vectorTabs span {
    background: none !important;
    font-weight: bold !important;
}

div.vectorTabs {
    background: none !important;
}

div.vectorMenu h3 span,
div.vectorMenu h5 span {
    background: none !important;
    background-image: none !important;
    border:0 !important; 
}

#p-sharing-label, #p-cactions-label {
    text-shadow: 0px 0px 7px black;
}


/* Sidebar */
.skin-hydradark #mw-panel.collapsible-nav .portal {
    background: none;
}

#mw-panel a:visited,
#mw-panel a:link {
    color: white !important;
    text-shadow: 0px 0px 7px white;
}

#mw-panel h3 {
    color: white !important;
    font-weight: bold !important;
}

div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    background-color: rgba(0, 0, 0, 0.0);
    margin: 5px;
}

.skin-hydradark #mw-panel.collapsible-nav div.portal, 
div#mw-panel div.portal {
    background: transparent;
}

/* Sidebar vertical offset to accommodate logo height */
div#mw-panel {
    padding-top: 0;
}

/* toc */
#toc {
    background-color: rgba(0,0,0,0.1) !important;
    border: 1px solid #B39DA7 !important;
    padding: 15px 20px;
}


/* Tables */
table.wikitable {
}

table.wikitable td {
    padding: 10px !important;
}

table.wikitable th {
    background-color: #CEA577 !important;
    color: black;
}


/* Footer */
div#footer {
    background: rgba(0, 0, 0, 0.55);
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div#footer li {
    color:white !important;
}

div#footer a:link, #footer a:visited {
    color:white;
    text-decoration: underline;
}

footer {
    border-top: 1px #B39DA7 solid;
}
                                        

/* Side-by-side previews */
div.wikiEditor-ui,
div.wikiEditor-preview-contents {
    background: transparent !important;
}

div.wikiEditor-ui-controls {
    background: none;
}

div.wikiEditor-ui-buttons {
    background: none;
    border-top: none;
}


/* calinks */
.catlinks {
    border: 0px solid white !important;
    padding-left: 15px !important;
}


/* Preferences */
.skin-hydradark #preftoc li a {
    font-weight: normal;
}

.skin-hydradark #preftoc li.selected a {
    font-weight: bold;
}

.skin-hydradark #preferences legend {
    color: #B39DA7;
    font-weight: bold;
    font-size: 110%; 
}


/* Search */
.skin-hydradark .mw-search-profile-tabs {
    padding: 5px;
}

.skin-hydradark .mw-search-profile-tabs li.current a:link,
.skin-hydradark .mw-search-profile-tabs li.current a:visited {
    font-weight: bold;
    color: #927A5B !important;
}


/* Scroll down for more */ 
























/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #181818; 
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #181818; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}

/* Claim wiki button - this section can be removed if you remove the claim button from the main page */
.claimwikibutton {
    text-align: center;
}

.claimwikibutton a {
    background: url("https://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    display: block;
    height: 57px;
    margin: 0 auto;
    max-width: 100%;
    width: 200px;
}

.claimwikibutton a:hover {
    background: url("https://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
}

/* copyright images tweak */
.skin-hydradark .copyright-icon {
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding: 0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #67676;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}





.pre-content.heading-holder {
    color: white;
}

.post-content.footer-content {
    color: white;
}

.post-content.footer-content a:link,
.post-content.footer-content a:visited {
    color: white;
}
Advertisement