dash-website/_site/assets/css/site.css
2016-06-14 15:07:17 -04:00

392 lines
6.8 KiB
CSS
Executable file

@font-face {
font-family: 'gunship_italicitalic';
src: url('../fonts/gunshipital-webfont.woff2') format('woff2'),
url('../fonts/gunshipital-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
padding-top:0px;
background-color:#fff;
font-family: 'Noto Sans', sans-serif;
}
.section-subtitle{
margin:10px 0;
font-size:19px;
color:#777;
}
.section-lead-sub{
font-size:2em;
color:#777;
padding:0px 0px 0px 0px;
}
.section-caption{
margin:10px 0;
font-size:16px;
color:#777;
}
.section-lead{
margin:30px 0;
font-size:2em;
color:#777;
}
.mini-box-subtitle{
padding-top:1px;
padding-bottom:0px;
padding-left:1px;
padding-right:1px;
text-align:center;
}
.section-paragraph{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
body, h1, h2, h3, h4, h5, h6{
font-family: 'Noto Sans', sans-serif;
font-weight:400;
color:#333;
}
.panel-title{
margin-top:5px;
margin-bottom:5px;
font-size:17px;
color:inherit;
font-weight:500;
}
.customer-img{
margin-top:10px;
margin-bottom:10px;
}
.breadcrumb{
padding:8px 15px;
margin-bottom:15px;
list-style:none;
background-color:#dfdfdf;
border-radius:3px;
margin-top:30px;
}
.page-panel{
padding:1px 10px 5px;
background-color:#fff;
margin-top:1px;
border-radius:1px;
box-shadow:0px 4px 4px 1px rgba(0,0,0,0.35);
margin-bottom:20px;
border-color:#555;
}
.page-main{
background-color:#fff;
border-radius:1px;
box-shadow:0px 3px 4px 0px rgba(0,0,0,0.5);
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
border-color:#555;
}
@media (max-width:767px) {
.page-main{
background-color:#fff;
margin:0px 0px;
border-radius:0px;
box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);
margin-left:0px;
margin-right:0px;
min-width:100%;
margin-bottom:0px;
border-color:#555;
}
}
.lead-sub{
margin-bottom:23px;
font-size:16px;
font-weight:300;
line-height:1.4;
}
.well{
min-height:20px;
padding:19px;
margin-bottom:20px;
background-color:#fff;
border:10px solid transparent;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.big-box, .mini-box{
text-align:center;
padding-top:15px;
}
.banner-social-buttons{
float:right;
margin-top:0;
}
.list-inline > li{
padding-bottom:5px;
}
.text-muted{
color:#2d2d2d;
font-weight: bold;
}
.btn-primary{
background-color:#2196f3;
}
.btn-primary:hover{
background-color:#42a9fb;
}
.btn-default{
background-color:#2196f3;
}
.btn-default:hover{
background-color:#42a9fb;
}
.thumbnail img{
width:100%;
}
.thumbnail{
padding:0;
}
.content-section-a{
background:url('../img/dashorg-nodes.jpg') no-repeat center center;
background-size:cover;
}
.content-section-b{
background:url('../img/dashorg-coins.jpg') no-repeat center center;
background-size:cover;
}
.content-section-c{
background:url('../img/dashorg2.jpg') no-repeat center center;
background-size:cover;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
}
.content-section-d{
/*background:url('../img/dashorg-complady.jpg') no-repeat center center;
background-size:cover;*/
background:#fff;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
}
.content-section-e{
background:url('../img/dashorg-worldwide.jpg') no-repeat center center;
background-size:cover;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
}
.content-section-f{
/*background:url('../img/dashorg-complady.jpg') no-repeat center center;
background-size:cover;*/
background:#fff;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
}
.content-section-g{
background:url('../img/dashorg-guy.jpg') no-repeat center center;
background-size:cover;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
}
.content-section-h{
background:url('../img/dashorg-laptop.jpg') no-repeat center center;
background-size:cover;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding-top: 45px;
padding-bottom: 50px;
text-align: center;
}
body, html{
width:100%;
height:100%;
}
.center{ text-align:center;}
.intro-well{
padding-top:10px;
padding-bottom:10px;
text-align:center;
color:#f8f8f8;
}
.intro-header{
padding-top:1px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
text-align:center;
color:#f8f8f8;
background:url('../img/dashorg-intro.jpg') no-repeat center center;
background-size:cover;
}
.white{color:#fff;}
.blue{color:#2d2d2d;}
.cta-header{
padding-top:0px;
padding-bottom:0px;
text-align:center;
color:#444;
}
.intro-message{
position:relative;
padding-top:12%;
padding-bottom:4%;
}
.cta-message{
position:relative;
padding-top:0%;
padding-bottom:0%;
color:#999;
}
.nav-divider{
border-top:1px solid #f8f8f8;
border-bottom:0px solid rgba(0,0,0,0.16);
margin-top:0px;
margin-bottom:0px;
}
.intro-message > h3{
font-size: 2em;
line-height: 10px;
text-shadow:0px 2px 3px rgba(0,0,0,0.4);
color:#fff;
}
.cta-message > h3{
text-shadow:0px 2px 3px rgba(0,0,0,0.4);
}
.intro-message > h1{
margin:0;
text-shadow:0px 2px 3px rgba(0,0,0,0.4);
font-size:3.5em;
color:#fff;
font-family: 'gunship_italicitalic';
}
.cta-message > h1{
margin:0;
text-shadow:0px 2px 3px rgba(0,0,0,0.4);
font-size:3em;
}
.network-name{
text-transform:uppercase;
font-size:14px;
font-weight:400;
letter-spacing:2px;
}
.content-section-a{
padding-top:5px;
background-color:#dfdfdf;
padding-bottom:40px;
padding-top:45px;
}
.content-section{
background-color:#fff;
padding-top:5px;
padding-bottom:40px;
}
.content-section-b{
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
padding-top:45px;
padding-bottom:50px;
}
.section-title{
margin-bottom:10px;
margin-left:10px;
}
.section-heading{
margin-bottom:30px;
}
.section-heading-spacer{
float:left;
width:200px;
border-top:3px solid #e7e7e7;
}
.footer-title{
font-size:14px;
font-weight:600;
}
#site-footer a{
margin-bottom:3px;
font-size:12px;
color:#777;
}
#site-footer a.loose{
display:block;
margin-bottom:20px;
}
#site-footer .bordered-group{
border:1px #aaa;
padding-right:5px;
}
#site-footer p{
font-size:12px;
margin:0px;
padding-top:5px;
}
.footer-panel{
margin-top:1px;
box-shadow:0px -1px 2px 0px rgba(0,0,0,0.3);
border-color:#555;
padding-top:8px;
}
.center{text-align: center;}
.footer-list{
padding-left:0;
list-style:none;
margin-left:-5px;
padding-top:10px;
padding-bottom:0px;
}