Index: wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css
===================================================================
--- wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css (revision 6188)
+++ wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css (working copy)
@@ -1,1314 +1,1315 @@
-/*
- * Theme Name: WordPress.org Breathe
- * Template: p2-breathe
- * Description: Child theme of P2 Breathe, with modifications specifically for WordPress.org.
- * Supports Oxygen: true
- */
-
-/* Show a Slack icon in front of Slack links. */
-a[href*=".slack.com"] {
- padding-left: 16px;
- background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xNjUuOTY0IDE1LjgzOEMxNjIuMDc0IDMuODYzIDE0OS4yMTItMi42OSAxMzcuMjQgMS4yMDJjLTExLjk3NiAzLjg5LTE4LjUzIDE2Ljc1Mi0xNC42MzcgMjguNzI1bDU4Ljk0NyAxODEuMzY1YzQuMDQ4IDExLjE4NyAxNi4xMzIgMTcuNDczIDI3LjczMiAxNC4xMzUgMTIuMS0zLjQ4MyAxOS40NzUtMTYuMzM0IDE1LjYxNC0yOC4yMTdMMTY1Ljk2NCAxNS44MzgiIGZpbGw9IiNERkEyMkYiLz48cGF0aCBkPSJNNzQuNjI2IDQ1LjUxNkM3MC43MzQgMzMuNTQyIDU3Ljg3MyAyNi45OSA0NS45IDMwLjg4Yy0xMS45NzYgMy44OS0xOC41MyAxNi43NS0xNC42MzcgMjguNzI2TDkwLjIxIDI0MC45NzJjNC4wNDggMTEuMTg2IDE2LjEzMyAxNy40NzMgMjcuNzMzIDE0LjEzMiAxMi4xLTMuNDggMTkuNDc0LTE2LjMzMiAxNS42MTMtMjguMjE3bC01OC45My0xODEuMzciIGZpbGw9IiMzQ0IxODciLz48cGF0aCBkPSJNMjQwLjE2MiAxNjYuMDQ1YzExLjk3NS0zLjg5IDE4LjUyNi0xNi43NSAxNC42MzYtMjguNzI2LTMuODktMTEuOTc0LTE2Ljc1Mi0xOC41MjgtMjguNzI1LTE0LjYzN2wtMTgxLjM2NSA1OC45NWMtMTEuMTg3IDQuMDQ1LTE3LjQ3MyAxNi4xMy0xNC4xMzUgMjcuNzMgMy40ODMgMTIuMDk4IDE2LjMzNCAxOS40NzQgMjguMjE3IDE1LjYxM2wxODEuMzcyLTU4LjkzIiBmaWxsPSIjQ0UxRTVCIi8+PHBhdGggZD0iTTgyLjUwOCAyMTcuMjdsNDMuMzQ3LTE0LjA4NC0xNC4wODYtNDMuMzUyLTQzLjM1IDE0LjA5IDE0LjA4OCA0My4zNDciIGZpbGw9IiMzOTI1MzgiLz48cGF0aCBkPSJNMTczLjg0NyAxODcuNTljMTYuMzg4LTUuMzIyIDMxLjYyLTEwLjI3MiA0My4zNDgtMTQuMDgzbC0xNC4wODgtNDMuMzYtNDMuMzUgMTQuMDkgMTQuMDkgNDMuMzU0IiBmaWxsPSIjQkIyNDJBIi8+PHBhdGggZD0iTTIxMC40ODQgNzQuNzA2YzExLjk3NC0zLjg5IDE4LjUyNy0xNi43NSAxNC42MzctMjguNzI3LTMuODktMTEuOTc0LTE2Ljc1LTE4LjUyNy0yOC43MjYtMTQuNjM3TDE1LjAyOCA5MC4yOTNDMy44NDIgOTQuMzM3LTIuNDQ1IDEwNi40MjIuODk2IDExOC4wMjJjMy40OCAxMi4wOTggMTYuMzMyIDE5LjQ3NCAyOC4yMTcgMTUuNjEzbDE4MS4zNy01OC45MyIgZmlsbD0iIzcyQzVDRCIvPjxwYXRoIGQ9Ik01Mi44MjIgMTI1LjkzM2MxMS44MDUtMy44MzYgMjcuMDI1LTguNzgyIDQzLjM1NC0xNC4wODYtNS4zMjMtMTYuMzktMTAuMjczLTMxLjYyMi0xNC4wODQtNDMuMzUybC00My4zNiAxNC4wOTIgMTQuMDkgNDMuMzQ2IiBmaWxsPSIjMjQ4QzczIi8+PHBhdGggZD0iTTE0NC4xNiA5Ni4yNTZsNDMuMzU2LTE0LjA4OGMtNS4zMjYtMTYuMzkzLTEwLjI3Ni0zMS42My0xNC4wOS00My4zNkwxMzAuMDcgNTIuOWwxNC4wOSA0My4zNTYiIGZpbGw9IiM2MjgwM0EiLz48L3N2Zz4=) no-repeat 0 1px;
- background-size: 13px 13px;
- background-position: 1px 4px;
-}
-
-body, button, input, select, textarea,
-.site-header .site-title {
- font-family: 'Open Sans', sans-serif;
-}
-
-table {
-/* tables still need 'cellspacing="0"' in the markup */
- border-collapse: separate;
- border-spacing: 0;
- border: 1px solid #eee;
-}
-
-thead {
- background: #eee;
-}
-
-caption,
-th,
-td {
- font-weight: 400;
- text-align: left;
-}
-
-td {
- border-bottom: 1px solid #eee;
- padding: 10px;
-}
-
-.entry-content h3 + h4 {
- margin-top: 1em;
-}
-
-.entry-content td,
-.entry-content th {
- padding: 1em !important;
-}
-
-.entry-content th,
-#primary thead td,
-#primary thead th {
- font-weight: bold;
-}
-
-td:first-of-type {
- width: 30%;
- border-right: 1px solid #eee;
-}
-
-tr:last-of-type td {
- border-bottom: 0;
-}
-
-/* wp4.css overrides */
-p a,
-p a:hover {
- border-bottom: none;
-}
-
-input[type="submit"] {
- height: auto;
-}
-
-/* wporg-header overrides */
-#wporg-header input.text {
- font-size: 12px !important;
- padding: 3px;
- box-sizing: content-box;
-}
-
-#wporg-header input[type="submit"] {
- box-shadow: none;
-}
-
-#wporg-header ul li.download {
- float: right;
- height: 34px;
- margin-right: 14px;
- overflow: hidden;
- padding: 0 0 34px;
-}
-
-@media screen and (max-width: 820px) {
- #wporg-header ul li.download {
- display: none;
- }
-}
-
-@media screen and (max-width: 768px) {
- #wporg-header ul li.download {
- display: block;
- float: none;
- margin: 10px 20px 20px;
- padding-bottom: 0;
- height: auto;
- }
- #wporg-header ul li.download a {
- padding: 4px 10px;
- }
-}
-
-#wporg-header ul li.download a {
- margin: 0;
- padding: 0 16px;
-}
-
-#wporg-header ul li.download a:hover {
- color: #eee;
-}
-
-#wporg-header ul li.download.current a,
-#wporg-header ul li.download.current-menu-item a {
- color: #eee;
-}
-
-.site,
-.custom-menu .site,
-.site-branding {
- box-sizing: border-box;
- margin: 0 auto;
- max-width: 960px;
- padding: 0 10px;
-}
-
-.site-header {
- background: #0073aa;
- float: none;
- margin: 0 0 4em;
- padding: 18px 0;
- width: auto;
-}
-
-.site-header .site-branding {
- height: 32px;
-}
-
-.site-header .site-title {
- line-height: 1;
- margin: 0;
- padding: 0;
-}
-
-.site-header .site-title a {
- color: #fff;
- font-size: 28px;
- font-weight: 300;
- line-height: 1;
-}
-
-@media (max-width: 500px) {
- .site-header .site-title {
- max-width: 334px;
- margin-top: 4px;
- }
- .site-header .site-title a {
- font-size: 17px;
- font-size: 4.5vw;
- }
-}
-
-@media (max-width: 400px) {
- .site-header .site-title {
- max-width: 295px;
- }
-}
-
-@media (max-width: 320px) {
- .site-header .site-title {
- max-width: 240px;
- }
- .site-header .site-title a {
- font-size: 13px;
- font-size: 4.2vw;
- }
-}
-
-.site-header .site-title a:hover {
- color: rgba( 255, 255, 255, 0.8 );
-}
-
-.navigation-main {
- background: transparent;
- position: static;
- max-width: 940px;
- height: 32px;
- margin: -32px auto 0 auto;
- text-align: right;
- padding: 0;
-}
-
-.navigation-main .menu {
- line-height: 32px;
-}
-
-.navigation-main ul li {
- display: inline-block;
- float: none;
- margin-right: 21px;
-}
-
-.rtl .navigation-main ul li {
- margin-left: 21px;
- margin-right: 0;
-}
-
-.navigation-main ul li:last-of-type {
- margin: 0;
-}
-
-.navigation-main ul li a {
- padding: 0;
-}
-
-.navigation-main ul li:hover > a,
-.navigation-main ul li.current-menu-item a,
-.navigation-main ul li.current-menu-item:hover a {
- background: transparent;
-}
-
-.navigation-main ul li:hover > a:after,
-.navigation-main ul li.current-menu-item a:after,
-.navigation-main ul li.current-menu-item:hover a:after {
- content: '';
- display: block;
- border-bottom: 1px solid #fff;
- position: relative;
- top: -6px;
-}
-
-.navigation-main ul li.icon a:after {
- display: none;
-}
-
-.navigation-main ul li:hover > a {
- border-bottom: none;
-}
-
-.navigation-main a,
-.navigation-main a:visited {
- color: rgba(255, 255, 255, 0.8);
- font-size: 14px;
-}
-
-.wporg-make .site-title a:before,
-body.wporg-make #headline h2 a:before {
- vertical-align: middle; /* overrides wp4.css */
-}
-
-#secondary-content .navigation-main {
- margin-top: 32px;
- text-align: left;
-}
-
-#secondary-content .navigation-main ul li {
- display: block;
- float: left;
- width: 100%;
-}
-
-#secondary-content .navigation-main a {
- color: #0073aa;
-}
-
-#secondary-content .navigation-main ul li:hover > a,
-#secondary-content .navigation-main ul li.current-menu-item a {
-}
-
-/*
- * p2-breathe/style.css overrides
- */
-body {
- line-height: 1.5;
-}
-
-ul ul, ul ol,
-ol ol, ol ul {
- font-size: inherit;
-}
-
-a,
-a:visited,
-a:active,
-.entry-meta .entry-actions:hover a,
-.entry-meta .entry-actions:hover a:visited,
-.comment-meta .comment-actions:hover a,
-.comment-meta .comment-actions:hover a:visited,
-#help dt,
-#media-buttons .button,
-.responsive-link,
-.entry-meta .entry-date:hover,
-.comment-meta .comment-date:hover,
-.o2-xpost-entry-date:hover,
-.o2-comment-actions ul li a:before,
-.o2-comment-actions ul li a span {
- color: #0072a9;
-}
-
-body,
-.widget,
-.o2-app-page-title,
-.comment.alt,
-.comment.alt .comment.alt {
- background-color: #fff;
-}
-
-.error404 .o2-app-page-title,
-.archive .o2-app-page-title,
-.search .o2-app-page-title,
-.page .o2-app-page-title {
- color: inherit;
-}
-
-@media (max-width: 876px) {
- body.responsive-show {
- overflow-y: visible;
- position: static;
- }
-
- #page {
- overflow-x: hidden;
- }
-
- body.responsive-show #page {
- overflow-x: visible;
- }
-
- #secondary-toggle {
- margin-left: 22px;
- margin-right: 0px;
- }
-
- #secondary-toggle:before {
- top: 0;
- color: #fff;
- }
-
- body.responsive-show #secondary-toggle:before {
- color: #0073aa;
- }
-}
-
-.content-area {
- width: 71%;
-}
-
-@media (max-width: 876px) {
- .content-area {
- width: 100%;
- }
-}
-
-.widget-title {
- line-height: 1.2;
-}
-
-aside[id^="handbook"] .widget-title {
- font-size: 16px;
- text-transform: uppercase;
- letter-spacing: 1px;
- background-color: transparent;
- padding: 1rem 12px;
- margin-bottom: 0;
- color: inherit;
-}
-
-.widget.widget_search {
- margin-bottom: 3rem;
-}
-.widget_search input[type="search"], #subscribe-email input[type="email"] {
- width: 90%;
- box-sizing: border-box;
- padding: 1rem;
- font-size: 14px;
- border: 1px solid #eee;
-}
-
-#secondary-content .widget {
- background: transparent;
-}
-
-.o2-app-page-title {
- margin: 0 0 1.5em 0 !important;
- padding: 0;
- font-weight: 400;
- font-size: 2.2em;
- line-height: 1.1;
- text-transform: none;
-}
-
-.o2-app-page-title a {
- color: #0072a9;
-}
-.o2-app-page-title a:visited {
- color: #4ca6cf;
-}
-
-.home .o2-app-page-title {
- display: none;
-}
-
-.o2-app-controls {
- font-size: 0.9em;
-}
-
-.o2-app-new-post {
- margin-bottom: 2em;
-}
-
-.o2-post {
- border-top: 2px solid #ddd;
-}
-.o2-post .o2-post {
- border-top: 1px solid #ddd;
-}
-.page .o2-post {
- padding: 0 !important;
-}
-.page .o2-post .entry-content {
- padding: 0;
-}
-
-pre code {
- padding: 0;
-}
-
-article.post .o2-post,
-article#post-new .o2-post,
-article.page .o2-post,
-.entry-date {
- display: block;
-}
-
-.o2-xpost-author .entry-date,
-.o2-xpost-entry-date {
- display:inline-block;
-}
-
-.entry-header,
-article.post .entry-header,
-article#post-new .entry-header,
-article.page .entry-header,
-.entry-title,
-article.post .entry-title,
-article#post-new .entry-title,
-article.page .entry-title,
-.entry-content,
-article footer.entry-meta {
- display: block;
- margin-left: 0;
- padding-left: 0;
- clear: both;
-}
-
-.entry-title,
-article.post .entry-title,
-article#post-new .entry-title,
-article.page .entry-title,
-.entry-content,
-.post-content {
- display: block;
- clear: both;
- padding-top: 15px;
-}
-
-.o2-xpost-content {
- display: inline-block;
- padding-top: 0.5em;
-}
-
-.tag-p2-xpost .o2-post {
- font-size: 100%;
- font-style: normal;
-}
-
-.o2-xpost-author .entry-author {
- font-weight: bold;
-}
-
-article.tag-p2-xpost {
- margin-bottom: 0;
-}
-
-.author-avatar,
-article.post a.author-avatar,
-article#post-new a.author-avatar,
-article.page a.author-avatar {
- border: 0;
- box-shadow: none;
-}
-
-.author-avatar .avatar,
-.o2-comment .avatar,
-.tag-p2-xpost .avatar {
- border-radius: 50%;
-}
-
-.author-avatar img.avatar:hover {
- border-radius: 0 !important;
-}
-
-article.post a.author-avatar img.avatar,
-article#post-new a.author-avatar img.avatar,
-article.page a.author-avatar img.avatar {
- height: 50px !important;
- width: 50px !important;
-}
-
-/* See .entry-meta .entry-date */
-.page .o2-post .entry-meta {
- float: right;
- width: 0;
- top: -30px;
- right: 10px;
-}
-
-.entry-author-meta {
- font-size: 0.8em;
- font-weight: 300;
- line-height: 1.2;
- color: #888;
- margin: .3em 0 0 0;
-}
-
-.entry-author-meta .wporg-username {
- font-weight: 400;
-}
-
-/*
- * Resolved/unresolved
- */
-article.state-resolved,
-article.state-unresolved {
- border-top: 0;
-}
-
-/*
- * Sticky post
- */
-.sticky .o2-post {
- border: 0;
- border-top: 2px solid #ddd;
- background: #e5f5fa;
- position: relative;
-}
-
-.sticky .o2-post:after {
- content: "\f109";
- font-family: dashicons;
- position: absolute;
- top: -2px;
- right: 45px;
- color: #fff;
- font-size: 18px;
- padding: 13px 5px 0px;
- background: #00a0d2;
-}
-
-
-/*
- * Private post status
- */
-article.status-private,
-article.status-private .comment.alt {
- background: #fef0f0;
-}
-
-.status-private .o2-post {
- position: relative;
-}
-
-.status-private .o2-post:after {
- content: "\f530";
- font-family: dashicons;
- position: absolute;
- top: -2px;
- right: 45px;
- color: #fff;
- font-size: 18px;
- padding: 13px 5px 0px;
- background: #dc3232;
-}
-
-article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon,
-article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover,
-article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open,
-article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover {
- color: #dc3232;
- background: #fef0f0;
-}
-
-article.type-handbook.status-private {
- box-shadow: 0 0 0 10px #fef0f0;
-}
-
-article.type-handbook.status-private .o2-post:after {
- top: -10px;
-}
-
-.widget {
- margin: 0 0 4em;
- padding: 0;
-}
-
-/* Hide image upload button. No image uploads on make blogs. */
-.o2-editor-toolbar-button.genericon-picture {
- display: none;
-}
-
-.o2-post-form-options {
- margin-top: .8em; /* Same as .o2-editor .o2-editor-footer > a */
-}
-
-.o2-editor-select {
- background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iI2JiYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat right 10px center;
- border-radius: 3px;
- border: 1px solid #bbb;
- color: #0072a9;
- cursor: pointer;
- display: inline-block;
- margin: 0;
- outline: 0;
- overflow: hidden !important;
- font-size: 13px !important;
- font-weight: 600;
- text-overflow: ellipsis;
- text-decoration: none;
- vertical-align: top;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 7px 32px 7px 14px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.o2-editor-select:focus,
-.o2-editor-select:hover {
- color: #000;
- border-color: #888;
- background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
-}
-
-.o2-editor-select:focus {
- border-color: #5b9dd9;
- -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
- box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
- outline: 0;
- -moz-outline: none;
- -moz-user-focus: ignore;
-}
-
-.o2-editor-select::-ms-expand {
- display: none;
-}
-
-.o2-editor-select::-ms-value {
- background: none;
- color: #0072a9;
-}
-
-.o2-editor-select:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 #0072a9;
-}
-
-nav.o2-post-footer-actions ul li > a,
-nav.o2-post-footer-actions ul li > span > a {
- width: inherit;
-}
-
-/* make/polyglots post type selector for new posts */
-.polyglots-post-type-selector {
- margin: 0 0 1em;
- text-align: right;
-}
-
-.polyglots-post-type-selector .o2-editor-select {
- min-width: 150px;
-}
-
-.polyglots-post-type-selector label {
- padding: 7px 0;
- display: inline-block;
- margin-right: 5px;
-}
-
-.o2-save.disabled,
-.o2-save.disabled:hover,
-.o2-save.disabled:focus {
- border-color: #bbb;
- background: #f1f1f1;
- color: #bbb;
- cursor: default;
-}
-
-@media (max-width: 640px) {
- .make-polyglots .o2-post-form-options {
- float: left;
- display: block;
- padding-right: 0;
- clear: none;
- }
-}
-
-@media screen and (min-width: 769px) {
- #wporg-header ul li.current-menu-item:after,
- #wporg-header ul li.current_page_parent:after,
- #wporg-header ul li a.current ~ .uparrow {
- border-bottom-color: #0073aa;
- }
-}
-
-.make-welcome {
- background: #eee;
- /* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */
- margin: -4em 0 4em 0 !important;
- padding: 2em 0;
- position: relative;
- width: 100%;
-}
-
-.make-welcome .entry-content {
- font-size: 14px;
- color: #333;
- line-height: 1.45;
- width: 100%;
- max-width: 940px;
- margin: 0px auto;
- padding: 0;
-}
-
-.make-welcome .entry-content h4,
-.make-welcome .entry-content h3,
-.make-welcome .entry-content h2 {
- margin: 14px 0;
-}
-
-.make-welcome .entry-content p {
- display: inline;
-}
-
-.make-welcome .entry-content h4,
-.make-welcome .entry-content h3,
-.make-welcome .entry-content h2,
-.make-welcome .entry-content .welcome p:first-child {
- font-weight: normal;
- font-size: 18px;
- font-family: "Open Sans", serif;
-}
-
-.make-welcome .entry-content .column {
- vertical-align: top;
- display: inline-block;
- padding: 0 1.5%;
-}
-
-.make-welcome .entry-content .welcome {
- padding-top: 1%;
-}
-
-.make-welcome .entry-content .o2-appended-tags,
-.make-welcome .entry-content .o2-post-footer-actions {
- display: none;
-}
-
-.make-welcome .entry-meta {
- margin: 15px;
- position: absolute;
- right: 0;
- top: 0;
-}
-
-.make-welcome .entry-meta .post-edit-link {
- margin-right: 10px;
- font-size: 1.2em;
- font-weight: normal;
- padding-right: 15px;
- border-right: 1px solid #ccc;
-}
-
-.make-welcome .entry-meta [type="button"] {
- background: transparent;
- border: 0;
- box-shadow: none;
- -webkit-appearance: none;
- padding: 0;
- text-shadow: none;
-}
-
-.make-welcome .entry-meta [type="button"]:focus {
- outline: thin dotted;
-}
-
-@media screen and (min-width: 960px) {
- .make-welcome .entry-content p {
- display: block;
- }
-
- .make-welcome .entry-content .column {
- width: 30%;
- padding: 1.5%;
- }
-
- .make-welcome .entry-content .welcome p:first-child {
- font-size: 22px;
- margin: 12px 0 23px;
- }
-
- .make-welcome .entry-content h4,
- .make-welcome .entry-content p {
- margin-bottom: 14px;
- }
-}
-
-@media screen and (max-width: 1000px) {
- .make-welcome .entry-content .content-area,
- .make-welcome .entry-content .widget-area {
- clear: both;
- float: none;
- padding: 0 20px;
- width: auto;
- }
-}
-
-.js-disabled-notice {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- padding: 1em 0;
- background: #fbeaea;
- border-top: 2px solid #dc3232;
- text-align: center;
- font-size: 18px;
- color: #333;
-}
-
-/*
- * Page Templates
- */
-
-.page-template-full-width .content-area {
- width: 100%;
- position: relative;
-}
-
-.page-template-full-width .content-area .entry-title,
-.page-template-full-width .content-area .entry-content,
-.page-template-full-width .content-area .entry-summary,
-.page-template-full-width .content-area aside {
- margin-right: 0;
-}
-
-.page-template-full-width .content-area .o2-post {
- border-top: 0;
-}
-
-.page-template-full-width .content-area h2.o2-app-page-title {
- padding: 0;
-}
-
-.page-template-full-width #nav-below,
-.page-template-full-width .content-area .entry-header {
- display: none;
-}
-
-
-/*
- * Handbook
- */
-
-.post-type-archive-handbook .site-main .widget-area,
-.single-handbook .site-main .widget-area {
- float: left;
- margin-right: 4%;
-}
-.handbook-header {
- line-height: 2em;
-}
-.handbook-header h1 {
- margin-top: 0;
-}
-
-.single-handbook .content-area h1 {
- margin-top: 0;
- padding-top: 0;
-}
-
-.single-handbook .o2-post {
- border-top: none;
-}
-
-.post-type-archive-handbook .handbook-name a:not(:hover),
-.single-handbook .handbook-name a:not(:hover) {
- color: inherit;
-}
-
-.handbook-name-container {
- position: absolute;
- right: 0;
- width: 75%;
- margin-left: 25%;
- background-color: #fff;
-}
-
-.single-handbook .handbook-name-container + #primary {
- padding-top: 5rem;
-}
-
-/*
- * Callout boxes
- */
-
-.post .callout {
- padding-bottom: 0;
-}
-
-@media(max-width: 876px) {
- .handbook-name-container {
- width: 100%;
- margin-left: 0;
- }
-}
-
-.handbook-name {
- text-align: center;
- color: #aaa;
- margin-top: 1em;
- overflow: hidden;
- letter-spacing: 2px;
- font-size: 1.5em;
- text-transform: uppercase;
- border-bottom: 0;
-}
-.handbook-name span {
- display: inline-block;
- position: relative;
-}
-.handbook-name span:before,
-.handbook-name span:after {
- content: "";
- position: absolute;
- border-top: 1px solid #ccc;
- top: 49%;
- width: 100px;
-}
-.handbook-name span:before {
- left: 0;
- margin-left: -110px;
-}
-.handbook-name span:after {
- right: 0;
- margin-right: -110px;
-}
-
-@media (max-width: 640px) {
- .handbook-name span:before,
- .handbook-name span:after {
- width: 50px;
- }
-
- .handbook-name span:before {
- margin-left: -55px;
- }
-
- .handbook-name span:after {
- margin-right: -55px;
- }
-}
-
-@media (max-width: 480px) {
- .handbook-name span:before,
- .handbook-name span:after {
- width: 0;
- }
-}
-
-nav.handbook-navigation {
- font-size: 14px;
- margin: 2em 0;
- overflow: auto;
-}
-nav.handbook-navigation .nav-links a {
- width: 49%;
- border: 0;
- display: inline-block;
-}
-nav-handbook-navigation .nav-links a[rel="prev"] {
- text-align: left;
-}
-nav.handbook-navigation .nav-links a[rel="next"] {
- text-align: right;
- float: right;
-}
-
-.wordcamp-handbook .o2-post {
- border-top: 0;
-}
-
-.wordcamp-handbook .entry-content {
- padding-top: 0;
-}
-
-.wordcamp-handbook nav.o2-post-actions button,
-.wordcamp-handbook nav.o2-post-actions ul {
- top: 12px;
-}
-
-/** Table of Contents */
-.post-type-archive-handbook div.table-of-contents,
-.single-handbook div.table-of-contents {
- float: right;
- width: 250px;
- background: #f7f7f7;
- border: 1px solid #eee;
- margin: 0 0 15px 15px;
- z-index: 1;
- position: relative;
- color: #555d66;
-}
-
-.single-handbook div.table-of-contents {
- background-color: #fff;
- box-shadow: 0 0 8px rgba(0,0,0,0.1);
- border-radius: 3px;
-}
-
-@media (min-width: 971px) {
- .post-type-archive-handbook div.table-of-contents,
- .single-handbook div.table-of-contents {
- margin: -15px -30px 15px 15px;
- }
-}
-
-.post-type-archive-handbook div.table-of-contents h2,
-.single-handbook div.table-of-contents h2,
-.post-type-archive-handbook div.table-of-contents h3,
-.single-handbook div.table-of-contents h3 {
- margin: 0;
- padding: 7px 12px;
- font-size: 1.3em;
- color: #32373c;
- text-transform: uppercase;
- border-bottom: 1px solid #eee;
-}
-
-.post-type-archive-handbook ul.items,
-.single-handbook ul.items {
- margin: 0;
- list-style-type: none;
- padding: 1rem;
-}
-
-.post-type-archive-handbook ul.items li,
-.single-handbook ul.items li {
- padding: 4px;
-}
-
-.post-type-archive-handbook ul.items li ul li,
-.post-type-archive-handbook ul.items li ul li ul li,
-.single-handbook ul.items li ul li,
-.single-handbook ul.items li ul li ul li {
- padding-bottom: 0;
-}
-
-.post-type-archive-handbook ul.items li a,
-.single-handbook ul.items li a {
- text-decoration: none;
-}
-
-.post-type-archive-handbook ul.items li a:hover,
-.single-handbook ul.items li a:hover {
- color: #0073aa;
- text-decoration: underline;
-}
-
-/* Highlight current heading and adjust scroll position for fixed toolbar */
-.toc-heading:target {
- position: relative;
- padding-top: 50px;
- margin-top: -50px;
-}
-
-/* Remove negative margin because there is no jump link before these headlines */
-.entry-content h2.toc-heading:first-of-type:target,
-.entry-content h3.toc-heading:first-of-type:target,
-h2.toc-heading + h3.toc-heading:target {
- margin-top: 0;
-}
-
-.toc-heading:target:before {
- content: '';
- position: absolute;
- left: -10px;
- top: 50px;
- border-left: 5px solid #0073aa;
- height: 50%;
- height: calc(100% - 50px);
-}
-
-.toc-jump {
- position: relative;
- height: 50px;
-}
-
-.toc-jump:after {
- content: '';
- display: table;
- clear: both;
-}
-
-.toc-jump a {
- z-index: 1;
-}
-
-@media (max-width: 480px) {
- .post-type-archive-handbook div.table-of-contents,
- .single-handbook div.table-of-contents {
- display: none;
- }
-}
-
-/** Menu */
-
-#secondary aside.widget_wporg_handbook_pages {
- font-size: 16px;
-}
-
-.widget_wporg_handbook_pages h1 {
- font-size: 1.6em;
- font-weight: bold;
- margin-bottom: 0.6em;
-}
-
-.menu-table-of-contents-container {
- font-size: 0.8em;
-}
-.menu-table-of-contents-container ul {
- margin-left: 0;
- padding-left: 0;
- list-style: none;
-}
-#secondary .menu-table-of-contents-container ul li {
- border-top: 1px solid rgba(0,0,0,0.05);
- padding: 0;
- position: relative;
-}
-#secondary .menu-table-of-contents-container ul ul {
- margin-left: 12px;
- border-left: 1px solid rgba(0,0,0,0.05);
-}
-.menu-table-of-contents-container ul li .expandable {
- display: flex;
- flex-direction: row-reverse;
- align-items: stretch;
- position: relative;
-}
-.menu-table-of-contents-container ul li .dashicons {
- position: absolute;
- right: 0;
- cursor: pointer;
- padding: 8px;
- display: inline-block;
- width: auto;
- height: 100%;
- color: #0073aa;
- background-color: #fafafa;
- border: 0;
- border-left: 1px solid rgba(0,0,0,0.05);
- border-radius: 0;
- box-shadow: none;
- -webkit-appearance: none;
-}
-.menu-table-of-contents-container ul li .dashicons:hover,
-.menu-table-of-contents-container ul li .dashicons:focus {
- color: #fff;
- background-color: #0073aa;
-}
-.menu-table-of-contents-container ul li.open > div > .dashicons {
- transform: rotate(180deg);
- border-right: 1px solid rgba(0,0,0,0.05);
- border-left: none;
-}
-.menu-table-of-contents-container .open .expandable .dashicons:not(:focus) {
- background: #fff;
- color: #0073aa;
-}
-.menu-table-of-contents-container ul a {
- display: block;
- width: 100%;
- padding: 8px 40px 8px 8px;
- text-decoration: none;
-}
-.menu-table-of-contents-container ul a:hover,
-.menu-table-of-contents-container ul a:focus {
- color: #fff;
- background-color: #0073aa;
-}
-.menu-table-of-contents-container ul a.active,
-.menu-table-of-contents-container .current-menu-item > a {
- color: #555;
- background-color: #fff;
-}
-.menu-table-of-contents-container > ul > li:last-child {
- border-bottom: 1px solid rgba(0,0,0,0.05);
-}
-.menu-table-of-contents-container > ul > li .children > li > a {
- padding-left: 13px;
-}
-.menu-table-of-contents-container > ul > li .children > li > ul > li > a {
- padding-left: 8px;
-}
-
-.menu-table-of-contents-container > ul > li.open > div > a:not(:focus) {
- color: #0073aa;
-}
-.menu-table-of-contents-container > ul > li.open > div > a:hover {
- color: #fff;
-}
-.menu-table-of-contents-container ul.default-open {
- display: block !important;
-}
-.menu-table-of-contents-container .current-menu-item ul,
-.menu-table-of-contents-container .current-menu-ancestor ul {
- display: block;
-}
-.menu-table-of-contents-container .children {
- overflow: hidden;
- display: none;
-}
-
-/* New handbook design */
-.single-handbook #page {
- background: linear-gradient(to right, #fafafa 40%, #fff 40%);
- max-width: 100%;
- padding: 0;
-}
-
-.single-handbook #main {
- max-width: 960px;
- margin: 0 auto;
- display: flex;
-}
-
-.single-handbook header {
- margin: 0;
-}
-
-.single-handbook #secondary {
- clear: left;
- margin: 0;
- background: #fafafa;
-}
-
-.single-handbook #primary {
- padding: 4rem 0 4rem 4rem;
- background: #fff;
- box-sizing: border-box;
-}
-
-@media(max-width: 876px) {
- .single-handbook #primary {
- padding: 4rem 20px;
- }
-}
-
-.single-handbook #secondary-content {
- padding-top: 4rem;
-}
-
-.single-handbook .widget_wporg_handbook_pages {
- background-color: transparent;
-}
-
-.single-handbook nav.o2-post-actions button {
- top: 10px;
-}
-.single-handbook .make-welcome {
- margin: 0 !important;
-}
-
-/** Make Core **/
-#masthead li.icon a:before {
- font: 20px/1 'dashicons';
- display: inline-block;
- -webkit-font-smoothing: antialiased;
- vertical-align: middle;
-}
-
-#masthead li.newticket a:before { content: "\f119"; }
-#masthead li.timeline a:before { content: "\f321"; }
-#masthead li.browser a:before { content: "\f475"; }
-
-/* Override wp4.css form styles for o2 */
-#page .text {
- height: auto !important;
- background-color: white !important;
- font-family: 'Open Sans' !important;
-}
-
+/*
+ * Theme Name: WordPress.org Breathe
+ * Template: p2-breathe
+ * Description: Child theme of P2 Breathe, with modifications specifically for WordPress.org.
+ * Supports Oxygen: true
+ */
+
+/* Show a Slack icon in front of Slack links. */
+a[href*=".slack.com"] {
+ padding-left: 16px;
+ background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xNjUuOTY0IDE1LjgzOEMxNjIuMDc0IDMuODYzIDE0OS4yMTItMi42OSAxMzcuMjQgMS4yMDJjLTExLjk3NiAzLjg5LTE4LjUzIDE2Ljc1Mi0xNC42MzcgMjguNzI1bDU4Ljk0NyAxODEuMzY1YzQuMDQ4IDExLjE4NyAxNi4xMzIgMTcuNDczIDI3LjczMiAxNC4xMzUgMTIuMS0zLjQ4MyAxOS40NzUtMTYuMzM0IDE1LjYxNC0yOC4yMTdMMTY1Ljk2NCAxNS44MzgiIGZpbGw9IiNERkEyMkYiLz48cGF0aCBkPSJNNzQuNjI2IDQ1LjUxNkM3MC43MzQgMzMuNTQyIDU3Ljg3MyAyNi45OSA0NS45IDMwLjg4Yy0xMS45NzYgMy44OS0xOC41MyAxNi43NS0xNC42MzcgMjguNzI2TDkwLjIxIDI0MC45NzJjNC4wNDggMTEuMTg2IDE2LjEzMyAxNy40NzMgMjcuNzMzIDE0LjEzMiAxMi4xLTMuNDggMTkuNDc0LTE2LjMzMiAxNS42MTMtMjguMjE3bC01OC45My0xODEuMzciIGZpbGw9IiMzQ0IxODciLz48cGF0aCBkPSJNMjQwLjE2MiAxNjYuMDQ1YzExLjk3NS0zLjg5IDE4LjUyNi0xNi43NSAxNC42MzYtMjguNzI2LTMuODktMTEuOTc0LTE2Ljc1Mi0xOC41MjgtMjguNzI1LTE0LjYzN2wtMTgxLjM2NSA1OC45NWMtMTEuMTg3IDQuMDQ1LTE3LjQ3MyAxNi4xMy0xNC4xMzUgMjcuNzMgMy40ODMgMTIuMDk4IDE2LjMzNCAxOS40NzQgMjguMjE3IDE1LjYxM2wxODEuMzcyLTU4LjkzIiBmaWxsPSIjQ0UxRTVCIi8+PHBhdGggZD0iTTgyLjUwOCAyMTcuMjdsNDMuMzQ3LTE0LjA4NC0xNC4wODYtNDMuMzUyLTQzLjM1IDE0LjA5IDE0LjA4OCA0My4zNDciIGZpbGw9IiMzOTI1MzgiLz48cGF0aCBkPSJNMTczLjg0NyAxODcuNTljMTYuMzg4LTUuMzIyIDMxLjYyLTEwLjI3MiA0My4zNDgtMTQuMDgzbC0xNC4wODgtNDMuMzYtNDMuMzUgMTQuMDkgMTQuMDkgNDMuMzU0IiBmaWxsPSIjQkIyNDJBIi8+PHBhdGggZD0iTTIxMC40ODQgNzQuNzA2YzExLjk3NC0zLjg5IDE4LjUyNy0xNi43NSAxNC42MzctMjguNzI3LTMuODktMTEuOTc0LTE2Ljc1LTE4LjUyNy0yOC43MjYtMTQuNjM3TDE1LjAyOCA5MC4yOTNDMy44NDIgOTQuMzM3LTIuNDQ1IDEwNi40MjIuODk2IDExOC4wMjJjMy40OCAxMi4wOTggMTYuMzMyIDE5LjQ3NCAyOC4yMTcgMTUuNjEzbDE4MS4zNy01OC45MyIgZmlsbD0iIzcyQzVDRCIvPjxwYXRoIGQ9Ik01Mi44MjIgMTI1LjkzM2MxMS44MDUtMy44MzYgMjcuMDI1LTguNzgyIDQzLjM1NC0xNC4wODYtNS4zMjMtMTYuMzktMTAuMjczLTMxLjYyMi0xNC4wODQtNDMuMzUybC00My4zNiAxNC4wOTIgMTQuMDkgNDMuMzQ2IiBmaWxsPSIjMjQ4QzczIi8+PHBhdGggZD0iTTE0NC4xNiA5Ni4yNTZsNDMuMzU2LTE0LjA4OGMtNS4zMjYtMTYuMzkzLTEwLjI3Ni0zMS42My0xNC4wOS00My4zNkwxMzAuMDcgNTIuOWwxNC4wOSA0My4zNTYiIGZpbGw9IiM2MjgwM0EiLz48L3N2Zz4=) no-repeat 0 1px;
+ background-size: 13px 13px;
+ background-position: 1px 4px;
+}
+
+body, button, input, select, textarea,
+.site-header .site-title {
+ font-family: 'Open Sans', sans-serif;
+}
+
+table {
+/* tables still need 'cellspacing="0"' in the markup */
+ border-collapse: separate;
+ border-spacing: 0;
+ border: 1px solid #eee;
+}
+
+thead {
+ background: #eee;
+}
+
+caption,
+th,
+td {
+ font-weight: 400;
+ text-align: left;
+}
+
+td {
+ border-bottom: 1px solid #eee;
+ padding: 10px;
+}
+
+.entry-content h3 + h4 {
+ margin-top: 1em;
+}
+
+.entry-content td,
+.entry-content th {
+ padding: 1em !important;
+}
+
+.entry-content th,
+#primary thead td,
+#primary thead th {
+ font-weight: bold;
+}
+
+td:first-of-type {
+ width: 30%;
+ border-right: 1px solid #eee;
+}
+
+tr:last-of-type td {
+ border-bottom: 0;
+}
+
+/* wp4.css overrides */
+p a,
+p a:hover {
+ border-bottom: none;
+}
+
+input[type="submit"] {
+ height: auto;
+ padding: .6em 1em .7em;
+}
+
+/* wporg-header overrides */
+#wporg-header input.text {
+ font-size: 12px !important;
+ padding: 3px;
+ box-sizing: content-box;
+}
+
+#wporg-header input[type="submit"] {
+ box-shadow: none;
+}
+
+#wporg-header ul li.download {
+ float: right;
+ height: 34px;
+ margin-right: 14px;
+ overflow: hidden;
+ padding: 0 0 34px;
+}
+
+@media screen and (max-width: 820px) {
+ #wporg-header ul li.download {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ #wporg-header ul li.download {
+ display: block;
+ float: none;
+ margin: 10px 20px 20px;
+ padding-bottom: 0;
+ height: auto;
+ }
+ #wporg-header ul li.download a {
+ padding: 4px 10px;
+ }
+}
+
+#wporg-header ul li.download a {
+ margin: 0;
+ padding: 0 16px;
+}
+
+#wporg-header ul li.download a:hover {
+ color: #eee;
+}
+
+#wporg-header ul li.download.current a,
+#wporg-header ul li.download.current-menu-item a {
+ color: #eee;
+}
+
+.site,
+.custom-menu .site,
+.site-branding {
+ box-sizing: border-box;
+ margin: 0 auto;
+ max-width: 960px;
+ padding: 0 10px;
+}
+
+.site-header {
+ background: #0073aa;
+ float: none;
+ margin: 0 0 4em;
+ padding: 18px 0;
+ width: auto;
+}
+
+.site-header .site-branding {
+ height: 32px;
+}
+
+.site-header .site-title {
+ line-height: 1;
+ margin: 0;
+ padding: 0;
+}
+
+.site-header .site-title a {
+ color: #fff;
+ font-size: 28px;
+ font-weight: 300;
+ line-height: 1;
+}
+
+@media (max-width: 500px) {
+ .site-header .site-title {
+ max-width: 334px;
+ margin-top: 4px;
+ }
+ .site-header .site-title a {
+ font-size: 17px;
+ font-size: 4.5vw;
+ }
+}
+
+@media (max-width: 400px) {
+ .site-header .site-title {
+ max-width: 295px;
+ }
+}
+
+@media (max-width: 320px) {
+ .site-header .site-title {
+ max-width: 240px;
+ }
+ .site-header .site-title a {
+ font-size: 13px;
+ font-size: 4.2vw;
+ }
+}
+
+.site-header .site-title a:hover {
+ color: rgba( 255, 255, 255, 0.8 );
+}
+
+.navigation-main {
+ background: transparent;
+ position: static;
+ max-width: 940px;
+ height: 32px;
+ margin: -32px auto 0 auto;
+ text-align: right;
+ padding: 0;
+}
+
+.navigation-main .menu {
+ line-height: 32px;
+}
+
+.navigation-main ul li {
+ display: inline-block;
+ float: none;
+ margin-right: 21px;
+}
+
+.rtl .navigation-main ul li {
+ margin-left: 21px;
+ margin-right: 0;
+}
+
+.navigation-main ul li:last-of-type {
+ margin: 0;
+}
+
+.navigation-main ul li a {
+ padding: 0;
+}
+
+.navigation-main ul li:hover > a,
+.navigation-main ul li.current-menu-item a,
+.navigation-main ul li.current-menu-item:hover a {
+ background: transparent;
+}
+
+.navigation-main ul li:hover > a:after,
+.navigation-main ul li.current-menu-item a:after,
+.navigation-main ul li.current-menu-item:hover a:after {
+ content: '';
+ display: block;
+ border-bottom: 1px solid #fff;
+ position: relative;
+ top: -6px;
+}
+
+.navigation-main ul li.icon a:after {
+ display: none;
+}
+
+.navigation-main ul li:hover > a {
+ border-bottom: none;
+}
+
+.navigation-main a,
+.navigation-main a:visited {
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 14px;
+}
+
+.wporg-make .site-title a:before,
+body.wporg-make #headline h2 a:before {
+ vertical-align: middle; /* overrides wp4.css */
+}
+
+#secondary-content .navigation-main {
+ margin-top: 32px;
+ text-align: left;
+}
+
+#secondary-content .navigation-main ul li {
+ display: block;
+ float: left;
+ width: 100%;
+}
+
+#secondary-content .navigation-main a {
+ color: #0073aa;
+}
+
+#secondary-content .navigation-main ul li:hover > a,
+#secondary-content .navigation-main ul li.current-menu-item a {
+}
+
+/*
+ * p2-breathe/style.css overrides
+ */
+body {
+ line-height: 1.5;
+}
+
+ul ul, ul ol,
+ol ol, ol ul {
+ font-size: inherit;
+}
+
+a,
+a:visited,
+a:active,
+.entry-meta .entry-actions:hover a,
+.entry-meta .entry-actions:hover a:visited,
+.comment-meta .comment-actions:hover a,
+.comment-meta .comment-actions:hover a:visited,
+#help dt,
+#media-buttons .button,
+.responsive-link,
+.entry-meta .entry-date:hover,
+.comment-meta .comment-date:hover,
+.o2-xpost-entry-date:hover,
+.o2-comment-actions ul li a:before,
+.o2-comment-actions ul li a span {
+ color: #0072a9;
+}
+
+body,
+.widget,
+.o2-app-page-title,
+.comment.alt,
+.comment.alt .comment.alt {
+ background-color: #fff;
+}
+
+.error404 .o2-app-page-title,
+.archive .o2-app-page-title,
+.search .o2-app-page-title,
+.page .o2-app-page-title {
+ color: inherit;
+}
+
+@media (max-width: 876px) {
+ body.responsive-show {
+ overflow-y: visible;
+ position: static;
+ }
+
+ #page {
+ overflow-x: hidden;
+ }
+
+ body.responsive-show #page {
+ overflow-x: visible;
+ }
+
+ #secondary-toggle {
+ margin-left: 22px;
+ margin-right: 0px;
+ }
+
+ #secondary-toggle:before {
+ top: 0;
+ color: #fff;
+ }
+
+ body.responsive-show #secondary-toggle:before {
+ color: #0073aa;
+ }
+}
+
+.content-area {
+ width: 71%;
+}
+
+@media (max-width: 876px) {
+ .content-area {
+ width: 100%;
+ }
+}
+
+.widget-title {
+ line-height: 1.2;
+}
+
+aside[id^="handbook"] .widget-title {
+ font-size: 16px;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ background-color: transparent;
+ padding: 1rem 12px;
+ margin-bottom: 0;
+ color: inherit;
+}
+
+.widget.widget_search {
+ margin-bottom: 3rem;
+}
+.widget_search input[type="search"], #subscribe-email input[type="email"] {
+ width: 90%;
+ box-sizing: border-box;
+ padding: 1rem;
+ font-size: 14px;
+ border: 1px solid #eee;
+}
+
+#secondary-content .widget {
+ background: transparent;
+}
+
+.o2-app-page-title {
+ margin: 0 0 1.5em 0 !important;
+ padding: 0;
+ font-weight: 400;
+ font-size: 2.2em;
+ line-height: 1.1;
+ text-transform: none;
+}
+
+.o2-app-page-title a {
+ color: #0072a9;
+}
+.o2-app-page-title a:visited {
+ color: #4ca6cf;
+}
+
+.home .o2-app-page-title {
+ display: none;
+}
+
+.o2-app-controls {
+ font-size: 0.9em;
+}
+
+.o2-app-new-post {
+ margin-bottom: 2em;
+}
+
+.o2-post {
+ border-top: 2px solid #ddd;
+}
+.o2-post .o2-post {
+ border-top: 1px solid #ddd;
+}
+.page .o2-post {
+ padding: 0 !important;
+}
+.page .o2-post .entry-content {
+ padding: 0;
+}
+
+pre code {
+ padding: 0;
+}
+
+article.post .o2-post,
+article#post-new .o2-post,
+article.page .o2-post,
+.entry-date {
+ display: block;
+}
+
+.o2-xpost-author .entry-date,
+.o2-xpost-entry-date {
+ display:inline-block;
+}
+
+.entry-header,
+article.post .entry-header,
+article#post-new .entry-header,
+article.page .entry-header,
+.entry-title,
+article.post .entry-title,
+article#post-new .entry-title,
+article.page .entry-title,
+.entry-content,
+article footer.entry-meta {
+ display: block;
+ margin-left: 0;
+ padding-left: 0;
+ clear: both;
+}
+
+.entry-title,
+article.post .entry-title,
+article#post-new .entry-title,
+article.page .entry-title,
+.entry-content,
+.post-content {
+ display: block;
+ clear: both;
+ padding-top: 15px;
+}
+
+.o2-xpost-content {
+ display: inline-block;
+ padding-top: 0.5em;
+}
+
+.tag-p2-xpost .o2-post {
+ font-size: 100%;
+ font-style: normal;
+}
+
+.o2-xpost-author .entry-author {
+ font-weight: bold;
+}
+
+article.tag-p2-xpost {
+ margin-bottom: 0;
+}
+
+.author-avatar,
+article.post a.author-avatar,
+article#post-new a.author-avatar,
+article.page a.author-avatar {
+ border: 0;
+ box-shadow: none;
+}
+
+.author-avatar .avatar,
+.o2-comment .avatar,
+.tag-p2-xpost .avatar {
+ border-radius: 50%;
+}
+
+.author-avatar img.avatar:hover {
+ border-radius: 0 !important;
+}
+
+article.post a.author-avatar img.avatar,
+article#post-new a.author-avatar img.avatar,
+article.page a.author-avatar img.avatar {
+ height: 50px !important;
+ width: 50px !important;
+}
+
+/* See .entry-meta .entry-date */
+.page .o2-post .entry-meta {
+ float: right;
+ width: 0;
+ top: -30px;
+ right: 10px;
+}
+
+.entry-author-meta {
+ font-size: 0.8em;
+ font-weight: 300;
+ line-height: 1.2;
+ color: #888;
+ margin: .3em 0 0 0;
+}
+
+.entry-author-meta .wporg-username {
+ font-weight: 400;
+}
+
+/*
+ * Resolved/unresolved
+ */
+article.state-resolved,
+article.state-unresolved {
+ border-top: 0;
+}
+
+/*
+ * Sticky post
+ */
+.sticky .o2-post {
+ border: 0;
+ border-top: 2px solid #ddd;
+ background: #e5f5fa;
+ position: relative;
+}
+
+.sticky .o2-post:after {
+ content: "\f109";
+ font-family: dashicons;
+ position: absolute;
+ top: -2px;
+ right: 45px;
+ color: #fff;
+ font-size: 18px;
+ padding: 13px 5px 0px;
+ background: #00a0d2;
+}
+
+
+/*
+ * Private post status
+ */
+article.status-private,
+article.status-private .comment.alt {
+ background: #fef0f0;
+}
+
+.status-private .o2-post {
+ position: relative;
+}
+
+.status-private .o2-post:after {
+ content: "\f530";
+ font-family: dashicons;
+ position: absolute;
+ top: -2px;
+ right: 45px;
+ color: #fff;
+ font-size: 18px;
+ padding: 13px 5px 0px;
+ background: #dc3232;
+}
+
+article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon,
+article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover,
+article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open,
+article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover {
+ color: #dc3232;
+ background: #fef0f0;
+}
+
+article.type-handbook.status-private {
+ box-shadow: 0 0 0 10px #fef0f0;
+}
+
+article.type-handbook.status-private .o2-post:after {
+ top: -10px;
+}
+
+.widget {
+ margin: 0 0 4em;
+ padding: 0;
+}
+
+/* Hide image upload button. No image uploads on make blogs. */
+.o2-editor-toolbar-button.genericon-picture {
+ display: none;
+}
+
+.o2-post-form-options {
+ margin-top: .8em; /* Same as .o2-editor .o2-editor-footer > a */
+}
+
+.o2-editor-select {
+ background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iI2JiYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat right 10px center;
+ border-radius: 3px;
+ border: 1px solid #bbb;
+ color: #0072a9;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ outline: 0;
+ overflow: hidden !important;
+ font-size: 13px !important;
+ font-weight: 600;
+ text-overflow: ellipsis;
+ text-decoration: none;
+ vertical-align: top;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 7px 32px 7px 14px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.o2-editor-select:focus,
+.o2-editor-select:hover {
+ color: #000;
+ border-color: #888;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
+}
+
+.o2-editor-select:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ outline: 0;
+ -moz-outline: none;
+ -moz-user-focus: ignore;
+}
+
+.o2-editor-select::-ms-expand {
+ display: none;
+}
+
+.o2-editor-select::-ms-value {
+ background: none;
+ color: #0072a9;
+}
+
+.o2-editor-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #0072a9;
+}
+
+nav.o2-post-footer-actions ul li > a,
+nav.o2-post-footer-actions ul li > span > a {
+ width: inherit;
+}
+
+/* make/polyglots post type selector for new posts */
+.polyglots-post-type-selector {
+ margin: 0 0 1em;
+ text-align: right;
+}
+
+.polyglots-post-type-selector .o2-editor-select {
+ min-width: 150px;
+}
+
+.polyglots-post-type-selector label {
+ padding: 7px 0;
+ display: inline-block;
+ margin-right: 5px;
+}
+
+.o2-save.disabled,
+.o2-save.disabled:hover,
+.o2-save.disabled:focus {
+ border-color: #bbb;
+ background: #f1f1f1;
+ color: #bbb;
+ cursor: default;
+}
+
+@media (max-width: 640px) {
+ .make-polyglots .o2-post-form-options {
+ float: left;
+ display: block;
+ padding-right: 0;
+ clear: none;
+ }
+}
+
+@media screen and (min-width: 769px) {
+ #wporg-header ul li.current-menu-item:after,
+ #wporg-header ul li.current_page_parent:after,
+ #wporg-header ul li a.current ~ .uparrow {
+ border-bottom-color: #0073aa;
+ }
+}
+
+.make-welcome {
+ background: #eee;
+ /* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */
+ margin: -4em 0 4em 0 !important;
+ padding: 2em 0;
+ position: relative;
+ width: 100%;
+}
+
+.make-welcome .entry-content {
+ font-size: 14px;
+ color: #333;
+ line-height: 1.45;
+ width: 100%;
+ max-width: 940px;
+ margin: 0px auto;
+ padding: 0;
+}
+
+.make-welcome .entry-content h4,
+.make-welcome .entry-content h3,
+.make-welcome .entry-content h2 {
+ margin: 14px 0;
+}
+
+.make-welcome .entry-content p {
+ display: inline;
+}
+
+.make-welcome .entry-content h4,
+.make-welcome .entry-content h3,
+.make-welcome .entry-content h2,
+.make-welcome .entry-content .welcome p:first-child {
+ font-weight: normal;
+ font-size: 18px;
+ font-family: "Open Sans", serif;
+}
+
+.make-welcome .entry-content .column {
+ vertical-align: top;
+ display: inline-block;
+ padding: 0 1.5%;
+}
+
+.make-welcome .entry-content .welcome {
+ padding-top: 1%;
+}
+
+.make-welcome .entry-content .o2-appended-tags,
+.make-welcome .entry-content .o2-post-footer-actions {
+ display: none;
+}
+
+.make-welcome .entry-meta {
+ margin: 15px;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.make-welcome .entry-meta .post-edit-link {
+ margin-right: 10px;
+ font-size: 1.2em;
+ font-weight: normal;
+ padding-right: 15px;
+ border-right: 1px solid #ccc;
+}
+
+.make-welcome .entry-meta [type="button"] {
+ background: transparent;
+ border: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ padding: 0;
+ text-shadow: none;
+}
+
+.make-welcome .entry-meta [type="button"]:focus {
+ outline: thin dotted;
+}
+
+@media screen and (min-width: 960px) {
+ .make-welcome .entry-content p {
+ display: block;
+ }
+
+ .make-welcome .entry-content .column {
+ width: 30%;
+ padding: 1.5%;
+ }
+
+ .make-welcome .entry-content .welcome p:first-child {
+ font-size: 22px;
+ margin: 12px 0 23px;
+ }
+
+ .make-welcome .entry-content h4,
+ .make-welcome .entry-content p {
+ margin-bottom: 14px;
+ }
+}
+
+@media screen and (max-width: 1000px) {
+ .make-welcome .entry-content .content-area,
+ .make-welcome .entry-content .widget-area {
+ clear: both;
+ float: none;
+ padding: 0 20px;
+ width: auto;
+ }
+}
+
+.js-disabled-notice {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 1em 0;
+ background: #fbeaea;
+ border-top: 2px solid #dc3232;
+ text-align: center;
+ font-size: 18px;
+ color: #333;
+}
+
+/*
+ * Page Templates
+ */
+
+.page-template-full-width .content-area {
+ width: 100%;
+ position: relative;
+}
+
+.page-template-full-width .content-area .entry-title,
+.page-template-full-width .content-area .entry-content,
+.page-template-full-width .content-area .entry-summary,
+.page-template-full-width .content-area aside {
+ margin-right: 0;
+}
+
+.page-template-full-width .content-area .o2-post {
+ border-top: 0;
+}
+
+.page-template-full-width .content-area h2.o2-app-page-title {
+ padding: 0;
+}
+
+.page-template-full-width #nav-below,
+.page-template-full-width .content-area .entry-header {
+ display: none;
+}
+
+
+/*
+ * Handbook
+ */
+
+.post-type-archive-handbook .site-main .widget-area,
+.single-handbook .site-main .widget-area {
+ float: left;
+ margin-right: 4%;
+}
+.handbook-header {
+ line-height: 2em;
+}
+.handbook-header h1 {
+ margin-top: 0;
+}
+
+.single-handbook .content-area h1 {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+.single-handbook .o2-post {
+ border-top: none;
+}
+
+.post-type-archive-handbook .handbook-name a:not(:hover),
+.single-handbook .handbook-name a:not(:hover) {
+ color: inherit;
+}
+
+.handbook-name-container {
+ position: absolute;
+ right: 0;
+ width: 75%;
+ margin-left: 25%;
+ background-color: #fff;
+}
+
+.single-handbook .handbook-name-container + #primary {
+ padding-top: 5rem;
+}
+
+/*
+ * Callout boxes
+ */
+
+.post .callout {
+ padding-bottom: 0;
+}
+
+@media(max-width: 876px) {
+ .handbook-name-container {
+ width: 100%;
+ margin-left: 0;
+ }
+}
+
+.handbook-name {
+ text-align: center;
+ color: #aaa;
+ margin-top: 1em;
+ overflow: hidden;
+ letter-spacing: 2px;
+ font-size: 1.5em;
+ text-transform: uppercase;
+ border-bottom: 0;
+}
+.handbook-name span {
+ display: inline-block;
+ position: relative;
+}
+.handbook-name span:before,
+.handbook-name span:after {
+ content: "";
+ position: absolute;
+ border-top: 1px solid #ccc;
+ top: 49%;
+ width: 100px;
+}
+.handbook-name span:before {
+ left: 0;
+ margin-left: -110px;
+}
+.handbook-name span:after {
+ right: 0;
+ margin-right: -110px;
+}
+
+@media (max-width: 640px) {
+ .handbook-name span:before,
+ .handbook-name span:after {
+ width: 50px;
+ }
+
+ .handbook-name span:before {
+ margin-left: -55px;
+ }
+
+ .handbook-name span:after {
+ margin-right: -55px;
+ }
+}
+
+@media (max-width: 480px) {
+ .handbook-name span:before,
+ .handbook-name span:after {
+ width: 0;
+ }
+}
+
+nav.handbook-navigation {
+ font-size: 14px;
+ margin: 2em 0;
+ overflow: auto;
+}
+nav.handbook-navigation .nav-links a {
+ width: 49%;
+ border: 0;
+ display: inline-block;
+}
+nav-handbook-navigation .nav-links a[rel="prev"] {
+ text-align: left;
+}
+nav.handbook-navigation .nav-links a[rel="next"] {
+ text-align: right;
+ float: right;
+}
+
+.wordcamp-handbook .o2-post {
+ border-top: 0;
+}
+
+.wordcamp-handbook .entry-content {
+ padding-top: 0;
+}
+
+.wordcamp-handbook nav.o2-post-actions button,
+.wordcamp-handbook nav.o2-post-actions ul {
+ top: 12px;
+}
+
+/** Table of Contents */
+.post-type-archive-handbook div.table-of-contents,
+.single-handbook div.table-of-contents {
+ float: right;
+ width: 250px;
+ background: #f7f7f7;
+ border: 1px solid #eee;
+ margin: 0 0 15px 15px;
+ z-index: 1;
+ position: relative;
+ color: #555d66;
+}
+
+.single-handbook div.table-of-contents {
+ background-color: #fff;
+ box-shadow: 0 0 8px rgba(0,0,0,0.1);
+ border-radius: 3px;
+}
+
+@media (min-width: 971px) {
+ .post-type-archive-handbook div.table-of-contents,
+ .single-handbook div.table-of-contents {
+ margin: -15px -30px 15px 15px;
+ }
+}
+
+.post-type-archive-handbook div.table-of-contents h2,
+.single-handbook div.table-of-contents h2,
+.post-type-archive-handbook div.table-of-contents h3,
+.single-handbook div.table-of-contents h3 {
+ margin: 0;
+ padding: 7px 12px;
+ font-size: 1.3em;
+ color: #32373c;
+ text-transform: uppercase;
+ border-bottom: 1px solid #eee;
+}
+
+.post-type-archive-handbook ul.items,
+.single-handbook ul.items {
+ margin: 0;
+ list-style-type: none;
+ padding: 1rem;
+}
+
+.post-type-archive-handbook ul.items li,
+.single-handbook ul.items li {
+ padding: 4px;
+}
+
+.post-type-archive-handbook ul.items li ul li,
+.post-type-archive-handbook ul.items li ul li ul li,
+.single-handbook ul.items li ul li,
+.single-handbook ul.items li ul li ul li {
+ padding-bottom: 0;
+}
+
+.post-type-archive-handbook ul.items li a,
+.single-handbook ul.items li a {
+ text-decoration: none;
+}
+
+.post-type-archive-handbook ul.items li a:hover,
+.single-handbook ul.items li a:hover {
+ color: #0073aa;
+ text-decoration: underline;
+}
+
+/* Highlight current heading and adjust scroll position for fixed toolbar */
+.toc-heading:target {
+ position: relative;
+ padding-top: 50px;
+ margin-top: -50px;
+}
+
+/* Remove negative margin because there is no jump link before these headlines */
+.entry-content h2.toc-heading:first-of-type:target,
+.entry-content h3.toc-heading:first-of-type:target,
+h2.toc-heading + h3.toc-heading:target {
+ margin-top: 0;
+}
+
+.toc-heading:target:before {
+ content: '';
+ position: absolute;
+ left: -10px;
+ top: 50px;
+ border-left: 5px solid #0073aa;
+ height: 50%;
+ height: calc(100% - 50px);
+}
+
+.toc-jump {
+ position: relative;
+ height: 50px;
+}
+
+.toc-jump:after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+.toc-jump a {
+ z-index: 1;
+}
+
+@media (max-width: 480px) {
+ .post-type-archive-handbook div.table-of-contents,
+ .single-handbook div.table-of-contents {
+ display: none;
+ }
+}
+
+/** Menu */
+
+#secondary aside.widget_wporg_handbook_pages {
+ font-size: 16px;
+}
+
+.widget_wporg_handbook_pages h1 {
+ font-size: 1.6em;
+ font-weight: bold;
+ margin-bottom: 0.6em;
+}
+
+.menu-table-of-contents-container {
+ font-size: 0.8em;
+}
+.menu-table-of-contents-container ul {
+ margin-left: 0;
+ padding-left: 0;
+ list-style: none;
+}
+#secondary .menu-table-of-contents-container ul li {
+ border-top: 1px solid rgba(0,0,0,0.05);
+ padding: 0;
+ position: relative;
+}
+#secondary .menu-table-of-contents-container ul ul {
+ margin-left: 12px;
+ border-left: 1px solid rgba(0,0,0,0.05);
+}
+.menu-table-of-contents-container ul li .expandable {
+ display: flex;
+ flex-direction: row-reverse;
+ align-items: stretch;
+ position: relative;
+}
+.menu-table-of-contents-container ul li .dashicons {
+ position: absolute;
+ right: 0;
+ cursor: pointer;
+ padding: 8px;
+ display: inline-block;
+ width: auto;
+ height: 100%;
+ color: #0073aa;
+ background-color: #fafafa;
+ border: 0;
+ border-left: 1px solid rgba(0,0,0,0.05);
+ border-radius: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+}
+.menu-table-of-contents-container ul li .dashicons:hover,
+.menu-table-of-contents-container ul li .dashicons:focus {
+ color: #fff;
+ background-color: #0073aa;
+}
+.menu-table-of-contents-container ul li.open > div > .dashicons {
+ transform: rotate(180deg);
+ border-right: 1px solid rgba(0,0,0,0.05);
+ border-left: none;
+}
+.menu-table-of-contents-container .open .expandable .dashicons:not(:focus) {
+ background: #fff;
+ color: #0073aa;
+}
+.menu-table-of-contents-container ul a {
+ display: block;
+ width: 100%;
+ padding: 8px 40px 8px 8px;
+ text-decoration: none;
+}
+.menu-table-of-contents-container ul a:hover,
+.menu-table-of-contents-container ul a:focus {
+ color: #fff;
+ background-color: #0073aa;
+}
+.menu-table-of-contents-container ul a.active,
+.menu-table-of-contents-container .current-menu-item > a {
+ color: #555;
+ background-color: #fff;
+}
+.menu-table-of-contents-container > ul > li:last-child {
+ border-bottom: 1px solid rgba(0,0,0,0.05);
+}
+.menu-table-of-contents-container > ul > li .children > li > a {
+ padding-left: 13px;
+}
+.menu-table-of-contents-container > ul > li .children > li > ul > li > a {
+ padding-left: 8px;
+}
+
+.menu-table-of-contents-container > ul > li.open > div > a:not(:focus) {
+ color: #0073aa;
+}
+.menu-table-of-contents-container > ul > li.open > div > a:hover {
+ color: #fff;
+}
+.menu-table-of-contents-container ul.default-open {
+ display: block !important;
+}
+.menu-table-of-contents-container .current-menu-item ul,
+.menu-table-of-contents-container .current-menu-ancestor ul {
+ display: block;
+}
+.menu-table-of-contents-container .children {
+ overflow: hidden;
+ display: none;
+}
+
+/* New handbook design */
+.single-handbook #page {
+ background: linear-gradient(to right, #fafafa 40%, #fff 40%);
+ max-width: 100%;
+ padding: 0;
+}
+
+.single-handbook #main {
+ max-width: 960px;
+ margin: 0 auto;
+ display: flex;
+}
+
+.single-handbook header {
+ margin: 0;
+}
+
+.single-handbook #secondary {
+ clear: left;
+ margin: 0;
+ background: #fafafa;
+}
+
+.single-handbook #primary {
+ padding: 4rem 0 4rem 4rem;
+ background: #fff;
+ box-sizing: border-box;
+}
+
+@media(max-width: 876px) {
+ .single-handbook #primary {
+ padding: 4rem 20px;
+ }
+}
+
+.single-handbook #secondary-content {
+ padding-top: 4rem;
+}
+
+.single-handbook .widget_wporg_handbook_pages {
+ background-color: transparent;
+}
+
+.single-handbook nav.o2-post-actions button {
+ top: 10px;
+}
+.single-handbook .make-welcome {
+ margin: 0 !important;
+}
+
+/** Make Core **/
+#masthead li.icon a:before {
+ font: 20px/1 'dashicons';
+ display: inline-block;
+ -webkit-font-smoothing: antialiased;
+ vertical-align: middle;
+}
+
+#masthead li.newticket a:before { content: "\f119"; }
+#masthead li.timeline a:before { content: "\f321"; }
+#masthead li.browser a:before { content: "\f475"; }
+
+/* Override wp4.css form styles for o2 */
+#page .text {
+ height: auto !important;
+ background-color: white !important;
+ font-family: 'Open Sans' !important;
+}
+