Another Eden Wiki/Navigation/css

From Another Eden Wiki
  #main-page-navigation img {
     max-width: 100%;
     object-fit: cover;
     position: static;
  }
  
  #cat-beyond-banner img {
     object-position: 50% 10%;
  }
  
  td {
     vertical-align: top;
  }
  
  .banner-group {
     display: none;
  }
  
  .banner-group-alt {
     display: inline-block;
  }
  
  .banner-frame {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding: 0px;
     box-sizing: border-box;
  }
  
  .banner-text {
     background-color: rgba(0, 0, 0, 0.3);
     font-family: "Linux Libertine";
     font-size: 3vw;
     position: absolute;
     top: 50%;
     width: 100%;
     color: white;
     text-align: center;
     text-shadow: 0px -0.5px 3px black;
     transform: translate(0, -50%);
     z-index: 1;
     pointer-events: none;
  }
  
  .banner-table {
     width: 98%;
     margin-left: auto;
     margin-right: auto;
  }
  
  .subheader {
     border-bottom: 1.5px #ccccd4 solid;
     margin-top: 1em;
     margin-bottom: 1em;
  }
  
  @media screen and (min-width: 851px) {
     #main-page-navigation img {
        height: 6vw;
     }
     
     .banner-text {
        font-size: 2.4vw;
     }
  }
  
  @media screen and (min-width: 1100px) {
     #main-page-navigation img {
        height: 2.5vw;
     }
  
     .banner-text {
        font-size: 1vw;
     }
     
     .banner-group {
        display: inline-block;
     }
  
     .banner-group-alt {
        display: none;  
     }
  }