[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /*! This file is auto-generated */ 2 /* Note: Any Site Health selectors that use 3 duplicate styling from the Privacy settings screen 4 are styled in the Privacy section of edit.css */ 5 6 .health-check-body h2 { 7 line-height: 1.4; 8 } 9 10 .health-check-body h3 { 11 padding: 0; 12 font-weight: 400; 13 } 14 15 .site-health-progress-wrapper { 16 margin-bottom: 1rem; 17 } 18 19 .site-health-progress { 20 display: inline-block; 21 height: 20px; 22 width: 20px; 23 margin: 0; 24 border-radius: 100%; 25 position: relative; 26 font-weight: 600; 27 font-size: 0.4rem; 28 } 29 30 .site-health-progress-count { 31 position: absolute; 32 display: block; 33 height: 80px; 34 width: 80px; 35 right: 50%; 36 top: 50%; 37 margin-top: -40px; 38 margin-right: -40px; 39 border-radius: 100%; 40 line-height: 6.3; 41 font-size: 2em; 42 } 43 44 .loading .site-health-progress svg #bar { 45 stroke-dashoffset: 0; 46 stroke: #c3c4c7; 47 animation: loadingPulse 3s infinite ease-in-out; 48 } 49 50 .site-health-progress svg circle { 51 stroke-dashoffset: 0; 52 transition: stroke-dashoffset 1s linear; 53 stroke: #c3c4c7; 54 stroke-width: 2em; 55 } 56 57 .site-health-progress svg #bar { 58 stroke-dashoffset: 565; 59 stroke: #d63638; 60 } 61 62 .green .site-health-progress #bar { 63 stroke: #00a32a; 64 } 65 .green .site-health-progress .site-health-progress-label { 66 color: #00a32a; 67 } 68 69 .orange .site-health-progress #bar { 70 stroke: #dba617; 71 } 72 .orange .site-health-progress .site-health-progress-label { 73 color: #dba617; 74 } 75 76 .site-health-progress-label { 77 font-weight: 600; 78 line-height: 20px; 79 margin-right: 0.3rem; 80 } 81 82 @keyframes loadingPulse { 83 0% { 84 stroke: #c3c4c7; 85 } 86 50% { 87 stroke: #72aee6; 88 } 89 100% { 90 stroke: #c3c4c7; 91 } 92 } 93 94 .health-check-tabs-wrapper { 95 /* IE 11 */ 96 display: -ms-inline-grid; 97 -ms-grid-columns: 1fr 1fr 1fr 1fr; 98 vertical-align: top; 99 /* modern browsers */ 100 display: inline-grid; 101 grid-template-columns: 1fr 1fr 1fr 1fr; 102 } 103 104 .health-check-tabs-wrapper.tab-count-1 { 105 grid-template-columns: 1fr; 106 } 107 .health-check-tabs-wrapper.tab-count-2 { 108 grid-template-columns: 1fr 1fr; 109 } 110 .health-check-tabs-wrapper.tab-count-3 { 111 grid-template-columns: 1fr 1fr 1fr; 112 } 113 114 .health-check-tab { 115 display: block; /* IE 11 */ 116 text-decoration: none; 117 color: inherit; 118 padding: 0.5rem 1rem 1rem; 119 margin: 0 1rem; 120 transition: box-shadow 0.5s ease-in-out; 121 } 122 123 .health-check-offscreen-nav-wrapper { 124 position: relative; 125 background: transparent; 126 border: none; 127 } 128 .health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav { 129 right: initial; 130 } 131 132 .health-check-offscreen-nav { 133 display: none; 134 position: absolute; 135 padding-top: 10px; 136 left: 0; 137 top: 100%; 138 width: 13rem; 139 } 140 .health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav { 141 display: inline-block; 142 } 143 .health-check-offscreen-nav:before { 144 position: absolute; 145 content: ""; 146 width: 0; 147 height: 0; 148 border-style: solid; 149 border-width: 0 10px 5px; 150 border-color: transparent transparent #ffffff; 151 left: 20px; 152 top: 5px; 153 } 154 155 .health-check-offscreen-nav .health-check-tab { 156 background: #fff; 157 box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 ); 158 } 159 160 .health-check-offscreen-nav .health-check-tab.active { 161 box-shadow: inset -3px 0 #3582c4; 162 font-weight: 600; 163 } 164 165 .health-check-body { 166 max-width: 800px; 167 margin: 0 auto; 168 } 169 170 .health-check-table td:first-child { 171 width: 30%; 172 } 173 174 .health-check-table td { 175 width: 70%; 176 } 177 178 .health-check-table ul, 179 .health-check-table ol { 180 margin: 0; 181 } 182 183 .health-check-body li { 184 line-height: 1.5; 185 } 186 187 .health-check-body .pass::before, 188 .health-check-body .good::before { 189 content: "\f147"; 190 color: #00a32a; 191 } 192 193 .health-check-body .warning::before { 194 content: "\f460"; 195 color: #dba617; 196 } 197 198 .health-check-body .info::before { 199 content: "\f348"; 200 color: #72aee6; 201 } 202 203 .health-check-body .fail::before, 204 .health-check-body .error::before { 205 content: "\f335"; 206 color: #d63638; 207 } 208 209 .site-health-copy-buttons { 210 margin: 1rem 0; 211 } 212 213 .site-health-copy-buttons .copy-button-wrapper { 214 display: inline-flex; 215 align-items: center; 216 margin: 0.5rem 0 1rem; 217 } 218 219 .site-health-copy-buttons .success { 220 color: #007017; 221 margin-right: 0.5rem; 222 } 223 224 .site-status-has-issues.hide { 225 display: none; 226 } 227 228 .site-health-view-more { 229 text-align: center; 230 } 231 232 .site-health-issues-wrapper:first-of-type { 233 margin-top: 3rem; 234 } 235 236 .site-health-issues-wrapper { 237 margin-bottom: 3rem; 238 margin-top: 2rem; 239 } 240 241 .site-status-all-clear { 242 display: flex; 243 flex-direction: column; 244 align-items: center; 245 justify-content: center; 246 text-align: center; 247 height: 100%; 248 width: 100%; 249 margin: 0 0 3rem; 250 } 251 252 @media all and (min-width: 784px) { 253 .site-status-all-clear { 254 margin: 2rem 0 5rem; 255 } 256 } 257 258 .site-status-all-clear.hide { 259 display: none; 260 } 261 262 .site-status-all-clear .dashicons { 263 font-size: 150px; 264 height: 150px; 265 margin-bottom: 2rem; 266 width: 150px; 267 } 268 269 .site-status-all-clear .encouragement { 270 font-size: 1.5rem; 271 font-weight: 600; 272 } 273 274 .site-status-all-clear p { 275 margin: 0; 276 } 277 278 .wp-core-ui .button.site-health-view-passed { 279 position: relative; 280 padding-left: 40px; 281 padding-right: 20px; 282 } 283 284 .health-check-wp-paths-sizes.spinner { 285 visibility: visible; 286 float: none; 287 margin: 0 4px; 288 flex-shrink: 0; 289 } 290 291 /* Styling unique to the dashboard widget. */ 292 #dashboard_site_health .site-health-details { 293 padding-right: 16px; 294 } 295 296 #dashboard_site_health .site-health-details p:first-child { 297 margin-top: 0; 298 } 299 300 #dashboard_site_health .site-health-details p:last-child { 301 margin-bottom: 0; 302 } 303 304 #dashboard_site_health .health-check-widget { 305 display: grid; 306 grid-template-columns: 1fr 2fr; 307 grid-auto-rows: minmax(64px, auto); 308 column-gap: 16px; 309 align-items: center; 310 } 311 #dashboard_site_health .site-health-progress-label { 312 margin-right: 0; 313 } 314 315 .health-check-widget-title-section { 316 margin-bottom: 0; 317 text-align: center; 318 } 319 320 @media screen and (max-width: 480px) { 321 #dashboard_site_health .health-check-widget { 322 grid-template-columns: 100%; 323 } 324 } 325 326 @media screen and (max-width: 782px) { 327 328 .site-health-issues-wrapper .health-check-accordion-trigger { 329 flex-direction: column; 330 align-items: flex-start; 331 } 332 333 .health-check-accordion-trigger .badge { 334 margin: 1em 0 0; 335 } 336 337 .health-check-table { 338 table-layout: fixed; 339 } 340 341 .health-check-table td { 342 box-sizing: border-box; 343 display: block; 344 width: 100%; 345 word-wrap: break-word; 346 } 347 348 .health-check-table td:first-child { 349 width: 100%; 350 padding-bottom: 0; 351 font-weight: 600; 352 } 353 354 .wp-core-ui .site-health-copy-buttons .copy-button { 355 margin-bottom: 0; 356 } 357 } 358
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Wed Nov 13 08:20:01 2024 | Cross-referenced by PHPXref |