diff options
author | Henri Sara <hesara@vaadin.com> | 2012-08-08 14:27:31 +0300 |
---|---|---|
committer | Henri Sara <hesara@vaadin.com> | 2012-08-08 14:44:49 +0300 |
commit | cfa455d6cfd4a535fd77cbc76637a57e7024e9ac (patch) | |
tree | cecb66492671ed20fa9865581da12930ed502047 /WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css | |
parent | 620e096b45f27ecc5aa85d164ca8b81df000e593 (diff) | |
download | vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.tar.gz vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.zip |
Standard themes in SCSS form, updated CompileDefaultTheme (#9223)
Conversion performed for most themes trivial, just rename file and wrap
in a mixin. For chameleon compounds, also nesting used. In some cases,
related small files combined in a single SCSS file
Chameleon accordion and select contain fixes other than just a missing
semicolon.
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css')
-rw-r--r-- | WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css | 145 |
1 files changed, 0 insertions, 145 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css deleted file mode 100644 index dfa83d7088..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.css +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Tabsheet "minimal" style -------------- - */ - -/* Minimal tabsheet on blue background */ -.blue .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - border-color: #7c8a91; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - color: #7c8a91; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #BCD3DE; - background: #778d98; -} -.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #4f6874; -} - -/* Default & white styles */ -.v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.white .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div { - border-bottom: 1px solid #bfbfbf; - height: auto; - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell, -.v-tabsheet-tabs-minimal .v-tabsheet-spacertd { - height: auto; - background: transparent; - padding-left: 0; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem { - border: none; - border-bottom: 1px solid #bfbfbf; - color: #4d748f; - padding: 0; - height: auto; - background: transparent; - text-shadow: none; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption { - padding: 5px 16px; - height: auto; - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell-selected { - background: transparent; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected, -.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - background: transparent; - border: 1px solid #bfbfbf; - border-bottom: none; - color: #222; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption { - background: transparent; - padding: 4px 15px 6px 15px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption-closable, -.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption-closable { - padding-right: 6px; -} -.v-tabsheet-content-minimal, -.white .v-tabsheet-content-minimal { - border: none; -} -.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel { - background: transparent; -} -.v-tabsheet-deco-minimal, -.white .v-tabsheet-deco-minimal { - height: 0; - border: none; -} -.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller { - margin-top: -20px; - height: 17px; - padding: 0; - border: none; - background: transparent; -} -.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller button { - margin-top: 0; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close, -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover, -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - text-indent: 0; - background: transparent; - margin-left: 3px; - margin-right: -3px; - padding: 0; - color: #999; - width: 14px; - height: 14px; - line-height: 14px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - margin-top: 1px; -} -.v-ff .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - margin-top: -15px; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover, -.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #fff; - background: #aaa; -} -.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active, -.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #777; -} - -/* Minimal tabsheet on black background */ -.black .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div, -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem, -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - border-color: #3e4044; - color: #6a7f89; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected { - color: #c9ccce; -} -.black .v-tabsheet-content-minimal, -.black .v-tabsheet-content-bar { - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close { - color: #72787c; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover { - color: #1d2021; - background: #4d5154; -} -.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active { - background: #626669; -}
\ No newline at end of file |