]>
Commit | Line | Data |
---|---|---|
23760dda BB |
1 | body {background-color: #fff} |
2 | a.logo {display: block; margin: 1.538em 0 0 1.538em; width: 44.615em; height: 7.692em; background-image: url(/img/header.gif)} | |
89539330 | 3 | a.logo span {display:none} |
23760dda | 4 | em {color:#99a3a4} |
89539330 | 5 | |
b157bf19 BB |
6 | nav ul{ |
7 | list-style: none; | |
23760dda | 8 | margin: 1.536em; |
89539330 BB |
9 | } |
10 | ||
b157bf19 BB |
11 | nav ul li{ |
12 | display: inline; | |
23760dda | 13 | font-family: 'Oswald', sans-serif; |
b157bf19 | 14 | text-transform: uppercase; |
23760dda BB |
15 | font-weight: 400; |
16 | font-size: 2.769em; | |
17 | margin: 0.555em; | |
b157bf19 | 18 | } |
89539330 | 19 | |
b157bf19 | 20 | nav ul li a{ |
23760dda | 21 | color: #54575a; |
b157bf19 | 22 | text-decoration: none; |
89539330 BB |
23 | } |
24 | ||
b157bf19 BB |
25 | nav ul li a:hover, |
26 | nav ul li a:active, | |
27 | nav ul li a:focus { | |
23760dda | 28 | color: #74777a; |
b157bf19 | 29 | text-decoration: none; |
89539330 BB |
30 | } |
31 | ||
23760dda BB |
32 | .main-container { |
33 | margin: 3.077em 0; | |
89539330 BB |
34 | } |
35 | ||
89539330 BB |
36 | .postcontainer{ |
37 | margin: 2em 0; | |
38 | font-family: 'Signika', sans-serif; | |
903ba332 | 39 | letter-spacing: 0.03em; |
89539330 | 40 | font-weight: 300; |
b157bf19 | 41 | color: #03090f; |
89539330 BB |
42 | } |
43 | ||
16b61d2c BB |
44 | .postcontainer h1, |
45 | .postcontainer h2, | |
46 | .postcontainer h3 { | |
23760dda | 47 | font-family: 'Oswald', sans-serif; |
89539330 | 48 | text-transform: uppercase; |
b157bf19 | 49 | font-weight: 300; |
16b61d2c BB |
50 | } |
51 | ||
52 | .postcontainer h1{ | |
23760dda BB |
53 | color: #d30058; |
54 | margin: 0.666em 1.333em 0; | |
89539330 BB |
55 | } |
56 | ||
16b61d2c BB |
57 | .postcontainer h2 { |
58 | color:#99a3a4; | |
59 | font-size: 1.692em; | |
60 | } | |
61 | ||
62 | .postcontainer h3{ | |
63 | color:#99a3a4; | |
64 | font-size: 1.384em; | |
65 | } | |
66 | ||
23760dda BB |
67 | .postcontainer.blue h1 {color: #0081cb} |
68 | .postcontainer.green h1 {color: #43da30} | |
69 | .postcontainer.grey h1 {color: #9e978e} | |
70 | .postcontainer.yellow h1 {color: #ffda00} | |
71 | .postcontainer.orange h1 {color: #fd3839} | |
72 | .postcontainer.red h1 {color: #f32240} | |
73 | .postcontainer.cyan h1 {color: #74d0eb} | |
74 | .postcontainer.purple h1 {color: #400098} | |
75 | ||
76 | .post-meta { | |
77 | margin-left: 3.077em; | |
89539330 BB |
78 | } |
79 | ||
23760dda BB |
80 | .post-meta > div { |
81 | display: inline-block; | |
82 | font-size: 1.077em; | |
89539330 BB |
83 | } |
84 | ||
23760dda BB |
85 | .post-meta .post-date{width: 5.714em} |
86 | .post-date a {color:#99a3a4} | |
87 | .post-tags a {color:#d30058; text-decoration: underline} | |
88 | ||
89 | .postcontainer.blue .post-tags a {color: #0081cb} | |
90 | .postcontainer.green .post-tags a {color: #43da30} | |
91 | .postcontainer.grey .post-tags a {color: #9e978e} | |
92 | .postcontainer.yellow .post-tags a {color: #ffda00} | |
93 | .postcontainer.orange .post-tags a {color: #fd3839} | |
94 | .postcontainer.red .post-tags a {color: #f32240} | |
95 | .postcontainer.cyan .post-tags a {color: #74d0eb} | |
96 | .postcontainer.purple .post-tags a {color: #400098} | |
97 | ||
98 | .post-image {height: 36.923em; background-color: #d30058; margin-top: 3.077em} | |
99 | ||
100 | .postcontainer.blue .post-image {background-color: #0081cb} | |
101 | .postcontainer.green .post-image {background-color: #43da30} | |
102 | .postcontainer.grey .post-image {background-color: #9e978e} | |
103 | .postcontainer.yellow .post-image {background-color: #ffda00} | |
104 | .postcontainer.orange .post-image {background-color: #fd3839} | |
105 | .postcontainer.red .post-image {background-color: #f32240} | |
106 | .postcontainer.cyan .post-image {background-color: #74d0eb} | |
107 | .postcontainer.purple .post-image {background-color: #400098} | |
108 | ||
109 | .postcontent {margin: 1.538em 3.077em; | |
110 | -webkit-column-width: 36.923em; | |
111 | -moz-column-width: 36.923em; | |
112 | column-width: 36.923em; | |
113 | -webkit-column-gap: 6.154em; | |
114 | -moz-column-gap: 6.154em; | |
115 | column-gap: 6.154em; | |
89539330 BB |
116 | } |
117 | ||
40c1cab7 | 118 | .related p, .related li, |
89539330 | 119 | .postcontent p, .postcontent li{ |
23760dda | 120 | font-size: 1.077em; |
034f0eab | 121 | line-height: 1.6em; |
40c1cab7 | 122 | padding: 5px 0; |
903ba332 | 123 | color: #54575a; |
ddf8b36b | 124 | font-family: "Lato", sans-serif; |
89539330 BB |
125 | } |
126 | ||
5a78a63e BB |
127 | .postcontent a {color: #d30058} |
128 | .blue .postcontent a {color: #0081cb} | |
129 | .green .postcontent a {color: #43da30} | |
130 | .grey .postcontent a {color: #9e978e} | |
131 | .yellow .postcontent a {color: #ffda00} | |
132 | .orange .postcontent a {color: #fd3839} | |
133 | .red .postcontent a {color: #f32240} | |
134 | .cyan .postcontent a {color: #74d0eb} | |
135 | .purple .postcontent a {color: #400098} | |
136 | ||
89539330 BB |
137 | .postcontent strong{ |
138 | font-weight: 400; | |
b157bf19 BB |
139 | } |
140 | ||
23760dda BB |
141 | .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} |
142 | ||
b157bf19 BB |
143 | .main-container section, |
144 | .main-container aside{ text-align: left} | |
23760dda BB |
145 | |
146 | /* List pages */ | |
147 | ||
148 | .related {margin: 0 3.077em} | |
149 | .related ul {margin: 0 1.538em} | |
150 | .related li {font-size: 1.077em; font-family: "Lato"} | |
151 | .related a {color: #d30058} | |
152 | ||
153 | .related a.blue {color: #0081cb} | |
154 | .related a.green {color: #43da30} | |
155 | .related a.grey {color: #9e978e} | |
156 | .related a.yellow {color: #ffda00} | |
157 | .related a.orange {color: #fd3839} | |
158 | .related a.red {color: #f32240} | |
159 | .related a.cyan {color: #74d0eb} | |
160 | .related a.purple {color: #400098} | |
161 | ||
162 | .related h1{ | |
163 | font-family: 'Oswald', sans-serif; | |
164 | text-transform: uppercase; | |
165 | font-weight: 300; | |
166 | padding-bottom: 0.666em; | |
167 | color:#99a3a4; | |
168 | } | |
169 | ||
170 | /* Paginator */ | |
171 | ||
172 | .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} | |
5a78a63e | 173 | .paginator a{color:#99a3a4} |