diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
commit | a415c29efee45520ae252d2aa28f1083a521cd7b (patch) | |
tree | f4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-admin/css/dashboard-rtl.css | |
parent | Initial commit. (diff) | |
download | wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip |
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-admin/css/dashboard-rtl.css')
-rw-r--r-- | wp-admin/css/dashboard-rtl.css | 1497 |
1 files changed, 1497 insertions, 0 deletions
diff --git a/wp-admin/css/dashboard-rtl.css b/wp-admin/css/dashboard-rtl.css new file mode 100644 index 0000000..5bbc3d4 --- /dev/null +++ b/wp-admin/css/dashboard-rtl.css @@ -0,0 +1,1497 @@ +/*! This file is auto-generated */ +#wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; +} + +#wpbody-content #dashboard-widgets.columns-2 .postbox-container { + width: 49.5%; +} + +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { + float: left; + width: 50.5%; +} + +#wpbody-content #dashboard-widgets.columns-3 .postbox-container { + width: 33.5%; +} + +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { + width: 33%; +} + +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, +#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { + float: left; +} + +#wpbody-content #dashboard-widgets.columns-4 .postbox-container { + width: 25%; +} + +#dashboard-widgets .postbox-container { + width: 25%; +} + +#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { + border: none !important; +} + +#dashboard-widgets-wrap { + overflow: hidden; + margin: 0 -8px; +} + +#dashboard-widgets .postbox .inside { + margin-bottom: 0; +} + +#dashboard-widgets .meta-box-sortables { + display: flow-root; /* avoid margin collapsing between parent and first/last child elements */ + /* Required min-height to make the jQuery UI Sortable drop zone work. */ + min-height: 100px; + margin: 0 8px 20px; +} + +#dashboard-widgets .postbox-container .empty-container { + outline: 3px dashed #c3c4c7; + height: 250px; +} + +/* Only highlight drop zones when dragging and only in the 2 columns layout. */ +.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { + outline: 3px dashed #646970; + /* Prevent margin on the child from collapsing with margin on the parent. */ + display: flow-root; +} + +#dashboard-widgets .postbox-container .empty-container:after { + content: attr(data-emptystring); + margin: auto; + position: absolute; + top: 50%; + right: 0; + left: 0; + transform: translateY( -50% ); + padding: 0 2em; + text-align: center; + color: #646970; + font-size: 16px; + line-height: 1.5; + display: none; +} + + +/* @todo: this was originally in this section, but likely belongs elsewhere */ +#the-comment-list td.comment p.comment-author { + margin-top: 0; + margin-right: 0; +} + +#the-comment-list p.comment-author img { + float: right; + margin-left: 8px; +} + +#the-comment-list p.comment-author strong a { + border: none; +} + +#the-comment-list td { + vertical-align: top; +} + +#the-comment-list td.comment { + word-wrap: break-word; +} + +#the-comment-list td.comment img { + max-width: 100%; +} + +/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */ +.index-php #screen-meta-links { + margin: 0 0 8px 20px; +} + +/* Welcome Panel */ +.welcome-panel { + position: relative; + overflow: auto; + margin: 16px 0; + background-color: #151515; + font-size: 14px; + line-height: 1.3; + clear: both; +} + +.welcome-panel h2 { + margin: 0; + font-size: 48px; + font-weight: 600; + line-height: 1.25; +} + +.welcome-panel h3 { + margin: 0; + font-size: 20px; + font-weight: 400; + line-height: 1.4; +} + +.welcome-panel p { + font-size: inherit; + line-height: inherit; +} + +.welcome-panel-header { + position: relative; + color: #fff; +} + +.welcome-panel-header-image { + position: absolute !important; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 0 !important; + overflow: hidden; +} + +.welcome-panel-header-image svg { + display: block; + margin: auto; + width: 100%; + height: 100%; +} + +.rtl .welcome-panel-header-image svg { + transform: scaleX(-1); +} + +.welcome-panel-header * { + color: inherit; + position: relative; + z-index: 1; +} + +.welcome-panel-header a:focus, +.welcome-panel-header a:hover { + color: inherit; + text-decoration: none; +} + +.welcome-panel-header a:focus, +.welcome-panel .welcome-panel-close:focus { + outline-color: currentColor; + outline-offset: 1px; + box-shadow: none; +} + +.welcome-panel-header p { + margin: 0.5em 0 0; + font-size: 20px; + line-height: 1.4; +} + +.welcome-panel .welcome-panel-close { + position: absolute; + top: 10px; + left: 10px; + padding: 10px 24px 10px 15px; + font-size: 13px; + line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */ + text-decoration: none; + z-index: 1; /* Raise above the version image. */ +} + +.welcome-panel .welcome-panel-close:before { + position: absolute; + top: 8px; + right: 0; + transition: all .1s ease-in-out; + content: '\f335'; + font-size: 24px; + color: #fff; +} + +.welcome-panel .welcome-panel-close { + color: #fff; +} + +.welcome-panel .welcome-panel-close:hover, +.welcome-panel .welcome-panel-close:focus, +.welcome-panel .welcome-panel-close:hover::before, +.welcome-panel .welcome-panel-close:focus::before { + color: #fff972; +} + +/* @deprecated 5.9.0 -- Button removed from panel. */ +.wp-core-ui .welcome-panel .button.button-hero { + margin: 15px 0 3px 13px; + padding: 12px 36px; + height: auto; + line-height: 1.4285714; + white-space: normal; +} + +.welcome-panel-content { + min-height: 400px; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.welcome-panel-header { + box-sizing: border-box; + margin-right: auto; + margin-left: auto; + max-width: 1500px; + width: 100%; + padding: 48px 48px 80px 0; +} + +.welcome-panel .welcome-panel-column-container { + box-sizing: border-box; + width: 100%; + clear: both; + display: grid; + z-index: 1; + padding: 48px; + grid-template-columns: repeat(3, 1fr); + gap: 32px; + align-self: flex-end; + background: #fff; +} + +[class*="welcome-panel-icon"] { + height: 60px; + width: 60px; + background-position: center; + background-size: 24px 24px; + background-repeat: no-repeat; + border-radius: 100%; +} + +.welcome-panel-column > svg { + margin-top: 4px; +} + +.welcome-panel-column { + display: grid; + grid-template-columns: min-content 1fr; + gap: 24px; +} + +.welcome-panel-icon-pages { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E"); +} + +.welcome-panel-icon-layout { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E"); +} + +.welcome-panel-icon-styles { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E"); +} + +/* @deprecated 5.9.0 -- Section removed from welcome panel. */ +.welcome-panel .welcome-widgets-menus { + line-height: 1.14285714; +} + +/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ +.welcome-panel .welcome-panel-column ul { + margin: 0.8em 0 1em 1em; +} + +/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ +.welcome-panel li { + font-size: 14px; +} + +/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ +.welcome-panel li a { + text-decoration: none; +} + +/* @deprecated 5.9.0 -- Lists removed from welcome panel. */ +.welcome-panel .welcome-panel-column li { + line-height: 1.14285714; + list-style-type: none; + padding: 0 0 8px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-icon { + background: transparent !important; +} + +/* Welcome Panel and Right Now common Icons style */ + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-icon:before, +#dashboard_right_now li a:before, +#dashboard_right_now li span:before, +#dashboard_right_now .search-engines-info:before { + color: #646970; + font: normal 20px/1 dashicons; + speak: never; + display: inline-block; + padding: 0 0 0 10px; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + vertical-align: top; +} + +/* Welcome Panel specific Icons styles */ + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-write-blog:before, +.welcome-panel .welcome-edit-page:before { + content: "\f119"; + top: -3px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-add-page:before { + content: "\f132"; + top: -1px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-setup-home:before { + content: "\f102"; + top: -1px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-view-site:before { + content: "\f115"; + top: -2px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-widgets-menus:before { + content: "\f116"; + top: -2px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-widgets:before { + content: "\f538"; + top: -2px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-menus:before { + content: "\f163"; + top: -2px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-comments:before { + content: "\f117"; + top: -1px; +} + +/* @deprecated 5.9.0 -- Icons removed from welcome panel. */ +.welcome-panel .welcome-learn-more:before { + content: "\f118"; + top: -1px; +} + +/* Right Now specific Icons styles */ + +#dashboard_right_now .search-engines-info:before, +#dashboard_right_now li a:before, +#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ + content: "\f159"; /* generic icon for items added by CPTs ? */ + padding: 0 0 0 5px; +} + +#dashboard_right_now .page-count a:before, +#dashboard_right_now .page-count span:before { + content: "\f105"; +} + +#dashboard_right_now .post-count a:before, +#dashboard_right_now .post-count span:before { + content: "\f109"; +} + +#dashboard_right_now .comment-count a:before { + content: "\f101"; +} + +#dashboard_right_now .comment-mod-count a:before { + content: "\f125"; +} + +#dashboard_right_now .storage-count a:before { + content: "\f104"; +} + +#dashboard_right_now .storage-count.warning a:before { + content: "\f153"; +} + +#dashboard_right_now .search-engines-info:before { + content: "\f348"; +} + +/* Dashboard WordPress events */ + +.community-events-errors { + margin: 0; +} + +.community-events-loading { + padding: 10px 12px 8px; +} + +.community-events { + margin-bottom: 6px; + padding: 0 12px; +} + +.community-events .spinner { + float: none; + margin: 5px 2px 0; + vertical-align: top; +} + +.community-events-errors[aria-hidden="true"], +.community-events-errors [aria-hidden="true"], +.community-events-loading[aria-hidden="true"], +.community-events[aria-hidden="true"], +.community-events form[aria-hidden="true"] { + display: none; +} + +.community-events .activity-block:first-child, +.community-events h2 { + padding-top: 12px; + padding-bottom: 10px; +} + +.community-events-form { + margin: 15px 0 5px; +} + +.community-events-form .regular-text { + width: 40%; + height: 29px; + margin: 0; + vertical-align: top; +} + +.community-events li.event-none { + border-right: 4px solid #72aee6; +} + +#dashboard-widgets .community-events li.event-none a { + text-decoration: underline; +} + +.community-events-form label { + display: inline-block; + vertical-align: top; + line-height: 2.15384615; + height: 28px; +} + +.community-events .activity-block > p { + margin-bottom: 0; + display: inline; +} + +.community-events-toggle-location { + vertical-align: middle; +} + +#community-events-submit { + margin-right: 3px; + margin-left: 3px; +} + +/* Needs higher specificity than #dashboard-widgets .button-link */ +#dashboard-widgets .community-events-cancel.button-link { + vertical-align: top; + /* Same properties as the submit button for cross-browsers alignment. */ + line-height: 2; + height: 28px; + text-decoration: underline; +} + +.community-events ul { + background-color: #f6f7f7; + padding-right: 0; + padding-left: 0; + padding-bottom: 0; +} + +.community-events li { + margin: 0; + padding: 8px 12px; + color: #2c3338; +} +.community-events li:first-child { + border-top: 1px solid #f0f0f1; +} + +.community-events li ~ li { + border-top: 1px solid #f0f0f1; +} + +.community-events .activity-block.last { + border-bottom: 1px solid #f0f0f1; + padding-top: 0; + margin-top: -1px; +} + +.community-events .event-info { + display: block; +} + +.community-events .ce-separator::before { + content: "\2022"; +} + +.event-icon { + height: 18px; + padding-left: 10px; + width: 18px; + display: none; /* Hide on smaller screens */ +} + +.event-icon:before { + color: #646970; + font-size: 18px; +} +.event-meetup .event-icon:before { + content: "\f484"; +} +.event-wordcamp .event-icon:before { + content: "\f486"; +} + +.community-events .event-title { + font-weight: 600; + display: block; +} + +.community-events .event-date, +.community-events .event-time { + display: block; +} + +.community-events-footer { + margin-top: 0; + margin-bottom: 0; + padding: 12px; + border-top: 1px solid #f0f0f1; + color: #dcdcde; +} + +/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */ +.community-events-footer .screen-reader-text { + height: inherit; + white-space: nowrap; +} + +/* Dashboard WordPress news */ + +#dashboard_primary .inside { + margin: 0; + padding: 0; +} + +#dashboard_primary .widget-loading { + padding: 12px 12px 0; + margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */ +} + +/* Notice when JS is off. */ +#dashboard_primary .inside .notice { + margin: 0; +} + +body #dashboard-widgets .postbox form .submit { + margin: 0; +} + +/* Used only for configurable widgets. */ +.dashboard-widget-control-form p { + margin-top: 0; +} + +.rssSummary { + color: #646970; + margin-top: 4px; +} + +#dashboard_primary .rss-widget { + font-size: 13px; + padding: 0 12px; +} + +#dashboard_primary .rss-widget:last-child { + border-bottom: none; + padding-bottom: 8px; +} + +#dashboard_primary .rss-widget a { + font-weight: 400; +} + +#dashboard_primary .rss-widget span, +#dashboard_primary .rss-widget span.rss-date { + color: #646970; +} + +#dashboard_primary .rss-widget span.rss-date { + margin-right: 12px; +} + +#dashboard_primary .rss-widget ul li { + padding: 4px 0; + margin: 0; +} + +/* Dashboard right now */ + +#dashboard_right_now ul { + margin: 0; + /* contain floats but don't use overflow: hidden */ + display: inline-block; + width: 100%; +} + +#dashboard_right_now li { + width: 50%; + float: right; + margin-bottom: 10px; +} + +#dashboard_right_now .inside { + padding: 0; +} + +#dashboard_right_now .main { + padding: 0 12px 11px; +} + +#dashboard_right_now .main p { + margin: 0; +} + +#dashboard_right_now #wp-version-message .button { + float: left; + position: relative; + top: -5px; + margin-right: 5px; +} + +#dashboard_right_now p.search-engines-info { + margin: 1em 0; +} + +.mu-storage { + overflow: hidden; +} + +#dashboard-widgets h3.mu-storage { + margin: 0 0 10px; + padding: 0; + font-size: 14px; + font-weight: 400; +} + +/* Dashboard right now - Colors */ + +#dashboard_right_now .sub { + color: #50575e; + background: #f6f7f7; + border-top: 1px solid #f0f0f1; + padding: 10px 12px 6px; +} + +#dashboard_right_now .sub h3 { + color: #50575e; +} + +#dashboard_right_now .sub p { + margin: 0 0 1em; +} + +#dashboard_right_now .warning a:before, +#dashboard_right_now .warning span:before { + color: #d63638; +} + +/* Dashboard Quick Draft */ + +#dashboard_quick_press .inside { + margin: 0; + padding: 0; +} + +#dashboard_quick_press div.updated { + margin-bottom: 10px; + border: 1px solid #f0f0f1; + border-width: 1px 0 1px 1px; +} + +#dashboard_quick_press form { + margin: 12px; +} + +#dashboard_quick_press .drafts { + padding: 10px 0 0; +} + +/* Dashboard Quick Draft - Form styling */ + +#dashboard_quick_press label { + display: inline-block; + margin-bottom: 4px; +} + +#dashboard_quick_press input, +#dashboard_quick_press textarea { + box-sizing: border-box; + margin: 0; +} + +#dashboard-widgets .postbox form .submit { + margin: -39px 0; + float: left; +} + +#description-wrap { + margin-top: 12px; +} + +#quick-press textarea#content { + min-height: 90px; + max-height: 1300px; + margin: 0 0 8px; + padding: 6px 7px; + resize: none; +} + +/* Dashboard Quick Draft - Drafts list */ + +.js #dashboard_quick_press .drafts { + border-top: 1px solid #f0f0f1; +} + +#dashboard_quick_press .drafts abbr { + border: none; +} + +#dashboard_quick_press .drafts .view-all { + float: left; + margin: 0 0 0 12px; +} + +#dashboard_primary a.rsswidget { + font-weight: 400; +} + +#dashboard_quick_press .drafts ul { + margin: 0 12px; +} + +#dashboard_quick_press .drafts li { + margin-bottom: 1em; +} +#dashboard_quick_press .drafts li time { + color: #646970; +} + +#dashboard_quick_press .drafts p { + margin: 0; + word-wrap: break-word; +} + +#dashboard_quick_press .draft-title { + word-wrap: break-word; +} + +#dashboard_quick_press .draft-title a, +#dashboard_quick_press .draft-title time { + margin: 0 0 0 5px; +} + +/* Dashboard common styles */ + +#dashboard-widgets h4, /* Back-compat for pre-4.4 */ +#dashboard-widgets h3, +#dashboard_quick_press .drafts h2 { + margin: 0 12px 8px; + padding: 0; + font-size: 14px; + font-weight: 400; + color: #1d2327; +} + +#dashboard_quick_press .drafts h2 { + line-height: inherit; +} + +#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ +#dashboard-widgets .inside h3 { + margin-right: 0; + margin-left: 0; +} + +/* Dashboard activity widget */ + +#dashboard_activity .comment-meta span.approve:before { + content: "\f227"; + font: 20px/.5 dashicons; + margin-right: 5px; + vertical-align: middle; + position: relative; + top: -1px; + margin-left: 2px; +} + +#dashboard_activity .inside { + margin: 0; + padding-bottom: 0; +} + +#dashboard_activity .no-activity { + overflow: hidden; + padding: 12px 0; + text-align: center; +} + +#dashboard_activity .no-activity p { + color: #646970; + font-size: 16px; +} + +#dashboard_activity .subsubsub { + float: none; + border-top: 1px solid #f0f0f1; + margin: 0 -12px; + padding: 8px 12px 4px; +} + +#dashboard_activity .subsubsub a .count, +#dashboard_activity .subsubsub a.current .count { + color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */ +} + +#future-posts ul, +#published-posts ul { + margin: 8px -12px 0 -12px; +} + +#future-posts li, +#published-posts li { + display: grid; + grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto; + column-gap: 10px; + color: #646970; + padding: 4px 12px; +} + +#future-posts li:nth-child(odd), +#published-posts li:nth-child(odd) { + background-color: #f6f7f7; +} + +.activity-block { + border-bottom: 1px solid #f0f0f1; + margin: 0 -12px 6px -12px; + padding: 8px 12px 4px; +} + +.activity-block:last-child { + border-bottom: none; + margin-bottom: 0; +} + +.activity-block .subsubsub li { + color: #dcdcde; +} + +/* Dashboard activity widget - Comments */ +/* @todo: needs serious de-duplication */ + +#activity-widget #the-comment-list tr.undo, +#activity-widget #the-comment-list div.undo { + background: none; + padding: 6px 0; + margin-right: 12px; +} + +#activity-widget #the-comment-list .comment-item { + background: #f6f7f7; + padding: 12px; + position: relative; +} + +#activity-widget #the-comment-list .avatar { + position: absolute; + top: 12px; +} + +#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar { + padding-right: 63px; +} + +#activity-widget #the-comment-list .dashboard-comment-wrap blockquote { + margin: 1em 0; +} + +#activity-widget #the-comment-list .comment-item p.row-actions { + margin: 4px 0 0; +} + +#activity-widget #the-comment-list .comment-item:first-child { + border-top: 1px solid #f0f0f1; +} + +#activity-widget #the-comment-list .unapproved { + background-color: #fcf9e8; +} + +#activity-widget #the-comment-list .unapproved:before { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + bottom: 0; + background: #d63638; + width: 4px; +} + +#activity-widget #the-comment-list .spam-undo-inside .avatar, +#activity-widget #the-comment-list .trash-undo-inside .avatar { + position: relative; + top: 0; +} + +/* Browse happy box */ + +#dashboard-widgets #dashboard_browser_nag.postbox .inside { + margin: 10px; +} + +.postbox .button-link .edit-box { + display: none; +} + +.edit-box { + opacity: 0; +} + +.hndle:hover .edit-box, +.edit-box:focus { + opacity: 1; +} + +#dashboard-widgets form .input-text-wrap input { + width: 100%; +} + +#dashboard-widgets form .textarea-wrap textarea { + width: 100%; +} + +#dashboard-widgets .postbox form .submit { + float: none; + margin: .5em 0 0; + padding: 0; + border: none; +} + +#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { + min-width: 0; +} + +#dashboard-widgets li a, +#dashboard-widgets .button-link, +.community-events-footer a { + text-decoration: none; +} + +#dashboard-widgets h2 a { + text-decoration: underline; +} + +#dashboard-widgets .hndle .postbox-title-action { + float: left; + line-height: 1.2; +} + +#dashboard_plugins h5 { + font-size: 14px; +} + +/* Recent Comments */ + +#latest-comments #the-comment-list { + position: relative; + margin: 0 -12px; +} + +#activity-widget #the-comment-list .comment, +#activity-widget #the-comment-list .pingback { + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); +} + +#activity-widget .comments #the-comment-list .alt { + background-color: transparent; +} + +#activity-widget #latest-comments #the-comment-list .comment-item { + /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, + for other users this needs a min height equal to the gravatar image */ + min-height: 50px; + margin: 0; + padding: 12px; +} + +#latest-comments #the-comment-list .pingback { + padding-right: 12px !important; +} + +#latest-comments #the-comment-list .comment-item:first-child { + border-top: none; +} + +#latest-comments #the-comment-list .comment-meta { + line-height: 1.5; + margin: 0; + color: #646970; +} + +#latest-comments #the-comment-list .comment-meta cite { + font-style: normal; + font-weight: 400; +} + +#latest-comments #the-comment-list .comment-item blockquote, +#latest-comments #the-comment-list .comment-item blockquote p { + margin: 0; + padding: 0; + display: inline; +} + +#latest-comments #the-comment-list .comment-item p.row-actions { + margin: 3px 0 0; + padding: 0; + font-size: 13px; +} + +/* Feeds */ +.rss-widget ul { + margin: 0; + padding: 0; + list-style: none; +} + +a.rsswidget { + font-size: 13px; + font-weight: 600; + line-height: 1.4; +} + +.rss-widget ul li { + line-height: 1.5; + margin-bottom: 12px; +} + +.rss-widget span.rss-date { + color: #646970; + font-size: 13px; + margin-right: 3px; +} + +.rss-widget cite { + display: block; + text-align: left; + margin: 0 0 1em; + padding: 0; +} + +.rss-widget cite:before { + content: "\2014"; +} + +.dashboard-comment-wrap { + word-wrap: break-word; +} + +/* Browser Nag */ +#dashboard_browser_nag a.update-browser-link { + font-size: 1.2em; + font-weight: 600; +} + +#dashboard_browser_nag a { + text-decoration: underline; +} + +#dashboard_browser_nag p.browser-update-nag.has-browser-icon { + padding-left: 128px; +} + +#dashboard_browser_nag .browser-icon { + margin-top: -32px; +} + +#dashboard_browser_nag.postbox { + background-color: #b32d2e; + background-image: none; + border-color: #b32d2e; + color: #fff; + box-shadow: none; +} + +#dashboard_browser_nag.postbox h2 { + border-bottom-color: transparent; + background: transparent none; + color: #fff; + box-shadow: none; +} + +#dashboard_browser_nag a { + color: #fff; +} + +#dashboard_browser_nag.postbox .postbox-header { + border-color: transparent; +} + +#dashboard_browser_nag h2.hndle { + border: none; + font-weight: 600; + font-size: 20px; + padding-top: 10px; +} + +.postbox#dashboard_browser_nag p a.dismiss { + font-size: 14px; +} + +.postbox#dashboard_browser_nag p, +.postbox#dashboard_browser_nag a, +.postbox#dashboard_browser_nag p.browser-update-nag { + font-size: 16px; +} + +/* PHP Nag */ +#dashboard_php_nag .dashicons-warning { + color: #dba617; + padding-left: 6px; +} + +#dashboard_php_nag.php-no-security-updates .dashicons-warning, +#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning { + color: #d63638; +} + +#dashboard_php_nag h2 { + display: inline-block; +} + +#dashboard_php_nag p { + margin: 12px 0; +} + +#dashboard_php_nag .button .dashicons-external { + line-height: 25px; +} + +.bigger-bolder-text { + font-weight: 600; + font-size: 14px; +} + +/* =Media Queries +-------------------------------------------------------------- */ + +@media only screen and (min-width: 1600px) { + .welcome-panel .welcome-panel-column-container { + display: flex; + justify-content: center; + } + + .welcome-panel-column { + width: 100%; + max-width: 460px; + } +} + +/* one column on the dash */ +@media only screen and (max-width: 799px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 100%; + } + + #dashboard-widgets .meta-box-sortables { + min-height: 0; + } + + .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables { + min-height: 100px; + } + + #dashboard-widgets .meta-box-sortables.empty-container { + margin-bottom: 0; + } +} + +/* two columns on the dash, but keep the setting if one is selected */ +@media only screen and (min-width: 800px) and (max-width: 1499px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 49.5%; + } + + #wpbody-content #dashboard-widgets #postbox-container-2, + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: left; + width: 50.5%; + } + + #dashboard-widgets #postbox-container-3 .empty-container, + #dashboard-widgets #postbox-container-4 .empty-container { + outline: none; + height: 0; + min-height: 0; + margin-bottom: 0; + } + + #dashboard-widgets #postbox-container-3 .empty-container:after, + #dashboard-widgets #postbox-container-4 .empty-container:after { + display: none; + } + + #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { + width: 100%; + } + + #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container { + outline: none; + height: 0; + min-height: 0; + margin-bottom: 0; + } + + /* show the radio buttons for column prefs only for one or two columns */ + .index-php .screen-layout, + .index-php .columns-prefs { + display: block; + } + + .columns-prefs .columns-prefs-3, + .columns-prefs .columns-prefs-4 { + display: none; + } + + #dashboard-widgets .postbox-container .empty-container:after { + display: block; + } +} + +/* three columns on the dash */ +@media only screen and (min-width: 1500px) and (max-width: 1800px) { + #wpbody-content #dashboard-widgets .postbox-container { + width: 33.5%; + } + + #wpbody-content #dashboard-widgets #postbox-container-1 { + width: 33%; + } + + #wpbody-content #dashboard-widgets #postbox-container-3, + #wpbody-content #dashboard-widgets #postbox-container-4 { + float: left; + } + + #dashboard-widgets #postbox-container-4 .empty-container { + outline: none; + height: 0; + min-height: 0; + margin-bottom: 0; + } + + #dashboard-widgets #postbox-container-4 .empty-container:after { + display: none; + } + + #dashboard-widgets .postbox-container .empty-container:after { + display: block; + } +} + +/* Always show the "Drag boxes here" CSS generated content on large screens. */ +@media only screen and (min-width: 1801px) { + #dashboard-widgets .postbox-container .empty-container:after { + display: block; + } +} + +@media screen and (max-width: 870px) { + /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ + .welcome-panel .welcome-panel-column li { + display: inline-block; + margin-left: 13px; + } + + /* @deprecated 5.9.0 -- Lists removed from welcome panel. */ + .welcome-panel .welcome-panel-column ul { + margin: 0.4em 0 0; + } + +} + +@media screen and (max-width: 1180px) and (min-width: 783px) { + .welcome-panel-column { + grid-template-columns: 1fr; + } + + [class*="welcome-panel-icon"], + .welcome-panel-column > svg { + display: none; + } +} + +@media screen and (max-width: 782px) { + .welcome-panel .welcome-panel-column-container { + grid-template-columns: 1fr; + box-sizing: border-box; + padding: 32px; + width: 100%; + } + + .welcome-panel .welcome-panel-column-content { + max-width: 520px; + } + + /* Keep the close icon from overlapping the Welcome text. */ + .welcome-panel .welcome-panel-close { + overflow: hidden; + text-indent: 40px; + white-space: nowrap; + width: 20px; + height: 20px; + padding: 5px; + top: 5px; + left: 5px; + } + + .welcome-panel .welcome-panel-close::before { + top: 5px; + right: -35px; + } + + #dashboard-widgets h2 { + padding: 12px; + } + + #dashboard_recent_comments #the-comment-list .comment-item .avatar { + height: 30px; + width: 30px; + margin: 4px 0 5px 10px; + } + + .community-events-toggle-location { + height: 38px; + vertical-align: baseline; + } + + .community-events-form .regular-text { + height: 32px; + } + + #community-events-submit { + margin-bottom: 0; + /* Override .wp-core-ui .button */ + vertical-align: top; + } + + .community-events-form label, + #dashboard-widgets .community-events-cancel.button-link { + /* Same properties as the submit button for cross-browsers alignment. */ + font-size: 14px; + line-height: normal; + height: auto; + padding: 6px 0; + border: 1px solid transparent; + } + + .community-events .spinner { + margin-top: 7px; + } +} + +/* Smartphone */ +@media screen and (max-width: 600px) { + .welcome-panel-header { + padding: 32px 32px 64px; + } + + .welcome-panel-header-image { + display: none; + } +} + +@media screen and (max-width: 480px) { + .welcome-panel-column { + gap: 16px; + } +} + +@media screen and (max-width: 360px) { + .welcome-panel-column { + grid-template-columns: 1fr; + } + + [class*="welcome-panel-icon"], + .welcome-panel-column > svg { + display: none; + } +} + +@media screen and (min-width: 355px) { + .community-events .event-info { + display: table-row; + float: right; + max-width: 59%; + } + + .event-icon, + .event-icon[aria-hidden="true"] { + display: table-cell; + } + + .event-info-inner { + display: table-cell; + } + + .community-events .event-date-time { + float: left; + max-width: 39%; + } + + .community-events .event-date, + .community-events .event-time { + text-align: left; + } +} |