1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489 |
- #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 !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%;
- 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: #e7ebfd;
- 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 {
- --about-header-image-width: 521px;
- --about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
- --about-header-bg-offset-inline: 2rem;
- position: relative;
- }
- .welcome-panel-header-image {
- position: absolute;
- top: -1rem;
- right: var(--about-header-bg-offset-inline);
- bottom: 0;
- width: var(--about-header-bg-width);
- height: auto;
- }
- .welcome-panel-header-image svg {
- width: 100%;
- height: auto;
- }
- .welcome-panel-header a {
- color: inherit;
- }
- .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: #1d2327;
- }
- .welcome-panel .welcome-panel-close {
- color: #1d2327;
- }
- .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: #2271b1;
- }
- /* @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;
- padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
- }
- .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-color: #1d2327;
- background-position: center;
- background-size: 24px 24px;
- background-repeat: no-repeat;
- border-radius: 100%;
- }
- .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 !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 10px 0 0;
- 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 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;
- }
- .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 !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-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 {
- clear: both;
- margin-bottom: 0;
- }
- #future-posts li,
- #published-posts li {
- margin-bottom: 8px;
- }
- #future-posts ul span,
- #published-posts ul span {
- display: inline-block;
- margin-right: 5px;
- min-width: 150px;
- color: #646970;
- }
- .activity-block {
- border-bottom: 1px solid #f0f0f1;
- margin: 0 -12px;
- padding: 8px 12px 4px;
- }
- .activity-block:last-child {
- border-bottom: none;
- }
- .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 !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-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-insecure .dashicons-warning {
- color: #d63638;
- }
- #dashboard_php_nag h2 {
- display: inline-block;
- }
- #dashboard_php_nag p {
- margin: 12px 0;
- }
- #dashboard_php_nag h3 {
- font-weight: 600;
- }
- #dashboard_php_nag .button .dashicons-external {
- line-height: 25px;
- }
- /* =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"] {
- display: none;
- }
- }
- @media screen and (max-width: 782px) {
- .welcome-panel-header {
- --about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
- --about-header-bg-offset-inline: 1rem;
- }
- .welcome-panel-header-image {
- top: 2rem;
- }
- .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"] {
- 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;
- }
- }
|