diff options
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon/compound/compound.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/chameleon/compound/compound.scss | 134 |
1 files changed, 134 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/compound/compound.scss b/WebContent/VAADIN/themes/chameleon/compound/compound.scss new file mode 100644 index 0000000000..b3f0e72f8f --- /dev/null +++ b/WebContent/VAADIN/themes/chameleon/compound/compound.scss @@ -0,0 +1,134 @@ +@mixin chameleon-compound { + + // segment.css + + .v-horizontallayout-segment { + .v-button { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + border-left-width: 0; + zoom: 1; + overflow: visible; + + .v-button-wrap { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + zoom: 1; + } + } + + .first { + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-bottomleft: 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-left-width: 1px; + + .v-button-wrap { + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + } + + } + + .last { + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + + .v-button-wrap { + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + } + } + + // sidebar-menu.css + + .sidebar-menu * { + white-space: normal; + } + + .sidebar-menu { + .v-label { + font-size: 0.85em; + text-transform: uppercase; + font-weight: bold; + letter-spacing: 0.03em; + padding: 1em .9em .3em; + text-shadow: 0 1px 0 rgba(255,255,255,1); + } + + .v-nativebutton { + width: 100%; + padding: .1em 1.1em; + border: none; + background: transparent; + text-align: left; + } + + .v-nativebutton:focus { + outline: none; + font-weight: bold; + } + + .tab-selected, + .selected { + font-weight: bold; + background-color: #333; + background-image: url(../img/grad-light-top2.png); + background-position: 0 -1px; + color: #fff; + } + + .tab-selected:focus, + .selected:focus { + outline: none; + } + + .v-nativebutton::-moz-focus-inner { + border: none; + padding: 0; + } + } + + // toolbar.css + + .v-csslayout-toolbar { + background: transparent url(../img/grad-light-top.png) repeat-x; + border: 1px solid #b3b3b3; + border-width: 1px 0; + + .v-csslayout-margin { + margin: 3px .3em 2px; + padding-bottom: 1px; + overflow: hidden; + } + + .v-button, + .segment { + margin-right: 2px; + float: left; + } + + .segment .v-button { + margin-right: 0; + } + } + +}
\ No newline at end of file |