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;
43 border: 1px solid rgba(0, 0, 0, 0.1);
46 .about-wrap .jetpack-video-wrapper {
50 /* WordPress Version Badge */
53 background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
54 background-position: center 25px;
55 -webkit-background-size: 80px 80px;
56 background-size: 80px 80px;
64 display: inline-block;
66 text-rendering: optimizeLegibility;
67 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
68 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
72 background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
75 .about-wrap .wp-badge {
83 .about-wrap .nav-tab {
89 /* 1.1 - Typography */
96 .about-wrap .feature-section p {
103 margin: 0.2em 200px 0 0;
120 margin: 1.25em 0 .6em;
129 .about-wrap .changelog h2 {
135 .about-wrap .changelog h3 {
138 line-height: inherit;
143 .about-wrap ol li p {
148 .about-wrap .about-description,
149 .about-wrap .about-text {
156 .about-wrap .about-text {
157 margin: 1em 200px 1em 0;
162 /* 1.2 - Structure */
164 .about-wrap [class$=col] .col {
169 .about-wrap .two-col .col {
170 margin-right: 4.799999999%;
174 .about-wrap .two-col img {
175 margin-bottom: 1.5em;
178 .about-wrap .feature-section.two-col .col {
179 display: inline-block;
182 margin-right: 4.799999999%;
183 width: -webkit-calc( 47.6% - 4px );
184 width: calc( 47.6% - 4px );
188 .about-wrap .three-col .col {
189 margin-right: 4.999999999%;
193 .about-wrap .two-col .col:nth-of-type(2n),
194 .about-wrap .three-col .col:nth-of-type(3n) {
198 .about-wrap .under-the-hood {
203 .about-wrap .feature-video .mejs-controls {
204 display: none !important;
207 .about-wrap .feature-video .mejs-overlay-loading span {
208 background: transparent; /* Hide loading.gif */
211 /* 1.3 - Point Releases */
213 .about-wrap .point-releases {
215 border-bottom: 1px solid #ddd;
218 .about-wrap .changelog.point-releases h3 {
222 .about-wrap .changelog.point-releases h3:first-child {
226 /*------------------------------------------------------------------------------
228 ------------------------------------------------------------------------------*/
230 /* 2.1 - Typography */
232 .about-wrap .feature-section.two-col h3 {
236 .about-wrap .feature-section h4 {
237 margin: 1.4em 0 0.6em 0;
241 .about-wrap .feature-section p {
245 .about-wrap .lead-description {
250 .about-wrap .two-col-text {
251 -webkit-column-count: 2;
252 -moz-column-count: 2;
254 -webkit-column-gap: 40px;
255 -moz-column-gap: 40px;
259 .about-wrap .two-col-text p:first-of-type {
263 .about-wrap .streamlined-updates p,
264 .about-wrap .native-fonts p {
268 /* 2.2 - Structure */
270 .about-wrap .headline-feature.feature-video {
273 padding-bottom: 56.25%;
280 .about-wrap .feature-video embed {
288 .about-wrap .featured-image {
292 .about-wrap .feature-section {
297 .about-wrap .feature-section.no-heading {
301 .about-wrap .headline-feature {
306 .about-wrap .feature-section .media-container {
310 .about-wrap .feature-section img {
314 .about-wrap .embed-container {
318 .about-wrap .embed-container iframe {
322 .about-wrap .wp-embedded-content {
326 .about-wrap .feature-section .col {
330 .about-wrap .changelog {
334 .about-wrap .changelog.feature-section .col {
338 /* Return to Dashboard Home link */
340 .about-wrap .return-to-dashboard {
341 margin: 30px 0 0 -5px;
346 .about-wrap .return-to-dashboard a {
347 text-decoration: none;
351 /*------------------------------------------------------------------------------
352 3.0 - Credits & Freedoms Pages
353 ------------------------------------------------------------------------------*/
357 .about-wrap h3.wp-people-group {
358 margin: 2.6em 0 1.33em;
361 line-height: inherit;
364 .about-wrap .wp-people-group {
366 margin: 0 -15px 0 -5px;
369 .about-wrap .compact {
373 .about-wrap .wp-person {
374 display: inline-block;
377 padding-bottom: 15px;
382 .about-wrap .compact .wp-person {
389 .about-wrap .wp-person .gravatar {
391 margin: 0 10px 10px 0;
397 .about-wrap .compact .wp-person .gravatar {
402 .about-wrap .wp-person .web {
407 text-decoration: none;
410 .about-wrap .wp-person .title {
414 .about-wrap #wp-people-group-validators + p.wp-credits-list {
418 .about-wrap p.wp-credits-list a {
424 .freedoms-php .about-wrap ol {
428 .freedoms-php .about-wrap ol li {
429 list-style-type: decimal;
433 .freedoms-php .about-wrap ol p {
438 /*------------------------------------------------------------------------------
440 ------------------------------------------------------------------------------*/
442 @media screen and ( max-width: 782px ) {
443 .about-wrap .two-col-text {
444 -webkit-column-count: 1;
445 -moz-column-count: 1;
449 .about-wrap .three-col img {
455 @media only screen and (max-width: 500px) {
462 .about-wrap .about-text {
466 .about-wrap .about-text {
467 margin-bottom: 0.25em;
470 .about-wrap .wp-badge {
472 margin-bottom: 1.5em;
476 .about-wrap .two-col .col,
477 .about-wrap .three-col .col {
478 width: 100% !important;
479 float: none !important;
482 .about-wrap .under-the-hood.three-col .col,
483 .about-wrap .under-the-hood.two-col .col,
484 .about-wrap .under-the-hood.one-col .col {
489 .about-wrap .under-the-hood:nth-of-type(2n),
490 .about-wrap .under-the-hood:nth-of-type(3n) {
494 .about-wrap .under-the-hood:nth-of-type(2n) h3,
495 .about-wrap .under-the-hood:nth-of-type(3n) h3 {