/*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*/
}
- MENU {
top:18px;
}
/*IMAGES*/
/**//*Team Logo*/
.img_team_logo_white {
height:3.5rem;
width:auto;
filter: invert(100%); /*make the logo white*/
}
/**//*GREY*//**/
.img_grayed_out {
-webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */
filter:grayscale(100%);
-webkit-filter: opacity(25%)/* Safari 6.0-9.0 */
filter: opacity(25%);
}
/**//*The text of the logo*/
a.navbar-brand {
font-size:1.5rem;
}
/*To hide the
that appear everywhere*/
- mw-content-text > p:first-child, div#FOOTER~p {
visibility:hidden;
height:0;
margin:0;
padding:0;
}
/*pdf spacer*/
.black-pdf-spacer {
width:100%;
height:1rem;
background-color:#3F3F3F;
}
/* GENERAL */
body, html {
width:100%;
height:auto;
}
h1 {
padding-top:3rem;
}
h2 {
padding-top:2rem;
}
h3 {
padding-top:2rem;
}
.heavy {
font-weight: 600;
}
- MENU {
font-size:1rem;
}
a.dropdown-item {
color:black !important;
}
/* 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;
}
/*"EXTENDED" BOOTSTRAP*/
.corner-bottom {
border-bottom-left-radius : 0 !important;
border-bottom-right-radius : 0 !important;
}
.corner-top {
border-top-left-radius : 0 !important;
border-top-right-radius : 0 !important;
}
