diff options
Diffstat (limited to 'plugins/jetpack/_inc/build/admin.dops-style.rtl.css')
| -rw-r--r-- | plugins/jetpack/_inc/build/admin.dops-style.rtl.css | 846 |
1 files changed, 401 insertions, 445 deletions
diff --git a/plugins/jetpack/_inc/build/admin.dops-style.rtl.css b/plugins/jetpack/_inc/build/admin.dops-style.rtl.css index 69341d4f..4257f46f 100644 --- a/plugins/jetpack/_inc/build/admin.dops-style.rtl.css +++ b/plugins/jetpack/_inc/build/admin.dops-style.rtl.css @@ -1,9 +1,9 @@ .dops-button { background: white; - border-color: #c8d7e1; + border-color: #d5d5d5; border-style: solid; border-width: 1px 1px 2px; - color: #2e4453; + color: #414141; cursor: pointer; display: inline-block; margin: 0; @@ -23,14 +23,14 @@ -moz-appearance: none; appearance: none; } .dops-button:hover { - border-color: #a8bece; - color: #2e4453; } + border-color: #bbbbbb; + color: #414141; } .dops-button:active { border-width: 2px 1px 1px; } .dops-button[disabled], .dops-button:disabled { - color: #e9eff3; + color: #eeeeee; background: white; - border-color: #e9eff3; + border-color: #eeeeee; cursor: default; } .dops-button[disabled]:active, .dops-button:disabled:active { border-width: 1px 1px 2px; } @@ -40,12 +40,12 @@ box-shadow: 0 0 0 2px #78dcfa; } .dops-button.is-compact { padding: 7px; - color: #668eaa; + color: #888888; font-size: 11px; line-height: 1; text-transform: uppercase; } .dops-button.is-compact:disabled { - color: #e9eff3; } + color: #eeeeee; } .dops-button.is-compact .gridicon { top: 4px; margin-top: -8px; } @@ -76,7 +76,8 @@ border-color: #8cc9e2; color: white; } .dops-button.is-primary.is-compact { - color: white; } + color: white; + white-space: nowrap; } .dops-button.is-scary { color: #d94f4f; } @@ -86,7 +87,7 @@ box-shadow: 0 0 0 2px #eba3a3; } .dops-button.is-scary[disabled], .dops-button.is-scary:disabled { color: #f4cdcd; - border-color: #e9eff3; } + border-color: #eeeeee; } .dops-button.is-primary.is-scary { background: #d94f4f; @@ -100,11 +101,11 @@ .dops-button.is-borderless { border: none; - color: #668eaa; + color: #888888; padding-right: 0; padding-left: 0; } .dops-button.is-borderless:hover { - color: #2e4453; } + color: #414141; } .dops-button.is-borderless:focus { box-shadow: none; } .dops-accessible-focus .dops-button.is-borderless:focus { @@ -114,7 +115,7 @@ height: 24px; top: 6px; } .dops-button.is-borderless[disabled], .dops-button.is-borderless:disabled { - color: #e9eff3; + color: #eeeeee; background: white; cursor: default; } .dops-button.is-borderless[disabled]:active, .dops-button.is-borderless:disabled:active { @@ -132,6 +133,7 @@ width: 18px; height: 18px; top: 5px; } + .dops-button-group .dops-button { border-right-width: 0; border-radius: 0; } @@ -161,16 +163,18 @@ .dops-section-header .dops-button-group .dops-button { margin-left: 0; } + .dops-count { display: inline-block; padding: 0.0625rem 0.375rem; - border: solid 1px #87a6bc; + border: solid 1px #a2a2a2; border-radius: 0.75rem; font-size: 0.6875rem; font-weight: 600; line-height: 0.875rem; - color: #87a6bc; + color: #a2a2a2; text-align: center; } + /** * Select Dropdown */ @@ -179,10 +183,10 @@ .dops-select-dropdown.is-compact { height: 28px; } .dops-select-dropdown.is-disabled .dops-select-dropdown__header { - background: #f3f6f8; - border-color: #e9eff3; - color: #a8bece; - -webkit-text-fill-color: #a8bece; } + background: #f6f6f6; + border-color: #eeeeee; + color: #bbbbbb; + -webkit-text-fill-color: #bbbbbb; } .dops-select-dropdown__container { position: relative; @@ -208,7 +212,7 @@ .dops-select-dropdown__header { padding: 11px 16px 11px 44px; border-style: solid; - border-color: #c8d7e1; + border-color: #d5d5d5; border-width: 1px 1px 2px; border-radius: 4px; background-color: white; @@ -216,7 +220,7 @@ font-weight: 600; line-height: 18px; height: 18px; - color: #2e4453; + color: #414141; transition: background-color 0.2s ease; cursor: pointer; } .dops-select-dropdown__header::after { @@ -225,19 +229,19 @@ display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; - content: '\F347'; + content: '\f347'; position: absolute; left: 13px; top: 12px; display: block; line-height: 18px; - color: rgba(135, 166, 188, 0.5); } + color: rgba(162, 162, 162, 0.5); } .is-compact .dops-select-dropdown__header::after { left: 4px; top: 4px; } .is-compact .dops-select-dropdown__header { padding: 7px; - color: #668eaa; + color: #888888; font-size: 11px; line-height: 1; text-transform: uppercase; } @@ -248,14 +252,14 @@ .dops-select-dropdown.is-open .dops-select-dropdown__header { border-radius: 4px 4px 0 0; box-shadow: none; - background-color: #f3f6f8; } + background-color: #f6f6f6; } .dops-select-dropdown.is-open .dops-select-dropdown__header::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; - content: '\F343'; } + content: '\f343'; } .dops-select-dropdown__header .dops-count { margin-right: 8px; } @@ -273,11 +277,11 @@ list-style: none; margin: -2px 0 0 0; background-color: white; - border: 1px solid #c8d7e1; + border: 1px solid #d5d5d5; border-radius: 0 0 4px 4px; } .dops-accessible-focus .dops-select-dropdown__options { border: solid 1px #0087be; - border-top-color: #c8d7e1; } + border-top-color: #d5d5d5; } .dops-select-dropdown.is-open .dops-select-dropdown__options { visibility: visible; height: auto; } @@ -295,7 +299,7 @@ font-size: 14px; font-weight: 400; line-height: 18px; - color: #2e4453; + color: #414141; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -305,13 +309,13 @@ font-weight: 700; opacity: 0; } .dops-select-dropdown__item:visited { - color: #2e4453; } + color: #414141; } .dops-select-dropdown__item.is-selected { background-color: #00aadc; color: white; } .dops-select-dropdown__item.is-disabled { background-color: white; - color: #87a6bc; + color: #a2a2a2; cursor: default; opacity: .5; } .notouch .dops-select-dropdown__item:hover { @@ -329,30 +333,28 @@ white-space: nowrap; text-overflow: ellipsis; color: inherit; - display: -ms-flexbox; display: flex; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -ms-flex-pack: justify; - justify-content: space-between; } + flex-flow: row wrap; + justify-content: space-between; } .dops-select-dropdown__item-text .dops-count { color: inherit; border-color: inherit; } .dops-select-dropdown__separator { - border-top: 1px solid #c8d7e1; + border-top: 1px solid #d5d5d5; display: block; margin: 8px 0; } .dops-select-dropdown__label { display: block; - color: #a8bece; + color: #bbbbbb; margin-top: 5px; line-height: 20px; } .dops-select-dropdown__label label { font-size: 12px; text-transform: uppercase; padding: 0px 16px 0px 16px; } + @keyframes rotate-spinner__right { 0% { transform: rotate(0deg); } @@ -380,7 +382,7 @@ .dops-spinner.is-fallback { position: relative; border-radius: 100%; - background-color: #c8d7e1; } + background-color: #d5d5d5; } .dops-spinner.is-fallback::before, .dops-spinner.is-fallback::after { content: ''; position: absolute; @@ -401,7 +403,7 @@ display: block; } .dops-spinner__border { - fill: #c8d7e1; } + fill: #d5d5d5; } .dops-spinner__progress { animation: 3s linear infinite; @@ -445,6 +447,7 @@ .dops-spinner__progress.is-right, .dops-spinner.is-fallback .dops-spinner__progress.is-right::before { animation-name: rotate-spinner__right; } + .gridicon { fill: currentColor; } .gridicon.needs-offset g { @@ -456,36 +459,30 @@ .gridicon.needs-offset-y g { transform: translate(0, 1px); /* only nudges vertically */ } + /** * @component Search */ .dops-search { - display: -ms-flexbox; display: flex; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; margin-bottom: 24px; width: 60px; height: 51px; position: relative; - -ms-flex-align: center; - align-items: center; + align-items: center; z-index: 22; transition: all 0.15s ease-in-out; } .dops-search .dops-search__icon-navigation { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: -ms-flexbox; + flex: 0 0 auto; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: white; border-radius: inherit; height: 100%; } .dops-search .dops-search__open-icon, .dops-search .dops-search__close-icon { - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; width: 50px; z-index: 20; color: #0087be; @@ -494,9 +491,9 @@ .dops-search .dops-search__close-icon:focus { outline: dotted 1px #0087be; } .dops-search .dops-search__open-icon:hover { - color: #3d596d; } + color: #555555; } .dops-search .dops-search__close-icon { - color: #3d596d; + color: #555555; opacity: 0; transition: opacity .2s ease-in; } .accessible-focus .dops-search.has-focus { @@ -505,7 +502,6 @@ .dops-search.is-expanded-to-container { margin-bottom: 0; position: absolute; - display: -ms-flexbox; display: flex; height: 100%; width: 50px; @@ -513,21 +509,16 @@ left: 0; } .dops-search.is-expanded-to-container .dops-search__input-fade { position: relative; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - display: -ms-flexbox; + flex: 1 1 auto; display: flex; } .dops-search.is-expanded-to-container .dops-search__input[type="search"] { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - display: -ms-flexbox; + flex: 1 1 auto; display: flex; margin: 0; box-shadow: none; } .dops-search__input[type="search"] { - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; display: none; z-index: 10; top: 0; @@ -549,7 +540,7 @@ .dops-search.is-open { width: 100%; } .dops-search.is-open .dops-search__open-icon { - color: #3d596d; } + color: #555555; } .dops-search.is-open .dops-search__close-icon { display: inline-block; } .dops-search.is-open .dops-search__input, @@ -558,8 +549,7 @@ .dops-search.is-open .dops-search__input { display: block; } .dops-search.is-open .dops-search__input-fade { - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; height: 100%; position: relative; font-size: 16px; @@ -609,12 +599,9 @@ position: absolute; pointer-events: none; white-space: nowrap; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + align-items: center; + flex: 1 1 auto; overflow: hidden; font: inherit; width: 100%; @@ -630,12 +617,9 @@ display: none; } .dops-search.is-searching .dops-spinner { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: -ms-flexbox; + flex: 0 0 auto; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; height: 100%; z-index: 20; } .dops-search.is-searching .dops-spinner .dops-spinner__image { @@ -643,6 +627,7 @@ .animating.dops-search-opening .dops-search input { opacity: 1; } + /** * Section Nav */ @@ -653,12 +638,12 @@ margin: 0 0 17px 0; background: white; box-sizing: border-box; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; } + box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } .dops-section-nav.is-empty .dops-section-nav__panel { visibility: hidden; } @media (max-width: 480px) { .dops-section-nav.is-open { - box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } } + box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; } } @media (min-width: 481px) { .dops-section-nav.has-pinned-items { padding-left: 60px; } } @@ -670,12 +655,11 @@ margin-bottom: 9px; } } .dops-section-nav__mobile-header { - display: -ms-flexbox; display: flex; padding: 15px; font-size: 14px; line-height: 16px; - color: #2e4453; + color: #414141; font-weight: 600; cursor: pointer; } .dops-section-nav__mobile-header:after { @@ -684,16 +668,16 @@ display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; - content: '\F347'; + content: '\f347'; line-height: 16px; - color: rgba(135, 166, 188, 0.5); } + color: rgba(162, 162, 162, 0.5); } .dops-section-nav.is-open .dops-section-nav__mobile-header:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; - content: '\F343'; } + content: '\f343'; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header { padding-left: 50px; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header:after { @@ -704,21 +688,19 @@ .dops-section-nav__mobile-header-text { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dops-section-nav__mobile-header-text small { margin-right: 5px; font-size: 11px; - color: #87a6bc; + color: #a2a2a2; font-weight: 600; text-transform: uppercase; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header-text { width: auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; } + flex: 0 1 auto; } .dops-section-nav__panel { box-sizing: border-box; @@ -726,24 +708,21 @@ @media (max-width: 480px) { .dops-section-nav.is-open .dops-section-nav__panel { padding-bottom: 15px; - border-top: solid 1px #c8d7e1; - background: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } } + border-top: solid 1px #d5d5d5; + background: linear-gradient(to bottom, #f6f6f6 0%, white 4px); } } @media (min-width: 481px) { .dops-section-nav__panel { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; } + align-items: center; } .dops-section-nav__panel:first-child { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } } + flex: 1 0 auto; } } .dops-section-nav-group { position: relative; margin-top: 16px; padding-top: 16px; - border-top: solid 1px #c8d7e1; } + border-top: solid 1px #d5d5d5; } .dops-section-nav-group:first-child { padding-top: 0; border-top: none; } @@ -758,25 +737,23 @@ padding-top: 0; border-top: none; } .dops-section-nav-group:first-child { - display: -ms-flexbox; display: flex; width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } } + flex: 1 0 auto; } } .dops-section-nav__button { width: 100%; margin-top: 24px; } .dops-section-nav__hr { - background: #e9eff3; } + background: #eeeeee; } .dops-section-nav-group__label { display: none; margin-bottom: 8px; padding: 0 15px; font-size: 11px; - color: #87a6bc; + color: #a2a2a2; font-weight: 600; text-transform: uppercase; line-height: 12px; } @@ -795,13 +772,11 @@ @media (min-width: 481px) { .dops-section-nav-tabs { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } + flex: 1 0 auto; } .dops-section-nav-tabs.is-dropdown { position: relative; width: auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; margin: 8px; } } .dops-section-nav-tabs__list { @@ -809,7 +784,6 @@ list-style: none; } @media (min-width: 481px) { .dops-section-nav-tabs__list { - display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; } @@ -821,13 +795,12 @@ @media (min-width: 481px) { .dops-section-nav-tab { width: auto; - -ms-flex: none; - flex: none; + flex: none; border-bottom: 2px solid transparent; border-top: none; text-align: center; } .dops-section-nav-tab.is-selected { - border-bottom-color: #2e4453; } } + border-bottom-color: #414141; } } .dops-section-nav-tab__link, .dops-section-nav-tab__text { @@ -836,23 +809,21 @@ text-overflow: ellipsis; } .dops-section-nav-tab__link { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; box-sizing: border-box; padding: 15px; width: 100%; font-size: 14px; font-weight: 600; line-height: 18px; - color: #2e4453; + color: #414141; cursor: pointer; } .dops-section-nav-tab__link:visited { - color: #2e4453; } + color: #414141; } .dops-section-nav-tab__link[disabled], .notouch .dops-section-nav-tab__link[disabled]:hover { - color: #e9eff3; + color: #eeeeee; cursor: default; } .is-selected .dops-section-nav-tab__link { color: white; @@ -861,7 +832,7 @@ outline: none; box-shadow: none; } .dops-accessible-focus .dops-section-nav-tab__link:focus { - outline: solid #87a6bc 1px; } + outline: solid #a2a2a2 1px; } .is-external .dops-section-nav-tab__link:after { font-size: 18px; padding-right: 2px; } @@ -879,24 +850,22 @@ .dops-section-nav-tab__link:visited { color: #0087be; } .is-selected .dops-section-nav-tab__link { - color: #2e4453; + color: #414141; background-color: transparent; } .is-selected .dops-section-nav-tab__link:after { display: none; } .notouch .is-selected .dops-section-nav-tab__link:hover { - color: #2e4453; } } + color: #414141; } } .dops-section-nav-tab__text { display: block; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; width: 0; color: inherit; } @media (min-width: 481px) { .dops-section-nav-tab__text { display: inline; - -ms-flex: none; - flex: none; + flex: none; width: auto; } } .dops-section-nav-tabs__dropdown { @@ -917,24 +886,74 @@ @media (max-width: 480px) { .dops-section-nav .dops-search.is-pinned { height: 46px; } } + +#jp-plugin-container { + min-height: 100vh; } + +/* Card */ +.dops-card { + display: block; + position: relative; + margin: 0 auto 10px auto; + padding: 16px; + box-sizing: border-box; + background: white; + box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } + .dops-card:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } + @media (min-width: 481px) { + .dops-card { + margin-bottom: 16px; + padding: 24px; } } + .dops-card.is-compact { + margin-bottom: 1px; } + @media (min-width: 481px) { + .dops-card.is-compact { + margin-bottom: 1px; + padding: 16px 24px; } } + .dops-card.is-card-link { + padding-left: 48px; } + +.dops-card__link-indicator { + color: #d5d5d5; + display: block; + height: 100%; + position: absolute; + top: 0; + left: 16px; } + +a.dops-card:hover .dops-card__link-indicator { + color: #bbbbbb; } + +a.dops-card:focus { + outline: 0; } + a.dops-card:focus .dops-card__link-indicator { + color: tint(#00aadc, 20%); } + .dops-text-input.dops-text-input { box-sizing: border-box; margin: 0; padding: 7px 14px; width: 100%; - color: #2e4453; + color: #414141; font-size: 16px; line-height: 1.5; - border: 1px solid #c8d7e1; + border: 1px solid #d5d5d5; background-color: white; transition: all .15s ease-in-out; box-shadow: none; } .dops-text-input.dops-text-input:-ms-input-placeholder { - color: #87a6bc; } + color: #a2a2a2; } + .dops-text-input.dops-text-input::-ms-input-placeholder { + color: #a2a2a2; } .dops-text-input.dops-text-input::placeholder { - color: #87a6bc; } + color: #a2a2a2; } .dops-text-input.dops-text-input:hover { - border-color: #a8bece; } + border-color: #bbbbbb; } .dops-text-input.dops-text-input:focus { border-color: #0087be; outline: none; @@ -942,16 +961,18 @@ .dops-text-input.dops-text-input:focus::-ms-clear { display: none; } .dops-text-input.dops-text-input:disabled { - background: #f3f6f8; - border-color: #e9eff3; - color: #a8bece; - -webkit-text-fill-color: #a8bece; } + background: #f6f6f6; + border-color: #eeeeee; + color: #bbbbbb; + -webkit-text-fill-color: #bbbbbb; } .dops-text-input.dops-text-input:disabled:hover { cursor: default; } .dops-text-input.dops-text-input:disabled:-ms-input-placeholder { - color: #a8bece; } + color: #bbbbbb; } + .dops-text-input.dops-text-input:disabled::-ms-input-placeholder { + color: #bbbbbb; } .dops-text-input.dops-text-input:disabled::placeholder { - color: #a8bece; } + color: #bbbbbb; } .dops-text-input.dops-text-input { -webkit-appearance: none; } @@ -971,6 +992,7 @@ box-shadow: 0 0 0 2px #f9e2e2; } .dops-text-input.dops-text-input:focus.is-error:hover { box-shadow: 0 0 0 2px #f0b8b8; } + /** * "popover" theme for `component/tip`. */ @@ -983,13 +1005,13 @@ right: auto ; } .dops-popover .dops-popover__inner { background-color: white; - border: 1px solid #c8d7e1; + border: 1px solid #d5d5d5; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); text-align: center; position: relative; } .dops-popover .dops-popover__arrow { - border: 10px dashed #c8d7e1; + border: 10px dashed #d5d5d5; height: 0; line-height: 0; position: absolute; @@ -1120,10 +1142,8 @@ /* Above .dialog */ } .dops-popover__menu { - display: -ms-flexbox; display: flex; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; min-width: 200px; } .dops-popover__menu-item { @@ -1131,7 +1151,7 @@ background: inherit; border: none; border-radius: 0; - color: #2e4453; + color: #414141; cursor: pointer; display: block; font-size: 14px; @@ -1159,19 +1179,19 @@ .dops-popover__menu-item.has-icon { padding-right: 42px; } .dops-popover__menu-item .gridicon { - color: #a8bece; + color: #bbbbbb; vertical-align: bottom; margin-left: 8px; } .dops-popover__hr { margin: 8px 0; - background: #e9eff3; } + background: #eeeeee; } + .form-toggle[type="checkbox"] { display: none; } .form-toggle__switch { - -ms-flex: none; - flex: none; + flex: none; position: relative; display: inline-block; border-radius: 12px; @@ -1200,14 +1220,12 @@ box-shadow: 0 0 0 2px #00aadc; } .form-toggle__label { - display: -ms-flexbox; display: flex; cursor: pointer; } .is-disabled .form-toggle__label { cursor: default; } .form-toggle__label .form-toggle__label-content { - -ms-flex: 0 1 100%; - flex: 0 1 100%; + flex: 0 1 100%; margin-right: 12px; } .dops-accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch { @@ -1217,10 +1235,10 @@ box-shadow: 0 0 0 2px #78dcfa; } .form-toggle + .form-toggle__label .form-toggle__switch { - background: #a8bece; } + background: #bbbbbb; } .form-toggle:not(:disabled) + .form-toggle__label:hover .form-toggle__switch { - background: #c8d7e1; } + background: #d5d5d5; } .form-toggle:checked + .form-toggle__label .form-toggle__switch { background: #00aadc; } @@ -1238,7 +1256,7 @@ background: #00aadc; } .form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch { - background: #c8d7e1; } + background: #d5d5d5; } .form-toggle.is-compact + .form-toggle__label .form-toggle__switch { border-radius: 8px; @@ -1250,57 +1268,10 @@ .form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after { right: 8px; } -#jp-plugin-container { - min-height: 100vh; } -/* Card */ -.dops-card { - display: block; - position: relative; - margin: 0 auto 10px auto; - padding: 16px; - box-sizing: border-box; - background: white; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; } - .dops-card:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; } - @media (min-width: 481px) { - .dops-card { - margin-bottom: 16px; - padding: 24px; } } - .dops-card.is-compact { - margin-bottom: 1px; } - @media (min-width: 481px) { - .dops-card.is-compact { - margin-bottom: 1px; - padding: 16px 24px; } } - .dops-card.is-card-link { - padding-left: 48px; } - -.dops-card__link-indicator { - color: #c8d7e1; - display: block; - height: 100%; - position: absolute; - top: 0; - left: 16px; } - -a.dops-card:hover .dops-card__link-indicator { - color: #a8bece; } - -a.dops-card:focus { - outline: 0; } - a.dops-card:focus .dops-card__link-indicator { - color: tint(#00aadc, 20%); } .dops-section-header.dops-card { - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; max-width: 100%; padding-top: 0.6875rem; padding-bottom: 0.6875rem; @@ -1309,16 +1280,13 @@ a.dops-card:focus { content: ''; } .dops-section-header__label { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-positive: 1; - flex-grow: 1; + align-items: center; + flex-grow: 1; min-width: 0; line-height: 1.75rem; position: relative; - color: #2e4453; + color: #414141; font-size: 0.875rem; } .dops-section-header__label .dops-count { margin-right: 0.5rem; } @@ -1352,8 +1320,7 @@ a.dops-card:focus { width: auto; } .dops-section-header__actions { - -ms-flex-positive: 0; - flex-grow: 0; + flex-grow: 0; position: relative; } .dops-section-header__actions:after { content: "."; @@ -1367,6 +1334,7 @@ a.dops-card:focus { margin-left: 0.5rem; } .section-header__actions .button:last-child { margin-left: 0; } + #jp-plugin-container { min-height: 100vh; } @@ -1377,14 +1345,13 @@ a.dops-card:focus { opacity: 1; } } .dops-notice { - display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-bottom: 24px; box-sizing: border-box; animation: appear .3s ease-in-out; - background: #2e4453; + background: #414141; color: white; border-radius: 3px; line-height: 1.5; } @@ -1402,20 +1369,15 @@ a.dops-card:focus { overflow: hidden; } .dops-notice__icon-wrapper { - background: #537994; + background: #747474; color: white; - display: -ms-flexbox; display: flex; - -ms-flex-align: baseline; - align-items: baseline; + align-items: baseline; width: 47px; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; border-radius: 0 3px 3px 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-item-align: stretch; - align-self: stretch; } + flex-shrink: 0; + align-self: stretch; } .dops-notice__icon-wrapper .gridicon { margin-top: 10px; } @media (min-width: 481px) { @@ -1425,8 +1387,7 @@ a.dops-card:focus { .dops-notice__content { padding: 13px; font-size: 12px; - -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; } @media (min-width: 481px) { .dops-notice__content { font-size: 14px; } } @@ -1462,8 +1423,7 @@ a.dops-card:focus { margin-right: 0.428em; } .dops-notice__dismiss { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; padding: 12px; cursor: pointer; padding-bottom: 0; } @@ -1478,7 +1438,7 @@ a.dops-card:focus { width: 24px; height: 24px; } } .dops-notice .dops-notice__dismiss { - color: #a8bece; } + color: #bbbbbb; } .dops-notice .dops-notice__dismiss:hover, .dops-notice .dops-notice__dismiss:focus { color: white; } @@ -1488,20 +1448,15 @@ a.dops-notice__action { font-weight: 400; text-decoration: none; white-space: nowrap; - color: #a8bece; + color: #bbbbbb; padding: 13px; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; } + align-items: center; } @media (min-width: 481px) { a.dops-notice__action { - -ms-flex-negative: 1; - flex-shrink: 1; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-align: center; - align-items: center; + flex-shrink: 1; + flex-grow: 0; + align-items: center; border-radius: 0; font-size: 14px; margin: 0 auto 0 0; @@ -1510,7 +1465,7 @@ a.dops-notice__action { width: 24px; height: 24px; } } a.dops-notice__action:visited { - color: #a8bece; } + color: #bbbbbb; } a.dops-notice__action:hover { color: white; } a.dops-notice__action .gridicon { @@ -1520,12 +1475,9 @@ a.dops-notice__action { height: 18px; } .dops-notice.is-compact { - display: -ms-inline-flexbox; display: inline-flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-direction: row; - flex-direction: row; + flex-wrap: nowrap; + flex-direction: row; width: auto; border-radius: 3px; min-height: 20px; @@ -1548,11 +1500,8 @@ a.dops-notice__action { margin-top: 6px; } .dops-notice.is-compact .dops-notice__dismiss { position: relative; - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; - -ms-flex: none; - flex: none; + align-self: center; + flex: none; margin: 0 0 0 8px; padding: 0; } .dops-notice.is-compact .dops-notice__dismiss .gridicon { @@ -1563,9 +1512,7 @@ a.dops-notice__action { display: inline-block; margin: 0; font-size: 12px; - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; margin-right: 16px; padding: 0 10px; } .dops-notice.is-compact a.dops-notice__action:hover, .dops-notice.is-compact a.dops-notice__action:active, .dops-notice.is-compact a.dops-notice__action:focus { @@ -1576,6 +1523,7 @@ a.dops-notice__action { height: 14px; vertical-align: sub; opacity: 1; } + .dops-plan-icon { width: inherit; height: inherit; @@ -1600,40 +1548,40 @@ a.dops-notice__action { fill: #f0b849; } .dops-plan-icon__personal .dops-plan-icon__personal-1 { - fill: #87a6bc; } + fill: #a2a2a2; } .dops-plan-icon__personal .dops-plan-icon__personal-2 { - fill: #c8d7e1; } + fill: #d5d5d5; } .dops-plan-icon__personal .dops-plan-icon__personal-3 { fill: white; } .dops-plan-icon__personal .dops-plan-icon__personal-4 { - fill: #668eaa; } + fill: #888888; } .dops-plan-icon__personal .dops-plan-icon__personal-5 { - fill: #4f748e; } + fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-0 { fill: #4ab866; } .dops-plan-icon__premium .dops-plan-icon__premium-1 { - fill: #87a6bc; } + fill: #a2a2a2; } .dops-plan-icon__premium .dops-plan-icon__premium-2 { - fill: #4f748e; } + fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-3 { fill: white; } .dops-plan-icon__premium .dops-plan-icon__premium-4 { - fill: #c8d7e1; } + fill: #d5d5d5; } .dops-plan-icon__premium .dops-plan-icon__premium-5 { - fill: #4f748e; } + fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-6 { - fill: #3d596d; } + fill: #555555; } .dops-plan-icon__business .dops-plan-icon__business-0 { fill: #855DA6; } @@ -1642,19 +1590,40 @@ a.dops-notice__action { fill: white; } .dops-plan-icon__business .dops-plan-icon__business-2 { - fill: #e9eff3; } + fill: #eeeeee; } .dops-plan-icon__business .dops-plan-icon__business-3 { fill: #0087be; } .dops-plan-icon__business .dops-plan-icon__business-4 { fill: #005082; } + +@charset "UTF-8"; #jp-plugin-container { min-height: 100vh; } +/* +The MIT License (MIT) + +Copyright © 2011–2015 thoughtbot, inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated +documentation files (the “Software”), to deal in the Software without restriction, including without limitation the +rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit +persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial +portions of the Software. + +THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE +WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR +OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +https://github.com/thoughtbot/bourbon +*/ .dops-banner.dops-card { border-right: 3px solid; - display: -ms-flexbox; display: flex; padding: 12px 12px 12px 6px; position: relative; @@ -1668,6 +1637,12 @@ a.dops-notice__action { color: #0087be; } .dops-banner.dops-card .dops-banner__icon-circle { background-color: #0087be; } + .dops-banner.dops-card.is-jetpack-info { + border-right-color: #00BE28; } + .dops-banner.dops-card.is-jetpack-info .dops-banner__icon { + color: #00BE28; } + .dops-banner.dops-card.is-jetpack-info .dops-banner__icon-circle { + background-color: #00BE28; } .dops-banner.dops-card.is-upgrade-personal { border-right-color: #f0b849; } .dops-banner.dops-card.is-upgrade-personal .dops-banner__icon { @@ -1687,15 +1662,13 @@ a.dops-notice__action { .dops-banner.dops-card.is-upgrade-business .dops-banner__icon-circle { background-color: #855DA6; } .dops-banner.dops-card .dops-card__link-indicator { - -ms-flex-align: center; - align-items: center; + align-items: center; color: #0087be; - display: -ms-flexbox; display: flex; } .dops-banner.dops-card:hover { transition: all 100ms ease-in-out; } .dops-banner.dops-card:hover.is-card-link { - box-shadow: 0 0 0 1px #87a6bc, 0 2px 4px #c8d7e1; } + box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; } .dops-banner.dops-card:hover .dops-card__link-indicator { color: #005082; } @media (min-width: 481px) { @@ -1705,13 +1678,11 @@ a.dops-notice__action { padding-left: 16px; } } .dops-banner__icons { - display: -ms-flexbox; display: flex; } .dops-banner__icons .dops-banner__icon, .dops-banner__icons .dops-banner__icon-circle { border-radius: 50%; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; height: 24px; margin-left: 16px; margin-top: -2px; @@ -1719,9 +1690,7 @@ a.dops-notice__action { top: 4px; width: 24px; } .dops-banner__icons .dops-banner__icon { - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; color: white; display: block; } .dops-banner__icons .dops-banner__icon-circle { @@ -1732,15 +1701,13 @@ a.dops-notice__action { margin-bottom: -7px; } @media (min-width: 481px) { .dops-banner__icons { - -ms-flex-align: center; - align-items: center; } + align-items: center; } .dops-banner__icons .dops-banner__icon { display: none; } .dops-banner__icons .dops-banner__icon-circle { display: block; } } .dops-banner__icon-plan { - display: -ms-flexbox; display: flex; margin-left: 16px; } .dops-banner__icon-plan .dops-plan-icon { @@ -1748,32 +1715,25 @@ a.dops-notice__action { width: 32px; } @media (min-width: 481px) { .dops-banner__icon-plan { - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } .dops-banner__content { - -ms-flex-align: center; - align-items: center; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-grow: 1; + flex-wrap: wrap; } @media (min-width: 481px) { .dops-banner__content { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } } + flex-wrap: nowrap; } } .dops-banner__info { - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; line-height: 1.4; width: 100%; } .dops-banner__info .dops-banner__title, .dops-banner__info .dops-banner__description, .dops-banner__info .dops-banner__list { - color: #2e4453; } + color: #414141; } .dops-banner__info .dops-banner__title { font-size: 14px; font-weight: 500; } @@ -1787,7 +1747,7 @@ a.dops-notice__action { .dops-banner__info .dops-banner__list li { margin: 6px 0; } .dops-banner__info .dops-banner__list li .gridicon { - color: #87a6bc; + color: #a2a2a2; display: none; } @media (min-width: 481px) { .dops-banner__info { @@ -1798,23 +1758,19 @@ a.dops-notice__action { vertical-align: bottom; } } .dops-banner__action { - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; font-size: 12px; margin: 8px 0 0 0; text-align: right; width: 100%; } .dops-banner__action .dops-banner__prices { - display: -ms-flexbox; display: flex; - -ms-flex-pack: start; - justify-content: flex-start; } + justify-content: flex-start; } .dops-banner__action .dops-banner__prices .dops-plan-price { margin-bottom: 0; } .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted, .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol { - color: #2e4453; } + color: #414141; } .has-call-to-action .dops-banner__action .dops-banner__prices .dops-plan-price { margin-bottom: 8px; } @media (min-width: 481px) { @@ -1825,21 +1781,22 @@ a.dops-notice__action { .is-dismissible .dops-banner__action { margin-top: 40px; } .dops-banner__action .dops-banner__prices { - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: left; } } + .module-overridden-banner.dops-banner.is-compact { margin-bottom: 0; } .module-overridden-banner.dops-banner .dops-banner__description a { text-decoration: underline; } + .dops-info-popover-button { background: transparent; border: none; - color: #668eaa; + color: #888888; padding: 0; } .dops-info-popover-button:hover { - color: #2e4453; } + color: #414141; } .dops-info-popover-button:focus { box-shadow: none; } .dops-accessible-focus .dops-info-popover-button:focus { @@ -1847,24 +1804,26 @@ a.dops-notice__action { .dops-info-popover .gridicon { cursor: pointer; - color: #b8cad7; } + color: #c8c8c8; } .dops-info-popover .gridicon:hover { - color: #2e4453; } + color: #414141; } .dops-info-popover.is_active .gridicon { - color: #2e4453; } + color: #414141; } .dops-popover.dops-info-popover__tooltip .dops-popover__inner { - color: #4f748e; + color: #6f6f6f; font-size: 13px; max-width: 220px; padding: 16px; text-align: right; } + .dops-external-link .gridicons-external { color: currentColor; margin-right: 0.5rem; top: 0.125rem; position: relative; } + #jp-plugin-container { min-height: 100vh; } @@ -1886,7 +1845,8 @@ a.dops-notice__action { display: block; margin-top: 0.875rem; padding-top: 0.75rem; - border-top: 1px solid rgba(135, 166, 188, 0.5); } + border-top: 1px solid rgba(162, 162, 162, 0.5); } + @keyframes appear { 0% { opacity: 0; } @@ -1913,18 +1873,15 @@ a.dops-notice__action { width: 100%; padding: 16px; box-sizing: border-box; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; position: relative; } .dops-foldable-card__header.has-border .dops-foldable-card__summary, .dops-foldable-card__header.has-border .dops-foldable-card__summary_expanded { margin-left: 48px; } .dops-foldable-card__header.has-border .dops-foldable-card__expand { - border-right: 1px #f3f6f8 solid; } + border-right: 1px #f6f6f6 solid; } .dops-foldable-card.is-compact .dops-foldable-card__header { padding: 8px 16px; min-height: 40px; } @@ -1958,40 +1915,32 @@ button.dops-foldable-card__action { .dops-foldable-card__main { max-width: calc( 100% - 36px); display: block; - -ms-flex-align: center; - align-items: center; + align-items: center; width: 100%; margin-left: 5px; } @media (max-width: 480px) { .dops-foldable-card__main { - -ms-flex: 1 1; - flex: 1 1; } } + flex: 1 1; } } .dops-foldable-card__secondary { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex: 1 1; - flex: 1 1; - -ms-flex-pack: end; - justify-content: flex-end; } + align-items: center; + flex: 1 1; + justify-content: flex-end; } .dops-foldable-card__expand { width: 48px; } .dops-foldable-card__expand .gridicon { - fill: #87a6bc; - display: -ms-flexbox; + fill: #a2a2a2; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; width: 100%; vertical-align: middle; transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in; } .dops-foldable-card.is-expanded .dops-foldable-card__expand .gridicon { transform: rotate(-180deg); } .dops-foldable-card__expand .gridicon:hover { - fill: #87a6bc; } + fill: #a2a2a2; } .dops-foldable-card__expand:focus .gridicon, .dops-foldable-card__expand:hover .gridicon { fill: #00aadc; } @@ -2003,14 +1952,14 @@ button.dops-foldable-card__action { margin-top: 0.125rem; margin-bottom: 0.125rem; font-size: 0.875rem; - color: #4f748e; } + color: #6f6f6f; } .dops-foldable-card__content { display: none; } .dops-foldable-card.is-expanded .dops-foldable-card__content { display: block; padding: 16px; - border-top: 1px solid #f3f6f8; } + border-top: 1px solid #f6f6f6; } .dops-foldable-card.is-compact .dops-foldable-card.is-expanded .dops-foldable-card__content { padding: 8px; } .dops-foldable-card.is-expanded .dops-foldable-card__content p:first-child { @@ -2021,15 +1970,14 @@ button.dops-foldable-card__action { .dops-foldable-card__summary, .dops-foldable-card__summary_expanded { margin-left: 40px; - color: #87a6bc; + color: #a2a2a2; font-size: 12px; transition: opacity 0.2s linear; display: inline-block; } .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary, .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary_expanded { transition: none; - -ms-flex: 2; - flex: 2; + flex: 2; text-align: left; } @media (max-width: 480px) { .dops-foldable-card__summary, @@ -2048,6 +1996,7 @@ button.dops-foldable-card__action { display: none; } .dops-foldable-card.is-expanded .dops-foldable-card__summary_expanded { display: inline-block; } + #jp-plugin-container { min-height: 100vh; } @@ -2066,25 +2015,28 @@ button.dops-foldable-card__action { .form-input-validation .gridicon { float: right; margin-right: -34px; } + .dops-textarea { box-sizing: border-box; margin: 0; padding: 0.4375rem 0.875rem; min-height: 5.75rem; width: 100%; - color: #2e4453; + color: #414141; font-size: 1rem; line-height: 1.5; - border: 1px solid #c8d7e1; + border: 1px solid #d5d5d5; background-color: white; transition: all .15s ease-in-out; box-shadow: none; } .dops-textarea:-ms-input-placeholder { - color: #87a6bc; } + color: #a2a2a2; } + .dops-textarea::-ms-input-placeholder { + color: #a2a2a2; } .dops-textarea::placeholder { - color: #87a6bc; } + color: #a2a2a2; } .dops-textarea:hover { - border-color: #a8bece; } + border-color: #bbbbbb; } .dops-textarea:focus { border-color: #0087be; outline: none; @@ -2092,16 +2044,19 @@ button.dops-foldable-card__action { .dops-textarea:focus::-ms-clear { display: none; } .dops-textarea:disabled { - background: #f3f6f8; - border-color: #e9eff3; - color: #a8bece; - -webkit-text-fill-color: #a8bece; } + background: #f6f6f6; + border-color: #eeeeee; + color: #bbbbbb; + -webkit-text-fill-color: #bbbbbb; } .dops-textarea:disabled:hover { cursor: default; } .dops-textarea:disabled:-ms-input-placeholder { - color: #a8bece; } + color: #bbbbbb; } + .dops-textarea:disabled::-ms-input-placeholder { + color: #bbbbbb; } .dops-textarea:disabled::placeholder { - color: #a8bece; } + color: #bbbbbb; } + .dops-clipboard-button-input { position: relative; display: block; } @@ -2131,87 +2086,12 @@ button.dops-foldable-card__action { left: calc( 100% + 1px); } .dops-clipboard-button-input .dops-clipboard-button:focus::before { left: calc( 100% + 3px); } -#jp-plugin-container { - min-height: 100vh; } - -/* This hack is used to prevent the body from scrolling when the modal is showing */ -body.dops-modal-showing { - overflow: hidden; } -.dops-modal-wrapper { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 1050; - display: block; - overflow-x: hidden; - overflow-y: auto; - text-align: center; - -webkit-overflow-scrolling: touch; - outline: 0; - transition: opacity .15s linear; - background-color: rgba(0, 0, 0, 0.5); - cursor: pointer; } - .dops-modal-wrapper:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; } - .dops-modal-wrapper .dops-modal { - position: relative; - display: inline-block; - margin: 0 0; - width: 100%; - max-width: 550px; - vertical-align: middle; - text-align: right; - background-color: #fff; - transition: all 0.5s; - z-index: 100; - clear: both; - cursor: default; } - @media (min-width: 481px) { - .dops-modal-wrapper .dops-modal { - margin: 0 auto; - height: auto; - border-radius: 5px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } } -@charset "UTF-8"; -/* -The MIT License (MIT) - -Copyright © 2011–2015 thoughtbot, inc. - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated -documentation files (the “Software”), to deal in the Software without restriction, including without limitation the -rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit -persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial -portions of the Software. - -THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE -WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR -COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR -OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -https://github.com/thoughtbot/bourbon -*/ -.jp-jetpack-connect__button { - background: #00BE28; - border-color: #00a523; - color: white; } - .jp-jetpack-connect__button:hover, .jp-jetpack-connect__button:focus { - background: #00a523; - border-color: #008b1d; - color: white; } .dops-tooltip.dops-popover .dops-popover__arrow { border-width: 6px; } .dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow { - border-bottom-color: #3d596d; + border-bottom-color: #555555; top: 4px; left: 10px; } .dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow::before { @@ -2227,7 +2107,7 @@ https://github.com/thoughtbot/bourbon border-bottom-color: #4ab866; } .dops-tooltip.dops-popover.is-top .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow { - border-top-color: #3d596d; + border-top-color: #555555; bottom: 4px; left: 10px; } .dops-tooltip.dops-popover.is-top .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow::before { @@ -2260,18 +2140,18 @@ https://github.com/thoughtbot/bourbon .dops-tooltip.dops-popover.is-left .dops-popover__arrow { margin-left: 4px; - border-right-color: #3d596d; } + border-right-color: #555555; } .dops-tooltip.dops-popover.is-right .dops-popover__arrow { margin-right: 4px; - border-left-color: #3d596d; } + border-left-color: #555555; } .dops-tooltip.dops-popover .dops-popover__inner { border: 0px; box-shadow: none; border-radius: 2px; color: white; - background: #3d596d; + background: #555555; font-size: 12px; padding: 6px 10px; text-align: right; } @@ -2296,7 +2176,8 @@ https://github.com/thoughtbot/bourbon .dops-tooltip__hr { margin: 8px 0; - background: #87a6bc; } + background: #a2a2a2; } + #jp-plugin-container { min-height: 100vh; } @@ -2318,7 +2199,7 @@ https://github.com/thoughtbot/bourbon top: 0; width: 100%; height: 1px; - border-top: 1px solid #e9eff3; } + border-top: 1px solid #eeeeee; } .dops-chart__bar-marker { z-index: 1; @@ -2326,7 +2207,7 @@ https://github.com/thoughtbot/bourbon top: 0; width: 100%; height: 1px; - border-top: 1px solid rgba(233, 239, 243, 0.1); } + border-top: 1px solid rgba(238, 238, 238, 0.1); } .dops-chart__bar-marker.is-fifty, .dops-chart__y-axis-label.is-fifty, @@ -2344,7 +2225,7 @@ https://github.com/thoughtbot/bourbon height: 200px; padding: 0 10px 0 20px; font-size: 11px; - color: #668eaa; + color: #888888; margin-bottom: 30px; } .dops-chart__y-axis-label { @@ -2361,7 +2242,7 @@ https://github.com/thoughtbot/bourbon font-size: 0; padding: 5px 0; min-height: 18px; - color: #3d596d; } + color: #555555; } .dops-chart__x-axis-label { position: absolute; @@ -2379,8 +2260,8 @@ https://github.com/thoughtbot/bourbon margin-right: -.5px; width: 1px; height: 5px; - background: #f3f6f8; - background-image: linear-gradient(to bottom, #f3f6f8 0%, #c8d7e1 100%); } + background: #f6f6f6; + background-image: linear-gradient(to bottom, #f6f6f6 0%, #d5d5d5 100%); } .dops-chart__bars { position: relative; @@ -2389,7 +2270,6 @@ https://github.com/thoughtbot/bourbon text-align: center; overflow: hidden; display: -ms-flex; - display: -ms-flexbox; display: flex; } .dops-chart__bar { @@ -2398,16 +2278,14 @@ https://github.com/thoughtbot/bourbon position: relative; height: 200px; -ms-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; -ms-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-shrink: 1; } .dops-chart__bar.is-weekend { - background-color: rgba(233, 239, 243, 0.5); } + background-color: rgba(238, 238, 238, 0.5); } .dops-chart__bar:hover { cursor: pointer; - background-color: rgba(233, 239, 243, 0.3); } + background-color: rgba(238, 238, 238, 0.3); } .dops-chart__bar.is-selected { cursor: default; background-color: rgba(240, 130, 30, 0.1); } @@ -2438,7 +2316,7 @@ https://github.com/thoughtbot/bourbon z-index: 1; width: 100%; height: 40px; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(233, 239, 243, 0.5)); } + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(238, 238, 238, 0.5)); } .dops-chart__bar:hover .dops-chart__bar-section.is-ghost::after { display: none; } @@ -2462,7 +2340,7 @@ https://github.com/thoughtbot/bourbon .dops-chart__legend .dops-chart__legend-options { float: left; - color: #537994; + color: #747474; list-style-type: none; margin: 0; font-size: 11px; @@ -2535,7 +2413,7 @@ https://github.com/thoughtbot/bourbon font-size: 14px; line-height: 1.4285; animation: appear .3s ease-in-out; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; } + box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } @media (min-width: 661px) { .dops-chart__empty_notice { padding: 13px 48px; @@ -2546,7 +2424,7 @@ https://github.com/thoughtbot/bourbon display: inline-block; vertical-align: middle; font: normal 16px/1 'Noticons'; - content: '\F456'; + content: '\f456'; position: absolute; top: 23px; right: 20px; @@ -2584,7 +2462,7 @@ https://github.com/thoughtbot/bourbon text-align: left; float: left; min-width: 22px; - color: #c8d7e1; } + color: #d5d5d5; } .dops-chart__tooltip .dops-popover__inner ul li .label { display: block; overflow: hidden; @@ -2623,14 +2501,14 @@ https://github.com/thoughtbot/bourbon margin-bottom: 2px; text-transform: uppercase; font-weight: bold; - border-bottom: 1px solid #426177; + border-bottom: 1px solid #5d5d5d; padding-bottom: 2px; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item { height: 19px; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item .label { text-transform: none; - color: #c8d7e1; + color: #d5d5d5; overflow: hidden; letter-spacing: 0; height: 19px; } @@ -2645,6 +2523,85 @@ https://github.com/thoughtbot/bourbon width: 30px; height: 24px; display: block; } + +#jp-plugin-container { + min-height: 100vh; } + +/* This hack is used to prevent the body from scrolling when the modal is showing */ +body.dops-modal-showing { + overflow: hidden; } + +.dops-modal-wrapper { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1050; + display: block; + overflow-x: hidden; + overflow-y: auto; + text-align: center; + -webkit-overflow-scrolling: touch; + outline: 0; + transition: opacity .15s linear; + background-color: rgba(0, 0, 0, 0.5); + cursor: pointer; } + .dops-modal-wrapper:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + .dops-modal-wrapper .dops-modal { + position: relative; + display: inline-block; + margin: 0 0; + width: 100%; + max-width: 550px; + vertical-align: middle; + text-align: right; + background-color: #fff; + transition: all 0.5s; + z-index: 100; + clear: both; + cursor: default; } + @media (min-width: 481px) { + .dops-modal-wrapper .dops-modal { + margin: 0 auto; + height: auto; + border-radius: 5px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } } + +@charset "UTF-8"; +/* +The MIT License (MIT) + +Copyright © 2011–2015 thoughtbot, inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated +documentation files (the “Software”), to deal in the Software without restriction, including without limitation the +rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit +persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial +portions of the Software. + +THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE +WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR +OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +https://github.com/thoughtbot/bourbon +*/ +.jp-jetpack-connect__button { + background: #00BE28; + border-color: #00a523; + color: white; } + .jp-jetpack-connect__button:hover, .jp-jetpack-connect__button:focus { + background: #00a523; + border-color: #008b1d; + color: white; } + .notices-list { overflow: hidden; } .notices-list.is-pinned { @@ -2659,6 +2616,7 @@ https://github.com/thoughtbot/bourbon height: 71px; width: 100%; display: block; } + @keyframes appear { 0% { opacity: 0; } @@ -2692,8 +2650,7 @@ https://github.com/thoughtbot/bourbon max-width: calc( 100% - 64px); } } .global-notices .dops-notice { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; margin-bottom: 0; text-align: right; pointer-events: auto; @@ -2703,7 +2660,6 @@ https://github.com/thoughtbot/bourbon border-radius: 0; } @media (min-width: 661px) { .global-notices .dops-notice { - display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 24px; @@ -2717,10 +2673,10 @@ https://github.com/thoughtbot/bourbon padding: 13px 16px; } } .global-notices .dops-notice__dismiss { - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-shrink: 0; } @media (min-width: 661px) { .global-notices .dops-notice__dismiss { padding: 13px 16px 0; } } + /*# sourceMappingURL=admin.dops-style.rtl.css.map */ |