diff options
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon/compound')
5 files changed, 134 insertions, 120 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/compound/compound.css b/WebContent/VAADIN/themes/chameleon/compound/compound.css deleted file mode 100644 index 2a193ae46b..0000000000 --- a/WebContent/VAADIN/themes/chameleon/compound/compound.css +++ /dev/null @@ -1,3 +0,0 @@ -@import "sidebar-menu/sidebar-menu.css"; -@import "segment/segment.css"; -@import "toolbar/toolbar.css";
\ No newline at end of file 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 diff --git a/WebContent/VAADIN/themes/chameleon/compound/segment/segment.css b/WebContent/VAADIN/themes/chameleon/compound/segment/segment.css deleted file mode 100644 index a529bff173..0000000000 --- a/WebContent/VAADIN/themes/chameleon/compound/segment/segment.css +++ /dev/null @@ -1,52 +0,0 @@ -.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-horizontallayout-segment .v-button .v-button-wrap { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - zoom: 1; - } - -.v-horizontallayout-segment .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-horizontallayout-segment .first .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; - } - -.v-horizontallayout-segment .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-horizontallayout-segment .last .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; - }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/compound/sidebar-menu/sidebar-menu.css b/WebContent/VAADIN/themes/chameleon/compound/sidebar-menu/sidebar-menu.css deleted file mode 100644 index e2ab7f2080..0000000000 --- a/WebContent/VAADIN/themes/chameleon/compound/sidebar-menu/sidebar-menu.css +++ /dev/null @@ -1,44 +0,0 @@ -.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); - } - -.sidebar-menu .v-nativebutton { - width: 100%; - padding: .1em 1.1em; - border: none; - background: transparent; - text-align: left; - } - -.sidebar-menu .v-nativebutton:focus { - outline: none; - font-weight: bold; - } - -.sidebar-menu .tab-selected, -.sidebar-menu .selected { - font-weight: bold; - background-color: #333; - background-image: url(../../img/grad-light-top2.png); - background-position: 0 -1px; - color: #fff; - } - -.sidebar-menu .tab-selected:focus, -.sidebar-menu .selected:focus { - outline: none; - } - -.sidebar-menu .v-nativebutton::-moz-focus-inner { - border: none; - padding: 0; - }
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/compound/toolbar/toolbar.css b/WebContent/VAADIN/themes/chameleon/compound/toolbar/toolbar.css deleted file mode 100644 index 468172037e..0000000000 --- a/WebContent/VAADIN/themes/chameleon/compound/toolbar/toolbar.css +++ /dev/null @@ -1,21 +0,0 @@ -.v-csslayout-toolbar { - background: transparent url(../../img/grad-light-top.png) repeat-x; - border: 1px solid #b3b3b3; - border-width: 1px 0; - } - -.v-csslayout-toolbar .v-csslayout-margin { - margin: 3px .3em 2px; - padding-bottom: 1px; - overflow: hidden; - } - -.v-csslayout-toolbar .v-button, -.v-csslayout-toolbar .segment { - margin-right: 2px; - float: left; - } - -.v-csslayout-toolbar .segment .v-button { - margin-right: 0; - }
\ No newline at end of file |