Difference between revisions of "Team:Washington/Test"

Revision as of 02:45, 5 December 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;
   }
 }