]>
Commit | Line | Data |
---|---|---|
1 | body {background-image: url(/img/bg.png)} | |
2 | a.logo {display: block; margin: 6.4616em auto 0; auto; width: 540px; height: 60px; background-image: url(/img/logo.png)} | |
3 | a.logo span {display:none} | |
4 | em {color: #7a8793} | |
5 | ||
6 | nav ul{ | |
7 | list-style: none; | |
8 | margin: 0 auto 6.4616em; | |
9 | text-align: center; | |
10 | } | |
11 | ||
12 | nav ul li{ | |
13 | display: inline; | |
14 | font-family: 'Open Sans condensed', sans-serif; | |
15 | text-transform: uppercase; | |
16 | font-weight: 300; | |
17 | font-size: 2em; | |
18 | margin: 0.5em | |
19 | } | |
20 | ||
21 | nav ul li a{ | |
22 | color: #03090f; | |
23 | text-decoration: none; | |
24 | } | |
25 | ||
26 | nav ul li a:hover, | |
27 | nav ul li a:active, | |
28 | nav ul li a:focus { | |
29 | color: #009edb; | |
30 | text-decoration: none; | |
31 | } | |
32 | ||
33 | .posttags{ | |
34 | font-family: 'Signika Negative', sans-serif; | |
35 | background-color: #fff; | |
36 | margin: 1em 0; | |
37 | color: #03090f; | |
38 | } | |
39 | ||
40 | .posttags .span1, | |
41 | .posttags .span2, | |
42 | .posttags .span3{ | |
43 | margin-left: 0; | |
44 | margin-right: 0; | |
45 | padding: 0.6154em 0.7692em; | |
46 | } | |
47 | ||
48 | .posttags .span1{width: 110px} | |
49 | .posttags .span2{width: 140px} | |
50 | .posttags .span3{width: 260px} | |
51 | ||
52 | .postcontainer{ | |
53 | margin: 2em 0; | |
54 | font-family: 'Signika', sans-serif; | |
55 | letter-spacing: 0.05em; | |
56 | font-weight: 300; | |
57 | color: #03090f; | |
58 | } | |
59 | ||
60 | .postcontainer h1{ | |
61 | font-family: 'Open Sans Condensed', sans-serif; | |
62 | text-transform: uppercase; | |
63 | font-weight: 300; | |
64 | font-size: 2.77em; | |
65 | } | |
66 | ||
67 | aside h3{ | |
68 | font-family: 'Open Sans Condensed', sans-serif; | |
69 | font-weight: 300; | |
70 | font-size: 1.85em; | |
71 | margin: 1.0833em 0; | |
72 | } | |
73 | ||
74 | aside ul{ | |
75 | margin-left: 0; | |
76 | list-style: none; | |
77 | } | |
78 | ||
79 | aside li{ | |
80 | display: block; | |
81 | margin: 0; | |
82 | background-color: #fff; | |
83 | color: #03090f; | |
84 | height: 2.9167em; | |
85 | } | |
86 | ||
87 | aside li.alt{ | |
88 | color: #333; | |
89 | background-color: #fafafa; | |
90 | } | |
91 | ||
92 | aside li a, | |
93 | aside li a:visited, | |
94 | aside li a:hover, | |
95 | aside li a:active{ color: #03090f; padding: 0.7692em; line-height: 2.9167em } | |
96 | ||
97 | aside li.alt a, | |
98 | aside li.alt a:visited, | |
99 | aside li.alt a:hover, | |
100 | aside li.alt a:active{ color: #333 } | |
101 | ||
102 | aside .counter{ display: block; float: right; font-weight: bold; width: 2.9167em; height: 2.9167em; text-align: center; background-color: #00af4c; color: #fff; line-height: 2.9167em} | |
103 | aside li.alt .counter { background-color: #009edb} | |
104 | ||
105 | .postcontent p, .postcontent li{ | |
106 | font-size: 1.1em; | |
107 | line-height: 1.6em; | |
108 | padding: 8px 0; | |
109 | } | |
110 | ||
111 | .postcontent em{ | |
112 | color: #666; | |
113 | font-family: 'PT Sans', sans-serif; | |
114 | } | |
115 | ||
116 | .postcontent strong{ | |
117 | font-weight: 400; | |
118 | } | |
119 | ||
120 | .main-container section, | |
121 | .main-container aside{ text-align: left} |