scripts/swfupload2.5/css/default.css

   1 /* -----------------------------------------------
   2         www.swfupload.org
   3         Description: Common Screen Stylesheet for SWFUpload Demos
   4         Updated on:  May 1, 2008
   5 ----------------------------------------------- */
   6 /* -- Table Styles ------------------------------- */
   7 .progressWrapper {
   8         width: 357px;
   9         overflow: hidden;
  10 }
  11
  12 .progressContainer {
  13         margin: 5px;
  14         padding: 4px;
  15         border: solid 1px #E8E8E8;
  16         background-color: #F7F7F7;
  17         overflow: hidden;
  18 }
  19 /* Message */
  20 .message {
  21         margin: 1em 0;
  22         padding: 10px 20px;
  23         border: solid 1px #FFDD99;
  24         background-color: #FFFFCC;
  25         overflow: hidden;
  26 }
  27 /* Error */
  28 .red {
  29         border: solid 1px #B50000;
  30         background-color: #FFEBEB;
  31 }
  32
  33 /* Current */
  34 .green {
  35         border: solid 1px #DDF0DD;
  36         background-color: #EBFFEB;
  37 }
  38
  39 /* Complete */
  40 .blue {
  41         border: solid 1px #CEE2F2;
  42         background-color: #F0F5FF;
  43 }
  44
  45 .progressName {
  46         font-size: 8pt;
  47         font-weight: 700;
  48         color: #555;
  49         width: 323px;
  50         height: 14px;
  51         text-align: left;
  52         white-space: nowrap;
  53         overflow: hidden;
  54 }
  55
  56 .progressBarInProgress,
  57 .progressBarComplete,
  58 .progressBarError {
  59         font-size: 0;
  60         width: 0%;
  61         height: 2px;
  62         background-color: blue;
  63         margin-top: 2px;
  64 }
  65
  66 .progressBarComplete {
  67         width: 100%;
  68         background-color: green;
  69         visibility: hidden;
  70 }
  71
  72 .progressBarError {
  73         width: 100%;
  74         background-color: red;
  75         visibility: hidden;
  76 }
  77
  78 .progressBarStatus {
  79         margin-top: 2px;
  80         width: 337px;
  81         font-size: 7pt;
  82         font-family: Arial;
  83         text-align: left;
  84         white-space: nowrap;
  85 }
  86
  87 a.progressCancel {
  88         font-size: 0;
  89         display: block;
  90         height: 14px;
  91         width: 14px;
  92         background-image: url(../images/cancelbutton.gif);
  93         background-repeat: no-repeat;
  94         background-position: -14px 0px;
  95         float: right;
  96 }
  97
  98 a.progressCancel:hover {
  99         background-position: 0px 0px;
 100 }
 101
 102
 103 /* -- SWFUpload Object Styles ------------------------------- */
 104 /* for file select dialog */
 105 .swfupload {
 106         vertical-align: top;
 107         position: absolute;
 108         z-index: 1;
 109 }