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

Add screenshots and video to about page. props markjaquith. fixes #24832. for trunk.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@24926 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2013-07-31 17:56:24 +00:00
parent 26548bb1c5
commit 61e90c400f
3 changed files with 49 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wp-admin/css/wp-admin.css
+28 -11
View File
@@ -5871,7 +5871,8 @@ h2 .nav-tab {
/* Changelog / Update screen */
.about-wrap .feature-section img {
.about-wrap .feature-section img,
.about-wrap .feature-section .video {
border: none;
margin: 0 1.94% 10px 0;
-webkit-border-radius: 3px;
@@ -5888,7 +5889,8 @@ h2 .nav-tab {
margin-left: 0;
}
.about-wrap .feature-section.images-stagger-right img {
.about-wrap .feature-section.images-stagger-right img,
.about-wrap .feature-section.images-stagger-right .video {
float: right;
margin: 0 5px 12px 2em;
}
@@ -5898,16 +5900,20 @@ h2 .nav-tab {
margin: 0 2em 12px 5px;
}
.about-wrap .feature-section img.image-100 {
.about-wrap .feature-section .image-100 {
margin: 0 0 2em 0;
width: 100%;
}
.about-wrap .feature-section img.image-66 {
.about-wrap .feature-section .image-66 {
width: 65%;
}
.about-wrap .feature-section img.image-50 {
.about-wrap .feature-section .image-66.video {
max-width: 600px;
}
.about-wrap .feature-section .image-50 {
max-width: 50%;
}
@@ -5975,23 +5981,34 @@ h2 .nav-tab {
@media only screen and (max-width: 900px) {
.about-wrap .feature-section.images-stagger-left img,
.about-wrap .feature-section.images-stagger-right img {
.about-wrap .feature-section.images-stagger-right img,
.about-wrap .feature-section.images-stagger-right .video {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.about-wrap .feature-section img.image-66 {
.about-wrap .feature-section .video.image-66 {
float: none;
width: 98%;
max-width: 98%;
}
.about-wrap .feature-section.images-stagger-right img.image-66 {
.about-wrap .feature-section.images-stagger-right .video.image-66 {
margin-left: 3px;
}
}
@media only screen and (max-width: 768px) {
.about-wrap .feature-section .image-66 {
float: none;
width: 98%;
max-width: 98%;
}
.about-wrap .feature-section.images-stagger-right .image-66 {
margin-left: 3px;
}
.about-wrap .feature-section.images-stagger-left img.image-66 {
.about-wrap .feature-section.images-stagger-left .image-66 {
margin-right: 3px;
}
}