1 |
|
2 |
|
3 |
|
4 | html,
|
5 | body,
|
6 | div,
|
7 | span,
|
8 | applet,
|
9 | object,
|
10 | iframe,
|
11 | h1,
|
12 | h2,
|
13 | h3,
|
14 | h4,
|
15 | h5,
|
16 | h6,
|
17 | p,
|
18 | blockquote,
|
19 | pre,
|
20 | a,
|
21 | abbr,
|
22 | acronym,
|
23 | address,
|
24 | big,
|
25 | cite,
|
26 | code,
|
27 | del,
|
28 | dfn,
|
29 | em,
|
30 | img,
|
31 | ins,
|
32 | kbd,
|
33 | q,
|
34 | s,
|
35 | samp,
|
36 | small,
|
37 | strike,
|
38 | strong,
|
39 | sub,
|
40 | sup,
|
41 | tt,
|
42 | var,
|
43 | b,
|
44 | u,
|
45 | i,
|
46 | center,
|
47 | dl,
|
48 | dt,
|
49 | dd,
|
50 | ol,
|
51 | ul,
|
52 | li,
|
53 | fieldset,
|
54 | form,
|
55 | label,
|
56 | legend,
|
57 | table,
|
58 | caption,
|
59 | tbody,
|
60 | tfoot,
|
61 | thead,
|
62 | tr,
|
63 | th,
|
64 | td,
|
65 | article,
|
66 | aside,
|
67 | canvas,
|
68 | details,
|
69 | embed,
|
70 | figure,
|
71 | figcaption,
|
72 | footer,
|
73 | header,
|
74 | hgroup,
|
75 | menu,
|
76 | nav,
|
77 | output,
|
78 | ruby,
|
79 | section,
|
80 | summary,
|
81 | time,
|
82 | mark,
|
83 | audio,
|
84 | video {
|
85 | border: 0;
|
86 | font-size: 100%;
|
87 | font: inherit;
|
88 | vertical-align: baseline;
|
89 | margin: 0;
|
90 | padding: 0;
|
91 | }
|
92 | article,
|
93 | aside,
|
94 | details,
|
95 | figcaption,
|
96 | figure,
|
97 | footer,
|
98 | header,
|
99 | hgroup,
|
100 | menu,
|
101 | nav,
|
102 | section {
|
103 | display: block;
|
104 | }
|
105 | body {
|
106 | line-height: 1;
|
107 | }
|
108 | blockquote,
|
109 | q {
|
110 | quotes: none;
|
111 | }
|
112 | blockquote:before,
|
113 | blockquote:after,
|
114 | q:before,
|
115 | q:after {
|
116 | content: none;
|
117 | }
|
118 | table {
|
119 | border-collapse: collapse;
|
120 | border-spacing: 0;
|
121 | }
|
122 | *,
|
123 | *:before,
|
124 | *:after {
|
125 | -moz-box-sizing: border-box;
|
126 | -webkit-box-sizing: border-box;
|
127 | box-sizing: border-box;
|
128 | -webkit-font-smoothing: antialiased;
|
129 | }
|
130 | .group:before,
|
131 | .group:after {
|
132 | content: "";
|
133 | display: table;
|
134 | }
|
135 | .group {
|
136 | zoom: 1;
|
137 | }
|
138 | .group:after {
|
139 | clear: both;
|
140 | }
|
141 |
|
142 |
|
143 |
|
144 | body {
|
145 | background: #47a3da;
|
146 | color: #fff;
|
147 | }
|
148 | #wrapper {
|
149 | font-family: "Open Sans", sans-serif;
|
150 | height: 100%;
|
151 | }
|
152 | a {
|
153 | text-decoration: none;
|
154 | }
|
155 | .center {
|
156 | text-align: center;
|
157 | display: block;
|
158 | margin: 0 auto;
|
159 | }
|
160 | .main-title {
|
161 | text-transform: uppercase;
|
162 | letter-spacing: 1.5px;
|
163 | font-size: 1em;
|
164 | font-weight: 600;
|
165 | padding: 70px 0 50px;
|
166 | padding: 50px 20px;
|
167 | }
|
168 | .project-title {
|
169 | color: #2f7097;
|
170 | font-size: 2.25em;
|
171 | letter-spacing: 1px;
|
172 | margin-bottom: 30px;
|
173 | padding: 0 20px;
|
174 | font-size: 1.75em;
|
175 | line-height: 1em;
|
176 | opacity: 1;
|
177 | }
|
178 | .project-desc {
|
179 | font-family: "Merriweather", serif;
|
180 | font-size: 1.25em;
|
181 | line-height: 1.625em;
|
182 | color: #c7e3f4;
|
183 | margin-bottom: 60px;
|
184 | position: relative;
|
185 | padding: 0 20px;
|
186 | font-size: 1em;
|
187 | line-height: 1.4em;
|
188 | margin-bottom: 50px;
|
189 | }
|
190 | button,
|
191 | a.button {
|
192 | border-radius: 3px;
|
193 | color: #fff;
|
194 | letter-spacing: 0.5px;
|
195 | background-color: #005684;
|
196 | text-transform: uppercase;
|
197 | font-size: 0.75em;
|
198 | font-weight: 600;
|
199 | padding: 20px 40px;
|
200 | }
|
201 | button:hover,
|
202 | a.button:hover {
|
203 | background-color: #2b303b;
|
204 | cursor: auto;
|
205 | }
|
206 | .git-button {
|
207 | position: relative;
|
208 | opacity: 1;
|
209 | top: 0;
|
210 | }
|
211 | a.button {
|
212 | display: inline;
|
213 | }
|
214 | .editor-inner {
|
215 | margin: 30px 20px 0;
|
216 | background-color: white;
|
217 | overflow-x: hidden;
|
218 | overflow-y: scroll;
|
219 | text-align: left;
|
220 | padding-top: 5px;
|
221 | border-radius: 3px;
|
222 | }
|
223 |
|
224 |
|
225 |
|
226 | .gist {
|
227 | font-size: 13px;
|
228 | line-height: 18px;
|
229 | margin-bottom: 20px;
|
230 | width: 100%;
|
231 | }
|
232 | .gist .highlight {
|
233 | background: white !important;
|
234 | }
|
235 | .gist pre {
|
236 | font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', monospace !important;
|
237 | }
|
238 | .gist .gist-file .gist-data .line-numbers {
|
239 | padding: 0.5em 20px !important;
|
240 | border-right: 1px solid #494e58 !important;
|
241 | }
|
242 | .gist .gist-file .gist-data .line-pre {
|
243 | position: relative;
|
244 | left: 10px;
|
245 | }
|
246 | .gist .line-data .line-pre .line * {
|
247 | color: #aaa !important;
|
248 | }
|
249 | .gist-meta {
|
250 | display: none;
|
251 | }
|
252 | .file-data {
|
253 | padding-top: 20px;
|
254 | }
|
255 | .gist,
|
256 | .gist-file,
|
257 | .gist-data,
|
258 | .line-ndiv umbers {
|
259 | background: none !important;
|
260 | border-bottom: none !important;
|
261 | }
|
262 | .gist-syntax {
|
263 | background: none !important;
|
264 | }
|
265 | .gist-file {
|
266 | border: none !important;
|
267 | border-bottom: none !important;
|
268 | }
|
269 | * {
|
270 | margin: 0;
|
271 | padding: 0;
|
272 | border: none;
|
273 | -webkit-user-select: text;
|
274 | }
|
275 |
|
276 | #wpcom-version {
|
277 | font-size: 10px;
|
278 | color: #add;
|
279 | padding-top: 3px;
|
280 | }
|
281 |
|
282 |
|
283 |
|
284 |
|
285 | #footer {
|
286 | height: 70px;
|
287 | margin-top: -70px;
|
288 | background-color: #fff;
|
289 | font-family: "Open Sans", sans-serif;
|
290 | position: static;
|
291 | width: 100%;
|
292 | bottom: 0;
|
293 | z-index: 100;
|
294 | }
|
295 | #footer a {
|
296 | margin-top: 10px;
|
297 | display: block;
|
298 | padding: 0 20px;
|
299 | margin-top: 6px;
|
300 | margin-top: 10px;
|
301 | padding-top: 6px;
|
302 | }
|
303 | .foot-img {
|
304 | background-image: url("http://automattic.com/wp-content/themes/a8c/automattic-2011/images/automattic-logo-2x.png");
|
305 | background-size: 184px 20px;
|
306 | width: 184px;
|
307 | height: 20px;
|
308 | display: inline-block;
|
309 | background-repeat: no-repeat;
|
310 | background-position: left top;
|
311 | background-color: transparent;
|
312 | margin-left: 10px;
|
313 | top: 5px;
|
314 | position: relative;
|
315 | }
|
316 | .foot-desc {
|
317 | display: block;
|
318 | text-transform: uppercase;
|
319 | font-size: 0.75em;
|
320 | font-weight: 400;
|
321 | color: #050708;
|
322 | letter-spacing: 0.5px;
|
323 | top: 12px;
|
324 | position: relative;
|
325 | }
|
326 |
|
327 |
|
328 |
|
329 | html,
|
330 | body {
|
331 | height: 100%;
|
332 | }
|
333 | @media screen and (max-width: 700px), screen and (max-height: 700px) {
|
334 | #wrapper {
|
335 | min-height: 450px;
|
336 | margin-top: 50px;
|
337 | }
|
338 | .project-title {
|
339 | font-size: 1.75em;
|
340 | line-height: 1em;
|
341 | opacity: 1;
|
342 | }
|
343 | .project-desc {
|
344 | font-size: 1em;
|
345 | line-height: 1.4em;
|
346 | margin-bottom: 50px;
|
347 | }
|
348 | .editor-outer {
|
349 | display: none;
|
350 | }
|
351 | .editor-inner {
|
352 | display: none;
|
353 | }
|
354 | #footer {
|
355 | bottom: 0;
|
356 | }
|
357 | #footer a {
|
358 | margin-top: 6px;
|
359 | }
|
360 | .main-title {
|
361 | padding: 50px 20px;
|
362 | }
|
363 | }
|
364 | @media screen and (min-width: 1200px) {
|
365 | .editor-inner {
|
366 | margin: 30px auto 0;
|
367 | max-width: 900px;
|
368 | }
|
369 | }
|
370 | @media screen and (min-device-width: 320px) and (max-device-width: 568px) {
|
371 | .project-desc {
|
372 | opacity: 1;
|
373 | top: 0;
|
374 | }
|
375 | .git-button {
|
376 | opacity: 1;
|
377 | top: 0;
|
378 | }
|
379 | #footer {
|
380 | bottom: 0;
|
381 | position: relative;
|
382 | }
|
383 | #footer a {
|
384 | margin-top: 10px;
|
385 | padding-top: 6px;
|
386 | }
|
387 | }
|
388 | @media screen and (min-device-width: 768px) and (orientation: portrait) {
|
389 | #footer {
|
390 | bottom: 0;
|
391 | position: static;
|
392 | }
|
393 | }
|