Move about page CSS to main CSS files. see #18742.

git-svn-id: http://svn.automattic.com/wordpress/trunk@19138 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2011-11-03 23:32:44 +00:00
parent 4454d5e50c
commit ac9486b7f8
6 changed files with 223 additions and 193 deletions

View File

@ -12,195 +12,6 @@ require_once( './admin.php' );
$title = __( 'About' );
$parent_file = 'index.php';
add_action( 'admin_head', '_wp_about_add_css' );
function _wp_about_add_css() { ?>
<style type="text/css">
.about-wrap {
position: relative;
margin: 44px 40px 0 20px;
}
.about-wrap h1 {
margin: 0.6em 200px 0 0;
line-height: 1.2em;
font-size: 3.6em;
font-weight: 200;
color: #333;
text-shadow: 1px 1px 1px white;
}
.about-text {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: normal;
font-size: 24px;
color: #777;
margin: 1em 200px 1.4em 0;
line-height: 1.6em;
min-height: 60px;
}
.about-wrap h2.nav-tab-wrapper {
padding-left: 6px;
}
.wp-badge {
padding-top: 142px;
height: 37px;
width: 160px;
position: absolute;
top: 0;
right: 0;
color: #fff;
font-weight: bold;
font-size: 14px;
text-shadow: 0 -1px 0 #0c3d57;
text-align: center;
border: 1px solid #2B5173;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 0 1px #5F8CA8;
-webkit-box-shadow: inset 0 0 0 1px #5F8CA8;
box-shadow: inset 0 0 0 1px #5F8CA8;
background-color: #378aac;
background-repeat: no-repeat;
background-position: center 20px;
background-image: url(images/wp-badge.png);
background-image: url(images/wp-badge.png), -ms-linear-gradient(top, #378aac, #165d84); /* IE10 */
background-image: url(images/wp-badge.png), -moz-linear-gradient(top, #378aac, #165d84); /* Firefox */
background-image: url(images/wp-badge.png), -o-linear-gradient(top, #378aac, #165d84); /* Opera */
background-image: url(images/wp-badge.png), -webkit-gradient(linear, left top, left bottom, from(#378aac), to(#165d84)); /* old Webkit */
background-image: url(images/wp-badge.png), -webkit-linear-gradient(top, #378aac, #165d84); /* new Webkit */
background-image: url(images/wp-badge.png), linear-gradient(top, #378aac, #165d84); /* proposed W3C Markup */
}
.about-wrap h2 .nav-tab {
color: #21759B;
padding: 4px 10px 6px;
margin: 0 3px -1px 0;
font-size: 18px;
}
.about-wrap h2 .nav-tab:hover {
color: #d54e21;
}
.about-wrap h2 .nav-tab-active,
.about-wrap h2 .nav-tab-active:hover {
color: #333;
}
.about-wrap h2 .nav-tab-active {
font-weight: bold;
text-shadow: 1px 1px 1px white;
color: #464646;
padding-top: 3px;
}
.about-wrap h3 {
font-size: 24px;
color: #333;
text-shadow: 1px 1px 1px white;
margin-bottom: 0.4em;
padding-top: 20px;
}
.about-wrap .changelog {
font-size: 14px;
padding-bottom: 10px;
overflow: hidden;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-left: 3em;
}
.about-wrap .feature-section .left-feature,
.about-wrap .feature-section img,
.about-wrap .feature-section .right-feature {
float: left;
}
.about-wrap .feature-section {
min-height: 100px;
overflow: hidden;
}
.about-wrap .feature-section.angled-right {
margin-top: -35px;
padding-top: 15px;
}
.about-wrap .feature-section.angled-right img {
margin-top: 0;
}
.about-wrap .feature-section.angled-right .left-feature {
margin-top: 15px;
}
.about-wrap .feature-section h4 {
color: #464646;
margin-bottom: 0.6em;
}
.about-wrap .feature-section p {
line-height: 1.6em;
margin-top: 0.6em;
}
.about-wrap .feature-section .left-feature,
.about-wrap .feature-section .right-feature {
width: 40%;
}
.about-wrap .feature-section .left-feature {
margin-right: 10%;
}
.about-wrap .feature-section .right-feature {
margin-left: 9%;
}
.about-wrap .feature-section.angled-left .left-feature,
.about-wrap .feature-section.angled-right .left-feature {
margin-right: 5%;
}
.about-wrap .feature-section.angled-left .right-feature,
.about-wrap .feature-section.angled-right .right-feature {
margin-left: 5%;
}
.about-wrap .feature-section img {
width: 19%;
height: 130px;
background: #f9f9f9;
margin-top: 15px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-webkit-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
}
.about-wrap .feature-section.angled-left .left-feature {
width: 30%;
}
.about-wrap .feature-section.angled-left .right-feature {
width: 40%;
}
.about-wrap .feature-section.angled-right .left-feature {
width: 40%;
}
.about-wrap .feature-section.angled-right .right-feature {
width: 30%;
}
.about-wrap .return-to-dashboard {
margin: 16px 0 0;
font-size: 14px;
font-weight: bold;
}
.about-wrap .return-to-dashboard a {
text-decoration: none;
}
</style>
<?php }
include( './admin-header.php' );
?>
<div class="wrap about-wrap">

File diff suppressed because one or more lines are too long

View File

@ -1730,6 +1730,71 @@ div.widgets-sortables,
border-bottom-color: #DFDFDF;
}
/* Begin About Pages */
.about-wrap h1 {
color: #333;
text-shadow: 1px 1px 1px white;
}
.about-text {
color: #777;
}
.wp-badge {
color: #fff;
text-shadow: 0 -1px 0 #0c3d57;
border-color: #2B5173;
-moz-box-shadow: inset 0 0 0 1px #5F8CA8;
-webkit-box-shadow: inset 0 0 0 1px #5F8CA8;
box-shadow: inset 0 0 0 1px #5F8CA8;
background-color: #378aac;
background-image: url(../images/wp-badge.png);
background-image: url(../images/wp-badge.png), -ms-linear-gradient(top, #378aac, #165d84); /* IE10 */
background-image: url(../images/wp-badge.png), -moz-linear-gradient(top, #378aac, #165d84); /* Firefox */
background-image: url(../images/wp-badge.png), -o-linear-gradient(top, #378aac, #165d84); /* Opera */
background-image: url(../images/wp-badge.png), -webkit-gradient(linear, left top, left bottom, from(#378aac), to(#165d84)); /* old Webkit */
background-image: url(../images/wp-badge.png), -webkit-linear-gradient(top, #378aac, #165d84); /* new Webkit */
background-image: url(../images/wp-badge.png), linear-gradient(top, #378aac, #165d84); /* proposed W3C Markup */
}
.about-wrap h2 .nav-tab {
color: #21759B;
}
.about-wrap h2 .nav-tab:hover {
color: #d54e21;
}
.about-wrap h2 .nav-tab-active,
.about-wrap h2 .nav-tab-active:hover {
color: #333;
}
.about-wrap h2 .nav-tab-active {
text-shadow: 1px 1px 1px white;
color: #464646;
}
.about-wrap h3 {
color: #333;
text-shadow: 1px 1px 1px white;
}
.about-wrap .feature-section h4 {
color: #464646;
}
.about-wrap .feature-section img {
background: #f9f9f9;
border-color: #dfdfdf;
-moz-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
-webkit-box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 0 6px rgba( 0, 0, 0, 0.3 );
}
/* End About Pages */
/*------------------------------------------------------------------------------
2.0 - Right to Left Styles

File diff suppressed because one or more lines are too long

View File

@ -38,7 +38,8 @@ TABLE OF CONTENTS:
19.0 - Tools
20.0 - Settings
21.0 - Admin Footer
22.0 - Misc
22.0 - About Pages
23.0 - Misc
------------------------------------------------------------------------*/
@ -4634,9 +4635,162 @@ input.button-highlighted,
text-decoration: underline;
}
/*------------------------------------------------------------------------------
22.0 - About Pages
------------------------------------------------------------------------------*/
.about-wrap {
position: relative;
margin: 44px 40px 0 20px;
}
.about-wrap h1 {
margin: 0.6em 200px 0 0;
line-height: 1.2em;
font-size: 3.6em;
font-weight: 200;
}
.about-text {
margin: 1em 200px 1.4em 0;
min-height: 60px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: normal;
font-size: 24px;
line-height: 1.6em;
}
.about-wrap h2.nav-tab-wrapper {
padding-left: 6px;
}
.wp-badge {
padding-top: 142px;
height: 37px;
width: 160px;
position: absolute;
top: 0;
right: 0;
font-weight: bold;
font-size: 14px;
text-align: center;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: no-repeat;
background-position: center 20px;
}
.about-wrap h2 .nav-tab {
padding: 4px 10px 6px;
margin: 0 3px -1px 0;
font-size: 18px;
}
.about-wrap h2 .nav-tab-active {
font-weight: bold;
padding-top: 3px;
}
.about-wrap h3 {
font-size: 24px;
margin-bottom: 0.4em;
padding-top: 20px;
}
.about-wrap .changelog {
font-size: 14px;
padding-bottom: 10px;
overflow: hidden;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-left: 3em;
}
.about-wrap .feature-section .left-feature,
.about-wrap .feature-section img,
.about-wrap .feature-section .right-feature {
float: left;
}
.about-wrap .feature-section {
min-height: 100px;
overflow: hidden;
}
.about-wrap .feature-section.angled-right {
margin-top: -35px;
padding-top: 15px;
}
.about-wrap .feature-section.angled-right img {
margin-top: 0;
}
.about-wrap .feature-section.angled-right .left-feature {
margin-top: 15px;
}
.about-wrap .feature-section h4 {
margin-bottom: 0.6em;
}
.about-wrap .feature-section p {
line-height: 1.6em;
margin-top: 0.6em;
}
.about-wrap .feature-section .left-feature,
.about-wrap .feature-section .right-feature {
width: 40%;
}
.about-wrap .feature-section .left-feature {
margin-right: 10%;
}
.about-wrap .feature-section .right-feature {
margin-left: 9%;
}
.about-wrap .feature-section.angled-left .left-feature,
.about-wrap .feature-section.angled-right .left-feature {
margin-right: 5%;
}
.about-wrap .feature-section.angled-left .right-feature,
.about-wrap .feature-section.angled-right .right-feature {
margin-left: 5%;
}
.about-wrap .feature-section img {
width: 19%;
height: 130px;
margin-top: 15px;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.about-wrap .feature-section.angled-left .left-feature {
width: 30%;
}
.about-wrap .feature-section.angled-left .right-feature {
width: 40%;
}
.about-wrap .feature-section.angled-right .left-feature {
width: 40%;
}
.about-wrap .feature-section.angled-right .right-feature {
width: 30%;
}
.about-wrap .return-to-dashboard {
margin: 16px 0 0;
font-size: 14px;
font-weight: bold;
}
.about-wrap .return-to-dashboard a {
text-decoration: none;
}
/*------------------------------------------------------------------------------
22.0 - Misc
23.0 - Misc
------------------------------------------------------------------------------*/
#excerpt,

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB