diff options
Diffstat (limited to 'WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss')
-rw-r--r-- | WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..dd01217380 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss @@ -0,0 +1,88 @@ +@mixin runo-splitpanel { + +.v-splitpanel-horizontal, +.v-splitpanel-vertical { + overflow: hidden; +} + +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { + width: 6px; +} + +.v-splitpanel-hsplitter div, +.v-splitpanel-hsplitter-locked div { + width: 6px; + position: absolute; + top: 0; + bottom: 0; + background: #ccd2d0 url(img/bg_hor.png); + border: 1px solid #b6bbbc; + margin: 0 -1px; +} + +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { + height: 6px; +} + +.v-splitpanel-vsplitter div, +.v-splitpanel-vsplitter-locked div { + height: 6px; + background: #ccd2d0 url(img/bg_ver.png); + border: 1px solid #b6bbbc; + margin: -1px 0; +} + + +/* Rounded style */ +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div, +.v-splitpanel-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-vsplitter-rounded-locked div { + margin: -1px 4px; +} + + +/* Small style */ +.v-splitpanel-hsplitter-small, +.v-splitpanel-vsplitter-small, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked { + background: #b6bbbc; +} +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small-locked { + width: 1px; +} +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small-locked { + height: 1px; +} +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +} + +}
\ No newline at end of file |