WordPress/wp-admin/css/site-health-rtl.min.css
Andrea Fercia 0942dfc6d4 Administration: Improve the CSS for the Site Health pages header.
Avoids the Site Health pages header layout to break when the Hello Dolly plugin or other floated content is printed out at the top of the page.

Props xkon.
Fixes #46650.

Built from https://develop.svn.wordpress.org/trunk@45072


git-svn-id: http://core.svn.wordpress.org/trunk@44881 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-03-29 18:55:50 +00:00

2 lines
5.5 KiB
CSS

/*! This file is auto-generated */
.site-health #wpcontent{padding-right:0}.health-check-header h1{display:inline-block;font-weight:600;margin:1rem .8rem;font-size:23px;padding:9px 0 4px 0;line-height:29px}.health-check-body h2{padding:1rem 0;line-height:1.4}.health-check-body h3{padding:0;font-weight:400}.health-check-header{text-align:center;margin:0 0 1rem;background:#fff;border-bottom:1px solid #e2e4e7}.health-check-title-section{display:flex;align-items:center;justify-content:center;clear:both}.site-health-progress{display:inline-block;height:40px;width:40px;margin:0;border-radius:100%;position:relative;font-weight:600;font-size:.4rem}.site-health-progress-count{position:absolute;display:block;height:80px;width:80px;right:50%;top:50%;margin-top:-40px;margin-right:-40px;border-radius:100%;line-height:80px;font-size:2em}.site-health-progress-count::after{content:""}.site-health-progress.loading .site-health-progress-count::after{animation:loadingEllipsis 3s infinite ease-in-out}.site-health-progress.loading svg #bar{stroke-dashoffset:0;stroke:#adc5d2;animation:loadingPulse 3s infinite ease-in-out}.site-health-progress svg circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke:#ccc;stroke-width:2em}.site-health-progress svg #bar{stroke-dashoffset:565;stroke:#dc3232}.site-health-progress svg #bar.green{stroke:#46b450}.site-health-progress svg #bar.orange{stroke:#ffb900}@keyframes loadingPulse{0%{stroke:#adc5d2}50%{stroke:#00a0d2}100%{stroke:#adc5d2}}@keyframes loadingEllipsis{0%{content:"."}50%{content:".."}100%{content:"..."}}.health-check-tab{display:inline-block;text-decoration:none;color:inherit;padding:.5rem 1rem 1rem;margin:0 1rem;transition:box-shadow .5s ease-in-out}.health-check-tab:focus{color:#191e23;outline:1px solid #6c7781;box-shadow:none}.health-check-tab.active{box-shadow:inset 0 -3px #007cba;font-weight:600}.health-check-body{max-width:800px;margin:0 auto}.health-check-table td:first-child{width:30%}.health-check-table td{width:70%}.health-check-table ol,.health-check-table ul{margin:0}.health-check-body li{line-height:1.5}.health-check-body .good::before,.health-check-body .pass::before{content:"\f147";display:inline-block;color:#46b450;font-family:dashicons;vertical-align:top}.health-check-body .warning::before{content:"\f460";display:inline-block;color:#ffb900;font-family:dashicons}.health-check-body .info::before{content:"\f348";display:inline-block;color:#00a0d2;font-family:dashicons}.health-check-body .error::before,.health-check-body .fail::before{content:"\f335";display:inline-block;color:#dc3232;font-family:dashicons}.site-health-copy-buttons{margin:1rem 0}.site-health-copy-buttons .copy-button-wrapper{margin:.5rem 0 1rem}.site-health-copy-buttons .success{display:none;color:#40860a;line-height:1.8;margin-right:.5rem}.site-health-copy-buttons .success.visible{display:inline-block;height:28px;line-height:28px}.site-status-has-issues.hide{display:none}.site-health-view-more{text-align:center}.site-health-issues-wrapper:first-of-type{margin-top:3rem}.site-health-issues-wrapper{margin-bottom:3rem;margin-top:2rem}.site-status-all-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;margin-top:0}@media all and (min-width:784px){.site-status-all-clear{margin:5rem 0}}.site-status-all-clear.hide{display:none}.site-status-all-clear .dashicons{font-size:150px;height:130px;width:150px}.site-status-all-clear .encouragement{font-size:1.5rem;font-weight:600}.site-status-all-clear p{margin:0}.health-check-accordion{border:1px solid #e2e4e7}.health-check-accordion dt{font-weight:600;border-top:1px solid #e2e4e7}.health-check-accordion dt:first-child{border-top:none}.health-check-accordion-trigger{background:#fff;border:0;color:#212121;cursor:pointer;display:block;font-weight:400;margin:0;padding:1em 1.5em;position:relative;text-align:right;width:100%}.health-check-accordion-trigger:active,.health-check-accordion-trigger:hover{background:#f8f9f9}.health-check-accordion-trigger:focus{color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.health-check-accordion-trigger .title{display:inline-block;pointer-events:none;font-weight:600}.health-check-accordion-trigger .icon{border:solid #191e23;border-width:0 0 2px 2px;height:.5rem;pointer-events:none;position:absolute;left:1.5em;top:50%;transform:translateY(-70%) rotate(-45deg);width:.5rem}.health-check-accordion-trigger .badge{display:inline-block;padding:.1rem .5rem .15rem;background-color:#d7dade;border-radius:3px;color:#000;font-weight:600;margin:0 .5rem}.health-check-accordion-trigger .badge.blue{background-color:#0073af;color:#fff}.health-check-accordion-trigger .badge.orange{background-color:#ffb900;color:#000}.health-check-accordion-trigger .badge.red{background-color:#dc3232;color:#fff}.health-check-accordion-trigger .badge.green{background-color:#40860a;color:#fff}.health-check-accordion-trigger .badge.pink{background-color:#f4b0fc;color:#000}.health-check-accordion-trigger .badge.gray{background-color:#ccc;color:#000}.health-check-accordion-trigger .badge.light-blue{background-color:#10e9fb;color:#000}.health-check-accordion-trigger .badge.light-green{background-color:#60f999;color:#000}.health-check-accordion-trigger[aria-expanded=true] .icon{transform:translateY(-30%) rotate(135deg)}.health-check-accordion-panel{margin:0;padding:1em 1.5em;background:#fff}.health-check-accordion-panel[hidden]{display:none}@media screen and (max-width:782px){.health-check-body{margin:0 12px;width:auto}}@media only screen and (max-width:1004px){.health-check-body{margin:0 22px;width:auto}}