Difference between revisions of "Team:Washington/Test"

Line 104: Line 104:
 
   line-height: 1.5em;
 
   line-height: 1.5em;
 
}
 
}
 +
 +
@media (max-width: 700px) {
 +
    .container {
 +
      width: 100%;
 +
      padding: 0 20px;
 +
    }
 +
  }
 +
 
 +
  @media (max-width: 600px) {
 +
    #openSideMenu {
 +
      display: block;
 +
      color: var(--blackish);
 +
    }
 +
    #sideBar {
 +
      color: var(--whiteish);
 +
      max-width: 300px;
 +
      height: 100%;
 +
      position: fixed;
 +
      top: 0;
 +
      right: 0px;
 +
      background: var(--blackish);
 +
      opacity: 0.9;
 +
      padding-top: 100px;
 +
      display: none;
 +
    }
 +
    nav>div>ul {
 +
      float: left;
 +
      padding-left: 20px;
 +
      width: 100%;
 +
    }
 +
    nav>div>ul .hasdropdown {
 +
      padding: 15px 30px;
 +
      float: none;
 +
      margin: auto;
 +
    }
 +
    .hasNoDropdown a {
 +
      padding: 15px 30px;
 +
      display: block;
 +
    }
 +
    .dropdownContentOpen {
 +
      -webkit-animation: none;
 +
      animation: none;
 +
    }
 +
    .dropdownContent {
 +
      position: relative;
 +
      top: 5px;
 +
      max-width: 250px;
 +
    }
 +
    .dropdownContent li {
 +
      text-align: left;
 +
      background-color: var(--blackish);
 +
    }
 +
    .dropdownContent a {
 +
      padding: 10px 10px 10px 15px;
 +
      max-width: 210px;
 +
    }
 +
    nav li:hover {
 +
      background: var(--blackish);
 +
      color: white;
 +
      font-size: 110%;
 +
    }
 +
    footer>div {
 +
      -webkit-box-orient: vertical;
 +
      -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
      flex-direction: column;
 +
      -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
      align-items: center;
 +
    }
 +
    .countdown div#excessive {
 +
      display: none;
 +
    }
 +
    .countdown div {
 +
      font-size: 35px;
 +
      padding: 10px;
 +
      margin: 5px;
 +
      -webkit-box-shadow: 0 0 7px 2px white;
 +
      box-shadow: 0 0 7px 2px white;
 +
    }
 +
    .countdown span {
 +
      font-size: 25px;
 +
    }
 +
  }

Revision as of 05:05, 22 April 2018


body { margin: 0; padding: 0; }

.App, #root { 

   margin: 0px;
   margin-top: -18px;
   padding: 0;
   height: 100vh;
   font-family: sans-serif;
   width: 100vw;
   text-align: center;
   background-color: rgb(46, 46, 124);
   color: white;
   line-height: 80vh; /* temporary */

}

  1. root {
   top: 8px;
   width: 100%;
   position: absolute;
   background-color: rgb(46, 46, 124);
   color: white;
   font-size: 16px;
   font-family: sans-serif;

} /* Wiki overrides */

  1. globalWrapper {
   font-size: 100%;
   padding: 0;
 }
  1. top_menu_under, #top_menu_14, #top_menu_inside {

-webkit-box-sizing: content-box; box-sizing: content-box; height: 16px; } 

 h1, h2, h3, h4, h5 {
   font-family: 'Times New Roman', Times, serif;
   margin: 0;
   padding: 0;
   padding-top: 15px;
   border: none;
   font-size: default;
   font-size: 27px;
   font-weight: bold;
 }
 
 a[href ^="https://"] {
   padding: 0;
 }
 
 .submenu div {
   line-height: 1.5em;
 }
 
 #contentBox {
   width: 100%;
   height: -webkit-max-content;
   height: -moz-max-content;
   height: max-content;
   padding: 0;
   margin: 0;
   line-height: normal;
   position: absolute;
   top: 10px;
   background: #C6c6c6;
 }
 
 li, ul {
   margin: 0;
   line-height: normal;
   list-style-type: none;
   list-style-image: none;
   display: block;
 }
 
 .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
   margin: 0;
   padding: 0;
 }
 
 * {
   padding: 0;
   margin: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-decoration: none;
 }
 
 body {
   background-color: var(--whiteish);
   color: var(--blackish);
   font-size: 16px;
   font-family: 'Times New Roman', Times, serif;
 }

 #top_menu_inside ul a {
 line-height: 1.5em;

}

@media (max-width: 700px) { 

   .container {
     width: 100%;
     padding: 0 20px;
   }
 }
 
 @media (max-width: 600px) {
   #openSideMenu {
     display: block;
     color: var(--blackish);
   }
   #sideBar {
     color: var(--whiteish);
     max-width: 300px;
     height: 100%;
     position: fixed;
     top: 0;
     right: 0px;
     background: var(--blackish);
     opacity: 0.9;
     padding-top: 100px;
     display: none;
   }
   nav>div>ul {
     float: left;
     padding-left: 20px;
     width: 100%;
   }
   nav>div>ul .hasdropdown {
     padding: 15px 30px;
     float: none;
     margin: auto;
   }
   .hasNoDropdown a {
     padding: 15px 30px;
     display: block;
   }
   .dropdownContentOpen {
     -webkit-animation: none;
     animation: none;
   }
   .dropdownContent {
     position: relative;
     top: 5px;
     max-width: 250px;
   }
   .dropdownContent li {
     text-align: left;
     background-color: var(--blackish);
   }
   .dropdownContent a {
     padding: 10px 10px 10px 15px;
     max-width: 210px;
   }
   nav li:hover {
     background: var(--blackish);
     color: white;
     font-size: 110%;
   }
   footer>div {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }
   .countdown div#excessive {
     display: none;
   }
   .countdown div {
     font-size: 35px;
     padding: 10px;
     margin: 5px;
     -webkit-box-shadow: 0 0 7px 2px white;
     box-shadow: 0 0 7px 2px white;
   }
   .countdown span {
     font-size: 25px;
   }
 }