Spaces:
Sleeping
Sleeping
| #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: right; | |
| 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: right; | |
| } | |
| #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 ; | |
| } | |
| #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%; | |
| left: 0; | |
| right: 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-left: 0; | |
| } | |
| #the-comment-list p.comment-author img { | |
| float: left; | |
| margin-right: 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 20px 8px 0; | |
| } | |
| /* 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 ; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 0 ; | |
| 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; | |
| right: 10px; | |
| padding: 10px 15px 10px 24px; | |
| 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; | |
| left: 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 13px 3px 0; | |
| 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-left: auto; | |
| margin-right: auto; | |
| max-width: 1500px; | |
| width: 100%; | |
| padding: 48px 0 80px 48px; | |
| } | |
| .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 1em 1em 0; | |
| } | |
| /* @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 ; | |
| } | |
| /* 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 10px 0 0; | |
| position: relative; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| text-decoration: none ; | |
| 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 5px 0 0; | |
| } | |
| #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-left: 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-left: 3px; | |
| margin-right: 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-left: 0; | |
| padding-right: 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-right: 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 ; /* 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-left: 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: left; | |
| 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: right; | |
| position: relative; | |
| top: -5px; | |
| margin-left: 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 1px 1px 0; | |
| } | |
| #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: right; | |
| } | |
| #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: right; | |
| margin: 0 12px 0 0; | |
| } | |
| #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 5px 0 0; | |
| } | |
| /* 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-left: 0; | |
| margin-right: 0; | |
| } | |
| /* Dashboard activity widget */ | |
| #dashboard_activity .comment-meta span.approve:before { | |
| content: "\f227"; | |
| font: 20px/.5 dashicons; | |
| margin-left: 5px; | |
| vertical-align: middle; | |
| position: relative; | |
| top: -1px; | |
| margin-right: 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-left: 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-left: 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; | |
| left: 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: right; | |
| 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-left: 12px ; | |
| } | |
| #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-left: 3px; | |
| } | |
| .rss-widget cite { | |
| display: block; | |
| text-align: right; | |
| 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-right: 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-right: 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: right; | |
| 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: right; | |
| } | |
| #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-right: 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; | |
| right: 5px; | |
| } | |
| .welcome-panel .welcome-panel-close::before { | |
| top: 5px; | |
| left: -35px; | |
| } | |
| #dashboard-widgets h2 { | |
| padding: 12px; | |
| } | |
| #dashboard_recent_comments #the-comment-list .comment-item .avatar { | |
| height: 30px; | |
| width: 30px; | |
| margin: 4px 10px 5px 0; | |
| } | |
| .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: left; | |
| 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: right; | |
| max-width: 39%; | |
| } | |
| .community-events .event-date, | |
| .community-events .event-time { | |
| text-align: right; | |
| } | |
| } | |