/*OVERRIDE DEFAULT CSS*/
- HQ_page, #content {
width:100%;
padding:0;
margin:0;
}
a#top {
height:0;
}
- top_title, #top_title div, #top_title h1 {
visibility:hidden;
height:0;
margin:0;
padding:0;
}
- globalWrapper {
padding-bottom:0;
}
/*CSS because the height of the iGEM menu doesn't match the height of its background spacer*/
- top_menu_14 {
height:18px; /*Now it does*/
}
/*To hide the
that appear everywhere*/
- mw-content-text > p:first-child, div#FOOTER~p {
visibility:hidden;
height:0;
margin:0;
padding:0;
}
/* GENERAL */
body, html {
width:100%;
height:auto;
}
h1 {
padding-top:3rem;
}
h2 {
padding-top:2rem;
}
h3 {
padding-top:2rem;
}
.heavy {
font-weight: 600;
}
/* Anchors */
a.footer {
text-decoration:underline;
}
a.footer:link, a.footer:visited {
color:#f8f9fa;
}
a.footer:hover, a.footer:active {
color:#d8d9da;
}
/* BANNER */
.img_banner {
-webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */
filter:grayscale(100%);
width:100%;
height:auto;
margin:0;
padding:0;
z-index:1000;
}
- BANNER {
margin:0;
padding:0;
overflow: hidden;
}
@media screen and (min-width:100px) and (max-width:576px) {
#BANNER {
height:40px;
}
}
@media screen and (min-width:577px) and (max-width:768px) {
#BANNER {
height:80px;
}
}
@media screen and (min-width:769px) and (max-width:992px) {
#BANNER {
height:110px;
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
#BANNER {
height:140px;
}
}
@media screen and (min-width:1201px) {
#BANNER {
height:170px;
}
}
/* HR BANNERS */
img.hr_img {
-webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */
filter:grayscale(100%);
width:100%;
}
div.hr_img {
height:5rem;
overflow:hidden;
}
/* HR */
h1~hr {
padding-bottom:2rem;
}
h2~hr {
padding-bottom:1.33rem;
}
h3~hr {
padding-bottom:1.33rem;
}
a.dropdown-item~hr {
margin-bottom:0.5rem;
margin-top:0.5rem;
}
/* NAV ICONS */
a.ico {
padding:0.5rem 0.5rem;
}
img.ico {
max-width:3rem;
height:auto;
}
.nav-left-col {
display:block;
width:16.666667%;
max-width:16.666667%;
}
/* FOOTER */
- FOOTER_CONTENT {
margin:1.6rem
}
/* GENERAL CSS */
.sticky-bottom {
position: -webkit-sticky; /* For compatibility */
position: sticky;
bottom: 0;
}
/* SPONSORS */
p.sponsor {
margin-bottom:0;
}
/* CAROUSEL */
.car_img {
-webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */
filter:grayscale(100%);
height:100%;
width:100%;
}
@media screen and (min-width:100px) and (max-width:576px) {
#PLACEHOLDER {
height:60px;
}
}
@media screen and (min-width:577px) and (max-width:768px) {
#PLACEHOLDER {
height:324px;
}
}
@media screen and (min-width:769px) and (max-width:992px) {
#PLACEHOLDER {
height:432px;
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
#PLACEHOLDER {
height:558px;
}
}
@media screen and (min-width:1201px) {
#PLACEHOLDER {
height:675px;
}
}
- PLACEHOLDER {
overflow:hidden;
z-index:1000;
position:relative;
}
