(19 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | ||
display: none; | display: none; | ||
+ | } | ||
+ | |||
+ | .text-center { | ||
+ | text-align: center; | ||
} | } | ||
Line 13: | Line 17: | ||
#HQ_page p{ | #HQ_page p{ | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | text-align: justify; | ||
} | } | ||
Line 78: | Line 83: | ||
.verticalLine { | .verticalLine { | ||
border-left: 2px dotted #808080; | border-left: 2px dotted #808080; | ||
− | |||
float: right; | float: right; | ||
+ | height: 385px; | ||
} | } | ||
.socialBar{ | .socialBar{ | ||
Line 112: | Line 117: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 163: | Line 134: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.btn-outline { | .btn-outline { | ||
color: white; | color: white; | ||
Line 228: | Line 166: | ||
line-height: 45px; | line-height: 45px; | ||
} | } | ||
+ | |||
+ | .headline { | ||
+ | padding: 120px 0; | ||
} | } | ||
− | + | .headline h1 { | |
− | + | font-size: 130px; | |
− | + | ||
− | + | } | |
− | + | .headline h2 { | |
− | + | font-size: 77px; | |
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .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; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .navbar-brand{ | |
− | + | margin-top: 10px; | |
− | + | ||
− | + | ||
} | } | ||
− | + | nav nav-bar{ | |
− | + | margin-top: 10px; | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ |
− | + | padding: 15px; | |
− | + | font-size: 20px; | |
} | } | ||
+ | #topcontrol { | ||
+ | color: #fff; | ||
+ | z-index: 99; | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | font-size: 20px; | ||
+ | background: #222; | ||
+ | position: relative; | ||
+ | right: 14px !important; | ||
+ | bottom: 11px !important; | ||
+ | border-radius: 3px !important; | ||
+ | } | ||
− | + | #topcontrol:after { | |
− | + | top: -2px; | |
+ | left: 8.5px; | ||
+ | content: "\f106"; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: FontAwesome; | ||
} | } | ||
− | . | + | #topcontrol:hover { |
− | + | color: #fff; | |
+ | background: #72c02c; | ||
+ | -webkit-transition: all 0.3s ease-in-out; | ||
+ | -moz-transition: all 0.3s ease-in-out; | ||
+ | -o-transition: all 0.3s ease-in-out; | ||
+ | transition: all 0.3s ease-in-out; | ||
} | } | ||
− | + | footer .contanier{ | |
− | + | width: 1500px; | |
+ | } | ||
+ | |||
+ | nav ul{ | ||
+ | text-align: left; | ||
} | } |
Latest revision as of 14:45, 19 October 2016
- menu_MainPage, #content_MainPage, .rightColumn_Submenu, .submenu, #sideMenu, .logo_2016{
display:none; }
- contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
display: none; }
.text-center {
text-align: center;
}
- topBanner, #topBannerText{
display:none; }
- HQ_page p{
margin: 0 auto; text-align: justify;
} .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; float: right; height: 385px;
} .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;
}
.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;
}
.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;
}
.headline {
padding: 120px 0;
}
.headline h1 {
font-size: 130px;
}
.headline h2 {
font-size: 77px;
}
.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;
}
.navbar-brand{
margin-top: 10px;
}
nav nav-bar{
margin-top: 10px;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
padding: 15px; font-size: 20px;
}
- topcontrol {
color: #fff; z-index: 99; width: 30px; height: 30px; font-size: 20px; background: #222; position: relative; right: 14px !important; bottom: 11px !important; border-radius: 3px !important;
}
- topcontrol:after {
top: -2px; left: 8.5px; content: "\f106"; position: absolute; text-align: center; font-family: FontAwesome;
}
- topcontrol:hover {
color: #fff; background: #72c02c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
footer .contanier{
width: 1500px;
}
nav ul{
text-align: left;
}