Permalink
Browse files

Adding swfupload css.

  • Loading branch information...
1 parent 03c145f commit 6f60bd52557f850f272c3635ed940672de5173a8 @cameronyule cameronyule committed Aug 27, 2008
Showing with 101 additions and 1 deletion.
  1. +1 −1 app/views/layouts/layout.html.erb
  2. +100 −0 public/stylesheets/swfupload.css
@@ -7,7 +7,7 @@
<title>SWFUpload Test</title>
- <%= stylesheet_link_tag 'screen', :media => 'screen' %>
+ <%= stylesheet_link_tag 'screen', 'swfupload', :media => 'screen' %>
<%= javascript_include_tag 'swfupload', 'swfupload_handlers' %>
</head>
@@ -0,0 +1,100 @@
+/* -----------------------------------------------
+ www.swfupload.org
+ Description: Common Screen Stylesheet for SWFUpload Demos
+ Updated on: May 1, 2008
+----------------------------------------------- */
+
+.progressWrapper {
+ width: 357px;
+ overflow: hidden;
+}
+
+#divFileProgressContainer {
+ margin: 5px;
+ padding: 4px;
+ border: solid 1px #E8E8E8;
+ background-color: #F7F7F7;
+ overflow: hidden;
+}
+/* Message */
+.message {
+ margin: 1em 0;
+ padding: 10px 20px;
+ border: solid 1px #FFDD99;
+ background-color: #FFFFCC;
+ overflow: hidden;
+}
+/* Error */
+.red {
+ border: solid 1px #B50000;
+ background-color: #FFEBEB;
+}
+
+/* Current */
+.green {
+ border: solid 1px #DDF0DD;
+ background-color: #EBFFEB;
+}
+
+/* Complete */
+.blue {
+ border: solid 1px #CEE2F2;
+ background-color: #F0F5FF;
+}
+
+.progressName {
+ font-size: 8pt;
+ font-weight: 700;
+ color: #555;
+ width: 323px;
+ height: 14px;
+ text-align: left;
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+.progressBarInProgress,
+.progressBarComplete,
+.progressBarError {
+ font-size: 0;
+ width: 0%;
+ height: 2px;
+ background-color: blue;
+ margin-top: 2px;
+}
+
+.progressBarComplete {
+ width: 100%;
+ background-color: green;
+ visibility: hidden;
+}
+
+.progressBarError {
+ width: 100%;
+ background-color: red;
+ visibility: hidden;
+}
+
+.progressBarStatus {
+ margin-top: 2px;
+ width: 337px;
+ font-size: 7pt;
+ font-family: Arial;
+ text-align: left;
+ white-space: nowrap;
+}
+
+a.progressCancel {
+ font-size: 0;
+ display: block;
+ height: 14px;
+ width: 14px;
+ background-image: url(../images/cancelbutton.gif);
+ background-repeat: no-repeat;
+ background-position: -14px 0px;
+ float: right;
+}
+
+a.progressCancel:hover {
+ background-position: 0px 0px;
+}

0 comments on commit 6f60bd5

Please sign in to comment.