1 /*------------------------------------------------------------------------------
3 ------------------------------------------------------------------------------*/
7 margin: 25px 40px 0 20px;
8 max-width: 1050px; /* readability */
13 .about-wrap div.updated,
14 .about-wrap div.error {
15 display: none !important;
22 border-top: 1px solid rgba(0, 0, 0, 0.1);
29 vertical-align: middle;
40 margin: 0.2em 200px 0 0;
51 .about-wrap .about-text,
52 .about-wrap p.about-description,
53 .about-wrap li.wp-person a.web {
64 margin: 1em 200px 1em 0;
70 .about-wrap .changelog h2.about-headline-callout {
71 margin: 1.1em 0 0.2em;
84 .about-wrap h3.higher {
93 .about-wrap .feature-section h4 {
94 margin: 1.4em 0 0.6em 0;
98 .about-wrap .feature-section p {
103 .about-wrap ol li p {
107 .about-wrap .button.button-large {
108 padding: 8px 20px 10px !important;
109 height: 46px !important;
111 line-height: 28px !important;
116 .about-wrap .about-overview-img {
122 .about-wrap .point-releases {
124 border-bottom: 1px solid #dfdfdf;
127 .about-wrap .changelog.point-releases h3 {
131 .about-wrap .changelog.point-releases h3:first-child {
135 /* WordPress Version Badge */
138 background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat;
139 background: #0074a2, url(../images/wordpress-logo-white.svg?ver=20131110) no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */
140 background-position: center 24px;
141 -webkit-background-size: 85px 85px;
142 background-size: 85px 85px;
150 display: inline-block;
152 text-rendering: optimizeLegibility;
153 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
154 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
158 .about-wrap .wp-badge {
166 .about-wrap h2.nav-tab-wrapper {
170 .about-wrap h2 .nav-tab {
171 padding: 4px 15px 6px;
172 margin: 0 3px -1px 0;
178 /* Changelog / Update screen */
187 margin: 1em auto 50px;
194 .about-wrap .feature-section {
196 padding-bottom: 20px;
199 .about-wrap .feature-section.two-col > div {
202 margin-right: 4.799999999%;
206 .about-wrap .feature-section.three-col > div {
209 margin-right: 4.999999999%;
213 .about-wrap .feature-section.col .last-feature {
217 .about-wrap .under-the-hood .feature-section {
221 .about-wrap .changelog .feature-section {
225 .about-wrap .feature-section.two-col div p {
229 .about-wrap .feature-section div p img {
235 /* responsive videos for 4.0 */
243 padding-bottom: 70.4%; /* 352 / 500 */
247 padding-bottom: 56.2%; /* 281 / 500 */
250 .about-video .wp-video,
251 .about-video .mejs-container,
256 width: 100% !important;
257 height: 100% !important;
260 .about-wrap .changelog li {
261 list-style-type: disc;
265 /* Return to Dashboard Home link */
267 .about-wrap .return-to-dashboard {
268 margin: 30px 0 0 -5px;
273 .about-wrap .return-to-dashboard a {
274 text-decoration: none;
280 .about-wrap h4.wp-people-group {
285 .about-wrap ul.wp-people-group {
288 margin: 0 -15px 0 -5px;
291 .about-wrap ul.compact {
295 .about-wrap li.wp-person {
300 .about-wrap li.wp-person img.gravatar {
302 margin: 0 10px 10px 0;
308 .about-wrap ul.compact li.wp-person img.gravatar {
313 /* @todo: combine this */
314 .about-wrap li.wp-person {
317 padding-bottom: 15px;
320 .about-wrap ul.compact li.wp-person {
327 .about-wrap #wp-people-group-validators + p.wp-credits-list {
331 .about-wrap li.wp-person a.web {
335 text-decoration: none;
338 .about-wrap p.wp-credits-list a {
344 .freedoms-php .about-wrap ol {
348 .freedoms-php .about-wrap ol li {
349 list-style-type: decimal;
353 .freedoms-php .about-wrap ol p {
359 -------------------------------------------------------------- */
361 @media screen and ( max-width: 782px ) {
362 .about-wrap .feature-section.one-col > div,
363 .about-wrap .feature-section.two-col > div,
364 .about-wrap .feature-section.three-col > div {
369 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
372 .about-wrap .under-the-hood .feature-section > div,
373 .about-wrap .feature-section.col > div.last-feature {
381 /* Responsive release video */
382 @media screen and ( max-width: 710px ) {
385 padding-bottom: 56.25%; /* 360 / 640 */
390 .about-overview embed {
399 @media only screen and (max-width: 500px) {
411 margin-bottom: 0.25em;
414 .about-wrap .wp-badge {
416 margin-bottom: 1.5em;
420 .about-wrap h2.nav-tab-wrapper {
425 .about-wrap h2 .nav-tab {
428 border-bottom: 1px solid #ccc;
431 .about-wrap .feature-section.three-col div {
436 .about-wrap .three-col.about-updates .col-1 {
441 .about-wrap .three-col.about-updates .col-2 {