default.css.scss in glebtv-rails-uploader-0.9.0

- old
+ new

@@ -35,15 +35,11 @@
   line-height: 31px;
 }
 .uploader-button {
 	display: inline-block;
 	background: #972da0;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#982da1', endColorstr='#892891'); 
-	background: -webkit-linear-gradient(left top, left bottom, #982da1, #892891); 
-	background: -moz-linear-gradient(top,  #982da1,  #892891); 
-	background: -o-linear-gradient(top,  #982da1,  #892891); 
-	background: -ms-linear-gradient(top,  #982da1,  #892891); 
+	background: linear-gradient(left top, left bottom, #982da1, #892891); 
 	border: solid 1px #5f1c65;
 	border-radius: 2px;
   -moz-border-radius: 2px;
 	padding: 0 15px;
 	margin: 0 3px 3px;
@@ -55,28 +51,18 @@
 	cursor: pointer;
 	height: 22px;
 }
 .uploader-button:hover {
 	background: #972da0;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90179a', endColorstr='#7d2485'); 
-  background: -webkit-linear-gradient(left top, left bottom, #90179a, #7d2485); 
-  background: -moz-linear-gradient(top,  #90179a,  #7d2485); 
-  background: -o-linear-gradient(top,  #90179a,  #7d2485); 
-  background: -ms-linear-gradient(top,  #90179a,  #7d2485); 
+  background: linear-gradient(top,  #90179a,  #7d2485); 
 	-moz-box-shadow: 0 1px 3px #aaa;
   -webkit-box-shadow: 0 1px 3px #aaa;
   box-shadow: 0 1px 3px #aaa;
 }
 .uploader-button:active {
   background: #8e1898;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e1898', endColorstr='#7f2387'); 
-  background: -webkit-linear-gradient(left top, left bottom, #8e1898, #7f2387); 
-  background: -moz-linear-gradient(top,  #8e1898,  #7f2387); 
-  background: -o-linear-gradient(top,  #8e1898,  #7f2387); 
-  background: -ms-linear-gradient(top,  #8e1898,  #7f2387); 
-	-moz-box-shadow: inset 0 0 4px #5f1c65;
-  -webkit-box-shadow: inset 0 0 4px #5f1c65;
+  background: linear-gradient(top,  #8e1898,  #7f2387); 
   box-shadow: inset 0 0 4px #5f1c65;
 }
 .uploader-button::-moz-focus-inner {
 	border: 1px dotted transparent;
 }
@@ -94,56 +80,51 @@
   -moz-box-shadow: 0 3px 3px -1px #e6e6e6;
   box-shadow: 0 3px 3px -1px #e6e6e6;
 }
 .uploader-button.gray:active {
   border: 1px solid #ccc;
-  -webkit-box-shadow: 0 0 3px #ccc inset !important;
-  -moz-box-shadow : 0 0 3px #ccc inset !important;
-  -o-box-shadow : 0 0 3px #ccc inset !important;
   box-shadow : 0 0 3px #ccc inset !important;
   background-color: #e9e9e9 !important;
   color: #444;
 }
 input[disabled].uploader-button {
 	background: #d2aad6 !important;
   border: solid 1px #bfa4c1 !important;
-	-webkit-box-shadow: none !important;
-  -moz-box-shadow : none !important;
-  -o-box-shadow : none !important;
   box-shadow : none !important;
 	text-shadow: none;
 	cursor: default;
 }
 input[disabled].uploader-button.gray {
   background: #f4f4f4 !important;
   border: solid 1px #dbdbdb !important;
-  -webkit-box-shadow: none !important;
-  -moz-box-shadow : none !important;
-  -o-box-shadow : none !important;
   box-shadow : none !important;
 	color: #616161 !important;
   cursor: default;
 }
 
 .uploader-dnd-area .attach_item {
   width: 242px;
-  height: 50px;
   border: 1px solid #cccccd;
   padding: 19px;
   position: relative;
   float: left;
   margin: 0 20px 20px 0;
   background: #fff;
 }
+.uploader-dnd-area .attach_item:before,
+.uploader-dnd-area .attach_item:after {
+    content: " ";
+    display: table;
+}
+.uploader-dnd-area .attach_item:after {
+    clear: both;
+}
+
 .uploader-dnd-area .attach_item:hover {
-  -moz-box-shadow: 0 0 2px #ccc;
-  -webkit-box-shadow: 0 0 2px #ccc;
   box-shadow: 0 0 2px #ccc;
 }
 .uploader-dnd-area .attach_item:active {
-  -moz-box-shadow: 0 0 5px #d2d2d2;
-  -webkit-box-shadow: 0 0 5px #d2d2d2;
   box-shadow: 0 0 5px #d2d2d2;
   border: solid 1px #cf63d8;
 }	
 
 .uploader-dnd-area .attach_item a.del_btn {
@@ -163,17 +144,18 @@
   width: 50px;
   height: 50px;
   float: left;
   overflow: hidden;
   background-color: #f3f3f3;
+  margin-bottom: 0;
 }
 .uploader-dnd-area .attach_item .thumbnail .preloader {
   border: 1px solid #E5E5E5;
   padding: 10px;
 }
 .uploader-dnd-area .attach_item .infoHolder {
   float: right;
-  width: 180px;
+  width: 130px;
   overflow: hidden;
 }		
 .uploader-dnd-area .attach_item .fileName {
   color: #000;
   font-size: 14px;