|
|
| Line 24: |
Line 24: |
| | #top_menu_14 { | | #top_menu_14 { |
| | height:18px; /*Now it does*/ | | height:18px; /*Now it does*/ |
| | + | } |
| | + | |
| | + | /*IMAGES*/ |
| | + | /**//*Team Logo*/ |
| | + | .img_team_logo_white { |
| | + | height:3.5rem; |
| | + | width:auto; |
| | + | filter: invert(100%); /*make the logo white*/ |
| | + | } |
| | + | |
| | + | /**//*The text of the logo*/ |
| | + | a.navbar-brand { |
| | + | font-size:1.5rem; |
| | } | | } |
| | | | |
| Line 33: |
Line 46: |
| | padding:0; | | padding:0; |
| | } | | } |
| | + | |
| | + | /*pdf spacer*/ |
| | + | .black-pdf-spacer { |
| | + | width:100%; |
| | + | height:1rem; |
| | + | background-color:#3F3F3F; |
| | + | |
| | + | } |
| | + | |
| | | | |
| | | | |
| Line 39: |
Line 61: |
| | width:100%; | | width:100%; |
| | height:auto; | | height:auto; |
| | + | } |
| | + | |
| | + | p { |
| | + | font-family:"Trebuchet MS", Helvetica, sans-serif; |
| | } | | } |
| | | | |
| | h1 { | | h1 { |
| | padding-top:3rem; | | padding-top:3rem; |
| | + | font-family:"Trebuchet MS", Helvetica, sans-serif; |
| | } | | } |
| | | | |
| | h2 { | | h2 { |
| | padding-top:2rem; | | padding-top:2rem; |
| | + | font-family:"Trebuchet MS", Helvetica, sans-serif; |
| | } | | } |
| | | | |
| | h3 { | | h3 { |
| | padding-top:2rem; | | padding-top:2rem; |
| | + | font-family:"Trebuchet MS", Helvetica, sans-serif; |
| | } | | } |
| | | | |
| Line 224: |
Line 253: |
| | z-index:1000; | | z-index:1000; |
| | position:relative; | | 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; |
| | } | | } |
Revision as of 09:33, 3 September 2018
/*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*/
}
/*IMAGES*/
/**//*Team Logo*/
.img_team_logo_white {
height:3.5rem;
width:auto;
filter: invert(100%); /*make the logo white*/
}
/**//*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;
}
p {
font-family:"Trebuchet MS", Helvetica, sans-serif;
}
h1 {
padding-top:3rem;
font-family:"Trebuchet MS", Helvetica, sans-serif;
}
h2 {
padding-top:2rem;
font-family:"Trebuchet MS", Helvetica, sans-serif;
}
h3 {
padding-top:2rem;
font-family:"Trebuchet MS", Helvetica, sans-serif;
}
.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;
}
/*"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;
}
