Ticket #259: wp4-style4.2.diff

wp4.css

@@ -222 +222 @@
 }
 
 #head-search form {
-        width: 288px;
         display: inline-block;
         margin-left: 60px;
+        width: 200px;
         border-bottom: 1px solid #3f3f3f;
 }
 
 #head-search input.text {
-        background: #131313;
-        border: 0;
+        float: left;
         margin-right: 0;
         margin-bottom: 0;
-        width: 256px;
+        width: 174px;
         height: 24px;
+        outline: none;
+        border: 0;
+        border-radius: 0px;
+        background: #131313;
         color: #999999;
-        float: left;
         font-size: 12px;
-        outline: none;
         font-family: "Open Sans", sans-serif;
-        border-radius: 0px;
 }
 
 #head-search input.text::-moz-placeholder {
@@ -249 +249 @@
 
 #head-search .button {
         float: left;
-        text-shadow: none !important;
+        padding: 0;
+        width: 26px;
+        height: 24px;
         border: none;
-        height: 30px;
-        width: 26px;
+        border-radius:0;
         background: #131313;
         background-image: url(http://s.wordpress.org/wp-includes/images/admin-bar-sprite.png?d=20120831);
         background-position: 100% 2px;
         background-repeat: no-repeat;
-        border-radius:0;
-        padding: 0;
+        text-shadow: none !important;
 }
+
 .no-static #head-search .button {
         background-image: url(//wordpress.org/wp-includes/images/admin-bar-sprite.png?d=20120831);
 }
@@ -405 +406 @@
 }
 
 #download-mobile .wrapper {
-        padding: 20px 0;
+        padding: 20px;
         text-align: center;
 }
 
 #download-mobile span.download-ready {
         font-size: 1.6em;
-        margin-right: 20px;
 }
 
 #download-mobile a.download-button {
         height: inherit;
         padding: 10px 15px;
+        margin-top: 10px;
         font-size: 1.6em;
 }
 
+@media screen and (min-width:395px) {
+        #download-mobile a.download-button {
+                margin-top: 0;
+                margin-left: 15px;
+        }
+}
+
 @media screen and (min-width:480px) {
         #head-search form {
+                width: 288px;
                 margin-left: 0;
         }
+
+        #head-search input.text {
+                width: 262px;
+        }
 }
+
 @media screen and (min-width:768px) {
 
         #wporg-header {