styles: Use real-world fixed values (cm).

This commit is contained in:
Marcel Klehr 2012-08-07 09:10:24 +02:00
parent eac7fd2855
commit aa07a3a8e3

View file

@ -13,11 +13,11 @@ body {
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-family: Helvetica,Arial,sans-serif; font-family: Helvetica,Arial,sans-serif;
font-weight: normal; font-weight: normal;
padding: 20px 0; padding: 0.5cm 0;
} }
h1 { h1 {
margin-top: 40px; margin-top: 1cm;
font-size: 0.9cm; font-size: 0.9cm;
} }
h2 { h2 {
@ -49,7 +49,7 @@ h6 {
a.scroll-point { a.scroll-point {
display: block; display: block;
position: relative; position: relative;
top: -90px; top: -2.3cm;
} }
/* header */ /* header */
@ -58,7 +58,7 @@ div#header {
background: none repeat scroll 0 0 #333; background: none repeat scroll 0 0 #333;
border-bottom: 3px solid #aaa; border-bottom: 3px solid #aaa;
left: 0; left: 0;
margin-bottom: 10px; height: 2.3cm;
position: fixed; position: fixed;
right: 0; right: 0;
z-index: 10; z-index: 10;
@ -67,9 +67,8 @@ div#header a.logo {
background: url("../img/brand.png") no-repeat scroll 0 0 transparent; background: url("../img/brand.png") no-repeat scroll 0 0 transparent;
display: block; display: block;
float: left; float: left;
height: 50px; width: 140px; height: 50px;
margin: 10px 0; margin: 10px 0;
width: 140px;
} }
div#header div#nav { div#header div#nav {
float: right; float: right;
@ -94,7 +93,7 @@ div#header div#nav li a:focus {
} }
div#header + * { div#header + * {
padding-top: 120px !important; padding-top: 3cm !important;
} }
@ -108,7 +107,7 @@ div#downloadbutton {
-moz-transition: background-color 0.25s linear 0s; -moz-transition: background-color 0.25s linear 0s;
background-color: #272; background-color: #272;
color: #fff; color: #fff;
font-size: 12px; font-size: 0.35cm;
} }
div.showcase div#downloadbutton { float: right; margin: 15px;} div.showcase div#downloadbutton { float: right; margin: 15px;}
div#downloadbutton a, div#downloadbutton a,
@ -122,7 +121,7 @@ div#downloadbutton:focus {
background-color: #050; background-color: #050;
} }
div#downloadbutton a i.icon-download-alt{ div#downloadbutton a i.icon-download-alt{
float:right; float: right;
} }
@ -137,7 +136,7 @@ div.content {
} }
div.content p { div.content p {
margin-bottom: 15px; margin-bottom: 0.4cm;
} }
div.content a, div.content a,
@ -156,23 +155,23 @@ div.content a:hover {
div.showcase { div.showcase {
background: url('../img/linen.jpg'); background: url('../img/linen.jpg');
padding: 30px 0; padding: 0.4cm 0;
} }
div.showcase h1 { div.showcase h1 {
display: inline; display: inline;
line-height: 1.5; line-height: 1.5;
padding: 1px; padding: 2px;
font-size: 1cm; font-size: 1cm;
background: #fff; background: #fff;
color: #000; color: #000;
} }
div.showcase .feature { div.showcase .feature {
float:left; float: left;
margin: 0 15px 10px 0; margin: 0 15px 10px 0;
width: 420px; width: 11cm;
height: 235px; height: 6.5cm;
} }
@ -232,9 +231,9 @@ div#footer {
font-size: 0.6cm; font-size: 0.6cm;
} }
div.showcase .feature { div.showcase iframe.feature {
width: 600px; width: 13cm;
height: 350px; height: 8cm;
} }
} }
@ -250,8 +249,8 @@ div#footer {
} }
div.showcase .feature { div.showcase .feature {
width: 310px; width: 8.2cm;
height: 215px; height: 5.7cm;
} }
} }
@ -271,8 +270,8 @@ div#footer {
} }
div.showcase .feature { div.showcase .feature {
width: 300px; width: 8cm;
height: 200px; height: 5.5cm;
} }
div#downloadbutton a, div#downloadbutton a,
@ -291,15 +290,15 @@ div#footer {
} }
div#header { div#header {
height: 195px; height: 5.15cm;
} }
a.scroll-point { a.scroll-point {
top: -180px; top: -5cm;
} }
div#header + * { div#header + * {
padding-top: 210px !important; padding-top: 5.5cm !important;
} }
div#header div#nav{ div#header div#nav{