summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYury German <blueknight@gentoo.org>2019-04-28 17:39:03 -0400
committerYury German <blueknight@gentoo.org>2019-04-28 17:39:03 -0400
commit2ab16973706e120bc344c83be6295b54fd908c57 (patch)
tree358267a52d9542c77c90e3663cea32d13b8cb639 /plugins/jetpack/_inc/build/admin.dops-style.rtl.css
parentUpdate twentysixteen 1.7 (diff)
downloadblogs-gentoo-2ab16973706e120bc344c83be6295b54fd908c57.tar.gz
blogs-gentoo-2ab16973706e120bc344c83be6295b54fd908c57.tar.bz2
blogs-gentoo-2ab16973706e120bc344c83be6295b54fd908c57.zip
Updating packages for 5.1.1
Signed-off-by: Yury German <blueknight@gentoo.org>
Diffstat (limited to 'plugins/jetpack/_inc/build/admin.dops-style.rtl.css')
-rw-r--r--plugins/jetpack/_inc/build/admin.dops-style.rtl.css846
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 */