303 lines
4.3 KiB
CSS
303 lines
4.3 KiB
CSS
body {
|
|
padding: 54px 0 40px 0;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
body.home {
|
|
padding-top: 0;
|
|
}
|
|
|
|
body,
|
|
input,
|
|
button,
|
|
select,
|
|
textarea,
|
|
.navbar-search .search-query {
|
|
font: 400 14px/1.4em 'Segoe UI', 'Open Sans', Calibri, Candara, Arial, sans-serif;
|
|
}
|
|
|
|
.navbar .nav {
|
|
float: left;
|
|
margin-right: 0;
|
|
}
|
|
|
|
a {
|
|
color: #0066cc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
letter-spacing: -0.01em;
|
|
margin: 0;
|
|
line-height: normal;
|
|
}
|
|
|
|
/***** Bootstrap Cosmo Overrides *****/
|
|
h1,
|
|
h2 {
|
|
font-family: 'Segoe UI Light', 'Segoe UI', 'Open Sans', Calibri, Candara, Arial, sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
h1 {
|
|
font-size: 72px;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
|
|
.hero-unit h1 {
|
|
font-size: 48px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 26px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 26px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
h1 small,
|
|
h2 small,
|
|
h3 small,
|
|
h4 small,
|
|
h5 small,
|
|
h6 small {
|
|
color: #999;
|
|
}
|
|
|
|
.alert-heading,
|
|
.alert h1,
|
|
.alert h2,
|
|
.alert h3,
|
|
.alert h4,
|
|
.alert h5,
|
|
.alert h6 {
|
|
color: inherit;
|
|
}
|
|
|
|
.alert-info {
|
|
color: #3a87ad;
|
|
background-color: #d9edf7;
|
|
}
|
|
|
|
.navbar-inverse .navbar-inner {
|
|
background-color: #68217a;
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
}
|
|
|
|
.navbar-inverse.home .navbar-inner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-inverse .btn-navbar {
|
|
background: transparent;
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.navbar-inverse .btn-navbar:hover,
|
|
.navbar-inverse .btn-navbar:focus,
|
|
.navbar-inverse .btn-navbar:active,
|
|
.navbar-inverse .btn-navbar.active,
|
|
.navbar-inverse .btn-navbar.disabled,
|
|
.navbar-inverse .btn-navbar[disabled] {
|
|
background: #442359;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #0072c6;
|
|
}
|
|
|
|
.home .hero-unit {
|
|
margin-top: -54px;
|
|
position: relative;
|
|
z-index: 100;
|
|
}
|
|
|
|
.hero-unit {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hero-unit h1 {
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
.nav-tabs > li > a {
|
|
color: #999;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover {
|
|
color: #555;
|
|
}
|
|
|
|
.nav-tabs > .active > a,
|
|
.nav-tabs > .active > a:hover,
|
|
.nav-tabs > .active > a:focus {
|
|
color: #0072c6;
|
|
}
|
|
|
|
/***** General *****/
|
|
|
|
body > section > .container {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.masthead {
|
|
background-color: #0072c6;
|
|
color: white;
|
|
}
|
|
|
|
.masthead .hero-unit {
|
|
padding: 30px 0 0;
|
|
background: none;
|
|
}
|
|
|
|
.navbar.home {
|
|
position: relative;
|
|
z-index: 500;
|
|
}
|
|
|
|
.navbar .nav > li > a {
|
|
text-shadow: none;
|
|
padding-top: 18px;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.navbar-inverse .nav-collapse .nav > li > a {
|
|
color: white;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.navbar-inverse .nav > li > a.nav-item:focus,
|
|
.navbar-inverse .nav > li > a.nav-item:hover {
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.navbar-inverse .nav .active > a.nav-item,
|
|
.navbar-inverse .nav .active > a.nav-item:hover,
|
|
.navbar-inverse .nav .active > a.nav-item:focus {
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.24);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.navbar .logo {
|
|
/*background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDBsLTExIDEyLTcuMzMzLTUuNjY2LTIuNjY3IDEuNjgydjEzLjk4NGwyLjY2NyAxLjY2NiA3LjMzMy01LjY2NiAxMSAxMSA3LTN2LTIyLjMzM2wtNy0zLjY2N3ptLTE4IDE5di05bDQgNS00IDR6bTExLTRsNy02djEybC03LTZ6Ii8+PC9zdmc+") left center no-repeat;*/
|
|
/*padding: 16px 12px 0 34px;*/
|
|
padding: 16px 12px 0 0px;
|
|
height: 35px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.navbar .logo a {
|
|
color: #fff;
|
|
font-size: 24px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.navbar-fixed-top {
|
|
z-index: 500;
|
|
}
|
|
|
|
.flgroup:after {
|
|
content: '';
|
|
display: block;
|
|
visibility: hidden;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
/* Controls */
|
|
|
|
/* Media Queries */
|
|
@media (min-width: 1200px) {
|
|
h1,
|
|
h2 {
|
|
letter-spacing: -0.04em;
|
|
}
|
|
|
|
.hero-unit h1 {
|
|
font-size: 72px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 36px;
|
|
}
|
|
}
|
|
|
|
#gh-link {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
border: 0;
|
|
margin: 0;
|
|
z-index: 1000;
|
|
}
|
|
@media (min-width: 980px) {
|
|
#gh-link {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 980px) {
|
|
.navbar .nav {
|
|
float: right;
|
|
}
|
|
|
|
.navbar-inverse .nav-collapse .nav > li > a {
|
|
padding-left: 15px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
h1 {
|
|
letter-spacing: -0.02em;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 979px) {
|
|
body {
|
|
padding: inherit;
|
|
}
|
|
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom,
|
|
.navbar-static-top {
|
|
margin-right: inherit;
|
|
margin-left: inherit;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.navbar-fixed-top .navbar-inner {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.navbar .container {
|
|
width: 724px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.navbar .container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.navbar .logo a {
|
|
display: none;
|
|
}
|
|
}
|