diff options
Diffstat (limited to 'WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss')
-rw-r--r-- | WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..c58c25be58 --- /dev/null +++ b/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss @@ -0,0 +1,128 @@ +@mixin base-tabsheet { + +.v-tabsheet, +.v-tabsheet-content, +.v-tabsheet-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left; /* Force default alignment */ +} +.v-tabsheet-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; +} +.v-tabsheet-tabitemcell:focus { + outline: none; +} +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.v-tabsheet-spacertd { + width: 100%; +} +.v-tabsheet-spacertd div { + border-left: 1px solid #aaa; + border-bottom: 1px solid #aaa; + height: 1em; + padding: 0.2em 0; +} +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { + display: none; +} +.v-tabsheet-scroller { + white-space: nowrap; + text-align: right; + margin-top: -1em; +} +.v-disabled .v-tabsheet-scroller { + display: none; +} +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; +} +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + opacity: 0.5; + cursor: default; +} +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { + white-space: nowrap; +} +.v-tabsheet-caption-close { + display: inline; + display: inline-block; + zoom: 1; + width: 16px; + height: 16px; + text-align: center; + font-weight: bold; + cursor: pointer; + vertical-align: middle; + user-select: none; + -khtml-user-select: none; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +.v-tabsheet .v-disabled .v-tabsheet-caption-close { + cursor: default; + visibility: hidden; +} +.v-tabsheet-tabitem:hover .v-tabsheet-caption-close { + visibility: visible; +} +.v-tabsheet-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; +} +.v-tabsheet-tabitem .v-caption { + cursor: inherit; +} +.v-tabsheet.v-disabled .v-tabsheet-tabitem, +.v-tabsheet-tabitemcell-disabled .v-tabsheet-tabitem { + cursor: default; +} +.v-tabsheet-tabitem-selected { + cursor: default; + border-bottom-color: #fff; +} +.v-tabsheet-tabitem-selected .v-caption { + cursor: default; +} +.v-tabsheet-content { + border: 1px solid #aaa; + /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */ + border-top: none; + border-bottom: none; + position: relative; +} +.v-tabsheet-deco { + height: 1px; + background: #aaa; + overflow: hidden; +} +.v-tabsheet-hidetabs .v-tabsheet-content { + border: none; +} +.v-tabsheet-hidetabs .v-tabsheet-deco { + height: 0; +} + +}
\ No newline at end of file |