Author: norman
Date: Fri Jul 31 19:40:44 2009
New Revision: 799716

URL: http://svn.apache.org/viewvc?rev=799716&view=rev
Log:
Styling of upload progress bar

Modified:
    labs/hupa/war/Hupa.css

Modified: labs/hupa/war/Hupa.css
URL: 
http://svn.apache.org/viewvc/labs/hupa/war/Hupa.css?rev=799716&r1=799715&r2=799716&view=diff
==============================================================================
--- labs/hupa/war/Hupa.css (original)
+++ labs/hupa/war/Hupa.css Fri Jul 31 19:40:44 2009
@@ -1,137 +1,166 @@
 .cbg-RP { 
-    background-color:  #E0ECFF;
+    background-color:                          #E0ECFF;
 }
 
 .cbg-RPContainer { 
-    border-color:              #E0ECFF;
+    border-color:                                      #E0ECFF;
 }
 
 .cbg-Button, .gwt-HTML, .gwt-Tree .gwt-TreeItem, .gwt-SuggestBoxPopup .item, 
hupa-LoginForm, .hupa-IMAPMessageWidget-Header-Content, .hupa-ToolTip, 
.hupa-IMAPFolder, .gwt-ListBox, .gwt-HyperLink{
-    font-size:                 12px;
-       font-family:            Arial, Helvetica, sans-serif;
+    font-size:                                         12px;
+       font-family:                                    Arial, Helvetica, 
sans-serif;
 }
 
 .hupa-LoginForm {
-       font-size:                      10px;
-       font-family:            Verdana;
+       font-size:                                              12px;
+       font-family:                                    Verdana;
 }
 
 .hupa-ErrorLabel, .gwt-PagingOptions .errorMessage {
-    color:              #FF0000;
-    font-size:                 12px;
-       font-family:            Arial, Helvetica, sans-serif;
+    color:                                #FF0000;
+    font-size:                                         12px;
+       font-family:                                    Arial, Helvetica, 
sans-serif;
 }
 
 .hupa-MailTableControl {
-    background-color:  #E0ECFF;        
+    background-color:                          #E0ECFF;        
 }
 
 .hupa-LoginWidgetHeader {
-    border-top:                        1pt solid grey;
-    border-bottom:             1pt solid grey;
-    text-align:                        left;
-    padding-left:              5px;
-    background-color:  #E0ECFF;
+    border-top:                                                1pt solid grey;
+    border-bottom:                                     1pt solid grey;
+    text-align:                                                left;
+    padding-left:                                      5px;
+    background-color:                          #E0ECFF;
 }
 
 .hupa-validationErrorBorder {
-       border:                         1pt solid red;
+       border:                                                 1pt solid red;
 }
 
 .hupa-IMAPMessageWidget-Header {
-    border:                            1pt solid grey;
-    text-align:                        left;
-    background-color:  #E0ECFF;
+    border:                                                    1pt solid grey;
+    text-align:                                                left;
+    background-color:                          #E0ECFF;
 }
 
 .hupa-IMAPMessageWidget-ButtonBar {
-    border-bottom:             1pt solid grey;
-    padding-left:              5px;
-    padding-bottom:            5px;
+    border-bottom:                                     1pt solid grey;
+    padding-left:                                      5px;
+    padding-bottom:                                    5px;
 }
 
 .hupa-Northpanel {
-    border-top:                        1pt solid grey;
-    border-bottom:             1pt solid grey;
-    background-color:  #E0ECFF;
+    border-top:                                                1pt solid grey;
+    border-bottom:                                     1pt solid grey;
+    background-color:                          #E0ECFF;
 }
 
 .hupa-Mailtable-row-notseen {
-    font-weight:               bold;
+    font-weight:                                       bold;
 }
 
 .gwt-ScrollTable .dataTable td {
-    border-top:        1pt solid #EEEEEE;
-    white-space:               nowrap;
-    padding:                   0px 10px 0px 10px;
-    overflow:                  hidden;
-    font-size:                 12px;
-       font-family:            Arial, Helvetica, sans-serif;
-       cursor:             hand;
+    border-top:                                        1pt solid #EEEEEE;
+    white-space:                               nowrap;
+    padding:                                           0px 10px 0px 10px;
+    overflow:                                  hidden;
+    font-size:                                         12px;
+       font-family:                                    Arial, Helvetica, 
sans-serif;
+       cursor:                                     hand;
 }
 
 
 .gwt-ScrollTable .dataTable tr.highlighted {
-    background:        #FAD163;
+    background:                                        #FAD163;
 }
 
 .gwt-ScrollTable .dataTable tr.selected td {
-    background:        #FFF7D7;
+    background:                                #FFF7D7;
 }
 
 .hupa-Mailtable-row {
-    text-align:                left;
-       vertical-align:         top;
-       padding:                        0px 10px 0px 10px;
-       font-size:                      12px;
-       cursor:                 hand;
+    text-align:                                        left;
+       vertical-align:                                 top;
+       padding:                                                0px 10px 0px 
10px;
+       font-size:                                              12px;
+       cursor:                                         hand;
 }
 
 .hupa-Mailtable-cell-date {
-       text-align:             right;
+       text-align:                                     right;
 }
 
 .hupa-IMAPFolder-selected {
-       background:             #E0ECFF;
-       width:                          100%;   
+       background:                                     #E0ECFF;
+       width:                                                  100%;   
 }
 
 .GWTUpld {
-    font-family:               Arial, Helvetica, sans-serif;
-       font-size:                      12px;
+    font-family:                                       Arial, Helvetica, 
sans-serif;
+       font-size:                                              12px;
 }
 
 .upld-status {
-       font-family:            Arial, Helvetica, sans-serif;
-       font-size:                      10px;
+       font-family:                                    Arial, Helvetica, 
sans-serif;
+       font-size:                                              10px;
 }
 
 .upld-status .filename {
-       width:                          300px;
-       overflow:                       hidden;
+       width:                                                  300px;
+       overflow:                                               hidden;
 }
 
 .upld-status .status {
-       width:                          200px;
-       padding-left:           8px;
-       white-space:            nowrap;
+       width:                                                  200px;
+       padding-left:                                   8px;
+       white-space:                                    nowrap;
 }
 
 .upld-status .status-3 {
-       color:                          green;
+       color:                                                  green;
 }
 
 .upld-status .status-4 {
-       color:                          red;
+       color:                                                  red;
 }
 
 .GWTUpld .changed {
-       color:                          red;
+       color:                                                  red;
        /* It doesn't work in IE */
-       text-decoration:        blink;
+       text-decoration:                                blink;
+}
+
+/*
+ * Incubator ProgressBar 
+ */
+.gwt-ProgressBar-shell {
+       margin:                                                 2px;
+       background-color:                               #EEEEEE;
+       height:                                                 12px;
+       width:                                                  250px;
+       -moz-border-radius-bottomleft:  4px;
+       -moz-border-radius-bottomright: 4px;
+       -moz-border-radius-topleft:     4px;
+       -moz-border-radius-topright:    4px;
+       border:                                                 1px solid 
#DDDDDD;
+}
+
+.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
+       background-color:                               #F6A828;
+       -moz-border-radius-bottomleft:  4px;
+       -moz-border-radius-topleft:     4px;
+}
+
+.gwt-ProgressBar-shell .gwt-ProgressBar-text {
+       padding:                                                0px;
+       margin:                                                 0px;
+       color:                                                  grey;
 }
 
 .gwt-PopupPanel {
-    border:                    2px groove #F6A828;
-    padding:                   10px;
+       -moz-border-radius-bottomleft:  6px;
+       -moz-border-radius-bottomright: 6px;
+       -moz-border-radius-topleft:     6px;
+       -moz-border-radius-topright:    6px; 
 }



---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to