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 */
96 margin: 0.2em 200px 0 0;
112 .about-wrap .changelog h2,
114 margin: 1.25em 0 .6em;
119 .about-wrap .changelog h2 {
129 .about-wrap .changelog h3 {
132 line-height: inherit;
137 .about-wrap ol li p {
142 .about-wrap .about-description,
143 .about-wrap .about-text {
150 .about-wrap .about-text {
151 margin: 1em 200px 1em 0;
156 /* 1.2 - Structure */
158 .about-wrap [class$=col] .col {
163 .about-wrap .two-col .col {
164 margin-right: 4.799999999%;
168 .about-wrap .two-col img {
169 margin-bottom: 1.5em;
172 .about-wrap .feature-section.two-col .col {
173 display: inline-block;
176 margin-right: 4.799999999%;
177 width: -webkit-calc( 47.6% - 4px );
178 width: calc( 47.6% - 4px );
182 .about-wrap .three-col .col {
183 margin-right: 4.999999999%;
187 .about-wrap .two-col .col:nth-of-type(2n),
188 .about-wrap .three-col .col:nth-of-type(3n) {
192 .about-wrap .under-the-hood {
197 .about-wrap .under-the-hood:nth-of-type(2n) {
201 /* 1.3 - Point Releases */
203 .about-wrap .point-releases {
205 border-bottom: 1px solid #ddd;
208 .about-wrap .changelog.point-releases h3 {
212 .about-wrap .changelog.point-releases h3:first-child {
216 /*------------------------------------------------------------------------------
218 ------------------------------------------------------------------------------*/
220 /* 2.1 - Typography */
222 .about-wrap .headline-feature h2 {
230 .about-wrap .headline-feature h3 {
235 .about-wrap .feature-section.two-col h3 {
239 .about-wrap .feature-section h4 {
240 margin: 1.4em 0 0.6em 0;
244 .about-wrap .feature-section p {
248 .about-wrap .two-col-text {
249 -webkit-column-count: 2;
250 -moz-column-count: 2;
252 -webkit-column-gap: 40px;
253 -moz-column-gap: 40px;
257 .about-wrap .two-col-text p:first-of-type {
261 /* 2.2 - Structure */
263 .about-wrap .headline-feature.feature-video {
266 padding-bottom: 56.25%;
273 .about-wrap .feature-video embed {
281 .about-wrap .featured-image {
285 .about-wrap .feature-section {
290 .about-wrap .headline-feature {
295 .about-wrap .feature-section .media-container {
299 .about-wrap .embed-container {
303 .about-wrap .embed-container iframe {
307 .about-wrap .wp-embedded-content {
311 .about-wrap .feature-section .col {
315 .about-wrap .changelog {
319 .about-wrap .changelog.feature-section .col {
323 /* Return to Dashboard Home link */
325 .about-wrap .return-to-dashboard {
326 margin: 30px 0 0 -5px;
331 .about-wrap .return-to-dashboard a {
332 text-decoration: none;
336 /*------------------------------------------------------------------------------
337 3.0 - Credits & Freedoms Pages
338 ------------------------------------------------------------------------------*/
342 .about-wrap h3.wp-people-group {
343 margin: 2.6em 0 1.33em;
346 line-height: inherit;
349 .about-wrap .wp-people-group {
351 margin: 0 -15px 0 -5px;
354 .about-wrap .compact {
358 .about-wrap .wp-person {
359 display: inline-block;
362 padding-bottom: 15px;
367 .about-wrap .compact .wp-person {
374 .about-wrap .wp-person .gravatar {
376 margin: 0 10px 10px 0;
382 .about-wrap .compact .wp-person .gravatar {
387 .about-wrap .wp-person .web {
392 text-decoration: none;
395 .about-wrap .wp-person .title {
399 .about-wrap #wp-people-group-validators + p.wp-credits-list {
403 .about-wrap p.wp-credits-list a {
409 .freedoms-php .about-wrap ol {
413 .freedoms-php .about-wrap ol li {
414 list-style-type: decimal;
418 .freedoms-php .about-wrap ol p {
423 /*------------------------------------------------------------------------------
425 ------------------------------------------------------------------------------*/
427 @media screen and ( max-width: 782px ) {
428 .about-wrap .two-col-text {
429 -webkit-column-count: 1;
430 -moz-column-count: 1;
434 .about-wrap .three-col img {
440 @media only screen and (max-width: 500px) {
447 .about-wrap .about-text {
451 .about-wrap .about-text {
452 margin-bottom: 0.25em;
455 .about-wrap .wp-badge {
457 margin-bottom: 1.5em;
461 .about-wrap .two-col .col,
462 .about-wrap .three-col .col {
463 width: 100% !important;
464 float: none !important;
467 .about-wrap .under-the-hood.three-col .col,
468 .about-wrap .under-the-hood.two-col .col,
469 .about-wrap .under-the-hood.one-col .col {
474 .about-wrap .under-the-hood:nth-of-type(2n) {
478 .about-wrap .under-the-hood:nth-of-type(2n) h4 {