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 {