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 */
   --grey: #5a5557;
   --light-grey: #a99b8c;
   /*--dark-grey: missing! 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;

   /* You can use the above colours here, to define e.g
    * --h1-color: var(--greenish);
    * Play with these as much as you like!
    */
   --text-line-height: 1.125em;

   --h1-color: #474238;
   --h2-color: darkorange;
   --headline-color: #474238;

   --light-background-color: #fafafa;
   --medium-background-color: #8b8074;
   --dark-background-color: #474238;

   --dark-text-color: #474238;
   --medium-text-color: #8b8074;
   --light-text-color: #F8F8F8;

   --dark-gray: #474238;
   --medium-gray: #8b8074;
   --light-gray: #F8F8F8;

   --cate-rm-font: 'Computer Modern Serif', 'Times New Roman', serif;
   --cate-sf-font: 'Computer Modern Bright', 'Helvetica', sans-serif;

} /* VARIABLES END */