IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

About page: Imagery and beautification.

Browse Source 
Still to come: responsive images, optimized videos, and CDN URLs.

props melchoyce, helen, ramiabraham.
see #38616.

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


git-svn-id: http://core.svn.wordpress.org/trunk@39452 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí
2016-12-06 04:01:45 +00:00
parent 672b8a61cd
commit f336d4c8ea
6 changed files with 108 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
wp-admin/css/about.css
View File

@@ -40,6 +40,7 @@
max-width: 100%;
height: auto;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.about-wrap .jetpack-video-wrapper {
@@ -93,7 +94,7 @@
}
.about-wrap .feature-section p {
max-width: 38em;
max-width: 55em;
margin-left: auto;
margin-right: auto;
}
@@ -108,8 +109,8 @@
}
.about-wrap h2 {
margin: 50px 0 1em;
font-size: 1.8em;
margin: 40px 0 .6em;
font-size: 2.7em;
line-height: 1.3;
font-weight: 300;
text-align: center;
@@ -117,7 +118,7 @@
.about-wrap h3 {
margin: 1.25em 0 .6em;
font-size: 1.25em;
font-size: 1.4em;
line-height: 1.5;
}
@@ -125,6 +126,12 @@
color: #23282d;
}
.about-wrap .changelog h2 {
font-size: 1.4em;
font-weight: 600;
text-align: left;
}
.about-wrap .changelog h3 {
margin: 1.33em 0;
font-size: 1em;
@@ -193,11 +200,6 @@
overflow: hidden;
}
.about-wrap .under-the-hood:nth-of-type(2n),
.about-wrap .under-the-hood:nth-of-type(3n) {
margin-top: 3em;
}
.about-wrap .feature-video .mejs-controls {
display: none !important;
}
@@ -227,19 +229,6 @@
/* 2.1 - Typography */
.about-wrap .headline-feature h2 {
margin: 30px 0 30px;
font-size: 2.2em;
font-weight: 300;
line-height: 1.3;
text-align: center;
}
.about-wrap .headline-feature h3 {
margin-top: 0;
text-align: left;
}
.about-wrap .feature-section.two-col h3 {
margin-top: 0;
}
@@ -253,6 +242,11 @@
margin-top: 0.6em;
}
.about-wrap .lead-description {
font-size: 1.5em;
text-align: center;
}
.about-wrap .two-col-text {
-webkit-column-count: 2;
-moz-column-count: 2;
@@ -300,6 +294,10 @@
padding: 0 0 40px;
}
.about-wrap .feature-section.no-heading {
padding-top: 35px;
}
.about-wrap .headline-feature {
margin: 0 auto;
max-width: 80%;
@@ -309,6 +307,10 @@
overflow: hidden;
}
.about-wrap .feature-section img {
margin-bottom: 1em;
}
.about-wrap .embed-container {
text-align: center;
}