diff --git a/source/stylesheets/albert.css.scss b/source/stylesheets/albert.css.scss new file mode 100644 index 0000000..5cb06f2 --- /dev/null +++ b/source/stylesheets/albert.css.scss @@ -0,0 +1,59 @@ +@import "compass"; +@import "normalize"; +@import "960/grid"; +@import "960.css"; + +@include font-face("Mensch", font-files("mensch.ttf","mensch.otf")); + +body { + margin: 0 auto; + font: "Mensch", Helvetica, Arial, sans-serif; + font-family: "Mensch"; + + // needs latest Compass, add '@import "compass"' to your scss + 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%)); +} + + +.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; +}