@font-face {
font-family: "TodaySHOP"; src: url("https://static.igem.org/mediawiki/2018/b/bc/T--TecCEM--TodaySHOP-Regular.eot"); src: url("https://static.igem.org/mediawiki/2018/b/bc/T--TecCEM--TodaySHOP-Regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--TodaySHOP-Regular.woff") format("woff"); font-weight: normal; font-style: normal;
}
@font-face {
font-family: "Caecilia LT Std"; src: url("https://static.igem.org/mediawiki/2018/8/88/T--TecCEM--CaeciliaLTStd-Roman.eot"); src: url("https://static.igem.org/mediawiki/2018/8/88/T--TecCEM--CaeciliaLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/2/23/T--TecCEM--CaeciliaLTStd-Roman.woff") format("woff"); font-weight: normal; font-style: normal;
}
@font-face {
font-family: "Caecilia LT Std"; src: url("https://static.igem.org/mediawiki/2018/e/e4/T--TecCEM--CaeciliaLTStd-Italic.eot"); src: url("https://static.igem.org/mediawiki/2018/e/e4/T--TecCEM--CaeciliaLTStd-Italic.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/0/0f/T--TecCEM--CaeciliaLTStd-Italic.woff") format("woff"); font-weight: normal; font-style: italic;
}
@font-face {
font-family: "Caecilia LT Std"; src: url("https://static.igem.org/mediawiki/2018/3/3b/T--TecCEM--CaeciliaLTStd-Bold.eot"); src: url("https://static.igem.org/mediawiki/2018/3/3b/T--TecCEM--CaeciliaLTStd-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2018/6/6f/T--TecCEM--CaeciliaLTStd-Bold.woff") format("woff"); font-weight: bold; font-style: normal;
}
- HQ_page {
position: absolute; top: 4px; width: 100%;
}
- HQ_page,
- HQ_page p,
- HQ_page strong,
- HQ_page a,
- HQ_page li {
font-family: "Caecilia LT Std", sans-serif;
} body {
font-size: 100%;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
font-size-adjust: 0.5;
}
- HQ_page,
- HQ_page p {
font-size: 1em; line-height: 1.75; letter-spacing: 1.5px; color: #333333 !important;
}
@media (min-width: 43.75em) {
#HQ_page { font-size: 1em; line-height: 1.375; }
}
h1 {
font-size: 2em; line-height: 1.25;
}
@media (min-width: 43.75em) {
h1 { font-size: 2.5em; line-height: 1.125; }
}
@media (min-width: 56.25em) {
h1 { font-size: 3em; line-height: 1.05; }
}
h2 {
font-size: 1.625em; line-height: 1.15384615;
}
@media (min-width: 43.75em) {
h2 { font-size: 2em; line-height: 1.25; }
}
@media (min-width: 56.25em) {
h2 { font-size: 2.25em; line-height: 1.25; }
}
h3 {
font-size: 1.375em; line-height: 1.13636364;
}
@media (min-width: 43.75em) {
h3 { font-size: 1.5em; line-height: 1.25; }
}
@media (min-width: 56.25em) {
h3 { font-size: 1.75em; line-height: 1.25; }
}
h4 {
font-size: 1.125em; line-height: 1.11111111;
}
@media (min-width: 43.75em) {
h4 { line-height: 1.22222222; }
}
blockquote {
font-size: 1.25em; line-height: 1.25;
}
@media (min-width: 43.75em) {
blockquote { font-size: 1.5em; line-height: 1.45833333; }
}
- HQ_page h1,
- HQ_page h2,
- HQ_page h3,
- HQ_page h4,
- HQ_page h5 {
font-family: "TodaySHOP", sans-serif; letter-spacing: 3px; font-weight: normal;
}
- mw-content-text {
min-height: 100vh;
}
- content {
width: 100% !important; height: 100% !important; margin-left: 0 !important; padding-left: 0 !important;
} div#gif-title h1 {
color: #ff1558; -webkit-text-stroke-width: 0; font-size: 3em; mix-blend-mode: multiply;
}
- parallax {
position: fixed; top: 0; width: 100vw !important; height: 100vh !important; background: url("") no-repeat center center; opacity: 0.08; background-size: cover; z-index: -1;
}
- main-container {
min-height: 100vh !important; position: relative;
}
- main-container p,
- main-container strong {
color: white !important;
}
- main-container #abstract {
position: absolute; left: 0; width: 100%; right: 0; margin: 0 auto; bottom: 15%;
} .first-container {
margin-top: 1rem;
} div#gif-title {
position: relative; height: 210px; max-width: 100% !important; overflow: hidden;
}
div#gif-title * {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
} div#gif-title img {
min-width: 100%;
}
- content h1 {
color: rgba(255, 255, 255, 0); -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: black;
}
- content strong {
color: black;
}
- home_logo,
- sideMenu,
- top_title,
.patrollink {
display: none;
}
- content {
margin-left: 0px; margin-top: -20px; padding: 0px; width: 100%;
}
body {
background-color: white;
}
.svgClass {
display: block;
} .bottom {
mask: url("https://static.igem.org/mediawiki/2018/b/b2/T--TecCEM--BtnBottom.svg") no-repeat; -webkit-mask: url("https://static.igem.org/mediawiki/2018/b/b2/T--TecCEM--BtnBottom.svg") no-repeat; background-size: contain; display: inline-block; height: 40px; width: 40px; margin: auto;
} .open {
mask: url("https://static.igem.org/mediawiki/2018/3/34/T--TecCEM--Open.svg") no-repeat; -webkit-mask: url("https://static.igem.org/mediawiki/2018/3/34/T--TecCEM--Open.svg") no-repeat; background-size: contain; display: inline-block; height: 20px; width: 20px; margin: auto;
} .closed {
mask: url("https://static.igem.org/mediawiki/2018/8/8e/T--TecCEM--Close.svg") no-repeat; -webkit-mask: url("https://static.igem.org/mediawiki/2018/8/8e/T--TecCEM--Close.svg") no-repeat; background-size: contain; display: inline-block; height: 20px; width: 20px; margin: auto;
} .dropdown-menu.show {
background-color: rgba(250, 250, 250, 0.9); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; left: 20%;
}
a.dropdown-item, a.nav-link {
letter-spacing: 2px;
}
a.dropdown-item:active {
background-color: #f5e1e1;
}
div#top_menu_14 {
box-sizing: content-box;
}
- navbarContainer {
background-color: rgba(250, 250, 250, 0.9); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 0px 5px 5px;
}
- navbarContainer a {
font-family: "TodaySHOP", serif;
}
- navbarContainer a:visited,
- navbarContainer a:hover {
color: #333333 !important;
} .navbar {
top: 18px;
}
@media only screen and (max-width: 812px) {
.navbar { top: 20px; } #navbarTecCEM .w-75.nav-fill { width: 100% !important; } #navbarContainer { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 2px 2px 2px 2px; border-radius: 5px; }
}
- bodyContent div.content div::before {
display: block; content: " "; height: 85px; margin-top: -74px; visibility: hidden;
}
div.container-fluid {
padding-right: 2rem;
}
- HQ_page .sidebar-index * {
font-family: "TodaySHOP", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
- HQ_page .sidebar-index .sidebar-header a {
font-size: 1.3em; font-weight: 600; letter-spacing: 4px;
}
- HQ_page .sidebar-index ul li a {
font-size: 1.1em;
}
- HQ_page .sidebar-index ul li ul li a {
font-size: 1em;
}
- HQ_page .sidebar-index ul li ul li ul li a {
font-size: 0.9em;
} .wrapper {
display: flex; align-items: stretch; width: 100%;
}
.sidebar-index {
width: 20%; position: sticky; align-self: flex-start; top: 70px; z-index: 900; margin: 0; padding: 1rem;
}
.wrapper .content {
width: 75%;
}
.sidebar-index .dropdown {
position: absolute; left: 0px;
}
.sidebar-index a {
color: inherit;
}
.sidebar-index a:hover {
text-decoration: none; color: black !important;
}
.sidebar-index a:hover p {
color: black !important;
}
.sidebar-index a:visited, .sidebar-index a:focus {
color: inherit; text-decoration: none;
}
.sidebar-index span.open, .sidebar-index span.closed {
background-color: black; vertical-align: middle;
}