Template:ETH Zurich/wrapper css

/* Adapted from Groningen 2016 iGEM team. Many thanks! */

/* RESET START */

body {

   font-size: medium;
   font-style: normal;
   font-weight: normal;
   margin: 0; 
   padding: 0;

}

h1, h2, h3, h4, h5, h6 {

   border: 0;
   display: block;
   font-size: medium;
   font-weight: normal;
   -webkit-margin: 0;
   margin: 0;
   overflow: auto;
   padding: 0;

}

/* p:empty, div:empty { display: none; background: red; }

*/

header ul, footer ul {

   list-style-image: none;
   list-style-type: none;
   margin: 0;

}

main ul, main ol {

   margin: 0;

}

body li {

   margin: 0;

} /* RESET END */

/* RESTYLE WRAPPERS START */

1. globalWrapper {

   padding: 0;
   position: static;

}

.visualClear, .pop_why_cover, .pop_why_box, #top, #top_title, #sideMenu, #top_title{

   border: none;
   display: none;
   margin: 0;
   padding: 0;

}

1. content {

   margin: 0;
   padding: 0;
   position: static;
   width: 100%;

} /* RESTYLE WRAPPERS END */

/* VARIABLES START */

root {

   /* OFFICIAL CATE PALETTE -- Please talk to Nico before changing */
   --very-light-grey: #fdfdfd;
   --light-grey: #a99b8c;
   --grey: #5a5557;
   --dark-grey: #474238; /* FIXME */

   --yellow: #ffcf02;
   --light-yellow: #ffe98a;

   --red: #9b1920;
   --dark-red: #661223;
   --very-dark-red: #331b22;

   --reddish: #dd2d4a;

   --green: #009b4d;
   --dark-green: #0e4c28;
   --very-dark-green: #1d3327;

   --greenish: #5cb675;

   --blue: #394999;
   --dark-blue: #2b2f77;
   --very-dark-blue: #1d1d35;

   --blueish: #6d74b5;
   --dark-blueish #4b57a3;

   --dark-gray: var(--dark-grey);
   --medium-gray: var(--grey);
   --light-gray: var(--light-grey);

   --material-shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
   --material-shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
   --material-shadow-2dp: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);

   --text-line-height: 1.25em;
   --large-line-height: 1.5em;

   --address-font-size: 15px;
   --caption-font-size: 15px;
   --references-font-size: 15px;
   --text-font-size: 18px;
   --h1-font-size: 24px;
   --h2-font-size: 21px;
   --headline-font-size: 30px;

   --h1-color: var(--dark-green);
   --h2-color: var(--very-dark-red);
   --headline-color: var(--dark-grey);

   --dark-background-color: var(--dark-grey);
   --medium-background-color: var(--grey);
   --light-background-color: var(--very-light-grey);

   --dark-text-color: var(--dark-grey);
   --medium-text-color: var(--grey);
   --light-text-color: var(--very-light-grey);

   --wrapper-background-color: var(--medium-background-color);
   --header-background-color: white;
   --footer-background-color: white;

   --cate-rm-font: serif;
   --cate-ms-font: monospace;
   --cate-sf-font: 'Computer Modern Sans', 'Helvetica', sans-serif;

} /* VARIABLES END */

.eth-main-contents {

   background-image: linear-gradient(to bottom, var(--light-background-color), var(--dark-green));
   display: block;
   margin-top: -7px; /* Ask Nikolas before changing this. */
   min-height: 100vh;
   justify-content: space-between;

}