- menu_MainPage, #content_MainPage, .rightColumn_Submenu, .submenu, #sideMenu, .logo_2016{
display:none; }
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
display: none; }
- topBanner, #topBannerText{
display:none; }
- HQ_page p{
margin: 0 auto;
} .centerImage {
text-align:center; display:block;
}
.wraptocenter {
display: block; text-align: center; vertical-align: middle; width: 200px; height: 200px; background-color: #999; marign: 0 auto;
}
- sideMenu .sideMenuTitle, #sideMenu .expand_subMenus, #sideMenu .switch_Menus{
display:none;
}
- logo-2016, #firstHeading, .firstHeading, #menu_MainPage {
display: none;
}
- top-section {
margin:auto;
}
- top_menu_inside {
background-color: transparent; margin-left: 390px;
}
- globalWrapper, #content {
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0 auto; padding: 0px; font-size: 100%; marign: 0 auto;
}
html, body, .wrapper {
width: 100%; height: 100%; background-color: transparent; marign: 0 auto;
}
.headerBreak{
width:100%; height:2px; background-color:white; display:none; margin-bottom:10px;
}
.verticalLine {
border-left: 2px dotted #808080; padding-left: 2em; float: right;
} .socialBar{
background-color: #0085D5; margin:0 auto; overflow: hidden;
} .socialBar ul{
padding: 0 9px; margin: 0 auto; color: white; font: robotoregular;
}
a {
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} a:hover, a:focus {
text-decoration: none; color: #1d9b6c;
} .light {
font-weight: 400;
}
footer {
color: white; overflow: hidden;
}
footer h3 {
margin-bottom: 30px; font: Helvetica; text-transform: uppercase; font-weight: 700;
}
footer p{ font-size: 20px; } footer ul{ font-size: 20px; } footer .footer-above {
background-color: #2C3E50;
} footer .footer-col {
margin-bottom: 50px;
} footer .footer-below {
padding: 25px 0; background-color: #233140;
}
@media (min-width: 768px) {
.header-image {
margin: 0 auto; margin-top: -25px; display: block; width: 100%; height: 897px; text-align: center; background: url('https://static.igem.org/mediawiki/2016/0/07/Headerimage.png') ; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
}
.headline {
padding: 0;
}
.headline h1 {
font-size: 130px; color: white;
}
.headline h2 {
font-size: 77px; color: white;
}
.featurette-divider {
margin: 80px 0;
}
.featurette {
overflow: hidden;
}
.featurette-image.pull-left {
margin-right: 40px;
}
.featurette-image.pull-right {
margin-left: 40px;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 767px) {
.btn-outline {
color: white; font-size: 20px; border: solid 2px white; background: transparent; transition: all 0.3s ease-in-out;
} .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
color: #18BC9C; background: white; border: solid 2px white;
}
.btn-social {
display: inline-block; height: 50px; width: 50px; border: 2px solid white; border-radius: 100%; text-align: right; font-size: 20px; line-height: 45px;
} }
@media(max-width:1200px) {
.headline h1 { font-size: 140px; }
.headline h2 { font-size: 63px; }
.featurette-divider { margin: 50px 0; }
.featurette-image.pull-left { margin-right: 20px; }
.featurette-image.pull-right { margin-left: 20px; }
.featurette-heading { font-size: 35px; }
}
@media(max-width:991px) {
.headline h1 { font-size: 105px; }
.headline h2 { font-size: 50px; }
.featurette-divider { margin: 40px 0; }
.featurette-image { max-width: 50%; }
.featurette-image.pull-left { margin-right: 10px; }
.featurette-image.pull-right { margin-left: 10px; }
.featurette-heading { font-size: 30px; }
}
@media(max-width:768px) {
.container { margin: 0 15px; }
.featurette-divider { margin: 40px 0; }
.featurette-heading { font-size: 25px; }
}
@media(max-width:668px) {
.headline h1 { font-size: 70px; }
.headline h2 { font-size: 32px; }
.featurette-divider { margin: 30px 0; }
}
@media(max-width:640px) {
.headline { padding: 75px 0 25px 0; }
.headline h1 { font-size: 60px; }
.headline h2 { font-size: 30px; }
}
@media(max-width:375px) {
.featurette-divider { margin: 10px 0; }
.featurette-image { max-width: 100%; }
.featurette-image.pull-left { margin-right: 0; margin-bottom: 10px; }
.featurette-image.pull-right { margin-bottom: 10px; margin-left: 0; }
}
footer-socials {
margin-top: 12px;
text-align: right;
}
.footer-socials li a { color: #fff; font-size: 16px; }
.footer-socials {
text-align: left;
}