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);
28 vertical-align: middle;
39 margin: 0.2em 200px 0 0;
50 .about-wrap .about-text,
51 .about-wrap p.about-description,
52 .about-wrap li.wp-person a.web {
63 margin: 1em 200px 1em 0;
69 .about-wrap .changelog h2.about-headline-callout {
70 margin: 1.1em 0 0.2em;
88 .about-wrap .feature-section h4 {
89 margin: 1.4em 0 0.6em 0;
93 .about-wrap .feature-section p {
102 .about-wrap .button.button-large {
103 padding: 8px 20px 10px !important;
104 height: 46px !important;
106 line-height: 28px !important;
111 .about-wrap .about-overview-img {
117 .about-wrap .point-releases {
119 border-bottom: 1px solid #dfdfdf;
122 .about-wrap .changelog.point-releases h3 {
126 .about-wrap .changelog.point-releases h3:first-child {
130 /* WordPress Version Badge */
133 background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat;
134 background: #0074a2, url(../images/wordpress-logo-white.svg?ver=20131110) no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */
135 background-position: center 24px;
136 -webkit-background-size: 85px 85px;
137 background-size: 85px 85px;
145 display: inline-block;
147 text-rendering: optimizeLegibility;
148 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
149 box-shadow: 0 1px 3px rgba(0,0,0,0.2);
153 .about-wrap .wp-badge {
161 .about-wrap h2.nav-tab-wrapper {
165 .about-wrap h2 .nav-tab {
166 padding: 4px 15px 6px;
167 margin: 0 3px -1px 0;
173 /* Changelog / Update screen */
180 .about-overview .wp-video {
184 .changelog .wp-playlist .wp-playlist-current-item img {
190 .about-wrap .feature-section {
192 padding-bottom: 20px;
195 .about-wrap .feature-section.two-col > div {
198 margin-right: 4.999999999%;
202 .about-wrap .feature-section.three-col > div {
205 margin-right: 4.999999999%;
209 .about-wrap .feature-section.col .last-feature {
213 .about-wrap .under-the-hood .feature-section {
217 .about-wrap .changelog .feature-section {
221 .about-wrap .feature-section.two-col div p {
225 .about-wrap .feature-section div p img {
231 .about-wrap .changelog li {
232 list-style-type: disc;
236 /* Return to Dashboard Home link */
238 .about-wrap .return-to-dashboard {
239 margin: 30px 0 0 -5px;
244 .about-wrap .return-to-dashboard a {
245 text-decoration: none;
251 .about-wrap h4.wp-people-group {
256 .about-wrap ul.wp-people-group {
259 margin: 0 -15px 0 -5px;
262 .about-wrap ul.compact {
266 .about-wrap li.wp-person {
271 .about-wrap li.wp-person img.gravatar {
273 margin: 0 10px 10px 0;
279 .about-wrap ul.compact li.wp-person img.gravatar {
284 /* @todo: combine this */
285 .about-wrap li.wp-person {
288 padding-bottom: 15px;
291 .about-wrap ul.compact li.wp-person {
298 .about-wrap #wp-people-group-validators + p.wp-credits-list {
302 .about-wrap li.wp-person a.web {
306 text-decoration: none;
309 .about-wrap p.wp-credits-list a {
315 .freedoms-php .about-wrap ol {
319 .freedoms-php .about-wrap ol li {
320 list-style-type: decimal;
324 .freedoms-php .about-wrap ol p {
330 -------------------------------------------------------------- */
332 @media screen and ( max-width: 782px ) {
333 .about-wrap .feature-section.one-col > div,
334 .about-wrap .feature-section.two-col > div,
335 .about-wrap .feature-section.three-col > div {
340 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
343 .about-wrap .under-the-hood .feature-section > div,
344 .about-wrap .feature-section.col > div.last-feature {
352 @media only screen and (max-width: 500px) {
364 margin-bottom: 0.25em;
367 .about-wrap .wp-badge {
369 margin-bottom: 1.5em;
373 .about-wrap .feature-section.three-col div {
378 .about-wrap .three-col.about-updates .col-1 {
383 .about-wrap .three-col.about-updates .col-2 {