]>
Commit | Line | Data |
---|---|---|
23760dda | 1 | body {background-color: #fff} |
f147205f | 2 | a.logo {display: block; margin: 1.538em auto 0; max-width: 60em; background-size: 100% 100%; height: 6.667em; background-image: url(/img/unlimited-pizza-animated-logo.gif)} |
89539330 | 3 | a.logo span {display:none} |
23760dda | 4 | em {color:#99a3a4} |
89539330 | 5 | |
b157bf19 BB |
6 | nav ul{ |
7 | list-style: none; | |
f147205f BB |
8 | margin: 1.536em auto; |
9 | max-width: 60em; | |
10 | justify-content: space-between; | |
11 | display: flex; | |
89539330 BB |
12 | } |
13 | ||
b157bf19 BB |
14 | nav ul li{ |
15 | display: inline; | |
23760dda | 16 | font-family: 'Oswald', sans-serif; |
b157bf19 | 17 | text-transform: uppercase; |
23760dda BB |
18 | font-weight: 400; |
19 | font-size: 2.769em; | |
f147205f | 20 | margin: 0.555em 0; |
b157bf19 | 21 | } |
89539330 | 22 | |
b157bf19 | 23 | nav ul li a{ |
23760dda | 24 | color: #54575a; |
b157bf19 | 25 | text-decoration: none; |
89539330 BB |
26 | } |
27 | ||
b157bf19 BB |
28 | nav ul li a:hover, |
29 | nav ul li a:active, | |
30 | nav ul li a:focus { | |
23760dda | 31 | color: #74777a; |
b157bf19 | 32 | text-decoration: none; |
89539330 BB |
33 | } |
34 | ||
23760dda BB |
35 | .main-container { |
36 | margin: 3.077em 0; | |
89539330 BB |
37 | } |
38 | ||
89539330 BB |
39 | .postcontainer{ |
40 | margin: 2em 0; | |
41 | font-family: 'Signika', sans-serif; | |
903ba332 | 42 | letter-spacing: 0.03em; |
89539330 | 43 | font-weight: 300; |
b157bf19 | 44 | color: #03090f; |
89539330 BB |
45 | } |
46 | ||
16b61d2c BB |
47 | .postcontainer h1, |
48 | .postcontainer h2, | |
49 | .postcontainer h3 { | |
23760dda | 50 | font-family: 'Oswald', sans-serif; |
89539330 | 51 | text-transform: uppercase; |
b157bf19 | 52 | font-weight: 300; |
16b61d2c BB |
53 | } |
54 | ||
55 | .postcontainer h1{ | |
23760dda BB |
56 | color: #d30058; |
57 | margin: 0.666em 1.333em 0; | |
f147205f BB |
58 | font-size: 3.692em; |
59 | line-height: 1.0833em; | |
89539330 BB |
60 | } |
61 | ||
16b61d2c BB |
62 | .postcontainer h2 { |
63 | color:#99a3a4; | |
64 | font-size: 1.692em; | |
65 | } | |
66 | ||
67 | .postcontainer h3{ | |
68 | color:#99a3a4; | |
69 | font-size: 1.384em; | |
70 | } | |
71 | ||
23760dda BB |
72 | .postcontainer.blue h1 {color: #0081cb} |
73 | .postcontainer.green h1 {color: #43da30} | |
74 | .postcontainer.grey h1 {color: #9e978e} | |
75 | .postcontainer.yellow h1 {color: #ffda00} | |
76 | .postcontainer.orange h1 {color: #fd3839} | |
77 | .postcontainer.red h1 {color: #f32240} | |
78 | .postcontainer.cyan h1 {color: #74d0eb} | |
79 | .postcontainer.purple h1 {color: #400098} | |
80 | ||
81 | .post-meta { | |
f147205f BB |
82 | margin: 0.714em 4.643em 4.285em; |
83 | font-size: 1.077em; | |
89539330 BB |
84 | } |
85 | ||
23760dda BB |
86 | .post-meta > div { |
87 | display: inline-block; | |
88 | font-size: 1.077em; | |
89539330 BB |
89 | } |
90 | ||
23760dda BB |
91 | .post-meta .post-date{width: 5.714em} |
92 | .post-date a {color:#99a3a4} | |
93 | .post-tags a {color:#d30058; text-decoration: underline} | |
94 | ||
95 | .postcontainer.blue .post-tags a {color: #0081cb} | |
96 | .postcontainer.green .post-tags a {color: #43da30} | |
97 | .postcontainer.grey .post-tags a {color: #9e978e} | |
98 | .postcontainer.yellow .post-tags a {color: #ffda00} | |
99 | .postcontainer.orange .post-tags a {color: #fd3839} | |
100 | .postcontainer.red .post-tags a {color: #f32240} | |
101 | .postcontainer.cyan .post-tags a {color: #74d0eb} | |
102 | .postcontainer.purple .post-tags a {color: #400098} | |
103 | ||
f147205f | 104 | .post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%} |
23760dda BB |
105 | |
106 | .postcontainer.blue .post-image {background-color: #0081cb} | |
107 | .postcontainer.green .post-image {background-color: #43da30} | |
108 | .postcontainer.grey .post-image {background-color: #9e978e} | |
109 | .postcontainer.yellow .post-image {background-color: #ffda00} | |
110 | .postcontainer.orange .post-image {background-color: #fd3839} | |
111 | .postcontainer.red .post-image {background-color: #f32240} | |
112 | .postcontainer.cyan .post-image {background-color: #74d0eb} | |
113 | .postcontainer.purple .post-image {background-color: #400098} | |
114 | ||
115 | .postcontent {margin: 1.538em 3.077em; | |
f147205f BB |
116 | -webkit-column-width: 36em; |
117 | -moz-column-width: 36em; | |
118 | column-width: 36em; | |
119 | -webkit-column-gap: 2em; | |
120 | -moz-column-gap: 2em; | |
121 | column-gap: 2em; | |
89539330 BB |
122 | } |
123 | ||
40c1cab7 | 124 | .related p, .related li, |
89539330 | 125 | .postcontent p, .postcontent li{ |
f147205f | 126 | font-size: 1.307em; |
034f0eab | 127 | line-height: 1.6em; |
40c1cab7 | 128 | padding: 5px 0; |
903ba332 | 129 | color: #54575a; |
ddf8b36b | 130 | font-family: "Lato", sans-serif; |
89539330 BB |
131 | } |
132 | ||
5a78a63e BB |
133 | .postcontent a {color: #d30058} |
134 | .blue .postcontent a {color: #0081cb} | |
135 | .green .postcontent a {color: #43da30} | |
136 | .grey .postcontent a {color: #9e978e} | |
137 | .yellow .postcontent a {color: #ffda00} | |
138 | .orange .postcontent a {color: #fd3839} | |
139 | .red .postcontent a {color: #f32240} | |
140 | .cyan .postcontent a {color: #74d0eb} | |
141 | .purple .postcontent a {color: #400098} | |
142 | ||
89539330 BB |
143 | .postcontent strong{ |
144 | font-weight: 400; | |
b157bf19 BB |
145 | } |
146 | ||
efc85b02 BB |
147 | .postcontent iframe{ |
148 | display: block; | |
149 | } | |
150 | ||
23760dda BB |
151 | .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} |
152 | ||
b157bf19 BB |
153 | .main-container section, |
154 | .main-container aside{ text-align: left} | |
23760dda BB |
155 | |
156 | /* List pages */ | |
157 | ||
158 | .related {margin: 0 3.077em} | |
159 | .related ul {margin: 0 1.538em} | |
23760dda BB |
160 | .related a {color: #d30058} |
161 | ||
162 | .related a.blue {color: #0081cb} | |
163 | .related a.green {color: #43da30} | |
164 | .related a.grey {color: #9e978e} | |
165 | .related a.yellow {color: #ffda00} | |
166 | .related a.orange {color: #fd3839} | |
167 | .related a.red {color: #f32240} | |
168 | .related a.cyan {color: #74d0eb} | |
169 | .related a.purple {color: #400098} | |
170 | ||
171 | .related h1{ | |
172 | font-family: 'Oswald', sans-serif; | |
173 | text-transform: uppercase; | |
174 | font-weight: 300; | |
175 | padding-bottom: 0.666em; | |
176 | color:#99a3a4; | |
177 | } | |
178 | ||
179 | /* Paginator */ | |
180 | ||
181 | .paginator {font-size: 1.077em; margin: 2.857em; font-family: "Lato", sans-serif} | |
5a78a63e | 182 | .paginator a{color:#99a3a4} |
7f50b5b5 | 183 | |
f147205f | 184 | .postcontent pre code {font-size: 1.333em; line-height: 1.5em} |
7f50b5b5 | 185 | code {overflow-wrap: normal} |
f147205f BB |
186 | |
187 | /* Guestbook */ | |
188 | .guestbook-feed, .guestbook-form ul { | |
189 | list-style: none; | |
190 | } | |
191 | ||
192 | .guestbook-form li { | |
193 | display: block; | |
194 | } | |
195 | ||
196 | .guestbook-form .guestbook-label { | |
197 | width: 8.571em; | |
198 | float: left; | |
199 | text-align: right; | |
200 | padding: 1.071em; | |
201 | } | |
202 | ||
203 | .guestbook-form .guestbook-control { | |
204 | float: left; | |
205 | } | |
206 | ||
207 | .guestbook-form .guestbook-control-group { | |
208 | clear: both; | |
209 | } | |
210 | ||
211 | .guestbook-form .comment-control { | |
212 | width: 42.857em; | |
213 | height: 10em; | |
214 | } | |
215 | ||
216 | .guestbook-content, .guestbook-form { | |
217 | clear: both; | |
218 | padding: 2.142em 0; | |
219 | } | |
220 | ||
221 | .guestbook-feed .guestbook-post { | |
222 | display: block; | |
223 | border-bottom: 0.071em solid #99a3a4; | |
224 | padding: 1.071em; | |
225 | } | |
226 | ||
227 | .guestbook-post .author { | |
228 | font-weight: bold; | |
229 | } |