WordPress.org

Making WordPress.org

Ticket #3186: 3186.patch

File 3186.patch, 56.1 KB (added by Shital Patel, 4 years ago)

search button

  • wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

     
    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. */
     9a[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
     16body, button, input, select, textarea,
     17.site-header .site-title {
     18        font-family: 'Open Sans', sans-serif;
     19}
     20
     21table {
     22/* tables still need 'cellspacing="0"' in the markup */
     23        border-collapse: separate;
     24        border-spacing: 0;
     25        border: 1px solid #eee;
     26}
     27
     28thead {
     29        background: #eee;
     30}
     31
     32caption,
     33th,
     34td {
     35        font-weight: 400;
     36        text-align: left;
     37}
     38
     39td {
     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
     59td:first-of-type {
     60        width: 30%;
     61        border-right: 1px solid #eee;
     62}
     63
     64tr:last-of-type td {
     65        border-bottom: 0;
     66}
     67
     68/* wp4.css overrides */
     69p a,
     70p a:hover {
     71        border-bottom: none;
     72}
     73
     74input[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,
     260body.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 */
     286body {
     287        line-height: 1.5;
     288}
     289
     290ul ul, ul ol,
     291ol ol, ol ul {
     292        font-size: inherit;
     293}
     294
     295a,
     296a:visited,
     297a: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
     313body,
     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
     371aside[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
     437pre code {
     438        padding: 0;
     439}
     440
     441article.post .o2-post,
     442article#post-new .o2-post,
     443article.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,
     454article.post .entry-header,
     455article#post-new .entry-header,
     456article.page .entry-header,
     457.entry-title,
     458article.post .entry-title,
     459article#post-new .entry-title,
     460article.page .entry-title,
     461.entry-content,
     462article footer.entry-meta {
     463        display: block;
     464        margin-left: 0;
     465        padding-left: 0;
     466        clear: both;
     467}
     468
     469.entry-title,
     470article.post .entry-title,
     471article#post-new .entry-title,
     472article.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
     494article.tag-p2-xpost {
     495        margin-bottom: 0;
     496}
     497
     498.author-avatar,
     499article.post a.author-avatar,
     500article#post-new a.author-avatar,
     501article.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
     516article.post a.author-avatar img.avatar,
     517article#post-new a.author-avatar img.avatar,
     518article.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 */
     546article.state-resolved,
     547article.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 */
     577article.status-private,
     578article.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
     598article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon,
     599article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover,
     600article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open,
     601article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover {
     602        color: #dc3232;
     603        background: #fef0f0;
     604}
     605
     606article.type-handbook.status-private {
     607        box-shadow: 0 0 0 10px #fef0f0;
     608}
     609
     610article.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
     681nav.o2-post-footer-actions ul li > a,
     682nav.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
     993nav.handbook-navigation {
     994        font-size: 14px;
     995        margin: 2em 0;
     996        overflow: auto;
     997}
     998nav.handbook-navigation .nav-links a {
     999        width: 49%;
     1000        border: 0;
     1001        display: inline-block;
     1002}
     1003nav-handbook-navigation .nav-links a[rel="prev"] {
     1004        text-align: left;
     1005}
     1006nav.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,
     1102h2.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