2860 lines
103 KiB
CSS
2860 lines
103 KiB
CSS
|
/**
|
||
|
|
* WordPress Dashboard stylesheet.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Configuration Options
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* Variables.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* MUI 3 Variables.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Colors
|
||
|
|
* Names from http://chir.ag/projects/name-that-color/
|
||
|
|
*/
|
||
|
|
/* stylelint-disable */
|
||
|
|
/* stylelint-enable */
|
||
|
|
/*
|
||
|
|
* Custom z-Index values
|
||
|
|
*
|
||
|
|
* Important values within the WordPress dashboard are as follows:
|
||
|
|
* - Top admin bar and its child menus, at z-index 99999
|
||
|
|
* - Left most main/side admin menu wrapper, at z-index 9990
|
||
|
|
* - The left most main/side admin menu sub menus on hover, at z-index 9999
|
||
|
|
*
|
||
|
|
* It is important to note that WordPress generally employs a 10 step jump
|
||
|
|
* in values when moving between z-index layers and this should be adhered
|
||
|
|
* to where possible.
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* Mixins.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Material Design
|
||
|
|
*/
|
||
|
|
.mdc-button {
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
font-size: 0.875rem;
|
||
|
|
line-height: 2.25rem;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0.0892857143em;
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
text-transform: uppercase;
|
||
|
|
padding: 0 8px 0 8px;
|
||
|
|
display: inline-flex;
|
||
|
|
position: relative;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-width: 64px;
|
||
|
|
height: 36px;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
/* @alternate */
|
||
|
|
line-height: inherit;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
overflow: hidden;
|
||
|
|
vertical-align: middle;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.mdc-button::-moz-focus-inner {
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.mdc-button:active {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.mdc-button:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.mdc-button:disabled {
|
||
|
|
background-color: transparent;
|
||
|
|
color: rgba(0, 0, 0, 0.37);
|
||
|
|
cursor: default;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-button--dense {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.mdc-button:not(:disabled) {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.mdc-button .mdc-button__icon {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 0;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 8px;
|
||
|
|
display: inline-block;
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
font-size: 18px;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 8px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.mdc-button:not(:disabled) {
|
||
|
|
color: #3c7251;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-primary, #3c7251);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button__label + .mdc-button__icon {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 8px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 0;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
svg.mdc-button__icon {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--raised .mdc-button__icon,
|
||
|
|
.mdc-button--unelevated .mdc-button__icon,
|
||
|
|
.mdc-button--outlined .mdc-button__icon {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: -4px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
|
||
|
|
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
|
||
|
|
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
|
||
|
|
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
|
||
|
|
.mdc-button--outlined .mdc-button__icon[dir=rtl] {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 8px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: -4px;
|
||
|
|
}
|
||
|
|
.mdc-button--raised .mdc-button__label + .mdc-button__icon,
|
||
|
|
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
|
||
|
|
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: 8px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: -4px;
|
||
|
|
}
|
||
|
|
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
|
||
|
|
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
|
||
|
|
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
|
||
|
|
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
|
||
|
|
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
|
||
|
|
/* @noflip */
|
||
|
|
margin-left: -4px;
|
||
|
|
/* @noflip */
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--raised,
|
||
|
|
.mdc-button--unelevated {
|
||
|
|
padding: 0 16px 0 16px;
|
||
|
|
}
|
||
|
|
.mdc-button--raised:disabled,
|
||
|
|
.mdc-button--unelevated:disabled {
|
||
|
|
background-color: rgba(0, 0, 0, 0.12);
|
||
|
|
color: rgba(0, 0, 0, 0.37);
|
||
|
|
}
|
||
|
|
.mdc-button--raised:not(:disabled),
|
||
|
|
.mdc-button--unelevated:not(:disabled) {
|
||
|
|
background-color: #3c7251;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.mdc-button--raised:not(:disabled),
|
||
|
|
.mdc-button--unelevated:not(:disabled) {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-primary, #3c7251);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mdc-button--raised:not(:disabled),
|
||
|
|
.mdc-button--unelevated:not(:disabled) {
|
||
|
|
color: #fff;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-on-primary, #fff);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--raised {
|
||
|
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
||
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
}
|
||
|
|
.mdc-button--raised:hover, .mdc-button--raised:focus {
|
||
|
|
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
.mdc-button--raised:active {
|
||
|
|
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
.mdc-button--raised:disabled {
|
||
|
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--outlined {
|
||
|
|
border-style: solid;
|
||
|
|
padding: 0 15px 0 15px;
|
||
|
|
border-width: 1px;
|
||
|
|
}
|
||
|
|
.mdc-button--outlined:disabled {
|
||
|
|
border-color: rgba(0, 0, 0, 0.37);
|
||
|
|
}
|
||
|
|
.mdc-button--outlined:not(:disabled) {
|
||
|
|
border-color: #3c7251;
|
||
|
|
/* @alternate */
|
||
|
|
border-color: var(--mdc-theme-primary, #3c7251);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--dense {
|
||
|
|
height: 32px;
|
||
|
|
font-size: 0.8125rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes mdc-ripple-fg-radius-in {
|
||
|
|
from {
|
||
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes mdc-ripple-fg-opacity-in {
|
||
|
|
from {
|
||
|
|
animation-timing-function: linear;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: var(--mdc-ripple-fg-opacity, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes mdc-ripple-fg-opacity-out {
|
||
|
|
from {
|
||
|
|
animation-timing-function: linear;
|
||
|
|
opacity: var(--mdc-ripple-fg-opacity, 0);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mdc-ripple-surface--test-edge-var-bug {
|
||
|
|
--mdc-ripple-surface-test-edge-var: 1px solid #000;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.mdc-ripple-surface--test-edge-var-bug::before {
|
||
|
|
border: var(--mdc-ripple-surface-test-edge-var);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button {
|
||
|
|
--mdc-ripple-fg-size: 0;
|
||
|
|
--mdc-ripple-left: 0;
|
||
|
|
--mdc-ripple-top: 0;
|
||
|
|
--mdc-ripple-fg-scale: 1;
|
||
|
|
--mdc-ripple-fg-translate-end: 0;
|
||
|
|
--mdc-ripple-fg-translate-start: 0;
|
||
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
.mdc-button::before, .mdc-button::after {
|
||
|
|
position: absolute;
|
||
|
|
border-radius: 50%;
|
||
|
|
opacity: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.mdc-button::before {
|
||
|
|
transition: opacity 15ms linear, background-color 15ms linear;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded::before {
|
||
|
|
transform: scale(var(--mdc-ripple-fg-scale, 1));
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded::after {
|
||
|
|
top: 0;
|
||
|
|
/* @noflip */
|
||
|
|
left: 0;
|
||
|
|
transform: scale(0);
|
||
|
|
transform-origin: center center;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded--unbounded::after {
|
||
|
|
top: var(--mdc-ripple-top, 0);
|
||
|
|
/* @noflip */
|
||
|
|
left: var(--mdc-ripple-left, 0);
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded--foreground-activation::after {
|
||
|
|
animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
|
||
|
|
animation: mdc-ripple-fg-opacity-out 150ms;
|
||
|
|
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
||
|
|
}
|
||
|
|
.mdc-button::before, .mdc-button::after {
|
||
|
|
top: calc(50% - 100%);
|
||
|
|
/* @noflip */
|
||
|
|
left: calc(50% - 100%);
|
||
|
|
width: 200%;
|
||
|
|
height: 200%;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded::after {
|
||
|
|
width: var(--mdc-ripple-fg-size, 100%);
|
||
|
|
height: var(--mdc-ripple-fg-size, 100%);
|
||
|
|
}
|
||
|
|
.mdc-button::before, .mdc-button::after {
|
||
|
|
background-color: #3c7251;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.mdc-button::before, .mdc-button::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-primary, #3c7251);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mdc-button:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.mdc-button:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.mdc-button:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.mdc-button.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mdc-button--raised::before, .mdc-button--raised::after,
|
||
|
|
.mdc-button--unelevated::before,
|
||
|
|
.mdc-button--unelevated::after {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.mdc-button--raised::before, .mdc-button--raised::after,
|
||
|
|
.mdc-button--unelevated::before,
|
||
|
|
.mdc-button--unelevated::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-on-primary, #fff);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mdc-button--raised:hover::before,
|
||
|
|
.mdc-button--unelevated:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
|
||
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
|
||
|
|
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
|
||
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
|
||
|
|
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.mdc-button--raised.mdc-ripple-upgraded,
|
||
|
|
.mdc-button--unelevated.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-plugin .mdc-button {
|
||
|
|
box-shadow: none;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button:not(:disabled) {
|
||
|
|
color: #3c7251;
|
||
|
|
}
|
||
|
|
@media (max-width: 960px) {
|
||
|
|
.googlesitekit-plugin .mdc-button {
|
||
|
|
min-width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button .mdc-button__icon--image {
|
||
|
|
border-radius: 50%;
|
||
|
|
display: block;
|
||
|
|
height: 18px;
|
||
|
|
width: 18px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button .mdc-button__trailing-icon {
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised {
|
||
|
|
border-radius: 100px;
|
||
|
|
box-shadow: none;
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 400;
|
||
|
|
height: auto;
|
||
|
|
letter-spacing: normal;
|
||
|
|
min-height: 40px;
|
||
|
|
padding-bottom: 8px;
|
||
|
|
padding-top: 8px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:not(:disabled) {
|
||
|
|
background-color: #3c7251;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:not(:disabled) {
|
||
|
|
color: white;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised.mdc-button--dense {
|
||
|
|
border-radius: 100px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:hover {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--raised:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:not(:disabled) {
|
||
|
|
background-color: #ac4220;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:not(:disabled) {
|
||
|
|
color: white;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
||
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.6.6L12%202%206%208%200%202%201.4.6%206%205.2z%22%20fill%3D%22%23757575%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
|
||
|
|
background-position: calc(100% - 8px) center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 9px 6px;
|
||
|
|
letter-spacing: normal;
|
||
|
|
padding-right: 12px;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:not(:disabled) {
|
||
|
|
color: #161b18;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
||
|
|
padding-right: 25px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover, .googlesitekit-plugin .mdc-button--dropdown:active, .googlesitekit-plugin .mdc-button--dropdown:focus {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) {
|
||
|
|
background-color: #ebeef0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:hover::before, .googlesitekit-plugin .mdc-button--dropdown:active:hover::before, .googlesitekit-plugin .mdc-button--dropdown:focus:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
height: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute !important;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
||
|
|
max-width: 220px;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
||
|
|
max-width: 300px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1280px) {
|
||
|
|
.googlesitekit-plugin .mdc-button--dropdown .mdc-button__label {
|
||
|
|
max-width: 450px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:not(:disabled) {
|
||
|
|
background-color: #161b18;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:not(:disabled) {
|
||
|
|
color: white;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary {
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 500;
|
||
|
|
height: auto;
|
||
|
|
letter-spacing: normal;
|
||
|
|
min-height: 40px;
|
||
|
|
padding: 8px 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:not(:disabled) {
|
||
|
|
color: #6c726e;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
||
|
|
background-color: rgba(22, 27, 24, 0.08);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
||
|
|
color: white;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) {
|
||
|
|
color: #161b18;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active, .googlesitekit-plugin .mdc-button--tertiary:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
||
|
|
background-color: rgba(22, 27, 24, 0.26);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
||
|
|
color: white;
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-dark, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:hover::before, .googlesitekit-plugin .mdc-button--tertiary:focus:hover::before {
|
||
|
|
opacity: 0.08;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.24;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) {
|
||
|
|
color: #161b18;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout {
|
||
|
|
font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 500;
|
||
|
|
height: auto;
|
||
|
|
letter-spacing: normal;
|
||
|
|
min-height: 32px;
|
||
|
|
padding: 6px 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:not(:disabled) {
|
||
|
|
color: #265c3b;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
||
|
|
background-color: rgba(147, 201, 168, 0.6);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) {
|
||
|
|
color: #265c3b;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
||
|
|
background-color: #93c9a8;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) {
|
||
|
|
color: #265c3b;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:disabled {
|
||
|
|
color: rgba(38, 92, 59, 0.4);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:not(:disabled) {
|
||
|
|
color: #4e3300;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
||
|
|
background-color: rgba(225, 177, 85, 0.6);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) {
|
||
|
|
color: #4e3300;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
||
|
|
background-color: #e1b155;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) {
|
||
|
|
color: #4e3300;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:disabled {
|
||
|
|
color: rgba(78, 51, 0, 0.4);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:not(:disabled) {
|
||
|
|
color: #7a1e00;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
||
|
|
background-color: rgba(255, 194, 174, 0.6);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) {
|
||
|
|
color: #7a1e00;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
||
|
|
background-color: #ffc2ae;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
||
|
|
color: rgba(0, 0, 0, 0.87);
|
||
|
|
/* @alternate */
|
||
|
|
color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after {
|
||
|
|
background-color: rgba(0, 0, 0, 0.87);
|
||
|
|
}
|
||
|
|
@supports not (-ms-ime-align: auto) {
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after {
|
||
|
|
/* @alternate */
|
||
|
|
background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:hover::before {
|
||
|
|
opacity: 0.04;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded--background-focused::before {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded)::after {
|
||
|
|
transition: opacity 150ms linear;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):active::after {
|
||
|
|
transition-duration: 75ms;
|
||
|
|
opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded {
|
||
|
|
--mdc-ripple-fg-opacity: 0.12;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) {
|
||
|
|
color: #7a1e00;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:disabled {
|
||
|
|
color: rgba(122, 30, 0, 0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-plugin .MuiCircularProgress-colorPrimary {
|
||
|
|
color: #3c7251;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .MuiCircularProgress-colorSecondary {
|
||
|
|
color: #108080;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Top-level Cascade Items
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Components
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* Analytics CTA styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta {
|
||
|
|
--cta-analytics-gap: 16px;
|
||
|
|
--cta-analytics-gap-narrow: calc(var(--cta-analytics-gap) / 2);
|
||
|
|
background-color: #ebeef0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: var(--cta-analytics-gap);
|
||
|
|
padding: var(--cta-analytics-gap);
|
||
|
|
}
|
||
|
|
@media (min-width: 1440px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta {
|
||
|
|
--cta-analytics-gap: 24px;
|
||
|
|
flex-direction: row-reverse;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description {
|
||
|
|
color: #161b18;
|
||
|
|
font-size: 14px;
|
||
|
|
letter-spacing: 0.25px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button {
|
||
|
|
margin-top: var(--cta-analytics-gap-narrow);
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1440px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button {
|
||
|
|
margin-top: var(--cta-analytics-gap);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs {
|
||
|
|
display: flex;
|
||
|
|
gap: var(--cta-analytics-gap);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 4px;
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
padding: var(--cta-analytics-gap-narrow);
|
||
|
|
}
|
||
|
|
#dashboard-widgets .googlesitekit-plugin .googlesitekit-analytics-cta h3.googlesitekit-analytics-cta__preview-graph--title,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title {
|
||
|
|
color: #333935;
|
||
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
margin: 0 0 auto;
|
||
|
|
padding-bottom: var(--cta-analytics-gap-narrow);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons {
|
||
|
|
align-items: center;
|
||
|
|
color: #cbd0d3;
|
||
|
|
display: flex;
|
||
|
|
gap: 4px;
|
||
|
|
padding-top: var(--cta-analytics-gap-narrow);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow {
|
||
|
|
height: 12px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar {
|
||
|
|
background-color: #cbd0d3;
|
||
|
|
border-radius: 5px;
|
||
|
|
height: 8px;
|
||
|
|
width: 24px;
|
||
|
|
}
|
||
|
|
@media (min-width: 1440px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Change Arrow styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-change-arrow {
|
||
|
|
--color-up: #46732b;
|
||
|
|
--color-down: #ac4220;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--inverted-color {
|
||
|
|
--color-up: #ac4220;
|
||
|
|
--color-down: #46732b;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--up {
|
||
|
|
color: var(--color-up);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--down {
|
||
|
|
color: var(--color-up);
|
||
|
|
transform: rotate(180deg);
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-change-arrow--down path {
|
||
|
|
fill: var(--color-down);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* CTA styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
/* stylelint-disable no-descending-specificity */
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
||
|
|
background-color: #ebeef0;
|
||
|
|
border-radius: 16px;
|
||
|
|
font-size: 14px;
|
||
|
|
grid-column: span 3;
|
||
|
|
grid-row: span 3;
|
||
|
|
height: 100%;
|
||
|
|
letter-spacing: 0.25px;
|
||
|
|
line-height: 1.43;
|
||
|
|
padding: 16px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta--error,
|
||
|
|
.googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta--error {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-cta,
|
||
|
|
.googlesitekit-adminbar-modules #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
||
|
|
padding: 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta,
|
||
|
|
.googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
||
|
|
background-color: #ebeef0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height: auto;
|
||
|
|
margin-top: 12px;
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-cta,
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title {
|
||
|
|
color: #161b18;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
margin: 0 0 5px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title {
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description {
|
||
|
|
color: #161b18;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error {
|
||
|
|
background-color: #ffded3;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a,
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title {
|
||
|
|
color: #7a1e00;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description {
|
||
|
|
color: #7a1e00;
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled),
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled) {
|
||
|
|
background-color: #ac4220;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-cta *:last-child,
|
||
|
|
#dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta *:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-cta--error {
|
||
|
|
margin-top: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* CTA link styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-cta-link {
|
||
|
|
align-items: center;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-flex;
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: inherit;
|
||
|
|
padding: 0;
|
||
|
|
text-align: left;
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link:hover svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
.googlesitekit-page .googlesitekit-cta-link {
|
||
|
|
color: #108080;
|
||
|
|
}
|
||
|
|
.googlesitekit-page .googlesitekit-cta-link:hover {
|
||
|
|
color: #108080;
|
||
|
|
-webkit-text-decoration: underline;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary {
|
||
|
|
color: #108080;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover {
|
||
|
|
color: #108080;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--caps {
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--danger {
|
||
|
|
color: #ac4220;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--small {
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--standalone {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--inverse {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--inverse:hover {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--disabled {
|
||
|
|
color: #b8bdb9;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--danger:hover {
|
||
|
|
color: #ac4220;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--disabled:hover {
|
||
|
|
color: #b8bdb9;
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-cta-link.googlesitekit-cta-link--no-flex {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* CTA button styles for buttons with link styling.
|
||
|
|
*
|
||
|
|
* These are specific overrides for buttons that have the
|
||
|
|
* `.googlesitekit-cta-link` class, and thus are placed after other
|
||
|
|
* button styles.
|
||
|
|
*
|
||
|
|
* Because of this we override the `no-descending-specificity` Stylelint
|
||
|
|
* rule which wants these styles higher up in the file, which would be
|
||
|
|
* confusing (and possibly not override existing styles properly).
|
||
|
|
*/
|
||
|
|
/* stylelint-disable no-descending-specificity */
|
||
|
|
button.googlesitekit-cta-link {
|
||
|
|
color: #3c7251;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link:hover {
|
||
|
|
color: #2e5f41;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link:hover svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link--link-button {
|
||
|
|
padding: 2px 10px;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link--link-button:focus {
|
||
|
|
background-color: rgba(60, 114, 81, 0.08);
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
button.googlesitekit-cta-link--link-button.googlesitekit-cta-link--secondary:focus {
|
||
|
|
background-color: rgba(16, 128, 128, 0.08);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* stylelint-enable no-descending-specificity */
|
||
|
|
/**
|
||
|
|
* Data block styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-data-block {
|
||
|
|
--color-up: #46732b;
|
||
|
|
--color-down: #ac4220;
|
||
|
|
position: relative;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.post-php .googlesitekit-data-block {
|
||
|
|
min-width: 150px;
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block {
|
||
|
|
padding-top: 12px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__title {
|
||
|
|
align-items: flex-start;
|
||
|
|
color: #6c726e;
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-direction: column;
|
||
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 700;
|
||
|
|
justify-content: flex-start;
|
||
|
|
line-height: 1.14;
|
||
|
|
margin: 0 0 12px;
|
||
|
|
row-gap: 8px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block.googlesitekit-data-block--button .googlesitekit-data-block__title {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
#dashboard-widgets .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__title {
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__title-inner {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper {
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-flow: column;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__datapoint {
|
||
|
|
color: #161b18;
|
||
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 46px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 1.13;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint {
|
||
|
|
display: inline-block;
|
||
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 38px;
|
||
|
|
line-height: 1.158;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint {
|
||
|
|
font-size: 32px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__change {
|
||
|
|
color: #6c726e;
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
line-height: 1;
|
||
|
|
margin-top: 16px;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 16px;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__change--no-change {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__sparkline {
|
||
|
|
margin-top: 8px;
|
||
|
|
max-width: 150px;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__arrow {
|
||
|
|
display: inline-block;
|
||
|
|
line-height: 1;
|
||
|
|
margin-right: 2px;
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__arrow--reverse {
|
||
|
|
transform: rotate(180deg);
|
||
|
|
}
|
||
|
|
#wpadminbar .googlesitekit-data-block .googlesitekit-data-block__arrow .svg {
|
||
|
|
height: 9px;
|
||
|
|
width: 9px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix {
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__value,
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix {
|
||
|
|
color: #6c726e;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
line-height: 1.33;
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value,
|
||
|
|
.googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__value--up,
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix--up {
|
||
|
|
color: var(--color-up);
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__value--down,
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__suffix--down {
|
||
|
|
color: var(--color-down);
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__source {
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
margin-top: 8px;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-data-block .googlesitekit-data-block__source {
|
||
|
|
margin-top: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* stylelint-disable no-descending-specificity */
|
||
|
|
.googlesitekit-data-block--button .googlesitekit-data-block__sparkline {
|
||
|
|
margin: 8px auto 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* stylelint-enable */
|
||
|
|
.googlesitekit-data-block--button {
|
||
|
|
cursor: pointer;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
height: 100%;
|
||
|
|
justify-content: flex-end;
|
||
|
|
padding-bottom: 16px;
|
||
|
|
padding-top: 20px;
|
||
|
|
text-align: center;
|
||
|
|
transition: background-color 0.2s ease-in-out;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-data-block--button {
|
||
|
|
padding-bottom: 24px;
|
||
|
|
padding-top: 28px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button::before {
|
||
|
|
content: "";
|
||
|
|
height: 4px;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transition: opacity 0.2s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--selected::before {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):active {
|
||
|
|
background-color: rgba(99, 128, 184, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data::before {
|
||
|
|
background-color: #999f9b;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-1::before {
|
||
|
|
background-color: #6380b8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):active {
|
||
|
|
background-color: rgba(75, 187, 187, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data::before {
|
||
|
|
background-color: #999f9b;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-2::before {
|
||
|
|
background-color: #4bbbbb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):active {
|
||
|
|
background-color: rgba(92, 146, 113, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data::before {
|
||
|
|
background-color: #999f9b;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-3::before {
|
||
|
|
background-color: #5c9271;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):active {
|
||
|
|
background-color: rgba(110, 72, 171, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data::before {
|
||
|
|
background-color: #999f9b;
|
||
|
|
}
|
||
|
|
.googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before {
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-data-block--button-4::before {
|
||
|
|
background-color: #6e48ab;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-plugin .googlesitekit-data-block__loading {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-data-block--is-gathering-data {
|
||
|
|
cursor: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Error text styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-error-text {
|
||
|
|
color: #ac4220;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-error-retry-text {
|
||
|
|
color: #ac4220;
|
||
|
|
margin-left: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-report-error-actions {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
gap: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* GatheringDataNotice styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice {
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span {
|
||
|
|
color: #6c726e;
|
||
|
|
display: block;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.286;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span {
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
line-height: 1.33;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default {
|
||
|
|
position: relative;
|
||
|
|
text-align: inherit;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default span {
|
||
|
|
color: #6c726e;
|
||
|
|
display: block;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.286;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
height: 100%;
|
||
|
|
justify-content: center;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay span {
|
||
|
|
color: #6c726e;
|
||
|
|
display: block;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.286;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
height: 100%;
|
||
|
|
justify-content: center;
|
||
|
|
left: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span {
|
||
|
|
color: #6c726e;
|
||
|
|
display: block;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.286;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.33;
|
||
|
|
max-width: 80px;
|
||
|
|
padding: 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-large span {
|
||
|
|
color: #6c726e;
|
||
|
|
display: block;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 1.286;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wpadminbar .googlesitekit-plugin .googlesitekit-gathering-data-notice span {
|
||
|
|
color: #999f9b;
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
line-height: 1.33;
|
||
|
|
text-transform: lowercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* GenericErrorHandlerActions styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2023 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-generic-error-handler-actions {
|
||
|
|
align-items: flex-start;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 16px;
|
||
|
|
margin-block-start: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* IconWrapper styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-icon-wrapper {
|
||
|
|
align-items: center;
|
||
|
|
display: inline-flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Site Kit by Google Logo styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-logo {
|
||
|
|
color: #5f6561;
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-logo .googlesitekit-logo__logo-g,
|
||
|
|
.googlesitekit-logo .googlesitekit-svg-logo-g {
|
||
|
|
height: 24px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 23px;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-logo .googlesitekit-logo__logo-g,
|
||
|
|
.googlesitekit-logo .googlesitekit-svg-logo-g {
|
||
|
|
height: 34px;
|
||
|
|
width: 32px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-logo .googlesitekit-logo__logo-sitekit,
|
||
|
|
.googlesitekit-logo .googlesitekit-svg-logo-sitekit {
|
||
|
|
fill: currentColor;
|
||
|
|
height: 16px;
|
||
|
|
margin-left: 8px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 61px;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-logo .googlesitekit-logo__logo-sitekit,
|
||
|
|
.googlesitekit-logo .googlesitekit-svg-logo-sitekit {
|
||
|
|
height: 26px;
|
||
|
|
margin-left: 16px;
|
||
|
|
width: 99px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 449px) {
|
||
|
|
.googlesitekit-logo .googlesitekit-logo__logo-sitekit,
|
||
|
|
.googlesitekit-logo .googlesitekit-svg-logo-sitekit {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-logo--mini .googlesitekit-logo__logo-g,
|
||
|
|
.googlesitekit-logo--mini .googlesitekit-svg-logo-g {
|
||
|
|
height: 19px;
|
||
|
|
width: 19px;
|
||
|
|
}
|
||
|
|
.googlesitekit-logo--mini .googlesitekit-logo__logo-sitekit,
|
||
|
|
.googlesitekit-logo--mini .googlesitekit-svg-logo-sitekit {
|
||
|
|
height: 17px;
|
||
|
|
margin-left: 4px;
|
||
|
|
width: 78px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Preview block styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-preview-block {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-preview-block--padding {
|
||
|
|
padding: 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-preview-block--padding + .googlesitekit-preview-block--padding {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-preview-block--padding {
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-preview-block__wrapper {
|
||
|
|
animation: googlesitekit-pulse 1s infinite ease-in-out;
|
||
|
|
animation-direction: alternate;
|
||
|
|
flex: 1 1 auto;
|
||
|
|
}
|
||
|
|
@media (prefers-reduced-motion: reduce) {
|
||
|
|
.googlesitekit-preview-block__wrapper {
|
||
|
|
animation: none;
|
||
|
|
background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-preview-block__wrapper--circle {
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes googlesitekit-pulse {
|
||
|
|
0% {
|
||
|
|
background-color: #ebeef0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-color: #cbd0d3;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Preview table styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-preview-table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.googlesitekit-preview-table .googlesitekit-preview-table__row {
|
||
|
|
margin: 0 0 9px;
|
||
|
|
}
|
||
|
|
.googlesitekit-preview-table .googlesitekit-preview-table__row:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-preview-table--padding {
|
||
|
|
padding: 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-preview-table--padding + .googlesitekit-preview-table--padding {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-preview-table--padding {
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Source link styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-source-link {
|
||
|
|
color: #6c726e;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Table styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-table {
|
||
|
|
counter-reset: table;
|
||
|
|
font-size: 14px;
|
||
|
|
letter-spacing: 0.25px;
|
||
|
|
padding: 16px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table {
|
||
|
|
padding: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-alltraffic-widget .googlesitekit-table, .googlesitekit-wp-dashboard .googlesitekit-table {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__wrapper {
|
||
|
|
border-collapse: collapse;
|
||
|
|
table-layout: fixed;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__wrapper.googlesitekit-table__wrapper--mobile-2-col .googlesitekit-table__head-item--primary {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__wrapper--tabbed-layout {
|
||
|
|
table-layout: auto;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-row {
|
||
|
|
border-bottom: 1px solid #ebeef0;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
color: #161b18;
|
||
|
|
font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 700;
|
||
|
|
hyphens: auto;
|
||
|
|
line-height: 1.25;
|
||
|
|
outline: 0;
|
||
|
|
padding: 0 4px 8px 4px;
|
||
|
|
position: relative;
|
||
|
|
text-align: right;
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
padding: 0 8px 8px 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
padding: 0 12px 12px 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item:first-child {
|
||
|
|
padding-left: 0;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item:last-child {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-widget--with-header .googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.14;
|
||
|
|
}
|
||
|
|
.googlesitekit-table-overflow .googlesitekit-table .googlesitekit-table__head-item:last-child {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item[data-tooltip]::before {
|
||
|
|
background: rgba(0, 0, 0, 0.7);
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #fff;
|
||
|
|
content: attr(data-tooltip);
|
||
|
|
display: none;
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
max-width: 250px;
|
||
|
|
opacity: 0;
|
||
|
|
padding: calc(16px / 2) 24px;
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
text-align: center;
|
||
|
|
top: 100%;
|
||
|
|
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item:first-child[data-tooltip]::before {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__head-item--primary {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__wrapper--2-col .googlesitekit-table__head-item--primary {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body {
|
||
|
|
color: #161b18;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-row {
|
||
|
|
border-bottom: 1px solid #ebeef0;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-row--no-data td {
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item {
|
||
|
|
padding: 8px 4px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item {
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item {
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item:first-child {
|
||
|
|
padding-left: 0;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item:last-child {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item .googlesitekit-mini-chart {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item .googlesitekit-mini-chart {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table-overflow .googlesitekit-table .googlesitekit-table__body-item:last-child {
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item-content .googlesitekit-cta-link,
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item-content > span {
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-wp-dashboard .googlesitekit-table .googlesitekit-table__body-item-link {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item-url {
|
||
|
|
background-image: none;
|
||
|
|
display: block;
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__body-item-chart-wrap {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.googlesitekit-table .googlesitekit-table__source {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-table .googlesitekit-table__source {
|
||
|
|
margin-top: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-row {
|
||
|
|
transition: background-color 0.2s ease-in-out;
|
||
|
|
}
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-row:last-child {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-row:hover {
|
||
|
|
background-color: rgba(51, 57, 53, 0.05);
|
||
|
|
}
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-row--no-data:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-item:first-child .googlesitekit-table__body-item-content {
|
||
|
|
margin-left: 24px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.googlesitekit-table--with-list .googlesitekit-table__body-item:first-child .googlesitekit-table__body-item-content::before {
|
||
|
|
content: counter(table) ".";
|
||
|
|
counter-increment: table;
|
||
|
|
left: -24px;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-table--gathering-data {
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Table overflow styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-table-overflow {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.googlesitekit-table-overflow::after {
|
||
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
|
||
|
|
bottom: 0;
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
transition: all 0.2s ease-in-out;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.googlesitekit-table-overflow .googlesitekit-table-overflow__container {
|
||
|
|
overflow-x: auto;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
.googlesitekit-table-overflow .googlesitekit-table-overflow__container {
|
||
|
|
overflow-x: visible;
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.googlesitekit-table-overflow--gradient::after {
|
||
|
|
width: 15%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Chart styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-chart {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.googlesitekit-chart .googlesitekit-chart__source {
|
||
|
|
font-size: 12px;
|
||
|
|
letter-spacing: 0.2px;
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
.googlesitekit-chart .googlesitekit-chart__date-marker-line {
|
||
|
|
border-left: 1px dashed #131418;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
margin-left: 0.5px;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transition: opacity 180ms ease-in;
|
||
|
|
width: 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-chart .googlesitekit-chart__date-marker-tooltip {
|
||
|
|
color: #108080;
|
||
|
|
height: 18px;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
transition: opacity 180ms ease-in;
|
||
|
|
width: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart--LineChart div.google-visualization-tooltip {
|
||
|
|
height: fit-content !important;
|
||
|
|
width: fit-content !important;
|
||
|
|
}
|
||
|
|
.googlesitekit-chart--LineChart div.google-visualization-tooltip .google-visualization-tooltip-item-list {
|
||
|
|
margin: 0.5em 0;
|
||
|
|
}
|
||
|
|
.googlesitekit-chart--LineChart div.google-visualization-tooltip .google-visualization-tooltip-item {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart--PieChart svg {
|
||
|
|
overflow: visible !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart--PieChart svg > g > g {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart--PieChart svg > g:last-child > g:last-child {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart--PieChart div.google-visualization-tooltip {
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.googlesitekit-chart-loading__forced {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Search console widget styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
#google_dashboard_widget .googlesitekit-search-console-widget {
|
||
|
|
padding-top: 12px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-search-console-widget .googlesitekit-table__body-row:hover {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-search-console-widget .googlesitekit-cta-link {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Unique visitors chart widget styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2022 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
#google_dashboard_widget .googlesitekit-unique-visitors-chart-widget {
|
||
|
|
display: grid;
|
||
|
|
padding-top: 20px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WP dashboard styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
#google_dashboard_widget h2.hndle {
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard__cta {
|
||
|
|
border-bottom: 1px solid #ebeef0;
|
||
|
|
margin: 0 -12px;
|
||
|
|
padding: 0 12px 12px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-data-block .googlesitekit-data-block__datapoint,
|
||
|
|
#google_dashboard_widget .googlesitekit-data-block .googlesitekit-data-block__title,
|
||
|
|
#google_dashboard_widget .googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-table .googlesitekit-table__head-item {
|
||
|
|
font-size: inherit;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running svg circle {
|
||
|
|
stroke: #fff;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__before .mdc-button__label {
|
||
|
|
margin-inline-start: 8px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .mdc-button.googlesitekit-button-icon--spinner__running.googlesitekit-button-icon--spinner__after .mdc-button__label {
|
||
|
|
margin-inline-end: 8px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-wp-dashboard-stats {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading {
|
||
|
|
min-height: 30px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard__cta {
|
||
|
|
min-height: 18px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading__search_console_active_and_connected, #google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-loading__can_view_analytics {
|
||
|
|
min-height: 95px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
min-height: 300px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-unique-visitors-chart-widget {
|
||
|
|
min-height: 320px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-search-console-widget {
|
||
|
|
min-height: 580px;
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-loading .googlesitekit-preview-block.googlesitekit-search-console-widget {
|
||
|
|
min-height: 330px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics-activate-cta {
|
||
|
|
min-height: 310px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected {
|
||
|
|
min-height: 935px;
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected {
|
||
|
|
min-height: 780px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected {
|
||
|
|
min-height: 650px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected .googlesitekit-search-console-widget:not(.googlesitekit-search-console-widget--empty-data) {
|
||
|
|
min-height: 430px;
|
||
|
|
}
|
||
|
|
@media (max-width: 599px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-analytics_active_and_connected.googlesitekit-wp-dashboard-search_console_active_and_connected .googlesitekit-search-console-widget:not(.googlesitekit-search-console-widget--empty-data) {
|
||
|
|
min-height: 220px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-search_console_active_and_connected {
|
||
|
|
min-height: 125px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-search_console_active_and_connected.googlesitekit-wp-dashboard-analytics-activate-cta {
|
||
|
|
min-height: 420px;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-chart div[dir] {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WP dashboard stats styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats {
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats * {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
align-self: stretch;
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 800px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1300px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
padding-top: 12px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 800px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1300px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > :where(.googlesitekit-wp-dashboard-stats__cta) + .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
margin-left: 1px;
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1300px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > :where(.googlesitekit-wp-dashboard-stats__cta) + .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
margin-left: 1px;
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats :where(.googlesitekit-cta) + .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats > .googlesitekit-data-block--is-gathering-data {
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* stylelint-disable-next-line selector-id-pattern */
|
||
|
|
@media (min-width: 600px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 800px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1300px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 1500px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: 2200px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--fourup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* stylelint-disable-next-line selector-id-pattern */
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__data-table {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta .mdc-button {
|
||
|
|
-webkit-text-decoration: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
@media (min-width: 1440px) {
|
||
|
|
#google_dashboard_widget .googlesitekit-wp-dashboard-stats--twoup > .googlesitekit-wp-dashboard-stats__cta .googlesitekit-analytics-cta {
|
||
|
|
--cta-analytics-gap: 16px;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Dashboard module chart styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__chart-zero-data {
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
min-height: 368px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__chart-zero-data > svg {
|
||
|
|
color: #cbd0d3;
|
||
|
|
height: 300px;
|
||
|
|
width: 300px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .google-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .google-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .google-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .google-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .google-visualization-tooltip {
|
||
|
|
border-color: #b8bdb9;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: none;
|
||
|
|
height: auto !important;
|
||
|
|
width: auto !important;
|
||
|
|
z-index: 8;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip {
|
||
|
|
padding: 0 1em;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip em {
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip strong,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip strong,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip strong,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip strong,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip strong {
|
||
|
|
color: #000;
|
||
|
|
margin: 0 0.25em 0 1em;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip p,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip p,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip p,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip p,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip p {
|
||
|
|
font-size: 14px;
|
||
|
|
letter-spacing: 0.25px;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip svg,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip svg,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip svg,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip svg,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip svg {
|
||
|
|
margin-right: 0.25em;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip--up em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip--up em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip--up em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip--up em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip--up em {
|
||
|
|
color: #46732b;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip--down em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip--down em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip--down em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip--down em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip--down em {
|
||
|
|
color: #ac4220;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-adsense-site-stats .googlesitekit-visualization-tooltip-others em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-analytics-site-stats .googlesitekit-visualization-tooltip-others em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-search-console-site-stats .googlesitekit-visualization-tooltip-others em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-unique-visitors-chart-widget .googlesitekit-visualization-tooltip-others em,
|
||
|
|
.googlesitekit-plugin .googlesitekit-widget--analyticsAllTraffic__dimensions-chart .googlesitekit-visualization-tooltip-others em {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Display utility styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-display-block {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
@media (min-width: 960px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-desktop-display-none {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 960px) {
|
||
|
|
.googlesitekit-plugin .googlesitekit-non-desktop-display-none {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Font Weight utilities.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-font-weight-medium {
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.googlesitekit-plugin .googlesitekit-font-weight-bold {
|
||
|
|
font-weight: 700 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Overflow wrap utility styles.
|
||
|
|
*
|
||
|
|
* Site Kit by Google, Copyright 2021 Google LLC
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
.googlesitekit-plugin .googlesitekit-overflow-wrap-break-word {
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
}
|