Changeset 19396 for trunk/wp-admin/css/wp-admin.dev.css

Timestamp:

11/22/2011 04:07:36 PM (12 years ago)

Author:

duck_

Message:

Update "What's New" content and layout. Re-add i18n. Props chexee. See #18742.

File:

• trunk/wp-admin/css/wp-admin.dev.css (modified) (9 diffs)

trunk/wp-admin/css/wp-admin.dev.css

@@ -4818 +4818 @@
     position: relative;
     margin: 44px 40px 0 20px;
-    font-size: 14px;
+    font-size: 16px;
 }
 .about-wrap div.updated,
@@ -4830 +4830 @@
     margin: 0.6em 200px 0 0;
     line-height: 1.2em;
-    font-size: 3.6em;
+    font-size: 2.8em;
     font-weight: 200;
 }
@@ -4839 +4839 @@
     font-weight: normal;
     line-height: 1.6em;
-    font-size: 18px;
+    font-size: 20px;
 }
 .about-description {
@@ -4883 +4883 @@
 .about-wrap h3 {
     font-size: 24px;
-    margin-bottom: 0.4em;
+    margin-bottom: 1em;
     padding-top: 20px;
 }
 
 .about-wrap .changelog {
-    font-size: 14px;
+    font-size: 15px;
     padding-bottom: 10px;
     overflow: hidden;
@@ -4906 +4906 @@
     min-height: 100px;
     overflow: hidden;
+    clear: both;
+}
+.about-wrap .feature-section.angled-left img {
+    margin-top: 1em;
 }
 
@@ -4913 +4917 @@
 }
 .about-wrap .feature-section.angled-right img {
-    margin-top: 0;
-}
+    margin-top: 0.5em;
+}
+
 .about-wrap .feature-section.angled-right .left-feature {
     margin-top: 15px;
 }
 
+.about-wrap .feature-section .image-mask {
+    overflow: hidden;
+    display: block;
+    text-align: center;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+.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;
@@ -4925 +4949 @@
     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 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%;
 }
 .about-wrap .feature-section.angled-left .right-feature,
@@ -4944 +4970 @@
     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 .image-mask,
+.about-wrap .feature-section.angled-right .image-mask {
+    width: 20%;
+    height: 150px;
+    
+    margin-top: 5px;
+    margin-bottom: 5px;
+    
+    float: left;
+}
+.about-wrap .feature-section .left-feature {
+    margin-right: 10%;
+}
+.about-wrap .feature-section .right-feature {
+    margin-left: 9%;
+    float: right;
 }
 .about-wrap .feature-section.angled-left .left-feature,
@@ -4963 +4996 @@
 }
 
+.about-wrap .feature-section.three-col {
+    padding-top: 15px;
+    margin-bottom: 0;
+}
+.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 .last-feature {
+    margin-right: 0;
+}
+
+.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;    
+}
+.about-wrap .feature-section .feature-images img {
+    width: 250px;
+    height: 150px;
+    margin-right: 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-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;
+}
+
 .about-wrap .return-to-dashboard {
-    margin: 16px 0 0;
+    margin: 16px 0;
     font-size: 14px;
     font-weight: bold;