1 /*------------------------------------------------------------------------------
4 1.0 Global: About, Credits, Freedoms
11 3.0 Credits & Freedoms Pages
12 ------------------------------------------------------------------------------*/
14 /*------------------------------------------------------------------------------
15 1.0 - Global: About, Credits, Freedoms
16 ------------------------------------------------------------------------------*/
20 margin: 25px 40px 0 20px;
21 max-width: 1050px; /* readability */
25 .about-wrap div.updated,
26 .about-wrap div.error,
28 display: none !important;
35 border-top: 1px solid rgba(0, 0, 0, 0.1);
42 vertical-align: middle;
45 .about-wrap .jetpack-video-wrapper {
49 /* WordPress Version Badge */
52 background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
53 background-position: center 25px;
54 -webkit-background-size: 80px 80px;
55 background-size: 80px 80px;
63 display: inline-block;
65 text-rendering: optimizeLegibility;
66 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
67 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
71 background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
74 .about-wrap .wp-badge {
82 .about-wrap .nav-tab {
88 /* 1.1 - Typography */
95 .about-wrap .feature-section p {
102 margin: 0.2em 200px 0 0;
119 margin: 1.25em 0 .6em;
128 .about-wrap .changelog h3 {
131 line-height: inherit;
136 .about-wrap ol li p {
141 .about-wrap .about-description,
142 .about-wrap .about-text {
149 .about-wrap .about-text {
150 margin: 1em 200px 1em 0;
155 /* 1.2 - Structure */
157 .about-wrap [class$=col] .col {
162 .about-wrap .two-col .col {
163 margin-right: 4.799999999%;
167 .about-wrap .two-col img {
168 margin-bottom: 1.5em;
171 .about-wrap .feature-section.two-col .col {
172 display: inline-block;
175 margin-right: 4.799999999%;
176 width: -webkit-calc( 47.6% - 4px );
177 width: calc( 47.6% - 4px );
181 .about-wrap .three-col .col {
182 margin-right: 4.999999999%;
186 .about-wrap .two-col .col:nth-of-type(2n),
187 .about-wrap .three-col .col:nth-of-type(3n) {
191 .about-wrap .under-the-hood {
196 .about-wrap .under-the-hood:nth-of-type(2n),
197 .about-wrap .under-the-hood:nth-of-type(3n) {
201 .about-wrap .feature-video .mejs-controls {
202 display: none !important;
205 .about-wrap .feature-video .mejs-overlay-loading span {
206 background: transparent; /* Hide loading.gif */
209 /* 1.3 - Point Releases */
211 .about-wrap .point-releases {
213 border-bottom: 1px solid #ddd;
216 .about-wrap .changelog.point-releases h3 {
220 .about-wrap .changelog.point-releases h3:first-child {
224 /*------------------------------------------------------------------------------
226 ------------------------------------------------------------------------------*/
228 /* 2.1 - Typography */
230 .about-wrap .headline-feature h2 {
238 .about-wrap .headline-feature h3 {
243 .about-wrap .feature-section.two-col h3 {
247 .about-wrap .feature-section h4 {
248 margin: 1.4em 0 0.6em 0;
252 .about-wrap .feature-section p {
256 .about-wrap .two-col-text {
257 -webkit-column-count: 2;
258 -moz-column-count: 2;
260 -webkit-column-gap: 40px;
261 -moz-column-gap: 40px;
265 .about-wrap .two-col-text p:first-of-type {
269 .about-wrap .streamlined-updates p,
270 .about-wrap .native-fonts p {
274 /* 2.2 - Structure */
276 .about-wrap .headline-feature.feature-video {
279 padding-bottom: 56.25%;
286 .about-wrap .feature-video embed {
294 .about-wrap .featured-image {
298 .about-wrap .feature-section {
303 .about-wrap .headline-feature {
308 .about-wrap .feature-section .media-container {
312 .about-wrap .embed-container {
316 .about-wrap .embed-container iframe {
320 .about-wrap .wp-embedded-content {
324 .about-wrap .feature-section .col {
328 .about-wrap .changelog {
332 .about-wrap .changelog.feature-section .col {
336 /* Return to Dashboard Home link */
338 .about-wrap .return-to-dashboard {
339 margin: 30px 0 0 -5px;
344 .about-wrap .return-to-dashboard a {
345 text-decoration: none;
349 /*------------------------------------------------------------------------------
350 3.0 - Credits & Freedoms Pages
351 ------------------------------------------------------------------------------*/
355 .about-wrap h3.wp-people-group {
356 margin: 2.6em 0 1.33em;
359 line-height: inherit;
362 .about-wrap .wp-people-group {
364 margin: 0 -15px 0 -5px;
367 .about-wrap .compact {
371 .about-wrap .wp-person {
372 display: inline-block;
375 padding-bottom: 15px;
380 .about-wrap .compact .wp-person {
387 .about-wrap .wp-person .gravatar {
389 margin: 0 10px 10px 0;
395 .about-wrap .compact .wp-person .gravatar {
400 .about-wrap .wp-person .web {
405 text-decoration: none;
408 .about-wrap .wp-person .title {
412 .about-wrap #wp-people-group-validators + p.wp-credits-list {
416 .about-wrap p.wp-credits-list a {
422 .freedoms-php .about-wrap ol {
426 .freedoms-php .about-wrap ol li {
427 list-style-type: decimal;
431 .freedoms-php .about-wrap ol p {
436 /*------------------------------------------------------------------------------
438 ------------------------------------------------------------------------------*/
440 @media screen and ( max-width: 782px ) {
441 .about-wrap .two-col-text {
442 -webkit-column-count: 1;
443 -moz-column-count: 1;
447 .about-wrap .three-col img {
453 @media only screen and (max-width: 500px) {
460 .about-wrap .about-text {
464 .about-wrap .about-text {
465 margin-bottom: 0.25em;
468 .about-wrap .wp-badge {
470 margin-bottom: 1.5em;
474 .about-wrap .two-col .col,
475 .about-wrap .three-col .col {
476 width: 100% !important;
477 float: none !important;
480 .about-wrap .under-the-hood.three-col .col,
481 .about-wrap .under-the-hood.two-col .col,
482 .about-wrap .under-the-hood.one-col .col {
487 .about-wrap .under-the-hood:nth-of-type(2n),
488 .about-wrap .under-the-hood:nth-of-type(3n) {
492 .about-wrap .under-the-hood:nth-of-type(2n) h3,
493 .about-wrap .under-the-hood:nth-of-type(3n) h3 {