diff options
Diffstat (limited to 'layout/reftests/forms/progress/style.css')
-rw-r--r-- | layout/reftests/forms/progress/style.css | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/layout/reftests/forms/progress/style.css b/layout/reftests/forms/progress/style.css new file mode 100644 index 000000000..025bde8f8 --- /dev/null +++ b/layout/reftests/forms/progress/style.css @@ -0,0 +1,39 @@ +div.progress-element { + -moz-appearance: progressbar; + display: inline-block; + height: 1em; + width: 10em; + vertical-align: -0.2em; + + /* Default style in case of there is -moz-appearance: none; */ + border: 2px solid; + -moz-border-top-colors: ThreeDShadow #e6e6e6; + -moz-border-right-colors: ThreeDHighlight #e6e6e6; + -moz-border-bottom-colors: ThreeDHighlight #e6e6e6; + -moz-border-left-colors: ThreeDShadow #e6e6e6; + background-color: #e6e6e6; +} + +div.progress-element.vertical { + height: 10em; + width: 1em; +} + +div.progress-bar { + -moz-appearance: progresschunk; + height: 100%; + /* + * We can't apply the following style to the reference because it will have + * underisable effectes: + * width: 100%; + */ + + box-sizing: border-box; + + /* Default style in case of there is -moz-appearance: none; */ + background-color: #0064b4; +} + +progress, progress::-moz-progress-bar, div.progress-element, div.progress-bar { + -moz-appearance: none; +} |