]>
Commit | Line | Data |
---|---|---|
1 | body {background-color: #fff} | |
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)} | |
3 | a.logo span {display:none} | |
4 | em {color:#99a3a4} | |
5 | ||
6 | nav ul{ | |
7 | list-style: none; | |
8 | margin: 1.536em auto; | |
9 | max-width: 60em; | |
10 | justify-content: space-between; | |
11 | display: flex; | |
12 | } | |
13 | ||
14 | nav ul li{ | |
15 | display: inline; | |
16 | font-family: 'Oswald', sans-serif; | |
17 | text-transform: uppercase; | |
18 | font-weight: 400; | |
19 | font-size: 2.769em; | |
20 | margin: 0.555em 0; | |
21 | } | |
22 | ||
23 | nav ul li a{ | |
24 | color: #54575a; | |
25 | text-decoration: none; | |
26 | } | |
27 | ||
28 | nav ul li a:hover, | |
29 | nav ul li a:active, | |
30 | nav ul li a:focus { | |
31 | color: #74777a; | |
32 | text-decoration: none; | |
33 | } | |
34 | ||
35 | .main-container { | |
36 | margin: 3.077em 0; | |
37 | } | |
38 | ||
39 | .postcontainer{ | |
40 | margin: 2em 0; | |
41 | font-family: 'Signika', sans-serif; | |
42 | letter-spacing: 0.03em; | |
43 | font-weight: 300; | |
44 | color: #03090f; | |
45 | } | |
46 | ||
47 | .postcontainer h1, | |
48 | .postcontainer h2, | |
49 | .postcontainer h3 { | |
50 | font-family: 'Oswald', sans-serif; | |
51 | text-transform: uppercase; | |
52 | font-weight: 300; | |
53 | } | |
54 | ||
55 | .postcontainer h1{ | |
56 | color: #d30058; | |
57 | margin: 0.666em 1.333em 0; | |
58 | font-size: 3.692em; | |
59 | line-height: 1.0833em; | |
60 | } | |
61 | ||
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 | ||
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 { | |
82 | margin: 0.714em 4.643em 4.285em; | |
83 | font-size: 1.077em; | |
84 | } | |
85 | ||
86 | .post-meta > div { | |
87 | display: inline-block; | |
88 | font-size: 1.077em; | |
89 | } | |
90 | ||
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 | ||
104 | .post-image {max-height: 36.923em; background-color: #d30058; margin-top: 3.077em; background-size: auto 100%} | |
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; | |
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; | |
122 | } | |
123 | ||
124 | .related p, .related li, | |
125 | .postcontent p, .postcontent li{ | |
126 | font-size: 1.307em; | |
127 | line-height: 1.6em; | |
128 | padding: 5px 0; | |
129 | color: #54575a; | |
130 | font-family: "Lato", sans-serif; | |
131 | } | |
132 | ||
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 | ||
143 | .postcontent strong{ | |
144 | font-weight: 400; | |
145 | } | |
146 | ||
147 | .postcontent iframe{ | |
148 | display: block; | |
149 | } | |
150 | ||
151 | .go-to-top {color:#99a3a4; margin: 1.538em 3.077em; display: block} | |
152 | ||
153 | .main-container section, | |
154 | .main-container aside{ text-align: left} | |
155 | ||
156 | /* List pages */ | |
157 | ||
158 | .related {margin: 0 3.077em} | |
159 | .related ul {margin: 0 1.538em} | |
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} | |
182 | .paginator a{color:#99a3a4} | |
183 | ||
184 | .postcontent pre code {font-size: 1.333em; line-height: 1.5em} | |
185 | code {overflow-wrap: normal} | |
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 | } |