Further tweaks to What's New layout and content. Props chexee. See #18742.
git-svn-id: http://svn.automattic.com/wordpress/trunk@19409 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
duck_
@@ -749,6 +749,9 @@ p.install-help {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.no-break {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
2.0 - Forms
|
||||
@@ -4814,18 +4817,22 @@ input.button-highlighted,
|
||||
|
||||
.about-wrap {
|
||||
position: relative;
|
||||
margin: 44px 40px 0 20px;
|
||||
margin: 0 40px 0 0;
|
||||
font-size: 16px;
|
||||
width: 930px;
|
||||
}
|
||||
.about-wrap div.updated,
|
||||
.about-wrap div.error {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
|
||||
.about-wrap p {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
.about-wrap h1 {
|
||||
margin: 0.6em 200px 0 0;
|
||||
margin: 0.2em 200px 0 0;
|
||||
line-height: 1.2em;
|
||||
font-size: 2.8em;
|
||||
font-weight: 200;
|
||||
@@ -4846,9 +4853,33 @@ input.button-highlighted,
|
||||
min-height: 60px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.about-wrap h2.nav-tab-wrapper {
|
||||
padding-left: 6px;
|
||||
.about-wrap h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 1em;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .changelog {
|
||||
font-size: 15px;
|
||||
padding-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.about-wrap .changelog li {
|
||||
list-style-type: disc;
|
||||
margin-left: 3em;
|
||||
}
|
||||
.about-wrap .feature-section h4 {
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section p {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
.about-wrap code {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* WordPress Version Badge */
|
||||
|
||||
.wp-badge {
|
||||
padding-top: 142px;
|
||||
height: 50px;
|
||||
@@ -4868,6 +4899,11 @@ input.button-highlighted,
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
|
||||
.about-wrap h2.nav-tab-wrapper {
|
||||
padding-left: 6px;
|
||||
}
|
||||
.about-wrap h2 .nav-tab {
|
||||
padding: 4px 10px 6px;
|
||||
margin: 0 3px -1px 0;
|
||||
@@ -4878,21 +4914,7 @@ input.button-highlighted,
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.about-wrap h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 1em;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.about-wrap .changelog {
|
||||
font-size: 15px;
|
||||
padding-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.about-wrap .changelog li {
|
||||
list-style-type: disc;
|
||||
margin-left: 3em;
|
||||
}
|
||||
/* Changelog / Update screen */
|
||||
|
||||
.about-wrap .feature-section .left-feature,
|
||||
.about-wrap .feature-section img,
|
||||
@@ -4905,77 +4927,33 @@ input.button-highlighted,
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left img {
|
||||
margin-top: 1em;
|
||||
.about-wrap .feature-section img {
|
||||
margin: 5px auto;
|
||||
|
||||
border: none;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.angled-right {
|
||||
margin-top: -35px;
|
||||
padding-top: 15px;
|
||||
margin-top: -7.5em;
|
||||
}
|
||||
.about-wrap .feature-section.angled-right img {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
margin-top: 15px;
|
||||
padding-top: 7em;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section .image-mask {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-align: center;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
.about-wrap .feature-section.angled-right img,
|
||||
.about-wrap .feature-section.angled-left img {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.about-wrap .feature-section .image-mask img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
float: none;
|
||||
|
||||
border: none;
|
||||
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section h4 {
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section p {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
.about-wrap .feature-section code {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section img {
|
||||
margin-top: 15px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
.about-wrap .feature-section.angled-left .left-feature,
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
margin-right: 5%;
|
||||
width: 40%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .right-feature,
|
||||
.about-wrap .feature-section.angled-right .right-feature {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .image-mask,
|
||||
.about-wrap .feature-section.angled-right .image-mask {
|
||||
width: 20%;
|
||||
height: 150px;
|
||||
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
float: left;
|
||||
margin-left: 4%;
|
||||
}
|
||||
.about-wrap .feature-section .left-feature {
|
||||
margin-right: 10%;
|
||||
@@ -4986,11 +4964,11 @@ input.button-highlighted,
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .left-feature,
|
||||
.about-wrap .feature-section.angled-right .right-feature {
|
||||
width: 30%;
|
||||
width: 27%;
|
||||
}
|
||||
.about-wrap .feature-section.angled-left .right-feature,
|
||||
.about-wrap .feature-section.angled-right .left-feature {
|
||||
width: 40%;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.about-wrap .feature-section.three-col {
|
||||
@@ -5000,13 +4978,14 @@ input.button-highlighted,
|
||||
.about-wrap .feature-section.three-col div {
|
||||
width: 30%;
|
||||
margin-right: 4.999999999%;
|
||||
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.three-col h4 {
|
||||
margin: 0 0 0.6em 0;
|
||||
}
|
||||
.about-wrap .feature-section.three-col div p {
|
||||
margin: 0;
|
||||
.about-wrap .feature-section.three-col img {
|
||||
margin: 0.5em 3px 1em 0;
|
||||
}
|
||||
.about-wrap .feature-section.three-col .last-feature {
|
||||
margin-right: 0;
|
||||
@@ -5015,53 +4994,54 @@ input.button-highlighted,
|
||||
.about-wrap .feature-section .feature-images {
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left,
|
||||
.about-wrap .feature-section.images-stagger-right {
|
||||
min-height: 330px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .angled-right,
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-bottom: -50px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .left-feature,
|
||||
.about-wrap .feature-section.images-stagger-left .right-feature {
|
||||
width: auto;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.about-wrap .feature-section .feature-images img {
|
||||
width: 250px;
|
||||
height: 150px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left,
|
||||
.about-wrap .feature-section.images-stagger-right {
|
||||
min-height: 265px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .angled-right,
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.about-wrap .feature-section .angled-right {
|
||||
float: right;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .feature-images {
|
||||
right: 0;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .feature-images {
|
||||
left: 0;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-right .left-feature {
|
||||
margin-right: 350px;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .feature-images {
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .right-feature {
|
||||
margin-left: 350px;
|
||||
float: left;
|
||||
}
|
||||
.about-wrap .feature-section.images-stagger-left .angled-left {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/* Return to Dashboard Home link */
|
||||
|
||||
.about-wrap .return-to-dashboard {
|
||||
margin: 16px 0;
|
||||
margin: 30px 0 0 -5px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.about-wrap .return-to-dashboard a {
|
||||
text-decoration: none;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/* Credits */
|
||||
|
||||
.about-wrap h4.wp-people-group {
|
||||
margin-top: 2.6em;
|
||||
font-size: 16px;
|
||||
@@ -5113,6 +5093,8 @@ input.button-highlighted,
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Freedoms */
|
||||
|
||||
.freedoms-php .about-wrap ol {
|
||||
margin: 40px 60px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user