(73 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Global Styles */ | /* Global Styles */ | ||
Line 9: | Line 4: | ||
html, | html, | ||
body { | body { | ||
+ | |||
height: 100%; | height: 100%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body { | body { | ||
padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ | padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ | ||
Line 27: | Line 14: | ||
<!--#sideMenu, #top_title, .patrollink {display:none;}--> | <!--#sideMenu, #top_title, .patrollink {display:none;}--> | ||
#content { width:100%; padding:0px; margin-top:0px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:0px; margin-left:0px;} | ||
− | body { | + | body { |
+ | margin-top:0px; | ||
+ | } | ||
<!--#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }--> | <!--#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }--> | ||
.img-portfolio { | .img-portfolio { | ||
Line 41: | Line 30: | ||
header.carousel { | header.carousel { | ||
height: 100%; | height: 100%; | ||
+ | width: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 47: | Line 37: | ||
header.carousel .item.active, | header.carousel .item.active, | ||
header.carousel .carousel-inner { | header.carousel .carousel-inner { | ||
− | + | height: 100%; | |
+ | width: 100%; | ||
+ | overflow: hidden; | ||
} | } | ||
− | |||
header.carousel .fill { | header.carousel .fill { | ||
width: 100%; | width: 100%; | ||
Line 79: | Line 70: | ||
display: block; | display: block; | ||
font-style: italic; | font-style: italic; | ||
+ | } | ||
+ | /*font*/ | ||
+ | @font-face{ | ||
+ | font-family: ziti; | ||
+ | src:url('https://static.igem.org/mediawiki/2017/c/cd/Npu.ttf'); | ||
+ | |||
+ | } | ||
+ | h1,h2,h3,h4,h5,p{ | ||
+ | font-family: ziti; | ||
+ | line-height: 150%; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .page-header{ | ||
+ | text-align:center; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/* Footer Styles */ | /* Footer Styles */ | ||
Line 86: | Line 97: | ||
margin: 50px 0; | margin: 50px 0; | ||
} | } | ||
+ | |||
/* Responsive Styles */ | /* Responsive Styles */ |
Latest revision as of 16:06, 30 October 2017
/* Global Styles */
html, body {
height: 100%;
}
body {
padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
- home_logo, #sideMenu { display:none; }
- content { width:100%; padding:0px; margin-top:0px; margin-left:0px;}
body { margin-top:0px; } .img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {
height: 100%; width: 100%; overflow: hidden;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
height: 100%; width: 100%; overflow: hidden;
} header.carousel .fill {
width: 100%; height: 100%; background-position: center; background-size: cover;
}
/* 404 Page Styles */
.error-404 {
font-size: 100px;
}
/* Pricing Page Styles */
.price {
display: block; font-size: 50px; line-height: 50px;
} .price sup {
top: -20px; left: 2px; font-size: 20px;
}
.period {
display: block; font-style: italic;
} /*font*/ @font-face{
font-family: ziti; src:url('https://static.igem.org/mediawiki/2017/c/cd/Npu.ttf');
} h1,h2,h3,h4,h5,p{
font-family: ziti; line-height: 150%; font-weight: 300;
} .page-header{ text-align:center; }
/* Footer Styles */
footer {
margin: 50px 0;
}
/* Responsive Styles */
@media(max-width:991px) {
.customer-img, .img-related { margin-bottom: 30px; }
}
@media(max-width:767px) {
.img-portfolio { margin-bottom: 15px; }
header.carousel .carousel { height: 70%; }
}