vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 22:30:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Final about page for 4.0. Enjoy the videos!

Browse Source 
props ryelle, melchoyce, smashcut, wonderboymusic, helen.
fixes #29494.


git-svn-id: https://develop.svn.wordpress.org/trunk@29706 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
helen
2014-09-04 15:04:02 +00:00
parent 3d698699be
commit f07a9f28a8
2 changed files with 110 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/wp-admin/css/about.css
View File

@@ -80,6 +80,10 @@
line-height: 1.5em;
}
.about-wrap h3.higher {
margin-top: .5em;
}
.customize h3 {
margin-top: 1.75em;
text-align: center;
@@ -174,6 +178,7 @@
.about-overview {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
@@ -192,8 +197,8 @@
.about-wrap .feature-section.two-col > div {
position: relative;
width: 47.5%;
margin-right: 4.999999999%;
width: 47.6%;
margin-right: 4.799999999%;
float: left;
}
@@ -226,6 +231,31 @@
max-width: 20%;
}
/* responsive videos for 4.0 */
.about-video {
position: relative;
width: 100%;
height: 0;
}
.about-video-embed {
padding-bottom: 70.4%; /* 352 / 500 */
}
.about-video-focus {
padding-bottom: 56.2%; /* 281 / 500 */
}
.about-video .wp-video,
.about-video .mejs-container,
.about-video video {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-left: 3em;
@@ -347,6 +377,24 @@
}
/* Responsive release video */
@media screen and ( max-width: 710px ) {
.about-overview {
position: relative;
padding-bottom: 56.25%; /* 360 / 640 */
width: 100%;
height: 0;
}
.about-overview embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 500px) {
.about-wrap {
margin-right: 20px;
@@ -368,6 +416,17 @@
width: 100%;
}
.about-wrap h2.nav-tab-wrapper {
padding-left: 0;
border-bottom: 0;
}
.about-wrap h2 .nav-tab {
margin-top: 10px;
margin-right: 10px;
border-bottom: 1px solid #ccc;
}
.about-wrap .feature-section.three-col div {
width: 100%;
float: none;