|
matthiasm@0
|
1
|
|
matthiasm@0
|
2 @import "http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic";
|
|
matthiasm@0
|
3
|
|
matthiasm@0
|
4 body {font-family:'PT Sans', Helvetica, Arial, sans-serif;font-size:14px;color:#222;padding:0;margin:0;overflow-x:hidden;background:#eee;}
|
|
matthiasm@0
|
5 p,div,table,tr,td,form,input { padding:0; margin:0; font-weight:normal; text-decoration:none; }
|
|
matthiasm@0
|
6 p { padding:8px 0; }
|
|
matthiasm@0
|
7
|
|
matthiasm@0
|
8 /* Links */
|
|
matthiasm@0
|
9 a { color:#1580AF; font-weight:bold; text-decoration:none; }
|
|
matthiasm@0
|
10 a:link { }
|
|
matthiasm@0
|
11 a:visited { }
|
|
matthiasm@0
|
12 a:active,a:focus { outline:0; }
|
|
matthiasm@0
|
13 a:hover { color:#F16529; font-weight:bold; text-decoration:none; }
|
|
matthiasm@0
|
14
|
|
matthiasm@0
|
15 /* Headings */
|
|
matthiasm@0
|
16 h1 { }
|
|
matthiasm@0
|
17 h2 { font-size: 28px; padding:16px 0 4px; margin:0; }
|
|
matthiasm@0
|
18 h3 { padding:0; margin:0; font-weight:bold; text-decoration:none; }
|
|
matthiasm@0
|
19 h4 { }
|
|
matthiasm@0
|
20 h5 { }
|
|
matthiasm@0
|
21 h6 { }
|
|
matthiasm@0
|
22
|
|
matthiasm@0
|
23 /* Listings */
|
|
matthiasm@0
|
24 ul { }
|
|
matthiasm@0
|
25 ul li { }
|
|
matthiasm@0
|
26 ol { }
|
|
matthiasm@0
|
27 ol li { }
|
|
matthiasm@0
|
28
|
|
matthiasm@0
|
29 /* Forms */
|
|
matthiasm@0
|
30 select,option { color:#111; font-weight:normal; text-decoration:none; font-size:12px; }
|
|
matthiasm@0
|
31 input { vertical-align:middle; font-size:12px; }
|
|
matthiasm@0
|
32 textarea { }
|
|
matthiasm@0
|
33 label { }
|
|
matthiasm@0
|
34
|
|
matthiasm@0
|
35 /* Images */
|
|
matthiasm@0
|
36 img { border:none; }
|
|
matthiasm@0
|
37
|
|
matthiasm@0
|
38 /* Horizontal lines */
|
|
matthiasm@0
|
39 hr { line-height:0; height:0; border:none; border-bottom:1px solid #ccc; padding:0; margin:8px 0; }
|
|
matthiasm@0
|
40 hr.separator { }
|
|
matthiasm@0
|
41
|
|
matthiasm@0
|
42 /* Other */
|
|
matthiasm@0
|
43 fieldset { }
|
|
matthiasm@0
|
44 legend { }
|
|
matthiasm@0
|
45 pre { font-family:monospace; }
|
|
matthiasm@0
|
46
|
|
matthiasm@0
|
47 /* ----------------- Layout ----------------- */
|
|
matthiasm@0
|
48
|
|
matthiasm@0
|
49 #topContainer {background:#922;padding:80px 0 40px;border-bottom:1px solid #999;text-align:center;}
|
|
matthiasm@3
|
50 #topContainer h1 {color:#eee;padding:24px 0 16px;margin:0;font-size:32px;text-shadow: 0px 0px 4px #000;filter:dropshadow(color=#000, offx=0, offy=0);}
|
|
matthiasm@0
|
51 /*#topContainer a {color:#eee;font-size:18px;display:block;background:#37AFEB;width:200px;padding:8px 16px;margin:20px auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow: 0 0 4px #000;-webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;}*/
|
|
matthiasm@0
|
52 #topContainer a:hover {background:#F16529;}
|
|
matthiasm@0
|
53 #topContainer div {text-align:center;}
|
|
matthiasm@7
|
54 #topContainer p {color:#eee;width:500px;display: inline-block;}
|
|
matthiasm@0
|
55 #topContainer span#notice {font-style:italic;font-size:11px;color:#999;}
|
|
matthiasm@0
|
56
|
|
matthiasm@0
|
57 #socialTools {padding:16px 0;margin:0 auto;width:580px;}
|
|
matthiasm@0
|
58 .stTwitter {float:left;width:130px;}
|
|
matthiasm@0
|
59 .stFacebook {float:left;width:250px;}
|
|
matthiasm@0
|
60
|
|
matthiasm@0
|
61 #mainContainer { width:450px; margin:20px auto; padding:20px; background:#fff; border:1px solid #e0e0e0; }
|
|
matthiasm@0
|
62
|
|
matthiasm@0
|
63 #releaseNotes { padding:8px; background:#f1f1f1; line-height:20px; border:1px solid #ddd; }
|
|
matthiasm@0
|
64 #releaseNotes ul { padding:4px 4px 4px 16px; margin:0; }
|
|
matthiasm@0
|
65
|
|
matthiasm@0
|
66 #credits { text-align:right; /*border-top:1px solid #e0e0e0;*/ padding:8px; margin:8px 0 0; }
|
