WordPress/wp-admin/css/about-rtl.min.css
Andrea Fercia 8f69ebf812 Accessibility: Improve the semantics of "tabs" that are not real ARIA tabs.
Some "visual tabs" in the WordPress admin used links wrapped in a `h2` heading. While these tabs look like ARIA tabs, they're just navigation menus and should be marked-up as such to be correctly exposed to assistive technologies.
- changes the wrapping `<h2>` to a `<nav>` element: worth reminding `<nav>` elements also define ARIA landmarks
- adds an `aria-label` to the `<nav>` elements so they can be distinguished from other `<nav>` elements in the page
- adjusts the headings level in the Credits page

Props audrasjb, afercia.
Fixes #43398.

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


git-svn-id: http://core.svn.wordpress.org/trunk@44736 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-03-15 14:54:52 +00:00

2 lines
7.9 KiB
CSS

/*! This file is auto-generated */
.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;width:100%;height:auto;vertical-align:middle}.about-wrap figure{position:relative;margin:0}.about-wrap .feature-section figure img{margin-bottom:0}.about-wrap figcaption{position:absolute;bottom:0;width:100%;padding:40px 10px 15px;overflow:auto;box-sizing:border-box;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent);font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.75)}.about-wrap .jetpack-video-wrapper{margin-bottom:0}.wp-badge{background:#0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;background-position:center 25px;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px}.about-wrap p{line-height:1.5;font-size:14px}.about-wrap .feature-section p{max-width:55em;margin-right:auto;margin-left:auto}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2em;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap .under-the-hood-header{margin:40px 0 0;text-align:center}.about-wrap h4{color:#23282d}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap figcaption{font-size:13px;text-align:center;color:#fff;text-overflow:ellipsis}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6em;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;color:#555d66}.about-wrap [class$="-col"]{display:flex;justify-content:space-between;flex-wrap:wrap}.about-wrap .one-col{margin:0 auto;max-width:680px}.about-wrap .one-col.is-wide{max-width:760px}.about-wrap .under-the-hood{margin:auto;max-width:1020px}.about-wrap .inline-svg img{max-width:100%;width:100%;height:auto}.about-wrap .inline-svg.full-width{margin-bottom:120px}.about-wrap .under-the-hood .inline-svg{margin-right:100px}.about-wrap [class$="-col"] .col{flex:1;align-self:flex-start}.about-wrap [class$="-col"] .col+.col{margin-right:20px}.about-wrap [class$="-col"] .is-span-two{flex:2}.about-wrap .one-col img{margin:1em 0 2em}.about-wrap .one-col .alignright img{margin-top:0}.about-wrap .two-col img{margin-bottom:1.5em}.about-wrap .feature-video .mejs-controls{display:none!important}.about-wrap .feature-video .mejs-overlay-loading span{background:0 0}.about-wrap video{margin:1.5em auto}.about-wrap .inline-svg.alignright{margin-right:80px}.about-wrap .cta{text-align:center}.about-wrap .cta .button{margin:0 auto 5px;font-weight:600}.about-wrap .feature-section .button{margin-top:1.5em;font-weight:600}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .feature-section-header{margin:50px 0 0}.about-wrap .feature-section.two-col h3{margin-top:0}.about-wrap .feature-section h4{margin:1.4em 0 .6em 0;font-size:1em}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .two-col-text{column-count:2;column-gap:40px}.about-wrap .two-col-text p:first-of-type{margin-top:0}.about-wrap .native-fonts p,.about-wrap .streamlined-updates p{margin-bottom:3em}.about-wrap .under-the-hood img+h3{margin-top:1.25em}.about-wrap .headline-feature{margin-bottom:40px}.about-wrap .featured-image{text-align:center}.about-wrap .feature-section{overflow:hidden}.about-wrap .feature-section.no-heading{padding-top:35px}.about-wrap .feature-section .media-container{overflow:hidden}.about-wrap .embed-container{text-align:center}.about-wrap .embed-container iframe{max-width:100%}.about-wrap .wp-embedded-content{max-width:100%}.about-wrap .feature-section .col{margin-top:40px}.about-wrap .changelog{margin-bottom:40px}.about-wrap .changelog.feature-section .col{margin-top:40px}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap h2.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit;font-weight:600;text-align:right}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2em;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}.freedoms-php .about-wrap .col .freedoms-image{background-image:url(https://s.w.org/wp-content/themes/pub/wporg-main/images/freedoms-2x.png);background-size:100%;padding-top:100%}.freedoms-php .about-wrap .col:nth-of-type(2) .freedoms-image{background-position:100% 34%}.freedoms-php .about-wrap .col:nth-of-type(3) .freedoms-image{background-position:100% 66%}.freedoms-php .about-wrap .col:nth-of-type(4) .freedoms-image{background-position:100% 100%}@media screen and (max-width:782px){.about-wrap .two-col-text{column-count:1}.about-wrap .one-col .alignright{margin-right:20px;max-width:150px}.about-wrap .four-col .col,.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:48%!important;max-width:48%!important;margin-right:0!important}.about-wrap .eight-col .col{min-width:24%!important}.about-wrap .eight-col img,.about-wrap .four-col img,.about-wrap .three-col img{display:block;margin:0 auto}.about-wrap figcaption{position:relative;margin-top:10px;margin-bottom:15px;padding:0;background:0 0;color:#40464d;text-shadow:none}.about-wrap .under-the-hood .inline-svg{margin-right:40px}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}.about-wrap .one-col .alignright{max-width:120px}.about-wrap .feature-section .col{margin-top:1em}.about-wrap .three-col .col,.about-wrap .two-col .col{min-width:100%!important}.about-wrap .eight-col .col{min-width:48%!important}.about-wrap .under-the-hood.four-col .col,.about-wrap .under-the-hood.one-col .col,.about-wrap .under-the-hood.three-col .col,.about-wrap .under-the-hood.two-col .col{margin-bottom:2em;padding-bottom:0}.about-wrap .under-the-hood:nth-of-type(2n),.about-wrap .under-the-hood:nth-of-type(3n){margin-top:0}.about-wrap .under-the-hood img+h3{margin-top:1.25em}.about-wrap .under-the-hood .inline-svg{display:none}.about-wrap .inline-svg.full-width{margin-bottom:60px}}@media only screen and (max-width:320px){.about-wrap .one-col .alignright{float:none;margin:0 auto}.about-wrap .one-col .alignright img{margin:0 0 1em}}