Browse Source

HUE-626 fixed stylesheet for upload button

Enrico Berti 13 years ago
parent
commit
fba16f4000
1 changed files with 30 additions and 18 deletions
  1. 30 18
      desktop/core/static/ext/css/fileuploader.css

+ 30 - 18
desktop/core/static/ext/css/fileuploader.css

@@ -3,27 +3,39 @@
 .qq-upload-button {
     display:block; /* or inline-block */
     width: 105px; padding: 7px 0; text-align:center;    
-     -moz-border-bottom-colors: none;
+    /* -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
-    -moz-border-top-colors: none;
-    -moz-transition: all 0.1s linear 0s;
-    background-color: #E6E6E6;
-    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
-    background-repeat: no-repeat;
-    border-color: #CCCCCC #CCCCCC #BBBBBB;
-    border-radius: 4px 4px 4px 4px;
-    border-style: solid;
-    border-width: 1px;
-    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
-    color: #333333;
-    cursor: pointer;
-    display: inline-block;
-    font-size: 13px;
-    line-height: normal;
-    padding: 5px 14px 6px;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+    -moz-border-top-colors: none; */
+    cursor:pointer;
+    background-color:#e6e6e6;
+    background-repeat:no-repeat;
+    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+    background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+    background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+    background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+    background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+    background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+    padding:5px 14px 6px;
+    text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
+    color:#333;
+    font-size:13px;
+    line-height:normal;
+    border:1px solid #ccc;
+    border-bottom-color:#bbb;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius:4px;
+    -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
+    -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
+    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
+    -webkit-transition:0.1s linear all;
+    -moz-transition:0.1s linear all;
+    -ms-transition:0.1s linear all;
+    -o-transition:0.1s linear all;
+    transition:0.1s linear all;
+
 }
 .qq-upload-button-hover {
     background-position: 0 -15px;