Difference between revisions of "Team:Washington/CSS"

Line 3: Line 3:
 
     --mainColor: white;
 
     --mainColor: white;
 
     --debugHeaderColor: gray;
 
     --debugHeaderColor: gray;
 +
    --backgroundColor: #4b2e83;
 
}
 
}
  
Line 25: Line 26:
 
     width: 100vw;
 
     width: 100vw;
 
     text-align: center;
 
     text-align: center;
−
     background-color: rgb(46, 46, 124);
+
     background-color: var(--backgroundColor);
 
     color: var(--mainColor);
 
     color: var(--mainColor);
 
     line-height: 80vh;
 
     line-height: 80vh;
Line 35: Line 36:
 
     width: 100%;
 
     width: 100%;
 
     position: absolute;
 
     position: absolute;
−
     background-color: rgb(46, 46, 124);
+
     background-color: var(--backgroundColor);
 
     color: var(--mainColor);
 
     color: var(--mainColor);
 
     font-size: 16px;
 
     font-size: 16px;

Revision as of 00:41, 23 April 2018

root {
   --headerTagColor: white;
   --mainColor: white;
   --debugHeaderColor: gray;
   --backgroundColor: #4b2e83;

}

.debugheader { 

   height: 18px;
   background-color: var(--debugHeaderColor);
   margin-top: 28px;

}

body { 

   margin: 0;
   padding: 0;

}

.App,

  1. root {
   margin: 0px;
   margin-top: -18px;
   padding: 0;
   height: 100vh;
   font-family: sans-serif;
   width: 100vw;
   text-align: center;
   background-color: var(--backgroundColor);
   color: var(--mainColor);
   line-height: 80vh;
   /* temporary */

}

  1. root {
   top: 8px;
   width: 100%;
   position: absolute;
   background-color: var(--backgroundColor);
   color: var(--mainColor);
   font-size: 16px;
   font-family: sans-serif;

}

/* Wiki overrides */

  1. globalWrapper {
   font-size: 100%;
   padding: 0;

}

  1. top_menu_under,
  2. top_menu_14,
  3. top_menu_inside {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 16px;

}

h1, h2, h3, h4, h5 { 

   margin: 0;
   padding: 0;
   padding-top: 15px;
   border: none;
   font-size: default;
   font-size: 27px;
   font-weight: bold;
   color: var(--headerTagColor);

}

a[href ^="https://"] { 

   padding: 0;

}

.submenu div { 

   line-height: 1.5em;

}

  1. 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 { 

   font-size: 16px;

}

  1. top_menu_inside ul a {
   line-height: 1.5em;

}