1 | | /* |
2 | | * Theme Name: WordPress.org Breathe |
3 | | * Template: p2-breathe |
4 | | * Description: Child theme of P2 Breathe, with modifications specifically for WordPress.org. |
5 | | * Supports Oxygen: true |
6 | | */ |
7 | | |
8 | | /* Show a Slack icon in front of Slack links. */ |
9 | | a[href*=".slack.com"] { |
10 | | padding-left: 16px; |
11 | | background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xNjUuOTY0IDE1LjgzOEMxNjIuMDc0IDMuODYzIDE0OS4yMTItMi42OSAxMzcuMjQgMS4yMDJjLTExLjk3NiAzLjg5LTE4LjUzIDE2Ljc1Mi0xNC42MzcgMjguNzI1bDU4Ljk0NyAxODEuMzY1YzQuMDQ4IDExLjE4NyAxNi4xMzIgMTcuNDczIDI3LjczMiAxNC4xMzUgMTIuMS0zLjQ4MyAxOS40NzUtMTYuMzM0IDE1LjYxNC0yOC4yMTdMMTY1Ljk2NCAxNS44MzgiIGZpbGw9IiNERkEyMkYiLz48cGF0aCBkPSJNNzQuNjI2IDQ1LjUxNkM3MC43MzQgMzMuNTQyIDU3Ljg3MyAyNi45OSA0NS45IDMwLjg4Yy0xMS45NzYgMy44OS0xOC41MyAxNi43NS0xNC42MzcgMjguNzI2TDkwLjIxIDI0MC45NzJjNC4wNDggMTEuMTg2IDE2LjEzMyAxNy40NzMgMjcuNzMzIDE0LjEzMiAxMi4xLTMuNDggMTkuNDc0LTE2LjMzMiAxNS42MTMtMjguMjE3bC01OC45My0xODEuMzciIGZpbGw9IiMzQ0IxODciLz48cGF0aCBkPSJNMjQwLjE2MiAxNjYuMDQ1YzExLjk3NS0zLjg5IDE4LjUyNi0xNi43NSAxNC42MzYtMjguNzI2LTMuODktMTEuOTc0LTE2Ljc1Mi0xOC41MjgtMjguNzI1LTE0LjYzN2wtMTgxLjM2NSA1OC45NWMtMTEuMTg3IDQuMDQ1LTE3LjQ3MyAxNi4xMy0xNC4xMzUgMjcuNzMgMy40ODMgMTIuMDk4IDE2LjMzNCAxOS40NzQgMjguMjE3IDE1LjYxM2wxODEuMzcyLTU4LjkzIiBmaWxsPSIjQ0UxRTVCIi8+PHBhdGggZD0iTTgyLjUwOCAyMTcuMjdsNDMuMzQ3LTE0LjA4NC0xNC4wODYtNDMuMzUyLTQzLjM1IDE0LjA5IDE0LjA4OCA0My4zNDciIGZpbGw9IiMzOTI1MzgiLz48cGF0aCBkPSJNMTczLjg0NyAxODcuNTljMTYuMzg4LTUuMzIyIDMxLjYyLTEwLjI3MiA0My4zNDgtMTQuMDgzbC0xNC4wODgtNDMuMzYtNDMuMzUgMTQuMDkgMTQuMDkgNDMuMzU0IiBmaWxsPSIjQkIyNDJBIi8+PHBhdGggZD0iTTIxMC40ODQgNzQuNzA2YzExLjk3NC0zLjg5IDE4LjUyNy0xNi43NSAxNC42MzctMjguNzI3LTMuODktMTEuOTc0LTE2Ljc1LTE4LjUyNy0yOC43MjYtMTQuNjM3TDE1LjAyOCA5MC4yOTNDMy44NDIgOTQuMzM3LTIuNDQ1IDEwNi40MjIuODk2IDExOC4wMjJjMy40OCAxMi4wOTggMTYuMzMyIDE5LjQ3NCAyOC4yMTcgMTUuNjEzbDE4MS4zNy01OC45MyIgZmlsbD0iIzcyQzVDRCIvPjxwYXRoIGQ9Ik01Mi44MjIgMTI1LjkzM2MxMS44MDUtMy44MzYgMjcuMDI1LTguNzgyIDQzLjM1NC0xNC4wODYtNS4zMjMtMTYuMzktMTAuMjczLTMxLjYyMi0xNC4wODQtNDMuMzUybC00My4zNiAxNC4wOTIgMTQuMDkgNDMuMzQ2IiBmaWxsPSIjMjQ4QzczIi8+PHBhdGggZD0iTTE0NC4xNiA5Ni4yNTZsNDMuMzU2LTE0LjA4OGMtNS4zMjYtMTYuMzkzLTEwLjI3Ni0zMS42My0xNC4wOS00My4zNkwxMzAuMDcgNTIuOWwxNC4wOSA0My4zNTYiIGZpbGw9IiM2MjgwM0EiLz48L3N2Zz4=) no-repeat 0 1px; |
12 | | background-size: 13px 13px; |
13 | | background-position: 1px 4px; |
14 | | } |
15 | | |
16 | | body, button, input, select, textarea, |
17 | | .site-header .site-title { |
18 | | font-family: 'Open Sans', sans-serif; |
19 | | } |
20 | | |
21 | | table { |
22 | | /* tables still need 'cellspacing="0"' in the markup */ |
23 | | border-collapse: separate; |
24 | | border-spacing: 0; |
25 | | border: 1px solid #eee; |
26 | | } |
27 | | |
28 | | thead { |
29 | | background: #eee; |
30 | | } |
31 | | |
32 | | caption, |
33 | | th, |
34 | | td { |
35 | | font-weight: 400; |
36 | | text-align: left; |
37 | | } |
38 | | |
39 | | td { |
40 | | border-bottom: 1px solid #eee; |
41 | | padding: 10px; |
42 | | } |
43 | | |
44 | | .entry-content h3 + h4 { |
45 | | margin-top: 1em; |
46 | | } |
47 | | |
48 | | .entry-content td, |
49 | | .entry-content th { |
50 | | padding: 1em !important; |
51 | | } |
52 | | |
53 | | .entry-content th, |
54 | | #primary thead td, |
55 | | #primary thead th { |
56 | | font-weight: bold; |
57 | | } |
58 | | |
59 | | td:first-of-type { |
60 | | width: 30%; |
61 | | border-right: 1px solid #eee; |
62 | | } |
63 | | |
64 | | tr:last-of-type td { |
65 | | border-bottom: 0; |
66 | | } |
67 | | |
68 | | /* wp4.css overrides */ |
69 | | p a, |
70 | | p a:hover { |
71 | | border-bottom: none; |
72 | | } |
73 | | |
74 | | input[type="submit"] { |
75 | | height: auto; |
76 | | } |
77 | | |
78 | | /* wporg-header overrides */ |
79 | | #wporg-header input.text { |
80 | | font-size: 12px !important; |
81 | | padding: 3px; |
82 | | box-sizing: content-box; |
83 | | } |
84 | | |
85 | | #wporg-header input[type="submit"] { |
86 | | box-shadow: none; |
87 | | } |
88 | | |
89 | | #wporg-header ul li.download { |
90 | | float: right; |
91 | | height: 34px; |
92 | | margin-right: 14px; |
93 | | overflow: hidden; |
94 | | padding: 0 0 34px; |
95 | | } |
96 | | |
97 | | @media screen and (max-width: 820px) { |
98 | | #wporg-header ul li.download { |
99 | | display: none; |
100 | | } |
101 | | } |
102 | | |
103 | | @media screen and (max-width: 768px) { |
104 | | #wporg-header ul li.download { |
105 | | display: block; |
106 | | float: none; |
107 | | margin: 10px 20px 20px; |
108 | | padding-bottom: 0; |
109 | | height: auto; |
110 | | } |
111 | | #wporg-header ul li.download a { |
112 | | padding: 4px 10px; |
113 | | } |
114 | | } |
115 | | |
116 | | #wporg-header ul li.download a { |
117 | | margin: 0; |
118 | | padding: 0 16px; |
119 | | } |
120 | | |
121 | | #wporg-header ul li.download a:hover { |
122 | | color: #eee; |
123 | | } |
124 | | |
125 | | #wporg-header ul li.download.current a, |
126 | | #wporg-header ul li.download.current-menu-item a { |
127 | | color: #eee; |
128 | | } |
129 | | |
130 | | .site, |
131 | | .custom-menu .site, |
132 | | .site-branding { |
133 | | box-sizing: border-box; |
134 | | margin: 0 auto; |
135 | | max-width: 960px; |
136 | | padding: 0 10px; |
137 | | } |
138 | | |
139 | | .site-header { |
140 | | background: #0073aa; |
141 | | float: none; |
142 | | margin: 0 0 4em; |
143 | | padding: 18px 0; |
144 | | width: auto; |
145 | | } |
146 | | |
147 | | .site-header .site-branding { |
148 | | height: 32px; |
149 | | } |
150 | | |
151 | | .site-header .site-title { |
152 | | line-height: 1; |
153 | | margin: 0; |
154 | | padding: 0; |
155 | | } |
156 | | |
157 | | .site-header .site-title a { |
158 | | color: #fff; |
159 | | font-size: 28px; |
160 | | font-weight: 300; |
161 | | line-height: 1; |
162 | | } |
163 | | |
164 | | @media (max-width: 500px) { |
165 | | .site-header .site-title { |
166 | | max-width: 334px; |
167 | | margin-top: 4px; |
168 | | } |
169 | | .site-header .site-title a { |
170 | | font-size: 17px; |
171 | | font-size: 4.5vw; |
172 | | } |
173 | | } |
174 | | |
175 | | @media (max-width: 400px) { |
176 | | .site-header .site-title { |
177 | | max-width: 295px; |
178 | | } |
179 | | } |
180 | | |
181 | | @media (max-width: 320px) { |
182 | | .site-header .site-title { |
183 | | max-width: 240px; |
184 | | } |
185 | | .site-header .site-title a { |
186 | | font-size: 13px; |
187 | | font-size: 4.2vw; |
188 | | } |
189 | | } |
190 | | |
191 | | .site-header .site-title a:hover { |
192 | | color: rgba( 255, 255, 255, 0.8 ); |
193 | | } |
194 | | |
195 | | .navigation-main { |
196 | | background: transparent; |
197 | | position: static; |
198 | | max-width: 940px; |
199 | | height: 32px; |
200 | | margin: -32px auto 0 auto; |
201 | | text-align: right; |
202 | | padding: 0; |
203 | | } |
204 | | |
205 | | .navigation-main .menu { |
206 | | line-height: 32px; |
207 | | } |
208 | | |
209 | | .navigation-main ul li { |
210 | | display: inline-block; |
211 | | float: none; |
212 | | margin-right: 21px; |
213 | | } |
214 | | |
215 | | .rtl .navigation-main ul li { |
216 | | margin-left: 21px; |
217 | | margin-right: 0; |
218 | | } |
219 | | |
220 | | .navigation-main ul li:last-of-type { |
221 | | margin: 0; |
222 | | } |
223 | | |
224 | | .navigation-main ul li a { |
225 | | padding: 0; |
226 | | } |
227 | | |
228 | | .navigation-main ul li:hover > a, |
229 | | .navigation-main ul li.current-menu-item a, |
230 | | .navigation-main ul li.current-menu-item:hover a { |
231 | | background: transparent; |
232 | | } |
233 | | |
234 | | .navigation-main ul li:hover > a:after, |
235 | | .navigation-main ul li.current-menu-item a:after, |
236 | | .navigation-main ul li.current-menu-item:hover a:after { |
237 | | content: ''; |
238 | | display: block; |
239 | | border-bottom: 1px solid #fff; |
240 | | position: relative; |
241 | | top: -6px; |
242 | | } |
243 | | |
244 | | .navigation-main ul li.icon a:after { |
245 | | display: none; |
246 | | } |
247 | | |
248 | | .navigation-main ul li:hover > a { |
249 | | border-bottom: none; |
250 | | } |
251 | | |
252 | | .navigation-main a, |
253 | | .navigation-main a:visited { |
254 | | color: rgba(255, 255, 255, 0.8); |
255 | | font-size: 14px; |
256 | | } |
257 | | |
258 | | .wporg-make .site-title a:before, |
259 | | body.wporg-make #headline h2 a:before { |
260 | | vertical-align: middle; /* overrides wp4.css */ |
261 | | } |
262 | | |
263 | | #secondary-content .navigation-main { |
264 | | margin-top: 32px; |
265 | | text-align: left; |
266 | | } |
267 | | |
268 | | #secondary-content .navigation-main ul li { |
269 | | display: block; |
270 | | float: left; |
271 | | width: 100%; |
272 | | } |
273 | | |
274 | | #secondary-content .navigation-main a { |
275 | | color: #0073aa; |
276 | | } |
277 | | |
278 | | #secondary-content .navigation-main ul li:hover > a, |
279 | | #secondary-content .navigation-main ul li.current-menu-item a { |
280 | | } |
281 | | |
282 | | /* |
283 | | * p2-breathe/style.css overrides |
284 | | */ |
285 | | body { |
286 | | line-height: 1.5; |
287 | | } |
288 | | |
289 | | ul ul, ul ol, |
290 | | ol ol, ol ul { |
291 | | font-size: inherit; |
292 | | } |
293 | | |
294 | | a, |
295 | | a:visited, |
296 | | a:active, |
297 | | .entry-meta .entry-actions:hover a, |
298 | | .entry-meta .entry-actions:hover a:visited, |
299 | | .comment-meta .comment-actions:hover a, |
300 | | .comment-meta .comment-actions:hover a:visited, |
301 | | #help dt, |
302 | | #media-buttons .button, |
303 | | .responsive-link, |
304 | | .entry-meta .entry-date:hover, |
305 | | .comment-meta .comment-date:hover, |
306 | | .o2-xpost-entry-date:hover, |
307 | | .o2-comment-actions ul li a:before, |
308 | | .o2-comment-actions ul li a span { |
309 | | color: #0072a9; |
310 | | } |
311 | | |
312 | | body, |
313 | | .widget, |
314 | | .o2-app-page-title, |
315 | | .comment.alt, |
316 | | .comment.alt .comment.alt { |
317 | | background-color: #fff; |
318 | | } |
319 | | |
320 | | .error404 .o2-app-page-title, |
321 | | .archive .o2-app-page-title, |
322 | | .search .o2-app-page-title, |
323 | | .page .o2-app-page-title { |
324 | | color: inherit; |
325 | | } |
326 | | |
327 | | @media (max-width: 876px) { |
328 | | body.responsive-show { |
329 | | overflow-y: visible; |
330 | | position: static; |
331 | | } |
332 | | |
333 | | #page { |
334 | | overflow-x: hidden; |
335 | | } |
336 | | |
337 | | body.responsive-show #page { |
338 | | overflow-x: visible; |
339 | | } |
340 | | |
341 | | #secondary-toggle { |
342 | | margin-left: 22px; |
343 | | margin-right: 0px; |
344 | | } |
345 | | |
346 | | #secondary-toggle:before { |
347 | | top: 0; |
348 | | color: #fff; |
349 | | } |
350 | | |
351 | | body.responsive-show #secondary-toggle:before { |
352 | | color: #0073aa; |
353 | | } |
354 | | } |
355 | | |
356 | | .content-area { |
357 | | width: 71%; |
358 | | } |
359 | | |
360 | | @media (max-width: 876px) { |
361 | | .content-area { |
362 | | width: 100%; |
363 | | } |
364 | | } |
365 | | |
366 | | .widget-title { |
367 | | line-height: 1.2; |
368 | | } |
369 | | |
370 | | aside[id^="handbook"] .widget-title { |
371 | | font-size: 16px; |
372 | | text-transform: uppercase; |
373 | | letter-spacing: 1px; |
374 | | background-color: transparent; |
375 | | padding: 1rem 12px; |
376 | | margin-bottom: 0; |
377 | | color: inherit; |
378 | | } |
379 | | |
380 | | .widget.widget_search { |
381 | | margin-bottom: 3rem; |
382 | | } |
383 | | .widget_search input[type="search"], #subscribe-email input[type="email"] { |
384 | | width: 90%; |
385 | | box-sizing: border-box; |
386 | | padding: 1rem; |
387 | | font-size: 14px; |
388 | | border: 1px solid #eee; |
389 | | } |
390 | | |
391 | | #secondary-content .widget { |
392 | | background: transparent; |
393 | | } |
394 | | |
395 | | .o2-app-page-title { |
396 | | margin: 0 0 1.5em 0 !important; |
397 | | padding: 0; |
398 | | font-weight: 400; |
399 | | font-size: 2.2em; |
400 | | line-height: 1.1; |
401 | | text-transform: none; |
402 | | } |
403 | | |
404 | | .o2-app-page-title a { |
405 | | color: #0072a9; |
406 | | } |
407 | | .o2-app-page-title a:visited { |
408 | | color: #4ca6cf; |
409 | | } |
410 | | |
411 | | .home .o2-app-page-title { |
412 | | display: none; |
413 | | } |
414 | | |
415 | | .o2-app-controls { |
416 | | font-size: 0.9em; |
417 | | } |
418 | | |
419 | | .o2-app-new-post { |
420 | | margin-bottom: 2em; |
421 | | } |
422 | | |
423 | | .o2-post { |
424 | | border-top: 2px solid #ddd; |
425 | | } |
426 | | .o2-post .o2-post { |
427 | | border-top: 1px solid #ddd; |
428 | | } |
429 | | .page .o2-post { |
430 | | padding: 0 !important; |
431 | | } |
432 | | .page .o2-post .entry-content { |
433 | | padding: 0; |
434 | | } |
435 | | |
436 | | pre code { |
437 | | padding: 0; |
438 | | } |
439 | | |
440 | | article.post .o2-post, |
441 | | article#post-new .o2-post, |
442 | | article.page .o2-post, |
443 | | .entry-date { |
444 | | display: block; |
445 | | } |
446 | | |
447 | | .o2-xpost-author .entry-date, |
448 | | .o2-xpost-entry-date { |
449 | | display:inline-block; |
450 | | } |
451 | | |
452 | | .entry-header, |
453 | | article.post .entry-header, |
454 | | article#post-new .entry-header, |
455 | | article.page .entry-header, |
456 | | .entry-title, |
457 | | article.post .entry-title, |
458 | | article#post-new .entry-title, |
459 | | article.page .entry-title, |
460 | | .entry-content, |
461 | | article footer.entry-meta { |
462 | | display: block; |
463 | | margin-left: 0; |
464 | | padding-left: 0; |
465 | | clear: both; |
466 | | } |
467 | | |
468 | | .entry-title, |
469 | | article.post .entry-title, |
470 | | article#post-new .entry-title, |
471 | | article.page .entry-title, |
472 | | .entry-content, |
473 | | .post-content { |
474 | | display: block; |
475 | | clear: both; |
476 | | padding-top: 15px; |
477 | | } |
478 | | |
479 | | .o2-xpost-content { |
480 | | display: inline-block; |
481 | | padding-top: 0.5em; |
482 | | } |
483 | | |
484 | | .tag-p2-xpost .o2-post { |
485 | | font-size: 100%; |
486 | | font-style: normal; |
487 | | } |
488 | | |
489 | | .o2-xpost-author .entry-author { |
490 | | font-weight: bold; |
491 | | } |
492 | | |
493 | | article.tag-p2-xpost { |
494 | | margin-bottom: 0; |
495 | | } |
496 | | |
497 | | .author-avatar, |
498 | | article.post a.author-avatar, |
499 | | article#post-new a.author-avatar, |
500 | | article.page a.author-avatar { |
501 | | border: 0; |
502 | | box-shadow: none; |
503 | | } |
504 | | |
505 | | .author-avatar .avatar, |
506 | | .o2-comment .avatar, |
507 | | .tag-p2-xpost .avatar { |
508 | | border-radius: 50%; |
509 | | } |
510 | | |
511 | | .author-avatar img.avatar:hover { |
512 | | border-radius: 0 !important; |
513 | | } |
514 | | |
515 | | article.post a.author-avatar img.avatar, |
516 | | article#post-new a.author-avatar img.avatar, |
517 | | article.page a.author-avatar img.avatar { |
518 | | height: 50px !important; |
519 | | width: 50px !important; |
520 | | } |
521 | | |
522 | | /* See .entry-meta .entry-date */ |
523 | | .page .o2-post .entry-meta { |
524 | | float: right; |
525 | | width: 0; |
526 | | top: -30px; |
527 | | right: 10px; |
528 | | } |
529 | | |
530 | | .entry-author-meta { |
531 | | font-size: 0.8em; |
532 | | font-weight: 300; |
533 | | line-height: 1.2; |
534 | | color: #888; |
535 | | margin: .3em 0 0 0; |
536 | | } |
537 | | |
538 | | .entry-author-meta .wporg-username { |
539 | | font-weight: 400; |
540 | | } |
541 | | |
542 | | /* |
543 | | * Resolved/unresolved |
544 | | */ |
545 | | article.state-resolved, |
546 | | article.state-unresolved { |
547 | | border-top: 0; |
548 | | } |
549 | | |
550 | | /* |
551 | | * Sticky post |
552 | | */ |
553 | | .sticky .o2-post { |
554 | | border: 0; |
555 | | border-top: 2px solid #ddd; |
556 | | background: #e5f5fa; |
557 | | position: relative; |
558 | | } |
559 | | |
560 | | .sticky .o2-post:after { |
561 | | content: "\f109"; |
562 | | font-family: dashicons; |
563 | | position: absolute; |
564 | | top: -2px; |
565 | | right: 45px; |
566 | | color: #fff; |
567 | | font-size: 18px; |
568 | | padding: 13px 5px 0px; |
569 | | background: #00a0d2; |
570 | | } |
571 | | |
572 | | |
573 | | /* |
574 | | * Private post status |
575 | | */ |
576 | | article.status-private, |
577 | | article.status-private .comment.alt { |
578 | | background: #fef0f0; |
579 | | } |
580 | | |
581 | | .status-private .o2-post { |
582 | | position: relative; |
583 | | } |
584 | | |
585 | | .status-private .o2-post:after { |
586 | | content: "\f530"; |
587 | | font-family: dashicons; |
588 | | position: absolute; |
589 | | top: -2px; |
590 | | right: 45px; |
591 | | color: #fff; |
592 | | font-size: 18px; |
593 | | padding: 13px 5px 0px; |
594 | | background: #dc3232; |
595 | | } |
596 | | |
597 | | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon, |
598 | | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover, |
599 | | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open, |
600 | | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover { |
601 | | color: #dc3232; |
602 | | background: #fef0f0; |
603 | | } |
604 | | |
605 | | article.type-handbook.status-private { |
606 | | box-shadow: 0 0 0 10px #fef0f0; |
607 | | } |
608 | | |
609 | | article.type-handbook.status-private .o2-post:after { |
610 | | top: -10px; |
611 | | } |
612 | | |
613 | | .widget { |
614 | | margin: 0 0 4em; |
615 | | padding: 0; |
616 | | } |
617 | | |
618 | | /* Hide image upload button. No image uploads on make blogs. */ |
619 | | .o2-editor-toolbar-button.genericon-picture { |
620 | | display: none; |
621 | | } |
622 | | |
623 | | .o2-post-form-options { |
624 | | margin-top: .8em; /* Same as .o2-editor .o2-editor-footer > a */ |
625 | | } |
626 | | |
627 | | .o2-editor-select { |
628 | | background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iI2JiYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat right 10px center; |
629 | | border-radius: 3px; |
630 | | border: 1px solid #bbb; |
631 | | color: #0072a9; |
632 | | cursor: pointer; |
633 | | display: inline-block; |
634 | | margin: 0; |
635 | | outline: 0; |
636 | | overflow: hidden !important; |
637 | | font-size: 13px !important; |
638 | | font-weight: 600; |
639 | | text-overflow: ellipsis; |
640 | | text-decoration: none; |
641 | | vertical-align: top; |
642 | | white-space: nowrap; |
643 | | box-sizing: border-box; |
644 | | padding: 7px 32px 7px 14px; |
645 | | -webkit-appearance: none; |
646 | | -moz-appearance: none; |
647 | | appearance: none; |
648 | | } |
649 | | |
650 | | .o2-editor-select:focus, |
651 | | .o2-editor-select:hover { |
652 | | color: #000; |
653 | | border-color: #888; |
654 | | background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); |
655 | | } |
656 | | |
657 | | .o2-editor-select:focus { |
658 | | border-color: #5b9dd9; |
659 | | -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
660 | | box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
661 | | outline: 0; |
662 | | -moz-outline: none; |
663 | | -moz-user-focus: ignore; |
664 | | } |
665 | | |
666 | | .o2-editor-select::-ms-expand { |
667 | | display: none; |
668 | | } |
669 | | |
670 | | .o2-editor-select::-ms-value { |
671 | | background: none; |
672 | | color: #0072a9; |
673 | | } |
674 | | |
675 | | .o2-editor-select:-moz-focusring { |
676 | | color: transparent; |
677 | | text-shadow: 0 0 0 #0072a9; |
678 | | } |
679 | | |
680 | | nav.o2-post-footer-actions ul li > a, |
681 | | nav.o2-post-footer-actions ul li > span > a { |
682 | | width: inherit; |
683 | | } |
684 | | |
685 | | /* make/polyglots post type selector for new posts */ |
686 | | .polyglots-post-type-selector { |
687 | | margin: 0 0 1em; |
688 | | text-align: right; |
689 | | } |
690 | | |
691 | | .polyglots-post-type-selector .o2-editor-select { |
692 | | min-width: 150px; |
693 | | } |
694 | | |
695 | | .polyglots-post-type-selector label { |
696 | | padding: 7px 0; |
697 | | display: inline-block; |
698 | | margin-right: 5px; |
699 | | } |
700 | | |
701 | | .o2-save.disabled, |
702 | | .o2-save.disabled:hover, |
703 | | .o2-save.disabled:focus { |
704 | | border-color: #bbb; |
705 | | background: #f1f1f1; |
706 | | color: #bbb; |
707 | | cursor: default; |
708 | | } |
709 | | |
710 | | @media (max-width: 640px) { |
711 | | .make-polyglots .o2-post-form-options { |
712 | | float: left; |
713 | | display: block; |
714 | | padding-right: 0; |
715 | | clear: none; |
716 | | } |
717 | | } |
718 | | |
719 | | @media screen and (min-width: 769px) { |
720 | | #wporg-header ul li.current-menu-item:after, |
721 | | #wporg-header ul li.current_page_parent:after, |
722 | | #wporg-header ul li a.current ~ .uparrow { |
723 | | border-bottom-color: #0073aa; |
724 | | } |
725 | | } |
726 | | |
727 | | .make-welcome { |
728 | | background: #eee; |
729 | | /* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */ |
730 | | margin: -4em 0 4em 0 !important; |
731 | | padding: 2em 0; |
732 | | position: relative; |
733 | | width: 100%; |
734 | | } |
735 | | |
736 | | .make-welcome .entry-content { |
737 | | font-size: 14px; |
738 | | color: #333; |
739 | | line-height: 1.45; |
740 | | width: 100%; |
741 | | max-width: 940px; |
742 | | margin: 0px auto; |
743 | | padding: 0; |
744 | | } |
745 | | |
746 | | .make-welcome .entry-content h4, |
747 | | .make-welcome .entry-content h3, |
748 | | .make-welcome .entry-content h2 { |
749 | | margin: 14px 0; |
750 | | } |
751 | | |
752 | | .make-welcome .entry-content p { |
753 | | display: inline; |
754 | | } |
755 | | |
756 | | .make-welcome .entry-content h4, |
757 | | .make-welcome .entry-content h3, |
758 | | .make-welcome .entry-content h2, |
759 | | .make-welcome .entry-content .welcome p:first-child { |
760 | | font-weight: normal; |
761 | | font-size: 18px; |
762 | | font-family: "Open Sans", serif; |
763 | | } |
764 | | |
765 | | .make-welcome .entry-content .column { |
766 | | vertical-align: top; |
767 | | display: inline-block; |
768 | | padding: 0 1.5%; |
769 | | } |
770 | | |
771 | | .make-welcome .entry-content .welcome { |
772 | | padding-top: 1%; |
773 | | } |
774 | | |
775 | | .make-welcome .entry-content .o2-appended-tags, |
776 | | .make-welcome .entry-content .o2-post-footer-actions { |
777 | | display: none; |
778 | | } |
779 | | |
780 | | .make-welcome .entry-meta { |
781 | | margin: 15px; |
782 | | position: absolute; |
783 | | right: 0; |
784 | | top: 0; |
785 | | } |
786 | | |
787 | | .make-welcome .entry-meta .post-edit-link { |
788 | | margin-right: 10px; |
789 | | font-size: 1.2em; |
790 | | font-weight: normal; |
791 | | padding-right: 15px; |
792 | | border-right: 1px solid #ccc; |
793 | | } |
794 | | |
795 | | .make-welcome .entry-meta [type="button"] { |
796 | | background: transparent; |
797 | | border: 0; |
798 | | box-shadow: none; |
799 | | -webkit-appearance: none; |
800 | | padding: 0; |
801 | | text-shadow: none; |
802 | | } |
803 | | |
804 | | .make-welcome .entry-meta [type="button"]:focus { |
805 | | outline: thin dotted; |
806 | | } |
807 | | |
808 | | @media screen and (min-width: 960px) { |
809 | | .make-welcome .entry-content p { |
810 | | display: block; |
811 | | } |
812 | | |
813 | | .make-welcome .entry-content .column { |
814 | | width: 30%; |
815 | | padding: 1.5%; |
816 | | } |
817 | | |
818 | | .make-welcome .entry-content .welcome p:first-child { |
819 | | font-size: 22px; |
820 | | margin: 12px 0 23px; |
821 | | } |
822 | | |
823 | | .make-welcome .entry-content h4, |
824 | | .make-welcome .entry-content p { |
825 | | margin-bottom: 14px; |
826 | | } |
827 | | } |
828 | | |
829 | | @media screen and (max-width: 1000px) { |
830 | | .make-welcome .entry-content .content-area, |
831 | | .make-welcome .entry-content .widget-area { |
832 | | clear: both; |
833 | | float: none; |
834 | | padding: 0 20px; |
835 | | width: auto; |
836 | | } |
837 | | } |
838 | | |
839 | | .js-disabled-notice { |
840 | | position: fixed; |
841 | | bottom: 0; |
842 | | left: 0; |
843 | | right: 0; |
844 | | padding: 1em 0; |
845 | | background: #fbeaea; |
846 | | border-top: 2px solid #dc3232; |
847 | | text-align: center; |
848 | | font-size: 18px; |
849 | | color: #333; |
850 | | } |
851 | | |
852 | | /* |
853 | | * Page Templates |
854 | | */ |
855 | | |
856 | | .page-template-full-width .content-area { |
857 | | width: 100%; |
858 | | position: relative; |
859 | | } |
860 | | |
861 | | .page-template-full-width .content-area .entry-title, |
862 | | .page-template-full-width .content-area .entry-content, |
863 | | .page-template-full-width .content-area .entry-summary, |
864 | | .page-template-full-width .content-area aside { |
865 | | margin-right: 0; |
866 | | } |
867 | | |
868 | | .page-template-full-width .content-area .o2-post { |
869 | | border-top: 0; |
870 | | } |
871 | | |
872 | | .page-template-full-width .content-area h2.o2-app-page-title { |
873 | | padding: 0; |
874 | | } |
875 | | |
876 | | .page-template-full-width #nav-below, |
877 | | .page-template-full-width .content-area .entry-header { |
878 | | display: none; |
879 | | } |
880 | | |
881 | | |
882 | | /* |
883 | | * Handbook |
884 | | */ |
885 | | |
886 | | .post-type-archive-handbook .site-main .widget-area, |
887 | | .single-handbook .site-main .widget-area { |
888 | | float: left; |
889 | | margin-right: 4%; |
890 | | } |
891 | | .handbook-header { |
892 | | line-height: 2em; |
893 | | } |
894 | | .handbook-header h1 { |
895 | | margin-top: 0; |
896 | | } |
897 | | |
898 | | .single-handbook .content-area h1 { |
899 | | margin-top: 0; |
900 | | padding-top: 0; |
901 | | } |
902 | | |
903 | | .single-handbook .o2-post { |
904 | | border-top: none; |
905 | | } |
906 | | |
907 | | .post-type-archive-handbook .handbook-name a:not(:hover), |
908 | | .single-handbook .handbook-name a:not(:hover) { |
909 | | color: inherit; |
910 | | } |
911 | | |
912 | | .handbook-name-container { |
913 | | position: absolute; |
914 | | right: 0; |
915 | | width: 75%; |
916 | | margin-left: 25%; |
917 | | background-color: #fff; |
918 | | } |
919 | | |
920 | | .single-handbook .handbook-name-container + #primary { |
921 | | padding-top: 5rem; |
922 | | } |
923 | | |
924 | | /* |
925 | | * Callout boxes |
926 | | */ |
927 | | |
928 | | .post .callout { |
929 | | padding-bottom: 0; |
930 | | } |
931 | | |
932 | | @media(max-width: 876px) { |
933 | | .handbook-name-container { |
934 | | width: 100%; |
935 | | margin-left: 0; |
936 | | } |
937 | | } |
938 | | |
939 | | .handbook-name { |
940 | | text-align: center; |
941 | | color: #aaa; |
942 | | margin-top: 1em; |
943 | | overflow: hidden; |
944 | | letter-spacing: 2px; |
945 | | font-size: 1.5em; |
946 | | text-transform: uppercase; |
947 | | border-bottom: 0; |
948 | | } |
949 | | .handbook-name span { |
950 | | display: inline-block; |
951 | | position: relative; |
952 | | } |
953 | | .handbook-name span:before, |
954 | | .handbook-name span:after { |
955 | | content: ""; |
956 | | position: absolute; |
957 | | border-top: 1px solid #ccc; |
958 | | top: 49%; |
959 | | width: 100px; |
960 | | } |
961 | | .handbook-name span:before { |
962 | | left: 0; |
963 | | margin-left: -110px; |
964 | | } |
965 | | .handbook-name span:after { |
966 | | right: 0; |
967 | | margin-right: -110px; |
968 | | } |
969 | | |
970 | | @media (max-width: 640px) { |
971 | | .handbook-name span:before, |
972 | | .handbook-name span:after { |
973 | | width: 50px; |
974 | | } |
975 | | |
976 | | .handbook-name span:before { |
977 | | margin-left: -55px; |
978 | | } |
979 | | |
980 | | .handbook-name span:after { |
981 | | margin-right: -55px; |
982 | | } |
983 | | } |
984 | | |
985 | | @media (max-width: 480px) { |
986 | | .handbook-name span:before, |
987 | | .handbook-name span:after { |
988 | | width: 0; |
989 | | } |
990 | | } |
991 | | |
992 | | nav.handbook-navigation { |
993 | | font-size: 14px; |
994 | | margin: 2em 0; |
995 | | overflow: auto; |
996 | | } |
997 | | nav.handbook-navigation .nav-links a { |
998 | | width: 49%; |
999 | | border: 0; |
1000 | | display: inline-block; |
1001 | | } |
1002 | | nav-handbook-navigation .nav-links a[rel="prev"] { |
1003 | | text-align: left; |
1004 | | } |
1005 | | nav.handbook-navigation .nav-links a[rel="next"] { |
1006 | | text-align: right; |
1007 | | float: right; |
1008 | | } |
1009 | | |
1010 | | .wordcamp-handbook .o2-post { |
1011 | | border-top: 0; |
1012 | | } |
1013 | | |
1014 | | .wordcamp-handbook .entry-content { |
1015 | | padding-top: 0; |
1016 | | } |
1017 | | |
1018 | | .wordcamp-handbook nav.o2-post-actions button, |
1019 | | .wordcamp-handbook nav.o2-post-actions ul { |
1020 | | top: 12px; |
1021 | | } |
1022 | | |
1023 | | /** Table of Contents */ |
1024 | | .post-type-archive-handbook div.table-of-contents, |
1025 | | .single-handbook div.table-of-contents { |
1026 | | float: right; |
1027 | | width: 250px; |
1028 | | background: #f7f7f7; |
1029 | | border: 1px solid #eee; |
1030 | | margin: 0 0 15px 15px; |
1031 | | z-index: 1; |
1032 | | position: relative; |
1033 | | color: #555d66; |
1034 | | } |
1035 | | |
1036 | | .single-handbook div.table-of-contents { |
1037 | | background-color: #fff; |
1038 | | box-shadow: 0 0 8px rgba(0,0,0,0.1); |
1039 | | border-radius: 3px; |
1040 | | } |
1041 | | |
1042 | | @media (min-width: 971px) { |
1043 | | .post-type-archive-handbook div.table-of-contents, |
1044 | | .single-handbook div.table-of-contents { |
1045 | | margin: -15px -30px 15px 15px; |
1046 | | } |
1047 | | } |
1048 | | |
1049 | | .post-type-archive-handbook div.table-of-contents h2, |
1050 | | .single-handbook div.table-of-contents h2, |
1051 | | .post-type-archive-handbook div.table-of-contents h3, |
1052 | | .single-handbook div.table-of-contents h3 { |
1053 | | margin: 0; |
1054 | | padding: 7px 12px; |
1055 | | font-size: 1.3em; |
1056 | | color: #32373c; |
1057 | | text-transform: uppercase; |
1058 | | border-bottom: 1px solid #eee; |
1059 | | } |
1060 | | |
1061 | | .post-type-archive-handbook ul.items, |
1062 | | .single-handbook ul.items { |
1063 | | margin: 0; |
1064 | | list-style-type: none; |
1065 | | padding: 1rem; |
1066 | | } |
1067 | | |
1068 | | .post-type-archive-handbook ul.items li, |
1069 | | .single-handbook ul.items li { |
1070 | | padding: 4px; |
1071 | | } |
1072 | | |
1073 | | .post-type-archive-handbook ul.items li ul li, |
1074 | | .post-type-archive-handbook ul.items li ul li ul li, |
1075 | | .single-handbook ul.items li ul li, |
1076 | | .single-handbook ul.items li ul li ul li { |
1077 | | padding-bottom: 0; |
1078 | | } |
1079 | | |
1080 | | .post-type-archive-handbook ul.items li a, |
1081 | | .single-handbook ul.items li a { |
1082 | | text-decoration: none; |
1083 | | } |
1084 | | |
1085 | | .post-type-archive-handbook ul.items li a:hover, |
1086 | | .single-handbook ul.items li a:hover { |
1087 | | color: #0073aa; |
1088 | | text-decoration: underline; |
1089 | | } |
1090 | | |
1091 | | /* Highlight current heading and adjust scroll position for fixed toolbar */ |
1092 | | .toc-heading:target { |
1093 | | position: relative; |
1094 | | padding-top: 50px; |
1095 | | margin-top: -50px; |
1096 | | } |
1097 | | |
1098 | | /* Remove negative margin because there is no jump link before these headlines */ |
1099 | | .entry-content h2.toc-heading:first-of-type:target, |
1100 | | .entry-content h3.toc-heading:first-of-type:target, |
1101 | | h2.toc-heading + h3.toc-heading:target { |
1102 | | margin-top: 0; |
1103 | | } |
1104 | | |
1105 | | .toc-heading:target:before { |
1106 | | content: ''; |
1107 | | position: absolute; |
1108 | | left: -10px; |
1109 | | top: 50px; |
1110 | | border-left: 5px solid #0073aa; |
1111 | | height: 50%; |
1112 | | height: calc(100% - 50px); |
1113 | | } |
1114 | | |
1115 | | .toc-jump { |
1116 | | position: relative; |
1117 | | height: 50px; |
1118 | | } |
1119 | | |
1120 | | .toc-jump:after { |
1121 | | content: ''; |
1122 | | display: table; |
1123 | | clear: both; |
1124 | | } |
1125 | | |
1126 | | .toc-jump a { |
1127 | | z-index: 1; |
1128 | | } |
1129 | | |
1130 | | @media (max-width: 480px) { |
1131 | | .post-type-archive-handbook div.table-of-contents, |
1132 | | .single-handbook div.table-of-contents { |
1133 | | display: none; |
1134 | | } |
1135 | | } |
1136 | | |
1137 | | /** Menu */ |
1138 | | |
1139 | | #secondary aside.widget_wporg_handbook_pages { |
1140 | | font-size: 16px; |
1141 | | } |
1142 | | |
1143 | | .widget_wporg_handbook_pages h1 { |
1144 | | font-size: 1.6em; |
1145 | | font-weight: bold; |
1146 | | margin-bottom: 0.6em; |
1147 | | } |
1148 | | |
1149 | | .menu-table-of-contents-container { |
1150 | | font-size: 0.8em; |
1151 | | } |
1152 | | .menu-table-of-contents-container ul { |
1153 | | margin-left: 0; |
1154 | | padding-left: 0; |
1155 | | list-style: none; |
1156 | | } |
1157 | | #secondary .menu-table-of-contents-container ul li { |
1158 | | border-top: 1px solid rgba(0,0,0,0.05); |
1159 | | padding: 0; |
1160 | | position: relative; |
1161 | | } |
1162 | | #secondary .menu-table-of-contents-container ul ul { |
1163 | | margin-left: 12px; |
1164 | | border-left: 1px solid rgba(0,0,0,0.05); |
1165 | | } |
1166 | | .menu-table-of-contents-container ul li .expandable { |
1167 | | display: flex; |
1168 | | flex-direction: row-reverse; |
1169 | | align-items: stretch; |
1170 | | position: relative; |
1171 | | } |
1172 | | .menu-table-of-contents-container ul li .dashicons { |
1173 | | position: absolute; |
1174 | | right: 0; |
1175 | | cursor: pointer; |
1176 | | padding: 8px; |
1177 | | display: inline-block; |
1178 | | width: auto; |
1179 | | height: 100%; |
1180 | | color: #0073aa; |
1181 | | background-color: #fafafa; |
1182 | | border: 0; |
1183 | | border-left: 1px solid rgba(0,0,0,0.05); |
1184 | | border-radius: 0; |
1185 | | box-shadow: none; |
1186 | | -webkit-appearance: none; |
1187 | | } |
1188 | | .menu-table-of-contents-container ul li .dashicons:hover, |
1189 | | .menu-table-of-contents-container ul li .dashicons:focus { |
1190 | | color: #fff; |
1191 | | background-color: #0073aa; |
1192 | | } |
1193 | | .menu-table-of-contents-container ul li.open > div > .dashicons { |
1194 | | transform: rotate(180deg); |
1195 | | border-right: 1px solid rgba(0,0,0,0.05); |
1196 | | border-left: none; |
1197 | | } |
1198 | | .menu-table-of-contents-container .open .expandable .dashicons:not(:focus) { |
1199 | | background: #fff; |
1200 | | color: #0073aa; |
1201 | | } |
1202 | | .menu-table-of-contents-container ul a { |
1203 | | display: block; |
1204 | | width: 100%; |
1205 | | padding: 8px 40px 8px 8px; |
1206 | | text-decoration: none; |
1207 | | } |
1208 | | .menu-table-of-contents-container ul a:hover, |
1209 | | .menu-table-of-contents-container ul a:focus { |
1210 | | color: #fff; |
1211 | | background-color: #0073aa; |
1212 | | } |
1213 | | .menu-table-of-contents-container ul a.active, |
1214 | | .menu-table-of-contents-container .current-menu-item > a { |
1215 | | color: #555; |
1216 | | background-color: #fff; |
1217 | | } |
1218 | | .menu-table-of-contents-container > ul > li:last-child { |
1219 | | border-bottom: 1px solid rgba(0,0,0,0.05); |
1220 | | } |
1221 | | .menu-table-of-contents-container > ul > li .children > li > a { |
1222 | | padding-left: 13px; |
1223 | | } |
1224 | | .menu-table-of-contents-container > ul > li .children > li > ul > li > a { |
1225 | | padding-left: 8px; |
1226 | | } |
1227 | | |
1228 | | .menu-table-of-contents-container > ul > li.open > div > a:not(:focus) { |
1229 | | color: #0073aa; |
1230 | | } |
1231 | | .menu-table-of-contents-container > ul > li.open > div > a:hover { |
1232 | | color: #fff; |
1233 | | } |
1234 | | .menu-table-of-contents-container ul.default-open { |
1235 | | display: block !important; |
1236 | | } |
1237 | | .menu-table-of-contents-container .current-menu-item ul, |
1238 | | .menu-table-of-contents-container .current-menu-ancestor ul { |
1239 | | display: block; |
1240 | | } |
1241 | | .menu-table-of-contents-container .children { |
1242 | | overflow: hidden; |
1243 | | display: none; |
1244 | | } |
1245 | | |
1246 | | /* New handbook design */ |
1247 | | .single-handbook #page { |
1248 | | background: linear-gradient(to right, #fafafa 40%, #fff 40%); |
1249 | | max-width: 100%; |
1250 | | padding: 0; |
1251 | | } |
1252 | | |
1253 | | .single-handbook #main { |
1254 | | max-width: 960px; |
1255 | | margin: 0 auto; |
1256 | | display: flex; |
1257 | | } |
1258 | | |
1259 | | .single-handbook header { |
1260 | | margin: 0; |
1261 | | } |
1262 | | |
1263 | | .single-handbook #secondary { |
1264 | | clear: left; |
1265 | | margin: 0; |
1266 | | background: #fafafa; |
1267 | | } |
1268 | | |
1269 | | .single-handbook #primary { |
1270 | | padding: 4rem 0 4rem 4rem; |
1271 | | background: #fff; |
1272 | | box-sizing: border-box; |
1273 | | } |
1274 | | |
1275 | | @media(max-width: 876px) { |
1276 | | .single-handbook #primary { |
1277 | | padding: 4rem 20px; |
1278 | | } |
1279 | | } |
1280 | | |
1281 | | .single-handbook #secondary-content { |
1282 | | padding-top: 4rem; |
1283 | | } |
1284 | | |
1285 | | .single-handbook .widget_wporg_handbook_pages { |
1286 | | background-color: transparent; |
1287 | | } |
1288 | | |
1289 | | .single-handbook nav.o2-post-actions button { |
1290 | | top: 10px; |
1291 | | } |
1292 | | .single-handbook .make-welcome { |
1293 | | margin: 0 !important; |
1294 | | } |
1295 | | |
1296 | | /** Make Core **/ |
1297 | | #masthead li.icon a:before { |
1298 | | font: 20px/1 'dashicons'; |
1299 | | display: inline-block; |
1300 | | -webkit-font-smoothing: antialiased; |
1301 | | vertical-align: middle; |
1302 | | } |
1303 | | |
1304 | | #masthead li.newticket a:before { content: "\f119"; } |
1305 | | #masthead li.timeline a:before { content: "\f321"; } |
1306 | | #masthead li.browser a:before { content: "\f475"; } |
1307 | | |
1308 | | /* Override wp4.css form styles for o2 */ |
1309 | | #page .text { |
1310 | | height: auto !important; |
1311 | | background-color: white !important; |
1312 | | font-family: 'Open Sans' !important; |
1313 | | } |
1314 | | |
| 1 | /* |
| 2 | * Theme Name: WordPress.org Breathe |
| 3 | * Template: p2-breathe |
| 4 | * Description: Child theme of P2 Breathe, with modifications specifically for WordPress.org. |
| 5 | * Supports Oxygen: true |
| 6 | */ |
| 7 | |
| 8 | /* Show a Slack icon in front of Slack links. */ |
| 9 | a[href*=".slack.com"] { |
| 10 | padding-left: 16px; |
| 11 | background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xNjUuOTY0IDE1LjgzOEMxNjIuMDc0IDMuODYzIDE0OS4yMTItMi42OSAxMzcuMjQgMS4yMDJjLTExLjk3NiAzLjg5LTE4LjUzIDE2Ljc1Mi0xNC42MzcgMjguNzI1bDU4Ljk0NyAxODEuMzY1YzQuMDQ4IDExLjE4NyAxNi4xMzIgMTcuNDczIDI3LjczMiAxNC4xMzUgMTIuMS0zLjQ4MyAxOS40NzUtMTYuMzM0IDE1LjYxNC0yOC4yMTdMMTY1Ljk2NCAxNS44MzgiIGZpbGw9IiNERkEyMkYiLz48cGF0aCBkPSJNNzQuNjI2IDQ1LjUxNkM3MC43MzQgMzMuNTQyIDU3Ljg3MyAyNi45OSA0NS45IDMwLjg4Yy0xMS45NzYgMy44OS0xOC41MyAxNi43NS0xNC42MzcgMjguNzI2TDkwLjIxIDI0MC45NzJjNC4wNDggMTEuMTg2IDE2LjEzMyAxNy40NzMgMjcuNzMzIDE0LjEzMiAxMi4xLTMuNDggMTkuNDc0LTE2LjMzMiAxNS42MTMtMjguMjE3bC01OC45My0xODEuMzciIGZpbGw9IiMzQ0IxODciLz48cGF0aCBkPSJNMjQwLjE2MiAxNjYuMDQ1YzExLjk3NS0zLjg5IDE4LjUyNi0xNi43NSAxNC42MzYtMjguNzI2LTMuODktMTEuOTc0LTE2Ljc1Mi0xOC41MjgtMjguNzI1LTE0LjYzN2wtMTgxLjM2NSA1OC45NWMtMTEuMTg3IDQuMDQ1LTE3LjQ3MyAxNi4xMy0xNC4xMzUgMjcuNzMgMy40ODMgMTIuMDk4IDE2LjMzNCAxOS40NzQgMjguMjE3IDE1LjYxM2wxODEuMzcyLTU4LjkzIiBmaWxsPSIjQ0UxRTVCIi8+PHBhdGggZD0iTTgyLjUwOCAyMTcuMjdsNDMuMzQ3LTE0LjA4NC0xNC4wODYtNDMuMzUyLTQzLjM1IDE0LjA5IDE0LjA4OCA0My4zNDciIGZpbGw9IiMzOTI1MzgiLz48cGF0aCBkPSJNMTczLjg0NyAxODcuNTljMTYuMzg4LTUuMzIyIDMxLjYyLTEwLjI3MiA0My4zNDgtMTQuMDgzbC0xNC4wODgtNDMuMzYtNDMuMzUgMTQuMDkgMTQuMDkgNDMuMzU0IiBmaWxsPSIjQkIyNDJBIi8+PHBhdGggZD0iTTIxMC40ODQgNzQuNzA2YzExLjk3NC0zLjg5IDE4LjUyNy0xNi43NSAxNC42MzctMjguNzI3LTMuODktMTEuOTc0LTE2Ljc1LTE4LjUyNy0yOC43MjYtMTQuNjM3TDE1LjAyOCA5MC4yOTNDMy44NDIgOTQuMzM3LTIuNDQ1IDEwNi40MjIuODk2IDExOC4wMjJjMy40OCAxMi4wOTggMTYuMzMyIDE5LjQ3NCAyOC4yMTcgMTUuNjEzbDE4MS4zNy01OC45MyIgZmlsbD0iIzcyQzVDRCIvPjxwYXRoIGQ9Ik01Mi44MjIgMTI1LjkzM2MxMS44MDUtMy44MzYgMjcuMDI1LTguNzgyIDQzLjM1NC0xNC4wODYtNS4zMjMtMTYuMzktMTAuMjczLTMxLjYyMi0xNC4wODQtNDMuMzUybC00My4zNiAxNC4wOTIgMTQuMDkgNDMuMzQ2IiBmaWxsPSIjMjQ4QzczIi8+PHBhdGggZD0iTTE0NC4xNiA5Ni4yNTZsNDMuMzU2LTE0LjA4OGMtNS4zMjYtMTYuMzkzLTEwLjI3Ni0zMS42My0xNC4wOS00My4zNkwxMzAuMDcgNTIuOWwxNC4wOSA0My4zNTYiIGZpbGw9IiM2MjgwM0EiLz48L3N2Zz4=) no-repeat 0 1px; |
| 12 | background-size: 13px 13px; |
| 13 | background-position: 1px 4px; |
| 14 | } |
| 15 | |
| 16 | body, button, input, select, textarea, |
| 17 | .site-header .site-title { |
| 18 | font-family: 'Open Sans', sans-serif; |
| 19 | } |
| 20 | |
| 21 | table { |
| 22 | /* tables still need 'cellspacing="0"' in the markup */ |
| 23 | border-collapse: separate; |
| 24 | border-spacing: 0; |
| 25 | border: 1px solid #eee; |
| 26 | } |
| 27 | |
| 28 | thead { |
| 29 | background: #eee; |
| 30 | } |
| 31 | |
| 32 | caption, |
| 33 | th, |
| 34 | td { |
| 35 | font-weight: 400; |
| 36 | text-align: left; |
| 37 | } |
| 38 | |
| 39 | td { |
| 40 | border-bottom: 1px solid #eee; |
| 41 | padding: 10px; |
| 42 | } |
| 43 | |
| 44 | .entry-content h3 + h4 { |
| 45 | margin-top: 1em; |
| 46 | } |
| 47 | |
| 48 | .entry-content td, |
| 49 | .entry-content th { |
| 50 | padding: 1em !important; |
| 51 | } |
| 52 | |
| 53 | .entry-content th, |
| 54 | #primary thead td, |
| 55 | #primary thead th { |
| 56 | font-weight: bold; |
| 57 | } |
| 58 | |
| 59 | td:first-of-type { |
| 60 | width: 30%; |
| 61 | border-right: 1px solid #eee; |
| 62 | } |
| 63 | |
| 64 | tr:last-of-type td { |
| 65 | border-bottom: 0; |
| 66 | } |
| 67 | |
| 68 | /* wp4.css overrides */ |
| 69 | p a, |
| 70 | p a:hover { |
| 71 | border-bottom: none; |
| 72 | } |
| 73 | |
| 74 | input[type="submit"] { |
| 75 | height: auto; |
| 76 | padding: .6em 1em .7em; |
| 77 | } |
| 78 | |
| 79 | /* wporg-header overrides */ |
| 80 | #wporg-header input.text { |
| 81 | font-size: 12px !important; |
| 82 | padding: 3px; |
| 83 | box-sizing: content-box; |
| 84 | } |
| 85 | |
| 86 | #wporg-header input[type="submit"] { |
| 87 | box-shadow: none; |
| 88 | } |
| 89 | |
| 90 | #wporg-header ul li.download { |
| 91 | float: right; |
| 92 | height: 34px; |
| 93 | margin-right: 14px; |
| 94 | overflow: hidden; |
| 95 | padding: 0 0 34px; |
| 96 | } |
| 97 | |
| 98 | @media screen and (max-width: 820px) { |
| 99 | #wporg-header ul li.download { |
| 100 | display: none; |
| 101 | } |
| 102 | } |
| 103 | |
| 104 | @media screen and (max-width: 768px) { |
| 105 | #wporg-header ul li.download { |
| 106 | display: block; |
| 107 | float: none; |
| 108 | margin: 10px 20px 20px; |
| 109 | padding-bottom: 0; |
| 110 | height: auto; |
| 111 | } |
| 112 | #wporg-header ul li.download a { |
| 113 | padding: 4px 10px; |
| 114 | } |
| 115 | } |
| 116 | |
| 117 | #wporg-header ul li.download a { |
| 118 | margin: 0; |
| 119 | padding: 0 16px; |
| 120 | } |
| 121 | |
| 122 | #wporg-header ul li.download a:hover { |
| 123 | color: #eee; |
| 124 | } |
| 125 | |
| 126 | #wporg-header ul li.download.current a, |
| 127 | #wporg-header ul li.download.current-menu-item a { |
| 128 | color: #eee; |
| 129 | } |
| 130 | |
| 131 | .site, |
| 132 | .custom-menu .site, |
| 133 | .site-branding { |
| 134 | box-sizing: border-box; |
| 135 | margin: 0 auto; |
| 136 | max-width: 960px; |
| 137 | padding: 0 10px; |
| 138 | } |
| 139 | |
| 140 | .site-header { |
| 141 | background: #0073aa; |
| 142 | float: none; |
| 143 | margin: 0 0 4em; |
| 144 | padding: 18px 0; |
| 145 | width: auto; |
| 146 | } |
| 147 | |
| 148 | .site-header .site-branding { |
| 149 | height: 32px; |
| 150 | } |
| 151 | |
| 152 | .site-header .site-title { |
| 153 | line-height: 1; |
| 154 | margin: 0; |
| 155 | padding: 0; |
| 156 | } |
| 157 | |
| 158 | .site-header .site-title a { |
| 159 | color: #fff; |
| 160 | font-size: 28px; |
| 161 | font-weight: 300; |
| 162 | line-height: 1; |
| 163 | } |
| 164 | |
| 165 | @media (max-width: 500px) { |
| 166 | .site-header .site-title { |
| 167 | max-width: 334px; |
| 168 | margin-top: 4px; |
| 169 | } |
| 170 | .site-header .site-title a { |
| 171 | font-size: 17px; |
| 172 | font-size: 4.5vw; |
| 173 | } |
| 174 | } |
| 175 | |
| 176 | @media (max-width: 400px) { |
| 177 | .site-header .site-title { |
| 178 | max-width: 295px; |
| 179 | } |
| 180 | } |
| 181 | |
| 182 | @media (max-width: 320px) { |
| 183 | .site-header .site-title { |
| 184 | max-width: 240px; |
| 185 | } |
| 186 | .site-header .site-title a { |
| 187 | font-size: 13px; |
| 188 | font-size: 4.2vw; |
| 189 | } |
| 190 | } |
| 191 | |
| 192 | .site-header .site-title a:hover { |
| 193 | color: rgba( 255, 255, 255, 0.8 ); |
| 194 | } |
| 195 | |
| 196 | .navigation-main { |
| 197 | background: transparent; |
| 198 | position: static; |
| 199 | max-width: 940px; |
| 200 | height: 32px; |
| 201 | margin: -32px auto 0 auto; |
| 202 | text-align: right; |
| 203 | padding: 0; |
| 204 | } |
| 205 | |
| 206 | .navigation-main .menu { |
| 207 | line-height: 32px; |
| 208 | } |
| 209 | |
| 210 | .navigation-main ul li { |
| 211 | display: inline-block; |
| 212 | float: none; |
| 213 | margin-right: 21px; |
| 214 | } |
| 215 | |
| 216 | .rtl .navigation-main ul li { |
| 217 | margin-left: 21px; |
| 218 | margin-right: 0; |
| 219 | } |
| 220 | |
| 221 | .navigation-main ul li:last-of-type { |
| 222 | margin: 0; |
| 223 | } |
| 224 | |
| 225 | .navigation-main ul li a { |
| 226 | padding: 0; |
| 227 | } |
| 228 | |
| 229 | .navigation-main ul li:hover > a, |
| 230 | .navigation-main ul li.current-menu-item a, |
| 231 | .navigation-main ul li.current-menu-item:hover a { |
| 232 | background: transparent; |
| 233 | } |
| 234 | |
| 235 | .navigation-main ul li:hover > a:after, |
| 236 | .navigation-main ul li.current-menu-item a:after, |
| 237 | .navigation-main ul li.current-menu-item:hover a:after { |
| 238 | content: ''; |
| 239 | display: block; |
| 240 | border-bottom: 1px solid #fff; |
| 241 | position: relative; |
| 242 | top: -6px; |
| 243 | } |
| 244 | |
| 245 | .navigation-main ul li.icon a:after { |
| 246 | display: none; |
| 247 | } |
| 248 | |
| 249 | .navigation-main ul li:hover > a { |
| 250 | border-bottom: none; |
| 251 | } |
| 252 | |
| 253 | .navigation-main a, |
| 254 | .navigation-main a:visited { |
| 255 | color: rgba(255, 255, 255, 0.8); |
| 256 | font-size: 14px; |
| 257 | } |
| 258 | |
| 259 | .wporg-make .site-title a:before, |
| 260 | body.wporg-make #headline h2 a:before { |
| 261 | vertical-align: middle; /* overrides wp4.css */ |
| 262 | } |
| 263 | |
| 264 | #secondary-content .navigation-main { |
| 265 | margin-top: 32px; |
| 266 | text-align: left; |
| 267 | } |
| 268 | |
| 269 | #secondary-content .navigation-main ul li { |
| 270 | display: block; |
| 271 | float: left; |
| 272 | width: 100%; |
| 273 | } |
| 274 | |
| 275 | #secondary-content .navigation-main a { |
| 276 | color: #0073aa; |
| 277 | } |
| 278 | |
| 279 | #secondary-content .navigation-main ul li:hover > a, |
| 280 | #secondary-content .navigation-main ul li.current-menu-item a { |
| 281 | } |
| 282 | |
| 283 | /* |
| 284 | * p2-breathe/style.css overrides |
| 285 | */ |
| 286 | body { |
| 287 | line-height: 1.5; |
| 288 | } |
| 289 | |
| 290 | ul ul, ul ol, |
| 291 | ol ol, ol ul { |
| 292 | font-size: inherit; |
| 293 | } |
| 294 | |
| 295 | a, |
| 296 | a:visited, |
| 297 | a:active, |
| 298 | .entry-meta .entry-actions:hover a, |
| 299 | .entry-meta .entry-actions:hover a:visited, |
| 300 | .comment-meta .comment-actions:hover a, |
| 301 | .comment-meta .comment-actions:hover a:visited, |
| 302 | #help dt, |
| 303 | #media-buttons .button, |
| 304 | .responsive-link, |
| 305 | .entry-meta .entry-date:hover, |
| 306 | .comment-meta .comment-date:hover, |
| 307 | .o2-xpost-entry-date:hover, |
| 308 | .o2-comment-actions ul li a:before, |
| 309 | .o2-comment-actions ul li a span { |
| 310 | color: #0072a9; |
| 311 | } |
| 312 | |
| 313 | body, |
| 314 | .widget, |
| 315 | .o2-app-page-title, |
| 316 | .comment.alt, |
| 317 | .comment.alt .comment.alt { |
| 318 | background-color: #fff; |
| 319 | } |
| 320 | |
| 321 | .error404 .o2-app-page-title, |
| 322 | .archive .o2-app-page-title, |
| 323 | .search .o2-app-page-title, |
| 324 | .page .o2-app-page-title { |
| 325 | color: inherit; |
| 326 | } |
| 327 | |
| 328 | @media (max-width: 876px) { |
| 329 | body.responsive-show { |
| 330 | overflow-y: visible; |
| 331 | position: static; |
| 332 | } |
| 333 | |
| 334 | #page { |
| 335 | overflow-x: hidden; |
| 336 | } |
| 337 | |
| 338 | body.responsive-show #page { |
| 339 | overflow-x: visible; |
| 340 | } |
| 341 | |
| 342 | #secondary-toggle { |
| 343 | margin-left: 22px; |
| 344 | margin-right: 0px; |
| 345 | } |
| 346 | |
| 347 | #secondary-toggle:before { |
| 348 | top: 0; |
| 349 | color: #fff; |
| 350 | } |
| 351 | |
| 352 | body.responsive-show #secondary-toggle:before { |
| 353 | color: #0073aa; |
| 354 | } |
| 355 | } |
| 356 | |
| 357 | .content-area { |
| 358 | width: 71%; |
| 359 | } |
| 360 | |
| 361 | @media (max-width: 876px) { |
| 362 | .content-area { |
| 363 | width: 100%; |
| 364 | } |
| 365 | } |
| 366 | |
| 367 | .widget-title { |
| 368 | line-height: 1.2; |
| 369 | } |
| 370 | |
| 371 | aside[id^="handbook"] .widget-title { |
| 372 | font-size: 16px; |
| 373 | text-transform: uppercase; |
| 374 | letter-spacing: 1px; |
| 375 | background-color: transparent; |
| 376 | padding: 1rem 12px; |
| 377 | margin-bottom: 0; |
| 378 | color: inherit; |
| 379 | } |
| 380 | |
| 381 | .widget.widget_search { |
| 382 | margin-bottom: 3rem; |
| 383 | } |
| 384 | .widget_search input[type="search"], #subscribe-email input[type="email"] { |
| 385 | width: 90%; |
| 386 | box-sizing: border-box; |
| 387 | padding: 1rem; |
| 388 | font-size: 14px; |
| 389 | border: 1px solid #eee; |
| 390 | } |
| 391 | |
| 392 | #secondary-content .widget { |
| 393 | background: transparent; |
| 394 | } |
| 395 | |
| 396 | .o2-app-page-title { |
| 397 | margin: 0 0 1.5em 0 !important; |
| 398 | padding: 0; |
| 399 | font-weight: 400; |
| 400 | font-size: 2.2em; |
| 401 | line-height: 1.1; |
| 402 | text-transform: none; |
| 403 | } |
| 404 | |
| 405 | .o2-app-page-title a { |
| 406 | color: #0072a9; |
| 407 | } |
| 408 | .o2-app-page-title a:visited { |
| 409 | color: #4ca6cf; |
| 410 | } |
| 411 | |
| 412 | .home .o2-app-page-title { |
| 413 | display: none; |
| 414 | } |
| 415 | |
| 416 | .o2-app-controls { |
| 417 | font-size: 0.9em; |
| 418 | } |
| 419 | |
| 420 | .o2-app-new-post { |
| 421 | margin-bottom: 2em; |
| 422 | } |
| 423 | |
| 424 | .o2-post { |
| 425 | border-top: 2px solid #ddd; |
| 426 | } |
| 427 | .o2-post .o2-post { |
| 428 | border-top: 1px solid #ddd; |
| 429 | } |
| 430 | .page .o2-post { |
| 431 | padding: 0 !important; |
| 432 | } |
| 433 | .page .o2-post .entry-content { |
| 434 | padding: 0; |
| 435 | } |
| 436 | |
| 437 | pre code { |
| 438 | padding: 0; |
| 439 | } |
| 440 | |
| 441 | article.post .o2-post, |
| 442 | article#post-new .o2-post, |
| 443 | article.page .o2-post, |
| 444 | .entry-date { |
| 445 | display: block; |
| 446 | } |
| 447 | |
| 448 | .o2-xpost-author .entry-date, |
| 449 | .o2-xpost-entry-date { |
| 450 | display:inline-block; |
| 451 | } |
| 452 | |
| 453 | .entry-header, |
| 454 | article.post .entry-header, |
| 455 | article#post-new .entry-header, |
| 456 | article.page .entry-header, |
| 457 | .entry-title, |
| 458 | article.post .entry-title, |
| 459 | article#post-new .entry-title, |
| 460 | article.page .entry-title, |
| 461 | .entry-content, |
| 462 | article footer.entry-meta { |
| 463 | display: block; |
| 464 | margin-left: 0; |
| 465 | padding-left: 0; |
| 466 | clear: both; |
| 467 | } |
| 468 | |
| 469 | .entry-title, |
| 470 | article.post .entry-title, |
| 471 | article#post-new .entry-title, |
| 472 | article.page .entry-title, |
| 473 | .entry-content, |
| 474 | .post-content { |
| 475 | display: block; |
| 476 | clear: both; |
| 477 | padding-top: 15px; |
| 478 | } |
| 479 | |
| 480 | .o2-xpost-content { |
| 481 | display: inline-block; |
| 482 | padding-top: 0.5em; |
| 483 | } |
| 484 | |
| 485 | .tag-p2-xpost .o2-post { |
| 486 | font-size: 100%; |
| 487 | font-style: normal; |
| 488 | } |
| 489 | |
| 490 | .o2-xpost-author .entry-author { |
| 491 | font-weight: bold; |
| 492 | } |
| 493 | |
| 494 | article.tag-p2-xpost { |
| 495 | margin-bottom: 0; |
| 496 | } |
| 497 | |
| 498 | .author-avatar, |
| 499 | article.post a.author-avatar, |
| 500 | article#post-new a.author-avatar, |
| 501 | article.page a.author-avatar { |
| 502 | border: 0; |
| 503 | box-shadow: none; |
| 504 | } |
| 505 | |
| 506 | .author-avatar .avatar, |
| 507 | .o2-comment .avatar, |
| 508 | .tag-p2-xpost .avatar { |
| 509 | border-radius: 50%; |
| 510 | } |
| 511 | |
| 512 | .author-avatar img.avatar:hover { |
| 513 | border-radius: 0 !important; |
| 514 | } |
| 515 | |
| 516 | article.post a.author-avatar img.avatar, |
| 517 | article#post-new a.author-avatar img.avatar, |
| 518 | article.page a.author-avatar img.avatar { |
| 519 | height: 50px !important; |
| 520 | width: 50px !important; |
| 521 | } |
| 522 | |
| 523 | /* See .entry-meta .entry-date */ |
| 524 | .page .o2-post .entry-meta { |
| 525 | float: right; |
| 526 | width: 0; |
| 527 | top: -30px; |
| 528 | right: 10px; |
| 529 | } |
| 530 | |
| 531 | .entry-author-meta { |
| 532 | font-size: 0.8em; |
| 533 | font-weight: 300; |
| 534 | line-height: 1.2; |
| 535 | color: #888; |
| 536 | margin: .3em 0 0 0; |
| 537 | } |
| 538 | |
| 539 | .entry-author-meta .wporg-username { |
| 540 | font-weight: 400; |
| 541 | } |
| 542 | |
| 543 | /* |
| 544 | * Resolved/unresolved |
| 545 | */ |
| 546 | article.state-resolved, |
| 547 | article.state-unresolved { |
| 548 | border-top: 0; |
| 549 | } |
| 550 | |
| 551 | /* |
| 552 | * Sticky post |
| 553 | */ |
| 554 | .sticky .o2-post { |
| 555 | border: 0; |
| 556 | border-top: 2px solid #ddd; |
| 557 | background: #e5f5fa; |
| 558 | position: relative; |
| 559 | } |
| 560 | |
| 561 | .sticky .o2-post:after { |
| 562 | content: "\f109"; |
| 563 | font-family: dashicons; |
| 564 | position: absolute; |
| 565 | top: -2px; |
| 566 | right: 45px; |
| 567 | color: #fff; |
| 568 | font-size: 18px; |
| 569 | padding: 13px 5px 0px; |
| 570 | background: #00a0d2; |
| 571 | } |
| 572 | |
| 573 | |
| 574 | /* |
| 575 | * Private post status |
| 576 | */ |
| 577 | article.status-private, |
| 578 | article.status-private .comment.alt { |
| 579 | background: #fef0f0; |
| 580 | } |
| 581 | |
| 582 | .status-private .o2-post { |
| 583 | position: relative; |
| 584 | } |
| 585 | |
| 586 | .status-private .o2-post:after { |
| 587 | content: "\f530"; |
| 588 | font-family: dashicons; |
| 589 | position: absolute; |
| 590 | top: -2px; |
| 591 | right: 45px; |
| 592 | color: #fff; |
| 593 | font-size: 18px; |
| 594 | padding: 13px 5px 0px; |
| 595 | background: #dc3232; |
| 596 | } |
| 597 | |
| 598 | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon, |
| 599 | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover, |
| 600 | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open, |
| 601 | article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover { |
| 602 | color: #dc3232; |
| 603 | background: #fef0f0; |
| 604 | } |
| 605 | |
| 606 | article.type-handbook.status-private { |
| 607 | box-shadow: 0 0 0 10px #fef0f0; |
| 608 | } |
| 609 | |
| 610 | article.type-handbook.status-private .o2-post:after { |
| 611 | top: -10px; |
| 612 | } |
| 613 | |
| 614 | .widget { |
| 615 | margin: 0 0 4em; |
| 616 | padding: 0; |
| 617 | } |
| 618 | |
| 619 | /* Hide image upload button. No image uploads on make blogs. */ |
| 620 | .o2-editor-toolbar-button.genericon-picture { |
| 621 | display: none; |
| 622 | } |
| 623 | |
| 624 | .o2-post-form-options { |
| 625 | margin-top: .8em; /* Same as .o2-editor .o2-editor-footer > a */ |
| 626 | } |
| 627 | |
| 628 | .o2-editor-select { |
| 629 | background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iI2JiYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat right 10px center; |
| 630 | border-radius: 3px; |
| 631 | border: 1px solid #bbb; |
| 632 | color: #0072a9; |
| 633 | cursor: pointer; |
| 634 | display: inline-block; |
| 635 | margin: 0; |
| 636 | outline: 0; |
| 637 | overflow: hidden !important; |
| 638 | font-size: 13px !important; |
| 639 | font-weight: 600; |
| 640 | text-overflow: ellipsis; |
| 641 | text-decoration: none; |
| 642 | vertical-align: top; |
| 643 | white-space: nowrap; |
| 644 | box-sizing: border-box; |
| 645 | padding: 7px 32px 7px 14px; |
| 646 | -webkit-appearance: none; |
| 647 | -moz-appearance: none; |
| 648 | appearance: none; |
| 649 | } |
| 650 | |
| 651 | .o2-editor-select:focus, |
| 652 | .o2-editor-select:hover { |
| 653 | color: #000; |
| 654 | border-color: #888; |
| 655 | background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); |
| 656 | } |
| 657 | |
| 658 | .o2-editor-select:focus { |
| 659 | border-color: #5b9dd9; |
| 660 | -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
| 661 | box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
| 662 | outline: 0; |
| 663 | -moz-outline: none; |
| 664 | -moz-user-focus: ignore; |
| 665 | } |
| 666 | |
| 667 | .o2-editor-select::-ms-expand { |
| 668 | display: none; |
| 669 | } |
| 670 | |
| 671 | .o2-editor-select::-ms-value { |
| 672 | background: none; |
| 673 | color: #0072a9; |
| 674 | } |
| 675 | |
| 676 | .o2-editor-select:-moz-focusring { |
| 677 | color: transparent; |
| 678 | text-shadow: 0 0 0 #0072a9; |
| 679 | } |
| 680 | |
| 681 | nav.o2-post-footer-actions ul li > a, |
| 682 | nav.o2-post-footer-actions ul li > span > a { |
| 683 | width: inherit; |
| 684 | } |
| 685 | |
| 686 | /* make/polyglots post type selector for new posts */ |
| 687 | .polyglots-post-type-selector { |
| 688 | margin: 0 0 1em; |
| 689 | text-align: right; |
| 690 | } |
| 691 | |
| 692 | .polyglots-post-type-selector .o2-editor-select { |
| 693 | min-width: 150px; |
| 694 | } |
| 695 | |
| 696 | .polyglots-post-type-selector label { |
| 697 | padding: 7px 0; |
| 698 | display: inline-block; |
| 699 | margin-right: 5px; |
| 700 | } |
| 701 | |
| 702 | .o2-save.disabled, |
| 703 | .o2-save.disabled:hover, |
| 704 | .o2-save.disabled:focus { |
| 705 | border-color: #bbb; |
| 706 | background: #f1f1f1; |
| 707 | color: #bbb; |
| 708 | cursor: default; |
| 709 | } |
| 710 | |
| 711 | @media (max-width: 640px) { |
| 712 | .make-polyglots .o2-post-form-options { |
| 713 | float: left; |
| 714 | display: block; |
| 715 | padding-right: 0; |
| 716 | clear: none; |
| 717 | } |
| 718 | } |
| 719 | |
| 720 | @media screen and (min-width: 769px) { |
| 721 | #wporg-header ul li.current-menu-item:after, |
| 722 | #wporg-header ul li.current_page_parent:after, |
| 723 | #wporg-header ul li a.current ~ .uparrow { |
| 724 | border-bottom-color: #0073aa; |
| 725 | } |
| 726 | } |
| 727 | |
| 728 | .make-welcome { |
| 729 | background: #eee; |
| 730 | /* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */ |
| 731 | margin: -4em 0 4em 0 !important; |
| 732 | padding: 2em 0; |
| 733 | position: relative; |
| 734 | width: 100%; |
| 735 | } |
| 736 | |
| 737 | .make-welcome .entry-content { |
| 738 | font-size: 14px; |
| 739 | color: #333; |
| 740 | line-height: 1.45; |
| 741 | width: 100%; |
| 742 | max-width: 940px; |
| 743 | margin: 0px auto; |
| 744 | padding: 0; |
| 745 | } |
| 746 | |
| 747 | .make-welcome .entry-content h4, |
| 748 | .make-welcome .entry-content h3, |
| 749 | .make-welcome .entry-content h2 { |
| 750 | margin: 14px 0; |
| 751 | } |
| 752 | |
| 753 | .make-welcome .entry-content p { |
| 754 | display: inline; |
| 755 | } |
| 756 | |
| 757 | .make-welcome .entry-content h4, |
| 758 | .make-welcome .entry-content h3, |
| 759 | .make-welcome .entry-content h2, |
| 760 | .make-welcome .entry-content .welcome p:first-child { |
| 761 | font-weight: normal; |
| 762 | font-size: 18px; |
| 763 | font-family: "Open Sans", serif; |
| 764 | } |
| 765 | |
| 766 | .make-welcome .entry-content .column { |
| 767 | vertical-align: top; |
| 768 | display: inline-block; |
| 769 | padding: 0 1.5%; |
| 770 | } |
| 771 | |
| 772 | .make-welcome .entry-content .welcome { |
| 773 | padding-top: 1%; |
| 774 | } |
| 775 | |
| 776 | .make-welcome .entry-content .o2-appended-tags, |
| 777 | .make-welcome .entry-content .o2-post-footer-actions { |
| 778 | display: none; |
| 779 | } |
| 780 | |
| 781 | .make-welcome .entry-meta { |
| 782 | margin: 15px; |
| 783 | position: absolute; |
| 784 | right: 0; |
| 785 | top: 0; |
| 786 | } |
| 787 | |
| 788 | .make-welcome .entry-meta .post-edit-link { |
| 789 | margin-right: 10px; |
| 790 | font-size: 1.2em; |
| 791 | font-weight: normal; |
| 792 | padding-right: 15px; |
| 793 | border-right: 1px solid #ccc; |
| 794 | } |
| 795 | |
| 796 | .make-welcome .entry-meta [type="button"] { |
| 797 | background: transparent; |
| 798 | border: 0; |
| 799 | box-shadow: none; |
| 800 | -webkit-appearance: none; |
| 801 | padding: 0; |
| 802 | text-shadow: none; |
| 803 | } |
| 804 | |
| 805 | .make-welcome .entry-meta [type="button"]:focus { |
| 806 | outline: thin dotted; |
| 807 | } |
| 808 | |
| 809 | @media screen and (min-width: 960px) { |
| 810 | .make-welcome .entry-content p { |
| 811 | display: block; |
| 812 | } |
| 813 | |
| 814 | .make-welcome .entry-content .column { |
| 815 | width: 30%; |
| 816 | padding: 1.5%; |
| 817 | } |
| 818 | |
| 819 | .make-welcome .entry-content .welcome p:first-child { |
| 820 | font-size: 22px; |
| 821 | margin: 12px 0 23px; |
| 822 | } |
| 823 | |
| 824 | .make-welcome .entry-content h4, |
| 825 | .make-welcome .entry-content p { |
| 826 | margin-bottom: 14px; |
| 827 | } |
| 828 | } |
| 829 | |
| 830 | @media screen and (max-width: 1000px) { |
| 831 | .make-welcome .entry-content .content-area, |
| 832 | .make-welcome .entry-content .widget-area { |
| 833 | clear: both; |
| 834 | float: none; |
| 835 | padding: 0 20px; |
| 836 | width: auto; |
| 837 | } |
| 838 | } |
| 839 | |
| 840 | .js-disabled-notice { |
| 841 | position: fixed; |
| 842 | bottom: 0; |
| 843 | left: 0; |
| 844 | right: 0; |
| 845 | padding: 1em 0; |
| 846 | background: #fbeaea; |
| 847 | border-top: 2px solid #dc3232; |
| 848 | text-align: center; |
| 849 | font-size: 18px; |
| 850 | color: #333; |
| 851 | } |
| 852 | |
| 853 | /* |
| 854 | * Page Templates |
| 855 | */ |
| 856 | |
| 857 | .page-template-full-width .content-area { |
| 858 | width: 100%; |
| 859 | position: relative; |
| 860 | } |
| 861 | |
| 862 | .page-template-full-width .content-area .entry-title, |
| 863 | .page-template-full-width .content-area .entry-content, |
| 864 | .page-template-full-width .content-area .entry-summary, |
| 865 | .page-template-full-width .content-area aside { |
| 866 | margin-right: 0; |
| 867 | } |
| 868 | |
| 869 | .page-template-full-width .content-area .o2-post { |
| 870 | border-top: 0; |
| 871 | } |
| 872 | |
| 873 | .page-template-full-width .content-area h2.o2-app-page-title { |
| 874 | padding: 0; |
| 875 | } |
| 876 | |
| 877 | .page-template-full-width #nav-below, |
| 878 | .page-template-full-width .content-area .entry-header { |
| 879 | display: none; |
| 880 | } |
| 881 | |
| 882 | |
| 883 | /* |
| 884 | * Handbook |
| 885 | */ |
| 886 | |
| 887 | .post-type-archive-handbook .site-main .widget-area, |
| 888 | .single-handbook .site-main .widget-area { |
| 889 | float: left; |
| 890 | margin-right: 4%; |
| 891 | } |
| 892 | .handbook-header { |
| 893 | line-height: 2em; |
| 894 | } |
| 895 | .handbook-header h1 { |
| 896 | margin-top: 0; |
| 897 | } |
| 898 | |
| 899 | .single-handbook .content-area h1 { |
| 900 | margin-top: 0; |
| 901 | padding-top: 0; |
| 902 | } |
| 903 | |
| 904 | .single-handbook .o2-post { |
| 905 | border-top: none; |
| 906 | } |
| 907 | |
| 908 | .post-type-archive-handbook .handbook-name a:not(:hover), |
| 909 | .single-handbook .handbook-name a:not(:hover) { |
| 910 | color: inherit; |
| 911 | } |
| 912 | |
| 913 | .handbook-name-container { |
| 914 | position: absolute; |
| 915 | right: 0; |
| 916 | width: 75%; |
| 917 | margin-left: 25%; |
| 918 | background-color: #fff; |
| 919 | } |
| 920 | |
| 921 | .single-handbook .handbook-name-container + #primary { |
| 922 | padding-top: 5rem; |
| 923 | } |
| 924 | |
| 925 | /* |
| 926 | * Callout boxes |
| 927 | */ |
| 928 | |
| 929 | .post .callout { |
| 930 | padding-bottom: 0; |
| 931 | } |
| 932 | |
| 933 | @media(max-width: 876px) { |
| 934 | .handbook-name-container { |
| 935 | width: 100%; |
| 936 | margin-left: 0; |
| 937 | } |
| 938 | } |
| 939 | |
| 940 | .handbook-name { |
| 941 | text-align: center; |
| 942 | color: #aaa; |
| 943 | margin-top: 1em; |
| 944 | overflow: hidden; |
| 945 | letter-spacing: 2px; |
| 946 | font-size: 1.5em; |
| 947 | text-transform: uppercase; |
| 948 | border-bottom: 0; |
| 949 | } |
| 950 | .handbook-name span { |
| 951 | display: inline-block; |
| 952 | position: relative; |
| 953 | } |
| 954 | .handbook-name span:before, |
| 955 | .handbook-name span:after { |
| 956 | content: ""; |
| 957 | position: absolute; |
| 958 | border-top: 1px solid #ccc; |
| 959 | top: 49%; |
| 960 | width: 100px; |
| 961 | } |
| 962 | .handbook-name span:before { |
| 963 | left: 0; |
| 964 | margin-left: -110px; |
| 965 | } |
| 966 | .handbook-name span:after { |
| 967 | right: 0; |
| 968 | margin-right: -110px; |
| 969 | } |
| 970 | |
| 971 | @media (max-width: 640px) { |
| 972 | .handbook-name span:before, |
| 973 | .handbook-name span:after { |
| 974 | width: 50px; |
| 975 | } |
| 976 | |
| 977 | .handbook-name span:before { |
| 978 | margin-left: -55px; |
| 979 | } |
| 980 | |
| 981 | .handbook-name span:after { |
| 982 | margin-right: -55px; |
| 983 | } |
| 984 | } |
| 985 | |
| 986 | @media (max-width: 480px) { |
| 987 | .handbook-name span:before, |
| 988 | .handbook-name span:after { |
| 989 | width: 0; |
| 990 | } |
| 991 | } |
| 992 | |
| 993 | nav.handbook-navigation { |
| 994 | font-size: 14px; |
| 995 | margin: 2em 0; |
| 996 | overflow: auto; |
| 997 | } |
| 998 | nav.handbook-navigation .nav-links a { |
| 999 | width: 49%; |
| 1000 | border: 0; |
| 1001 | display: inline-block; |
| 1002 | } |
| 1003 | nav-handbook-navigation .nav-links a[rel="prev"] { |
| 1004 | text-align: left; |
| 1005 | } |
| 1006 | nav.handbook-navigation .nav-links a[rel="next"] { |
| 1007 | text-align: right; |
| 1008 | float: right; |
| 1009 | } |
| 1010 | |
| 1011 | .wordcamp-handbook .o2-post { |
| 1012 | border-top: 0; |
| 1013 | } |
| 1014 | |
| 1015 | .wordcamp-handbook .entry-content { |
| 1016 | padding-top: 0; |
| 1017 | } |
| 1018 | |
| 1019 | .wordcamp-handbook nav.o2-post-actions button, |
| 1020 | .wordcamp-handbook nav.o2-post-actions ul { |
| 1021 | top: 12px; |
| 1022 | } |
| 1023 | |
| 1024 | /** Table of Contents */ |
| 1025 | .post-type-archive-handbook div.table-of-contents, |
| 1026 | .single-handbook div.table-of-contents { |
| 1027 | float: right; |
| 1028 | width: 250px; |
| 1029 | background: #f7f7f7; |
| 1030 | border: 1px solid #eee; |
| 1031 | margin: 0 0 15px 15px; |
| 1032 | z-index: 1; |
| 1033 | position: relative; |
| 1034 | color: #555d66; |
| 1035 | } |
| 1036 | |
| 1037 | .single-handbook div.table-of-contents { |
| 1038 | background-color: #fff; |
| 1039 | box-shadow: 0 0 8px rgba(0,0,0,0.1); |
| 1040 | border-radius: 3px; |
| 1041 | } |
| 1042 | |
| 1043 | @media (min-width: 971px) { |
| 1044 | .post-type-archive-handbook div.table-of-contents, |
| 1045 | .single-handbook div.table-of-contents { |
| 1046 | margin: -15px -30px 15px 15px; |
| 1047 | } |
| 1048 | } |
| 1049 | |
| 1050 | .post-type-archive-handbook div.table-of-contents h2, |
| 1051 | .single-handbook div.table-of-contents h2, |
| 1052 | .post-type-archive-handbook div.table-of-contents h3, |
| 1053 | .single-handbook div.table-of-contents h3 { |
| 1054 | margin: 0; |
| 1055 | padding: 7px 12px; |
| 1056 | font-size: 1.3em; |
| 1057 | color: #32373c; |
| 1058 | text-transform: uppercase; |
| 1059 | border-bottom: 1px solid #eee; |
| 1060 | } |
| 1061 | |
| 1062 | .post-type-archive-handbook ul.items, |
| 1063 | .single-handbook ul.items { |
| 1064 | margin: 0; |
| 1065 | list-style-type: none; |
| 1066 | padding: 1rem; |
| 1067 | } |
| 1068 | |
| 1069 | .post-type-archive-handbook ul.items li, |
| 1070 | .single-handbook ul.items li { |
| 1071 | padding: 4px; |
| 1072 | } |
| 1073 | |
| 1074 | .post-type-archive-handbook ul.items li ul li, |
| 1075 | .post-type-archive-handbook ul.items li ul li ul li, |
| 1076 | .single-handbook ul.items li ul li, |
| 1077 | .single-handbook ul.items li ul li ul li { |
| 1078 | padding-bottom: 0; |
| 1079 | } |
| 1080 | |
| 1081 | .post-type-archive-handbook ul.items li a, |
| 1082 | .single-handbook ul.items li a { |
| 1083 | text-decoration: none; |
| 1084 | } |
| 1085 | |
| 1086 | .post-type-archive-handbook ul.items li a:hover, |
| 1087 | .single-handbook ul.items li a:hover { |
| 1088 | color: #0073aa; |
| 1089 | text-decoration: underline; |
| 1090 | } |
| 1091 | |
| 1092 | /* Highlight current heading and adjust scroll position for fixed toolbar */ |
| 1093 | .toc-heading:target { |
| 1094 | position: relative; |
| 1095 | padding-top: 50px; |
| 1096 | margin-top: -50px; |
| 1097 | } |
| 1098 | |
| 1099 | /* Remove negative margin because there is no jump link before these headlines */ |
| 1100 | .entry-content h2.toc-heading:first-of-type:target, |
| 1101 | .entry-content h3.toc-heading:first-of-type:target, |
| 1102 | h2.toc-heading + h3.toc-heading:target { |
| 1103 | margin-top: 0; |
| 1104 | } |
| 1105 | |
| 1106 | .toc-heading:target:before { |
| 1107 | content: ''; |
| 1108 | position: absolute; |
| 1109 | left: -10px; |
| 1110 | top: 50px; |
| 1111 | border-left: 5px solid #0073aa; |
| 1112 | height: 50%; |
| 1113 | height: calc(100% - 50px); |
| 1114 | } |
| 1115 | |
| 1116 | .toc-jump { |
| 1117 | position: relative; |
| 1118 | height: 50px; |
| 1119 | } |
| 1120 | |
| 1121 | .toc-jump:after { |
| 1122 | content: ''; |
| 1123 | display: table; |
| 1124 | clear: both; |
| 1125 | } |
| 1126 | |
| 1127 | .toc-jump a { |
| 1128 | z-index: 1; |
| 1129 | } |
| 1130 | |
| 1131 | @media (max-width: 480px) { |
| 1132 | .post-type-archive-handbook div.table-of-contents, |
| 1133 | .single-handbook div.table-of-contents { |
| 1134 | display: none; |
| 1135 | } |
| 1136 | } |
| 1137 | |
| 1138 | /** Menu */ |
| 1139 | |
| 1140 | #secondary aside.widget_wporg_handbook_pages { |
| 1141 | font-size: 16px; |
| 1142 | } |
| 1143 | |
| 1144 | .widget_wporg_handbook_pages h1 { |
| 1145 | font-size: 1.6em; |
| 1146 | font-weight: bold; |
| 1147 | margin-bottom: 0.6em; |
| 1148 | } |
| 1149 | |
| 1150 | .menu-table-of-contents-container { |
| 1151 | font-size: 0.8em; |
| 1152 | } |
| 1153 | .menu-table-of-contents-container ul { |
| 1154 | margin-left: 0; |
| 1155 | padding-left: 0; |
| 1156 | list-style: none; |
| 1157 | } |
| 1158 | #secondary .menu-table-of-contents-container ul li { |
| 1159 | border-top: 1px solid rgba(0,0,0,0.05); |
| 1160 | padding: 0; |
| 1161 | position: relative; |
| 1162 | } |
| 1163 | #secondary .menu-table-of-contents-container ul ul { |
| 1164 | margin-left: 12px; |
| 1165 | border-left: 1px solid rgba(0,0,0,0.05); |
| 1166 | } |
| 1167 | .menu-table-of-contents-container ul li .expandable { |
| 1168 | display: flex; |
| 1169 | flex-direction: row-reverse; |
| 1170 | align-items: stretch; |
| 1171 | position: relative; |
| 1172 | } |
| 1173 | .menu-table-of-contents-container ul li .dashicons { |
| 1174 | position: absolute; |
| 1175 | right: 0; |
| 1176 | cursor: pointer; |
| 1177 | padding: 8px; |
| 1178 | display: inline-block; |
| 1179 | width: auto; |
| 1180 | height: 100%; |
| 1181 | color: #0073aa; |
| 1182 | background-color: #fafafa; |
| 1183 | border: 0; |
| 1184 | border-left: 1px solid rgba(0,0,0,0.05); |
| 1185 | border-radius: 0; |
| 1186 | box-shadow: none; |
| 1187 | -webkit-appearance: none; |
| 1188 | } |
| 1189 | .menu-table-of-contents-container ul li .dashicons:hover, |
| 1190 | .menu-table-of-contents-container ul li .dashicons:focus { |
| 1191 | color: #fff; |
| 1192 | background-color: #0073aa; |
| 1193 | } |
| 1194 | .menu-table-of-contents-container ul li.open > div > .dashicons { |
| 1195 | transform: rotate(180deg); |
| 1196 | border-right: 1px solid rgba(0,0,0,0.05); |
| 1197 | border-left: none; |
| 1198 | } |
| 1199 | .menu-table-of-contents-container .open .expandable .dashicons:not(:focus) { |
| 1200 | background: #fff; |
| 1201 | color: #0073aa; |
| 1202 | } |
| 1203 | .menu-table-of-contents-container ul a { |
| 1204 | display: block; |
| 1205 | width: 100%; |
| 1206 | padding: 8px 40px 8px 8px; |
| 1207 | text-decoration: none; |
| 1208 | } |
| 1209 | .menu-table-of-contents-container ul a:hover, |
| 1210 | .menu-table-of-contents-container ul a:focus { |
| 1211 | color: #fff; |
| 1212 | background-color: #0073aa; |
| 1213 | } |
| 1214 | .menu-table-of-contents-container ul a.active, |
| 1215 | .menu-table-of-contents-container .current-menu-item > a { |
| 1216 | color: #555; |
| 1217 | background-color: #fff; |
| 1218 | } |
| 1219 | .menu-table-of-contents-container > ul > li:last-child { |
| 1220 | border-bottom: 1px solid rgba(0,0,0,0.05); |
| 1221 | } |
| 1222 | .menu-table-of-contents-container > ul > li .children > li > a { |
| 1223 | padding-left: 13px; |
| 1224 | } |
| 1225 | .menu-table-of-contents-container > ul > li .children > li > ul > li > a { |
| 1226 | padding-left: 8px; |
| 1227 | } |
| 1228 | |
| 1229 | .menu-table-of-contents-container > ul > li.open > div > a:not(:focus) { |
| 1230 | color: #0073aa; |
| 1231 | } |
| 1232 | .menu-table-of-contents-container > ul > li.open > div > a:hover { |
| 1233 | color: #fff; |
| 1234 | } |
| 1235 | .menu-table-of-contents-container ul.default-open { |
| 1236 | display: block !important; |
| 1237 | } |
| 1238 | .menu-table-of-contents-container .current-menu-item ul, |
| 1239 | .menu-table-of-contents-container .current-menu-ancestor ul { |
| 1240 | display: block; |
| 1241 | } |
| 1242 | .menu-table-of-contents-container .children { |
| 1243 | overflow: hidden; |
| 1244 | display: none; |
| 1245 | } |
| 1246 | |
| 1247 | /* New handbook design */ |
| 1248 | .single-handbook #page { |
| 1249 | background: linear-gradient(to right, #fafafa 40%, #fff 40%); |
| 1250 | max-width: 100%; |
| 1251 | padding: 0; |
| 1252 | } |
| 1253 | |
| 1254 | .single-handbook #main { |
| 1255 | max-width: 960px; |
| 1256 | margin: 0 auto; |
| 1257 | display: flex; |
| 1258 | } |
| 1259 | |
| 1260 | .single-handbook header { |
| 1261 | margin: 0; |
| 1262 | } |
| 1263 | |
| 1264 | .single-handbook #secondary { |
| 1265 | clear: left; |
| 1266 | margin: 0; |
| 1267 | background: #fafafa; |
| 1268 | } |
| 1269 | |
| 1270 | .single-handbook #primary { |
| 1271 | padding: 4rem 0 4rem 4rem; |
| 1272 | background: #fff; |
| 1273 | box-sizing: border-box; |
| 1274 | } |
| 1275 | |
| 1276 | @media(max-width: 876px) { |
| 1277 | .single-handbook #primary { |
| 1278 | padding: 4rem 20px; |
| 1279 | } |
| 1280 | } |
| 1281 | |
| 1282 | .single-handbook #secondary-content { |
| 1283 | padding-top: 4rem; |
| 1284 | } |
| 1285 | |
| 1286 | .single-handbook .widget_wporg_handbook_pages { |
| 1287 | background-color: transparent; |
| 1288 | } |
| 1289 | |
| 1290 | .single-handbook nav.o2-post-actions button { |
| 1291 | top: 10px; |
| 1292 | } |
| 1293 | .single-handbook .make-welcome { |
| 1294 | margin: 0 !important; |
| 1295 | } |
| 1296 | |
| 1297 | /** Make Core **/ |
| 1298 | #masthead li.icon a:before { |
| 1299 | font: 20px/1 'dashicons'; |
| 1300 | display: inline-block; |
| 1301 | -webkit-font-smoothing: antialiased; |
| 1302 | vertical-align: middle; |
| 1303 | } |
| 1304 | |
| 1305 | #masthead li.newticket a:before { content: "\f119"; } |
| 1306 | #masthead li.timeline a:before { content: "\f321"; } |
| 1307 | #masthead li.browser a:before { content: "\f475"; } |
| 1308 | |
| 1309 | /* Override wp4.css form styles for o2 */ |
| 1310 | #page .text { |
| 1311 | height: auto !important; |
| 1312 | background-color: white !important; |
| 1313 | font-family: 'Open Sans' !important; |
| 1314 | } |
| 1315 | |