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: #0074a2 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;
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 .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 {
176 margin: 1.1em 0 0.2em;
183 .about-wrap .feature-list h2 {
188 .about-wrap .dfw h3 {
193 .about-wrap .feature-section h4 {
194 margin: 1.4em 0 0.6em 0;
198 .about-wrap .feature-section p {
207 /* 2.2 - Structure */
209 .about-wrap .featured-image {
213 .about-wrap .feature-section {
215 padding-bottom: 20px;
218 .about-wrap .headline-feature .feature-section {
223 .about-wrap .headline-feature .feature-section .col:first-child {
229 .about-wrap .headline-feature .feature-section .col:last-child {
235 .about-wrap .feature-list .feature-section {
239 .about-wrap .dfw .feature-section {
243 .about-wrap .dfw-container {
247 -webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.25 );
248 box-shadow: 0 0 10px rgba( 0, 0, 0, 0.25 );
251 .about-wrap .dfw-container .overlay-image {
255 /* Cubic Bezier to speed up the slide-out of the full-width sidebar image */
256 -webkit-transition: 0.8s -webkit-transform cubic-bezier(.9,.03,1,.61),
257 0.65s opacity linear;
258 transition: 0.8s transform cubic-bezier(.9,.03,1,.61),
259 0.65s opacity linear;
262 .about-wrap .dfw-container .overlay-image.fade-in {
266 .about-wrap .dfw-container .overlay-image.from-left {
267 -webkit-transform: translate3d(-100%, 0, 0);
268 transform: translate3d(-100%, 0, 0);
271 .about-wrap .dfw-container:hover .overlay-image {
273 -webkit-transform: translate3d(0, 0, 0);
274 transform: translate3d(0, 0, 0);
275 /* Cubic Bezier to speed up the slide-in of the full-width sidebar image */
276 -webkit-transition: 0.7s -webkit-transform cubic-bezier( 0, 0.8, 0.8, 1 ),
278 transition: 0.7s transform cubic-bezier( 0, 0.8, 0.8, 1 ),
282 /* Return to Dashboard Home link */
284 .about-wrap .return-to-dashboard {
285 margin: 30px 0 0 -5px;
290 .about-wrap .return-to-dashboard a {
291 text-decoration: none;
296 .about-wrap .feature-list svg {
299 margin: 15px 15px 0 0 ;
302 background-color: #cccccc;
303 -webkit-border-radius: 50%;
306 border: 1px solid #c1c1c1;
309 .about-wrap .feature-list.finer-points h4,
310 .about-wrap .feature-list.finer-points p {
314 /*------------------------------------------------------------------------------
315 3.0 - Credits & Freedoms Pages
316 ------------------------------------------------------------------------------*/
320 .about-wrap h4.wp-people-group {
325 .about-wrap ul.wp-people-group {
328 margin: 0 -15px 0 -5px;
331 .about-wrap ul.compact {
335 .about-wrap li.wp-person {
336 display: inline-block;
339 padding-bottom: 15px;
344 .about-wrap ul.compact li.wp-person {
351 .about-wrap li.wp-person img.gravatar {
353 margin: 0 10px 10px 0;
359 .about-wrap ul.compact li.wp-person img.gravatar {
364 .about-wrap li.wp-person a.web {
370 text-decoration: none;
373 .about-wrap #wp-people-group-validators + p.wp-credits-list {
377 .about-wrap p.wp-credits-list a {
383 .freedoms-php .about-wrap ol {
387 .freedoms-php .about-wrap ol li {
388 list-style-type: decimal;
392 .freedoms-php .about-wrap ol p {
397 /*------------------------------------------------------------------------------
399 ------------------------------------------------------------------------------*/
401 @media screen and ( max-width: 782px ) {
402 .about-wrap .one-col > div,
403 .about-wrap .two-col > div,
404 .about-wrap .three-col > div {
408 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
411 .about-wrap .feature-list div,
412 .about-wrap .col > div.last-feature {
418 .about-wrap .headline-feature .feature-section {
422 .about-wrap .feature-list .feature-section {
427 @media only screen and (max-width: 500px) {
434 .about-wrap .about-text {
438 .about-wrap .about-text {
439 margin-bottom: 0.25em;
442 .about-wrap .wp-badge {
444 margin-bottom: 1.5em;
448 .about-wrap h2.nav-tab-wrapper {
453 .about-wrap h2 .nav-tab {
456 border-bottom: 1px solid #ccc;
459 .about-wrap .three-col div,
460 .about-wrap .headline-feature .feature-section div {
461 width: 100% !important;
462 float: none !important;
470 @media only screen and (max-width: 400px) {
471 .about-wrap .feature-list svg {
476 .about-wrap .feature-list.finer-points h4,
477 .about-wrap .feature-list.finer-points p {