/* 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 */
- 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;
}
- 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;
}