Updated admin button CSS.

--HG--
branch : dev

src/Orchard.Web/Themes/TheAdmin/Styles/site.css

@@ -654,107 +654,63 @@ textarea {
     display:block;
     margin:0;
 }
-form.link button {
-    background:inherit;
-    border:0;
-    padding:0;
-    width:auto;
-    margin:-2px -3px 0;
 
-    /*Remove CSS3 button properties*/
-    filter:none;
-    background:none;
-    background:none;
-    box-shadow:none;
-    -webkit-box-shadow:none;
-    -moz-box-shadow:none;
-    border-radius:none;
-    -webkit-border-radius:none;
-    -moz-border-radius:none;   
-}
-button.primaryAction, .button.primaryAction, .button.primaryAction:link, .button.primaryAction:visited {
+/*----buttons----*/
+button, .button {
     background:#6a7b42;
     border:1px solid #487328;
-    color:#fff;
+    color:#fff !important;
+    cursor: pointer;
+    display: inline-block;
+    /*font: 14px/100% Arial,Helvetica,sans-serif;*/
+    font: 90% Arial,Helvetica,sans-serif;
 
-    /*CSS3 properties*/
-    text-shadow: rgba(0,0,0,.5) 0px 0px 1px;
-    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45',  endColorstr='#ff6a7b42');    
-    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
-    background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
+    /*padding: 0.5em 1em;
+    padding: 4px 14px;*/
+    padding: 4px 14px 2px 14px; /*ie9*/
+    /*padding: 3px 14px 3px 14px; Firefox*/
+    
+    /*position: relative;*/
+    text-align: center;
+    text-decoration: none;
+    vertical-align: middle;
+    
+    /*----CSS3 properties----*/
+     text-shadow: rgba(40,53,9,.2) 0px 0px 1px;
+    -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2); 
+    -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2); 
+     box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2);
 
-}
-button.remove, .remove.button, .remove.button:link, .remove.button:visited {
-    background-color:#DECCCA;
-    background-image:url(images/tableHeaderBackgroundRed.gif);
-    border-color:#d6c9c7;
-    color:#5c3732;
-}
-button.remove:hover, .remove.button:hover,
-button.remove:active, .remove.button:active,
-button.remove:focus, .remove.button:focus {
-    background:#8f7c79;
-    border-color:#6e5551;
-    color:#faedeb;
-}
-button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner {
-    border-color:#8f7c79;
-}
-.delete.button {
-    float:right;
-}
+     
+    /*----In ie the first couplet sets the alpha value so 00=transparent and ff=opaque)----*/    
+     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff9bb36c',  endColorstr='#ff809f43');	
+	 background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
+     background: -moz-linear-gradient(top, rgba(155, 179, 108, 1.0), rgba(128, 159, 67, 1.0));
 
-a.button, .button:link, .button:visited {display:inline-block; line-height:normal; padding:1px 14px 3px 14px !important; /*vertical-align:top;*/}
-
-input[type="submit"], input[type="reset"], input[type="button"], button, submit, .button, a.button, .button:link, .button:visited {        
-        color:#333;
-        background:#f5f5f5;
-        border:1px solid #999;
-        cursor:pointer;
-        padding:0 14px 2px 14px;
-        text-align:center;
         
-        /*CSS3 properties*/
-        text-shadow: rgba(0,0,0,.2) 0px 0px 1px;      
-        /*In ie the first couplet sets the alpha value so 00=transparent and ff=opaque)*/
-        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fff5f5f5',  endColorstr='#ffd9d9d9');
-        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(245, 245, 245, 1.0)), rgba((217, 217, 217, 1.0)));    
-        background: -moz-linear-gradient(top, rgba(245, 245, 245, 1.0), rgba(217, 217, 217, 1.0));
-               
-        box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2);
-        -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2); 
-        -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.2); 
-            
-        border-radius: 2px;
-        -webkit-border-radius: 2px;
-        -moz-border-radius: 2px;
-        
-    /*Test to see how our UI looks with all buttons using the green style*/    
-    background:#6a7b42;
-    border:1px solid #487328;
-    color:#fff;
-
-    /*CSS3 properties*/
-    text-shadow: rgba(0,0,0,.5) 0px 0px 1px;
-    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45',  endColorstr='#ff6a7b42');    
-    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
-    background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+     border-radius: 2px;
 
+}
+button, input.button, x:-moz-any-link {
+    /*padding: 0.35em 1em;*/ 
+    padding: 2px 14px 2px 14px;
     }
-input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, .button.primaryAction:hover {
+
+button:hover, .button:hover {
     border-color:#3a822e;
-    color:#fff;
-    color:eefcec;
+    color:#eefcec;
     text-decoration:none; 
     background: #809f43;
     
     /*CSS3 properties*/  
-    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff9bb36c',  endColorstr='#ff809f43');	
-	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
-    background: -moz-linear-gradient(top, rgba(155, 179, 108, 1.0), rgba(128, 159, 67, 1.0));
-
+     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45',  endColorstr='#ff6a7b42');    
+     background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
+     background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
 }
-input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .buton:active, .button.primaryAction:active {
+
+button:active, .buton:active {
     text-decoration:none; 
     background:#6a7b42;
     border:1px solid #487328;
@@ -762,14 +718,13 @@ input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:ac
 
     /*CSS3 properties*/
     text-shadow: rgba(0,0,0,.5) 0px 0px 1px;
-    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff6e7f45',  endColorstr='#ff6a7b42');    
-    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
-    background: -moz-linear-gradient(top, rgba(110, 127, 69, 1.0), rgba(106, 123, 66, 1.0));
+     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff9bb36c',  endColorstr='#ff809f43');	
+	 background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 127, 69, 1.0)), rgba((106, 123, 66, 1.0)));    
+     background: -moz-linear-gradient(top, rgba(155, 179, 108, 1.0), rgba(128, 159, 67, 1.0));
 }
-input[type="submit"]:focus::-moz-focus-inner, button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner {
+button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner {
   border: 1px dotted transparent;
 }
-
 .cancel {
     margin:0 0 0 .93em;
 }