344 lines
9.4 KiB
CSS
344 lines
9.4 KiB
CSS
@charset "UTF-8";
|
||
/*
|
||
The MIT License (MIT)
|
||
|
||
Copyright © 2011–2015 thoughtbot, inc.
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
||
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
|
||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
|
||
persons to whom the Software is furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all copies or substantial
|
||
portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
|
||
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
||
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
|
||
https://github.com/thoughtbot/bourbon
|
||
*/
|
||
:root {
|
||
--font-title-large: 36px;
|
||
--font-title-small: 24px;
|
||
--font-body: 16px;
|
||
--font-label: 12px;
|
||
--jp-black: #000000;
|
||
--jp-black-80: #2c3338;
|
||
--jp-white: #ffffff;
|
||
--jp-white-off: #f9f9f6;
|
||
--jp-gray: #dcdcde;
|
||
--jp-gray-0: #F6F7F7;
|
||
--jp-gray-5: #dcdcde;
|
||
--jp-gray-10: #c3c4c7;
|
||
--jp-gray-20: #A7AAAD;
|
||
--jp-gray-30: #8c8f94;
|
||
--jp-gray-40: #787C82;
|
||
--jp-gray-50: #646970;
|
||
--jp-gray-60: #50575E;
|
||
--jp-gray-70: #3c434a;
|
||
--jp-gray-80: #2C3338;
|
||
--jp-gray-90: #1d2327;
|
||
--jp-gray-100: #101517;
|
||
--jp-gray-off: #e2e2df;
|
||
--jp-yellow-5: #f5e6b3;
|
||
--jp-yellow-10: #f2cf75;
|
||
--jp-yellow-40: #c08c00;
|
||
--jp-orange-20: #faa754;
|
||
--jp-blue-5: #ced9f2;
|
||
--jp-red-0: #F7EBEC;
|
||
--jp-red-50: #D63638;
|
||
--jp-red-60: #B32D2E;
|
||
--jp-red-80: #8A2424;
|
||
--jp-red: #d63639;
|
||
--jp-pink: #C9356E;
|
||
--jp-green-0: #f0f2eb;
|
||
--jp-green-5: #d0e6b8;
|
||
--jp-green-10: #9dd977;
|
||
--jp-green-20: #64ca43;
|
||
--jp-green-30: #2fb41f;
|
||
--jp-green-40: #069e08;
|
||
--jp-green-50: #008710;
|
||
--jp-green-60: #007117;
|
||
--jp-green-70: #005b18;
|
||
--jp-green-80: #004515;
|
||
--jp-green-90: #003010;
|
||
--jp-green-100: #001c09;
|
||
--jp-green: #069e08;
|
||
--jp-green-primary: var(--jp-green-40);
|
||
--jp-green-secondary: var(--jp-green-30);
|
||
--jp-border-radius: 4px;
|
||
--jp-border-radius-rna: 8px;
|
||
--jp-menu-border-height: 1px;
|
||
--jp-underline-thickness: 2px;
|
||
--jp-modal-padding-large: 32px;
|
||
--jp-modal-padding: 24px;
|
||
--jp-modal-padding-small: 16px;
|
||
--jp-modal-radius: 8px;
|
||
--jp-button-padding: 8px;
|
||
--jp-button-radius: 4px;
|
||
--jp-gap: 16px;
|
||
--jp-highlight: #3858e9;
|
||
}
|
||
|
||
#jetpack_summary_widget {
|
||
/* Widget settings */
|
||
}
|
||
#jetpack_summary_widget * {
|
||
box-sizing: border-box;
|
||
}
|
||
#jetpack_summary_widget h2.hndle span {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
#jetpack_summary_widget h2.hndle span span {
|
||
padding: 0 0.4em;
|
||
}
|
||
#jetpack_summary_widget h2.hndle svg {
|
||
height: 20px;
|
||
margin: 0.15em 0 0 0.5em;
|
||
}
|
||
#jetpack_summary_widget pre.stats-widget-error {
|
||
overflow: scroll;
|
||
}
|
||
#jetpack_summary_widget .js-toggle-stats_dashboard_widget_control .toggle-indicator:before {
|
||
content: "\f111";
|
||
display: inline-block;
|
||
font: normal 20px/1 dashicons;
|
||
}
|
||
#jetpack_summary_widget .inside {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
#jetpack_summary_widget .inside #stats_dashboard_widget_control {
|
||
display: none;
|
||
padding: 0 10px;
|
||
overflow: hidden;
|
||
}
|
||
#jetpack_summary_widget .inside #stats_dashboard_widget_control .button-primary {
|
||
float: right;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats {
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
padding: 0 10px;
|
||
/* Widget graph contents */
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats.is-loading {
|
||
display: none;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats .inside {
|
||
margin: 10px 0 0 0 !important;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-graph {
|
||
margin: 0;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stat-chart {
|
||
background: none !important;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info {
|
||
background: var(--jp-white-off);
|
||
padding: 1.5em 1em;
|
||
padding-bottom: 0;
|
||
border-top: 1px solid #dcdcde;
|
||
margin: 7px -10px 0 -10px;
|
||
overflow: hidden;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info div#active {
|
||
border-top: 1px solid #dcdcde;
|
||
margin: 0 -10px;
|
||
padding: 10px 10px 0 10px;
|
||
box-shadow: inset 0 1px 0 #fff;
|
||
overflow: hidden;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info .stats-section-inner > h3.heading {
|
||
font-size: 1.25em;
|
||
margin: 0 0 0.5em 0;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p {
|
||
margin: 0 0 0.25em;
|
||
color: var(--jp-gray-40);
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p.nothing {
|
||
color: var(--jp-gray-60);
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p.widget-loading {
|
||
margin: 1em 0 0;
|
||
color: #333;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p a {
|
||
color: var(--jp-black);
|
||
display: block;
|
||
text-decoration: none;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p a.button {
|
||
display: inline;
|
||
}
|
||
#jetpack_summary_widget .inside #dashboard_stats #stats-info p a:active, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:focus, #jetpack_summary_widget .inside #dashboard_stats #stats-info p a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
#jetpack_summary_widget #stats-info-container {
|
||
background: var(--jp-white);
|
||
border-radius: 5px;
|
||
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
|
||
padding: 1em 1.5em 1em 1.5em;
|
||
overflow: hidden;
|
||
display: grid;
|
||
row-gap: 1em;
|
||
grid-template-areas: "header" "content";
|
||
grid-template-rows: min-content min-content;
|
||
}
|
||
#jetpack_summary_widget .stats-info-content {
|
||
grid-area: content;
|
||
display: grid;
|
||
grid-template-areas: "posts searches";
|
||
grid-template-columns: 1fr 1fr;
|
||
column-gap: 1em;
|
||
}
|
||
#jetpack_summary_widget .stats-info-content .stats-section {
|
||
min-width: 0;
|
||
}
|
||
#jetpack_summary_widget #stats-info .stats-info-header {
|
||
grid-area: header;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
#jetpack_summary_widget #stats-info .stats-info-header > h2 {
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
padding: 0;
|
||
}
|
||
#jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right {
|
||
align-self: center;
|
||
}
|
||
.wp-core-ui #jetpack_summary_widget #stats-info .stats-info-header .stats-info-header-right .button-primary {
|
||
background: var(--jp-black);
|
||
border-color: var(--jp-black);
|
||
color: var(--jp-white);
|
||
}
|
||
#jetpack_summary_widget #top-posts {
|
||
grid-area: posts;
|
||
}
|
||
#jetpack_summary_widget #top-posts .stats-section-inner p {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
}
|
||
#jetpack_summary_widget #top-posts .stats-section-inner p a {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
#jetpack_summary_widget #top-search {
|
||
grid-area: searches;
|
||
}
|
||
#jetpack_summary_widget #top-search p {
|
||
color: #999;
|
||
}
|
||
#jetpack_summary_widget .stats,
|
||
#jetpack_summary_widget .widgets,
|
||
#jetpack_summary_widget .wpcom-connect {
|
||
padding: 0.75em;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect {
|
||
background: var(--jp-gray-0);
|
||
text-align: center;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect .jp-emblem {
|
||
padding: 5px 0 0 0;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect svg {
|
||
width: 40px;
|
||
height: 40px;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect svg path {
|
||
fill: #069e08;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect .jp-emblem,
|
||
#jetpack_summary_widget .wpcom-connect h3,
|
||
#jetpack_summary_widget .wpcom-connect p {
|
||
width: 100%;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect h3 {
|
||
font-size: 1.25em;
|
||
font-weight: 400;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect p {
|
||
color: #50575e;
|
||
margin-top: 0;
|
||
padding: 0 15px;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect .actions {
|
||
text-align: center;
|
||
padding: 15px 0 10px 0;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect .actions small {
|
||
display: block;
|
||
}
|
||
#jetpack_summary_widget .wpcom-connect .actions small a {
|
||
color: #999;
|
||
}
|
||
#jetpack_summary_widget footer {
|
||
background: var(--jp-white-off);
|
||
overflow: hidden;
|
||
}
|
||
#jetpack_summary_widget footer .blocked-container {
|
||
background: var(--jp-white-off);
|
||
padding: 1.5em 1em;
|
||
display: grid;
|
||
gap: 0 1em;
|
||
grid-template-columns: 1fr 1fr;
|
||
}
|
||
#jetpack_summary_widget footer .protect,
|
||
#jetpack_summary_widget footer .akismet {
|
||
background: var(--jp-white);
|
||
border-radius: 5px;
|
||
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.04);
|
||
padding: 1em 1.5em 1em 1.5em;
|
||
}
|
||
#jetpack_summary_widget footer h3 {
|
||
font-size: 1em;
|
||
font-weight: normal;
|
||
margin: 0 0 0.25em 0;
|
||
padding: 0;
|
||
}
|
||
#jetpack_summary_widget footer p.blocked-count {
|
||
margin-top: 0;
|
||
margin-bottom: 6px;
|
||
margin-right: 8px;
|
||
font-weight: 500;
|
||
font-size: 2rem;
|
||
display: inline-block;
|
||
padding: 0 4px;
|
||
min-width: 36px;
|
||
text-align: center;
|
||
}
|
||
#jetpack_summary_widget footer p {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
#jetpack_summary_widget footer section {
|
||
margin: 0;
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
#jetpack_summary_widget footer .footer-links {
|
||
margin: 0 0 1.5em 1.5em;
|
||
}
|
||
#jetpack_summary_widget footer .footer-links svg {
|
||
height: 20px;
|
||
}
|
||
#jetpack_summary_widget footer .footer-links span {
|
||
float: right;
|
||
}
|
||
#jetpack_summary_widget footer .button {
|
||
background: var(--jp-black);
|
||
border-color: var(--jp-black);
|
||
color: var(--jp-white);
|
||
margin-top: 8px;
|
||
}
|
||
|
||
/* Hide the widget title's SVG in the Screen Options tab */
|
||
.metabox-prefs label[for=jetpack_summary_widget-hide] span svg {
|
||
height: 1.2rem;
|
||
vertical-align: text-bottom;
|
||
}
|