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/chameleon/components/tabsheet/tabsheet.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/chameleon/components/tabsheet/tabsheet.css')
-rw-r--r-- | WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.css | 158 |
1 files changed, 0 insertions, 158 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.css deleted file mode 100644 index d1697c584a..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.css +++ /dev/null @@ -1,158 +0,0 @@ -.v-tabsheet-spacertd div { - border-color: #b3b3b3; - border-left: none; - } - -.v-tabsheet-tabitem { - border: none; - border-bottom: 1px solid #b3b3b3; - padding: 0; - } - -.v-tabsheet-tabitem .v-caption { - padding: .2em .8em; - margin: 1px; - margin-bottom: 0; - } - -.v-tabsheet-tabitem-selected { - background-color: #c9c9c9; - border: 1px solid #b3b3b3; - border-bottom: none; - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - -moz-border-radius-topleft: 3px; - -moz-border-radius-topright: 3px; - overflow: hidden; - } - -.v-tabsheet-tabitem-selected .v-caption { - background: transparent url(../../img/grad-light-top.png) repeat-x; - margin: 0; - padding-bottom: .25em; - -webkit-border-top-left-radius: 2px; - -webkit-border-top-right-radius: 2px; - -moz-border-radius-topleft: 2px; - -moz-border-radius-topright: 2px; - } - -.v-tabsheet-content { - background: #fff; - border-color: #b3b3b3; - } - -.v-tabsheet-deco { - height: 0; - background: transparent; - border-top: 1px solid #b3b3b3; - } - -.v-tabsheet-caption-close { - width: 14px; - height: 15px; - overflow: hidden; - text-indent: -50px; - background: transparent url(../../img/close-btn.png) no-repeat .5em 0; - vertical-align: middle; - padding: 0 0 0 .5em; - margin: .2em 0 0 0; - } - -.v-tabsheet-caption-close:hover { - background-position: .5em -25px; - } - -.v-tabsheet-caption-close:active { - background-position: .5em -50px; - } - -/******************************************************************************* - * Scroller - ******************************************************************************/ -.v-tabsheet-scroller { - height: 14px; - margin-top: -1.6em; - position: relative; - float: right; - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - border: 1px solid #b3b3b3; - border-radius: 6px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - } - -.v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext, -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled, -.v-tabsheet-scrollerPrev-disabled:active, -.v-tabsheet-scrollerNext-disabled:active { - border: 1px solid #b3b3b3; - border-width: 0; - background: transparent url(../../img/tab-arrows.png) no-repeat 6px 50%; - width: 16px; - height: 14px; - overflow: hidden; - opacity: .5; - filter: alpha(opacity=50); - } - -.v-tabsheet-scroller button::-moz-focus-inner { - border: none; - padding: 0; - } - -.v-tabsheet-scrollerNext, -.v-tabsheet-scrollerNext-disabled, -.v-tabsheet-scrollerNext-disabled:active { - background-position: -10px 50%; - border-left-width: 1px; - } - -.v-tabsheet-scrollerPrev:hover, -.v-tabsheet-scrollerNext:hover { - opacity: .75; - filter: alpha(opacity=75); - } - -.v-tabsheet-scrollerPrev:active, -.v-tabsheet-scrollerNext:active { - opacity: 1; - filter: none; - } - -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled, -.v-tabsheet-scrollerPrev-disabled:active, -.v-tabsheet-scrollerNext-disabled:active { - opacity: .1; - filter: alpha(opacity=10); - } - - - -/******************************************************************************* - * open-only-closable - ******************************************************************************/ -.v-tabsheet-open-only-closable .v-tabsheet-caption-close { - visibility: hidden; - } - -.v-tabsheet-open-only-closable .v-tabsheet-tabitem-selected .v-tabsheet-caption-close { - visibility: visible; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -.v-tabsheet-borderless .v-tabsheet-content-borderless, -.v-tabsheet-deco-borderless { - border: none; - background: transparent; - } - -.v-tabsheet-tabs-borderless .v-tabsheet-tabitem-selected, -.v-tabsheet-tabs-borderless .v-tabsheet-tabitem-selected .v-caption { - background-color: transparent; - }
\ No newline at end of file |