About: First pass at WordPress 4.3 About page.

Still missing images and some string revisions.

See #32929.


Built from https://develop.svn.wordpress.org/trunk@33466


git-svn-id: http://core.svn.wordpress.org/trunk@33433 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Konstantin Obenland
2015-07-28 21:23:25 +00:00
parent 959f36699b
commit 4cac76486f
6 changed files with 151 additions and 162 deletions

View File

@@ -135,21 +135,22 @@
/* 1.2 - Structure */
.about-wrap .two-col > div {
.about-wrap [class$=col] .col {
float: left;
position: relative;
width: 47.6%;
}
.about-wrap .two-col .col {
margin-right: 4.799999999%;
float: left;
width: 47.6%;
}
.about-wrap .three-col > div {
position: relative;
width: 29.95%;
.about-wrap .three-col .col {
margin-right: 4.999999999%;
float: left;
width: 29.95%;
}
.about-wrap [class$=col] .last-feature {
.about-wrap .two-col .col:nth-of-type(2n),
.about-wrap .three-col .col:nth-of-type(3n) {
margin-right: 0;
}
@@ -206,7 +207,7 @@
.about-wrap .feature-video {
position: relative;
margin: 40px 0;
padding-bottom: 56.25%; /* video is 1280 x 720 */
/*padding-bottom: 56.25%; /* video is 1280 x 720 */
width: 100%;
height: 0;
text-align: center;
@@ -235,23 +236,15 @@
max-width: 95%;
}
.about-wrap .feature-section .col:nth-of-type(odd) {
float: left;
margin: 40px 5% 0 0;
width: 48%;
}
.about-wrap .feature-section .col:nth-of-type(even) {
float: right;
margin: 40px 0 0;
width: 46%;
.about-wrap .feature-section:not(.under-the-hood) .col {
margin-top: 40px;
}
.about-wrap .changelog {
margin-bottom: 40px;
}
.about-wrap .changelog.feature-section > div {
.about-wrap .changelog.feature-section .col {
margin-top: 40px;
}
@@ -366,10 +359,8 @@
border-bottom: none;
}
.about-wrap .one-col > div,
.about-wrap .two-col > div,
.about-wrap .three-col > div,
.about-wrap .two-col .col:nth-of-type(n) {
.about-wrap [class$=col] .col {
float: none;
width: 100%;
margin: 40px 0 0;
padding: 0 0 40px;
@@ -385,7 +376,7 @@
margin: 0 auto;
}
.about-wrap .feature-list div {
.about-wrap .feature-list .col {
margin: 0;
padding: 0;
border-bottom: none;
@@ -432,8 +423,8 @@
border-bottom: 1px solid #ccc;
}
.about-wrap .three-col div,
.about-wrap .headline-feature .feature-section div {
.about-wrap .three-col .col,
.about-wrap .headline-feature .feature-section .col {
width: 100% !important;
float: none !important;
}