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 {
27 display: none !important;
34 border-top: 1px solid rgba(0, 0, 0, 0.1);
41 vertical-align: middle;
44 /* WordPress Version Badge */
47 background: #0073aa url(../images/w-logo-white.png?ver=20131202) no-repeat;
48 background-position: center 24px;
49 -webkit-background-size: 85px 85px;
50 background-size: 85px 85px;
58 display: inline-block;
60 text-rendering: optimizeLegibility;
61 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
62 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
66 background-image: url(../images/wordpress-logo-white.svg?ver=20131110);
69 .about-wrap .wp-badge {
77 .about-wrap h2.nav-tab-wrapper {
81 .about-wrap h2 .nav-tab {
82 padding: 4px 15px 6px;
90 /* 1.1 - Typography */
98 margin: 0.2em 200px 0 0;
106 margin: 1.25em 0 .6em;
116 .about-wrap ol li p {
120 .about-wrap .about-description,
121 .about-wrap .about-text {
128 .about-wrap .about-text {
129 margin: 1em 200px 1em 0;
134 /* 1.2 - Structure */
136 .about-wrap .two-col > div {
139 margin-right: 4.799999999%;
143 .about-wrap .three-col > div {
146 margin-right: 4.999999999%;
150 .about-wrap [class$=col] .last-feature {
154 /* 1.3 - Point Releases */
156 .about-wrap .point-releases {
158 border-bottom: 1px solid #dfdfdf;
161 .about-wrap .changelog.point-releases h3 {
165 .about-wrap .changelog.point-releases h3:first-child {
169 /*------------------------------------------------------------------------------
171 ------------------------------------------------------------------------------*/
173 /* 2.1 - Typography */
175 .about-wrap .headline-feature h2 {
183 .about-wrap .headline-feature h3 {
188 .about-wrap .feature-list h2 {
193 .about-wrap .feature-section h4 {
194 margin: 1.4em 0 0.6em 0;
198 .about-wrap .feature-section p {
202 /* 2.2 - Structure */
204 .about-wrap .feature-video {
207 padding-bottom: 56.25%; /* video is 1280 x 720 */
213 .about-wrap .feature-video embed {
221 .about-wrap .featured-image {
225 .about-wrap .feature-section {
228 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
231 .about-wrap .headline-feature .feature-section {
236 .about-wrap .feature-section .col:nth-of-type(odd) {
242 .about-wrap .feature-section .col:nth-of-type(even) {
248 .about-wrap .changelog {
252 .about-wrap .changelog.feature-section > div {
256 /* Return to Dashboard Home link */
258 .about-wrap .return-to-dashboard {
259 margin: 30px 0 0 -5px;
264 .about-wrap .return-to-dashboard a {
265 text-decoration: none;
269 .about-wrap .feature-list.finer-points h4,
270 .about-wrap .feature-list.finer-points p {
274 /*------------------------------------------------------------------------------
275 3.0 - Credits & Freedoms Pages
276 ------------------------------------------------------------------------------*/
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 {
296 display: inline-block;
299 padding-bottom: 15px;
304 .about-wrap ul.compact li.wp-person {
311 .about-wrap li.wp-person img.gravatar {
313 margin: 0 10px 10px 0;
319 .about-wrap ul.compact li.wp-person img.gravatar {
324 .about-wrap li.wp-person a.web {
330 text-decoration: none;
333 .about-wrap #wp-people-group-validators + p.wp-credits-list {
337 .about-wrap p.wp-credits-list a {
343 .freedoms-php .about-wrap ol {
347 .freedoms-php .about-wrap ol li {
348 list-style-type: decimal;
352 .freedoms-php .about-wrap ol p {
357 /*------------------------------------------------------------------------------
359 ------------------------------------------------------------------------------*/
361 @media screen and ( max-width: 782px ) {
362 .about-wrap .feature-section {
367 .about-wrap .one-col > div,
368 .about-wrap .two-col > div,
369 .about-wrap .three-col > div,
370 .about-wrap .two-col .col:nth-of-type(n) {
374 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
377 .about-wrap .two-col .col h3 {
381 .about-wrap .three-col img {
386 .about-wrap .feature-list div {
392 .about-wrap .headline-feature .feature-section {
396 .about-wrap .feature-list .feature-section {
401 @media only screen and (max-width: 500px) {
408 .about-wrap .about-text {
412 .about-wrap .about-text {
413 margin-bottom: 0.25em;
416 .about-wrap .wp-badge {
418 margin-bottom: 1.5em;
422 .about-wrap h2.nav-tab-wrapper {
427 .about-wrap h2 .nav-tab {
430 border-bottom: 1px solid #ccc;
433 .about-wrap .three-col div,
434 .about-wrap .headline-feature .feature-section div {
435 width: 100% !important;
436 float: none !important;
444 @media only screen and (max-width: 400px) {
445 .about-wrap .feature-list svg {
450 .about-wrap .feature-list.finer-points h4,
451 .about-wrap .feature-list.finer-points p {