summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/chameleon/components/progressindicator
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon/components/progressindicator')
-rw-r--r--WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.css117
1 files changed, 117 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.css b/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.css
new file mode 100644
index 0000000000..b13b627ed6
--- /dev/null
+++ b/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.css
@@ -0,0 +1,117 @@
+.v-progressindicator-wrapper {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ background: #eee url(../../img/grad-dark-bottom.png) repeat-x left bottom;
+ overflow: visible;
+ font-size: 1px;
+ line-height: 1px;
+ }
+
+.v-progressindicator-indicator {
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -10px;
+ margin: -1px;
+ height: 7px;
+ border: 1px solid #b3b3b3;
+ }
+
+.v-ie6 .v-progressindicator-wrapper,
+.v-ie6 .v-progressindicator-indicator {
+ background-image: none;
+ }
+
+
+/*******************************************************************************
+ * Small
+ ******************************************************************************/
+.v-progressindicator-small {
+ width: 110px;
+ }
+
+.v-progressindicator-small .v-progressindicator-wrapper,
+.v-progressindicator-small .v-progressindicator-indicator {
+ height: 2px;
+ border-radius: 1px;
+ -webkit-border-radius: 1px;
+ -moz-border-radius: 1px;
+ }
+
+
+/*******************************************************************************
+ * Big
+ ******************************************************************************/
+.v-progressindicator-big {
+ width: 250px;
+ }
+
+.v-progressindicator-big .v-progressindicator-wrapper,
+.v-progressindicator-big .v-progressindicator-indicator {
+ height: 14px;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ }
+
+
+/*******************************************************************************
+ * Indeterminates
+ ******************************************************************************/
+.v-progressindicator-indeterminate.v-progressindicator-big {
+ width: 42px;
+ height: 42px;
+ background: #fff url(../../../base/common/img/ajax-loader-big.gif) no-repeat 50%;
+ }
+
+.v-progressindicator-indeterminate.v-disabled {
+ display: none;
+ }
+
+.v-progressindicator-indeterminate.v-progressindicator-bar {
+ display: block;
+ width: 150px;
+ height: 9px;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ }
+
+.v-progressindicator-indeterminate.bar.v-progressindicator-small {
+ width: 110px;
+ height: 4px;
+ }
+
+.v-progressindicator-indeterminate.bar.v-progressindicator-big {
+ width: 200px;
+ height: 16px;
+ }
+
+.v-progressindicator-indeterminate.bar .v-progressindicator-wrapper {
+ display: block;
+ background: #fff url(../../img/indeterminate-progress.gif);
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ overflow: hidden;
+ }
+
+.v-progressindicator-indeterminate.bar .v-progressindicator-indicator {
+ display: block;
+ background: transparent url(../../img/grad-light-top.png) repeat-x;
+ border: none;
+ margin: 0;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ overflow: hidden;
+ }
+
+.v-progressindicator-indeterminate.bar.v-progressindicator-small .v-progressindicator-indicator {
+ background: transparent;
+ }
+
+.v-progressindicator-indeterminate.bar.v-disabled .v-progressindicator-indicator {
+ background: #fff;
+ } \ No newline at end of file