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