dynamicweb/digitalglarus/static/digitalglarus/css/history.css

151 lines
2.9 KiB
CSS

@charset "UTF-8";
/* CSS Document */
header.history {
text-align: center;
color: #fff;
background-attachment: scroll;
background-image: url(../img/header_bg_4.png);
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.supporter {
font-size:18px;
font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
text-align:center;
line-height: 2.5;
color: #fff;
}
.supporter-intro {
padding: 15px 5px 15px;
color: #fff;
}
.supporter-black {
padding: 15px 5px 15px;
color: #000;
font-size:18px;
font-weight: 200;
font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif;
text-align:center;
line-height: 1.8;
}
@media (max-width: 979px) and (min-width: 768px)
.supporter-black{
width: 100%;
}
.supporter-headline {
color: #fff;
font-size: 36px;
text-transform: uppercase;
font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
padding-top: 50px;
margin-top: 0;
margin-bottom: 15px;
}
.supporter-bg {
background-image:url(../img/bg-supporter.png);
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.glyphicon-star {
font-size: 44px;
display: block;
text-align: center;
margin: 30px auto 30px;
color: #88c7d7;
}
.glyphicon-heart {
font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 20px;
color: #88c7d7;
}
.glyphicon-home {
font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 40px;
color: #88c7d7;
}
.glyphicon-road {
font-size: 42px;
display: block;
text-align: center;
margin: 40px auto 20px;
color: #88c7d7;
}
/*.glyphicon-inverse {
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
font-size: 20px;
line-height: 40px;
outline: 0;
color: #fff;
background-color: #88c7d7;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}*/
#hr.grey {
border-color: #ddd;
border-width: 1px;
max-width: 100px;
}
.img-100days{
width:220px;
height: 330px;
display: block;
position: absolute;
left: 0;
top: 0;
text-decoration: none;
}
#price {
background-color: #ddd;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.price-box{
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #fff;
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
}
.graph{
padding-top: 30px;
}