2012-07-26 18:43:31 +00:00
|
|
|
@import "compass";
|
|
|
|
|
@import "normalize";
|
|
|
|
|
|
2012-07-27 08:34:15 +00:00
|
|
|
@include font-face("Mensch", font-files("mensch.woff", woff,
|
|
|
|
|
"mensch.ttf", truetype,
|
|
|
|
|
"mensch.svg", svg)
|
|
|
|
|
"mensch.eot", normal, normal);
|
2012-07-26 18:43:31 +00:00
|
|
|
|
|
|
|
|
body {
|
2012-07-27 08:34:15 +00:00
|
|
|
font-family: "Mensch", Helvetica, Arial, sans-serif;
|
2012-07-26 18:43:31 +00:00
|
|
|
|
|
|
|
|
background-color: rgb(255,255,255); // Old browsers
|
|
|
|
|
@include filter-gradient(#ffffff, #e8e8e8, horizontal); // IE6-8 fallback on horizontal gradient
|
|
|
|
|
// IE9 SVG, needs conditional override of 'filter' to 'none'
|
|
|
|
|
$experimental-support-for-svg: true;
|
|
|
|
|
@include background-image(radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(232,232,232,1) 100%));
|
2012-07-27 08:34:15 +00:00
|
|
|
@include background-image(radial-gradient(center, ellipse cover, rgba(255,255,255,1) 1%,rgba(232,232,232,1) 100%));
|
2012-07-26 18:43:31 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.headline {
|
|
|
|
|
padding-top: 3em;
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #4A4A4A;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.subtitle {
|
|
|
|
|
padding-top: 2em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
color: #4A4A4A;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul.gallery {
|
|
|
|
|
margin-top: 50px;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
float:right;
|
|
|
|
|
position:relative;
|
|
|
|
|
left:-50%;
|
|
|
|
|
text-align:left;
|
|
|
|
|
li {
|
|
|
|
|
float:left;
|
|
|
|
|
margin-right:70px;
|
|
|
|
|
margin-top:7px;
|
|
|
|
|
|
|
|
|
|
position:relative;
|
|
|
|
|
left:50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.appstore {
|
|
|
|
|
margin-top: 250px;
|
|
|
|
|
margin-right: 200 px;
|
|
|
|
|
}
|
