Wordpress 3.2

[autoinstalls/wordpress.git] / wp-admin / css / global.dev.css

diff --git a/wp-admin/css/global.dev.css b/wp-admin/css/global.dev.css
index 10abf25f0e23c8b466e2204f13498a84560c5ce9..db5c5ded80d6015cc80904c99cdfa14a1e6b7e8c 100644 (file)
--- a/wp-admin/css/global.dev.css
+++ b/wp-admin/css/global.dev.css
@@ -62,20 +62,25 @@ table {
        height: auto;
        min-height: 100%;
        width: 100%;
+       position: relative;
 }
 
 #wpcontent {
        height: 100%;
-       padding-bottom: 50px;
 }
 
-#wpbody {
-       clear: both;
-       margin-left: 175px;
+#wpcontent,
+#footer {
+       margin-left: 160px;
+}
+
+#wpbody-content {
+       padding-bottom: 65px;
 }
 
-.folded #wpbody {
-       margin-left: 60px;
+.js.folded #wpcontent,
+.js.folded #footer {
+       margin-left: 52px;
 }
 
 #wpbody-content {
@@ -83,32 +88,40 @@ table {
        width: 100%;
 }
 
-#adminmenu {
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+.js.folded #adminmenu .wp-submenu.sub-open,
+.js.folded #adminmenu .wp-submenu-wrap {
+       width: 145px;
+}
+
+#adminmenuback {
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       z-index: -1;
+}
+
+#adminmenuwrap {
        float: left;
+}
+
+#adminmenu {
        clear: left;
-       width: 145px;
-       margin-top: 15px;
-       margin-right: 5px;
-       margin-bottom: 15px;
-       margin-left: -160px;
-       position: relative;
        padding: 0;
        list-style: none;
 }
 
-.folded #adminmenu {
-       margin-left: -45px;
-}
-
-.folded #adminmenu,
-.folded #adminmenu li.menu-top {
-       width: 28px;
+.js.folded #adminmenuback,
+.js.folded #adminmenuwrap,
+.js.folded #adminmenu,
+.js.folded #adminmenu li.menu-top {
+       width: 32px;
 }
 
 #footer {
-       clear: both;
        position: relative;
-       width: 100%;
 }
 
 /* inner 2 column liquid layout */
@@ -228,7 +241,7 @@ td,
 textarea,
 input,
 select {
-       font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
+       font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
        font-size: 13px;
 }
 
@@ -345,7 +358,7 @@ ol.ol-decimal > li {
        margin: 8px 0 5px;
        padding: 0;
        white-space: nowrap;
-       font-size: 11px;
+       font-size: 12px;
        float: left;
 }
 
@@ -379,10 +392,10 @@ ol.ol-decimal > li {
        width: 100%;
        clear: both;
        margin: 0;
-       -moz-border-radius: 4px;
-       -khtml-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
+       -moz-border-radius: 3px;
+       -khtml-border-radius: 3px;
+       -webkit-border-radius: 3px;
+       border-radius: 3px;
 }
 
 .widefat * {
@@ -420,9 +433,11 @@ ol.ol-decimal > li {
 
 .widefat td,
 .widefat th {
-       border-bottom-width: 1px;
-       border-bottom-style: solid;
-       font-size: 11px;
+       border-width: 1px 0;
+       border-style: solid;
+}
+.widefat tfoot th {
+       border-bottom: none;
 }
 
 .widefat .no-items td {
@@ -430,20 +445,22 @@ ol.ol-decimal > li {
 }
 
 .widefat td {
-       padding: 3px 7px;
+       font-size: 12px;
+       padding: 4px 7px 2px;
        vertical-align: top;
 }
 
 .widefat td p,
 .widefat td ol,
 .widefat td ul {
-       font-size: 11px;
+       font-size: 12px;
 }
 
 .widefat th {
        padding: 7px 7px 8px;
        text-align: left;
        line-height: 1.3em;
+       font-size: 14px;
 }
 
 .widefat th input {
@@ -454,13 +471,12 @@ ol.ol-decimal > li {
 
 .widefat .check-column {
        width: 2.2em;
-       padding: 0;
-
+       padding: 11px 0 0;
+       vertical-align: top;
 }
 
 .widefat tbody th.check-column {
-       padding: 7px 0 22px;
-       vertical-align: top;
+       padding: 9px 0 22px;
 }
 
 .widefat .num,
@@ -475,7 +491,7 @@ ol.ol-decimal > li {
 }
 
 .wrap {
-       margin: 0 15px 0 5px;
+       margin: 0 15px 0 0;
 }
 
 div.updated,
@@ -501,14 +517,91 @@ div.error p {
        margin: 5px 0 15px;
 }
 
-.wrap h2 {
-       font: italic normal normal 24px/29px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+.wrap h2,
+.subtitle {
+       font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+       font-weight: normal;
        margin: 0;
-       padding: 14px 15px 3px 0;
-       line-height: 35px;
        text-shadow: rgba(255,255,255,1) 0 1px 0;
 }
+.wrap h2 {
+       font-size: 23px;
+       padding: 9px 15px 4px 0;
+       line-height: 29px;
+}
+.subtitle {
+       font-size: 14px;
+       padding-left: 25px;
+}
+.wrap .add-new-h2 {
+       font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
+       margin-left: 4px;
+       padding: 3px 8px;
+       position: relative;
+       top: -3px;
+       -moz-border-radius: 3px;
+       -khtml-border-radius: 3px;
+       -webkit-border-radius: 3px;
+       border-radius: 3px;
+       text-decoration: none;
+       font-size: 12px;
+}
 
 .wrap h2.long-header {
        padding-right: 0;
 }
+
+
+/* =CSS 3 transitions
+-------------------------------------------------------------- */
+.fade-1000 {
+       opacity: 0;
+       -moz-transition-property: opacity;
+       -moz-transition-duration: 1s;
+       -webkit-transition-property: opacity;
+       -webkit-transition-duration: 1s;
+       -o-transition-property: opacity;
+       -o-transition-duration: 1s;
+       transition-property: opacity;
+       transition-duration: 1s;
+}
+
+.fade-600 {
+       opacity: 0;
+       -moz-transition-property: opacity;
+       -moz-transition-duration: 0.6s;
+       -webkit-transition-property: opacity;
+       -webkit-transition-duration: 0.6s;
+       -o-transition-property: opacity;
+       -o-transition-duration: 0.6s;
+       transition-property: opacity;
+       transition-duration: 0.6s;
+}
+
+.fade-400 {
+       opacity: 0;
+       -moz-transition-property: opacity;
+       -moz-transition-duration: 0.4s;
+       -webkit-transition-property: opacity;
+       -webkit-transition-duration: 0.4s;
+       -o-transition-property: opacity;
+       -o-transition-duration: 0.4s;
+       transition-property: opacity;
+       transition-duration: 0.4s;
+}
+
+.fade-300 {
+       opacity: 0;
+       -moz-transition-property: opacity;
+       -moz-transition-duration: 0.3s;
+       -webkit-transition-property: opacity;
+       -webkit-transition-duration: 0.3s;
+       -o-transition-property: opacity;
+       -o-transition-duration: 0.3s;
+       transition-property: opacity;
+       transition-duration: 0.3s;
+}
+
+.fade-trigger {
+       opacity: 1;
+}