Moved the core file input styling into separate files.

asadali3210 · Sep 20, 2013 · 83f0e5b · 83f0e5b
1 parent 8e104d2
commit 83f0e5b
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 30 deletions.
diff --git a/css/jquery.fileupload-noscript.css b/css/jquery.fileupload-noscript.css
@@ -0,0 +1,23 @@
+@charset 'UTF-8';
+/*
+ * jQuery File Upload Plugin NoScript CSS 1.0.0
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileinput-button input {
+  position: static;
+  opacity: 1;
+  filter: none;
+  transform: none;
+  font-size: inherit;
+  direction: inherit;
+}
+.fileinput-button span {
+  display: none;
+}
diff --git a/css/jquery.fileupload-ui-noscript.css b/css/jquery.fileupload-ui-noscript.css
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*
- * jQuery File Upload UI Plugin NoScript CSS 1.0
+ * jQuery File Upload UI Plugin NoScript CSS 8.8.5
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2012, Sebastian Tschan
@@ -10,16 +10,8 @@
  * http://www.opensource.org/licenses/MIT
  */
 
-.fileinput-button input {
-  position: static;
-  opacity: 1;
-  filter: none;
-  transform: none;
-  font-size: inherit;
-  direction: inherit;
-}
+@import url('jquery.fileupload-noscript.css');
 
-.fileinput-button span,
 .fileinput-button i,
 .fileupload-buttonbar .delete,
 .fileupload-buttonbar .toggle {

diff --git a/css/jquery.fileupload-ui.css b/css/jquery.fileupload-ui.css
@@ -1,6 +1,6 @@
-@charset "UTF-8";
+@charset 'UTF-8';
 /*
- * jQuery File Upload UI Plugin CSS 8.8.1
+ * jQuery File Upload UI Plugin CSS 8.8.5
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2010, Sebastian Tschan
@@ -10,36 +10,22 @@
  * http://www.opensource.org/licenses/MIT
  */
 
-.fileinput-button {
-  position: relative;
-  overflow: hidden;
-}
-.fileinput-button input {
-  position: absolute;
-  top: 0;
-  right: 0;
-  margin: 0;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transform: translate(-300px, 0) scale(4);
-  font-size: 23px;
-  direction: ltr;
-  cursor: pointer;
-}
+@import url('jquery.fileupload.css');
+
 .fileupload-buttonbar .btn,
 .fileupload-buttonbar .toggle {
   margin-bottom: 5px;
 }
 .progress-animated .progress-bar,
 .progress-animated .bar {
-  background: url(../img/progressbar.gif) !important;
+  background: url('../img/progressbar.gif') !important;
   filter: none;
 }
 .fileupload-loading {
   float: right;
   width: 32px;
   height: 32px;
-  background: url(../img/loading.gif) center no-repeat;
+  background: url('../img/loading.gif') center no-repeat;
   background-size: contain;
   display: none;
 }

diff --git a/css/jquery.fileupload.css b/css/jquery.fileupload.css
@@ -0,0 +1,28 @@
+@charset 'UTF-8';
+/*
+ * jQuery File Upload Plugin CSS 1.0.0
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileinput-button {
+  position: relative;
+  overflow: hidden;
+}
+.fileinput-button input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  transform: translate(-300px, 0) scale(4);
+  font-size: 23px;
+  direction: ltr;
+  cursor: pointer;
+}