From 1482d63643f3d03a7fa887a5de7cc251b1313a11 Mon Sep 17 00:00:00 2001 From: Teemu Suo-Anttila Date: Mon, 28 Mar 2016 12:19:15 +0300 Subject: Build vaadin-themes with maven Change-Id: Ie40ea2c74358f6bf35a5a36a98561fd53fffe23f --- .gitignore | 1 + .../themes/base/absolutelayout/absolutelayout.scss | 19 - .../VAADIN/themes/base/accordion/accordion.scss | 33 - WebContent/VAADIN/themes/base/base.scss | 134 ---- .../themes/base/browserframe/browserframe.scss | 18 - WebContent/VAADIN/themes/base/button/button.scss | 82 -- WebContent/VAADIN/themes/base/button/checkbox.scss | 33 - .../VAADIN/themes/base/button/nativebutton.scss | 73 -- .../VAADIN/themes/base/calendar/calendar.scss | 378 ---------- .../VAADIN/themes/base/calendar/img/arrows.png | Bin 248 -> 0 bytes WebContent/VAADIN/themes/base/caption/caption.scss | 28 - .../themes/base/colorpicker/colorpicker.scss | 212 ------ .../themes/base/colorpicker/images/gradient.png | Bin 24998 -> 0 bytes .../themes/base/colorpicker/images/gradient2.png | Bin 14708 -> 0 bytes .../base/colorpicker/images/resizebg-selected.png | Bin 974 -> 0 bytes .../themes/base/colorpicker/images/resizebg.png | Bin 735 -> 0 bytes .../base/colorpicker/images/slider_hue_bg.png | Bin 396 -> 0 bytes WebContent/VAADIN/themes/base/common/common.scss | 293 -------- .../themes/base/common/img/ajax-loader-big.gif | Bin 3208 -> 0 bytes .../themes/base/common/img/ajax-loader-medium.gif | Bin 1849 -> 0 bytes .../VAADIN/themes/base/common/img/ajax-loader.gif | Bin 4099 -> 0 bytes .../themes/base/common/img/drag-slot-dot.png | Bin 198 -> 0 bytes .../base/common/img/loading-indicator-delay.gif | Bin 1800 -> 0 bytes .../base/common/img/loading-indicator-wait.gif | Bin 1817 -> 0 bytes .../themes/base/common/img/loading-indicator.gif | Bin 1781 -> 0 bytes .../themes/base/common/img/reconnect-spinner.gif | Bin 3223 -> 0 bytes .../VAADIN/themes/base/common/img/sprites.png | Bin 204 -> 0 bytes WebContent/VAADIN/themes/base/common/mixins.scss | 29 - .../themes/base/common/reconnect-dialog.scss | 31 - .../VAADIN/themes/base/csslayout/csslayout.scss | 36 - .../base/customcomponent/customcomponent.scss | 6 - .../themes/base/customlayout/customlayout.scss | 7 - .../VAADIN/themes/base/datefield/datefield.scss | 122 --- .../themes/base/dragwrapper/dragwrapper.scss | 164 ---- .../VAADIN/themes/base/embedded/embedded.scss | 8 - .../VAADIN/themes/base/escalator/escalator.scss | 156 ---- WebContent/VAADIN/themes/base/favicon.ico | Bin 6518 -> 0 bytes .../themes/base/fonts/fontawesome-webfont.eot | Bin 70807 -> 0 bytes .../themes/base/fonts/fontawesome-webfont.svg | 655 ---------------- .../themes/base/fonts/fontawesome-webfont.ttf | Bin 142072 -> 0 bytes .../themes/base/fonts/fontawesome-webfont.woff | Bin 83588 -> 0 bytes WebContent/VAADIN/themes/base/fonts/fonts.scss | 35 - .../themes/base/fonts/themeicons-webfont.eot | Bin 12734 -> 0 bytes .../themes/base/fonts/themeicons-webfont.svg | 50 -- .../themes/base/fonts/themeicons-webfont.ttf | Bin 12612 -> 0 bytes .../themes/base/fonts/themeicons-webfont.woff | Bin 7868 -> 0 bytes .../VAADIN/themes/base/formlayout/formlayout.scss | 57 -- WebContent/VAADIN/themes/base/grid/grid.scss | 590 --------------- .../VAADIN/themes/base/gridlayout/gridlayout.scss | 35 - .../base/inlinedatefield/inlinedatefield.scss | 5 - WebContent/VAADIN/themes/base/label/label.scss | 11 - WebContent/VAADIN/themes/base/layout/layout.scss | 221 ------ WebContent/VAADIN/themes/base/legacy-styles.scss | 6 - WebContent/VAADIN/themes/base/link/link.scss | 22 - .../VAADIN/themes/base/loginform/loginform.scss | 13 - .../VAADIN/themes/base/menubar/img/check.gif | Bin 57 -> 0 bytes WebContent/VAADIN/themes/base/menubar/menubar.scss | 108 --- .../themes/base/notification/notification.scss | 67 -- .../themes/base/orderedlayout/orderedlayout.scss | 47 -- WebContent/VAADIN/themes/base/panel/panel.scss | 47 -- .../VAADIN/themes/base/popupview/popupview.scss | 17 - .../base/progressindicator/progressindicator.scss | 35 - WebContent/VAADIN/themes/base/select/select.scss | 174 ----- .../VAADIN/themes/base/shadow/img/bottom-left.png | Bin 221 -> 0 bytes .../VAADIN/themes/base/shadow/img/bottom-right.png | Bin 224 -> 0 bytes .../VAADIN/themes/base/shadow/img/bottom.png | Bin 132 -> 0 bytes .../VAADIN/themes/base/shadow/img/center.png | Bin 109 -> 0 bytes WebContent/VAADIN/themes/base/shadow/img/left.png | Bin 129 -> 0 bytes WebContent/VAADIN/themes/base/shadow/img/right.png | Bin 130 -> 0 bytes .../VAADIN/themes/base/shadow/img/top-left.png | Bin 208 -> 0 bytes .../VAADIN/themes/base/shadow/img/top-right.png | Bin 220 -> 0 bytes WebContent/VAADIN/themes/base/shadow/img/top.png | Bin 135 -> 0 bytes WebContent/VAADIN/themes/base/shadow/shadow.scss | 78 -- WebContent/VAADIN/themes/base/slider/slider.scss | 70 -- .../VAADIN/themes/base/splitpanel/splitpanel.scss | 38 - WebContent/VAADIN/themes/base/styles.scss | 4 - WebContent/VAADIN/themes/base/table/table.scss | 293 -------- .../VAADIN/themes/base/tabsheet/tabsheet.scss | 134 ---- .../base/textfield/img/richtext-toolbar-bg.png | Bin 724 -> 0 bytes .../VAADIN/themes/base/textfield/textfield.scss | 120 --- .../base/tree/img/connector-collapse-last.png | Bin 359 -> 0 bytes .../themes/base/tree/img/connector-collapse.png | Bin 370 -> 0 bytes .../themes/base/tree/img/connector-expand-last.png | Bin 426 -> 0 bytes .../themes/base/tree/img/connector-expand.png | Bin 436 -> 0 bytes .../themes/base/tree/img/connector-item-last.png | Bin 148 -> 0 bytes .../VAADIN/themes/base/tree/img/connector-item.png | Bin 153 -> 0 bytes .../themes/base/tree/img/connector-leaf-last.png | Bin 163 -> 0 bytes .../VAADIN/themes/base/tree/img/connector-leaf.png | Bin 162 -> 0 bytes .../VAADIN/themes/base/tree/img/connector.png | Bin 160 -> 0 bytes WebContent/VAADIN/themes/base/tree/tree.scss | 141 ---- .../themes/base/treetable/img/arrow-down.gif | Bin 1426 -> 0 bytes .../themes/base/treetable/img/arrow-down.png | Bin 1008 -> 0 bytes .../themes/base/treetable/img/arrow-right.gif | Bin 1428 -> 0 bytes .../themes/base/treetable/img/arrow-right.png | Bin 994 -> 0 bytes .../VAADIN/themes/base/treetable/treetable.scss | 68 -- WebContent/VAADIN/themes/base/upload/upload.scss | 41 - WebContent/VAADIN/themes/base/widget/widget.scss | 14 - .../themes/base/window/img/shadow/bottom-left.png | Bin 455 -> 0 bytes .../themes/base/window/img/shadow/bottom-right.png | Bin 437 -> 0 bytes .../themes/base/window/img/shadow/bottom.png | Bin 168 -> 0 bytes .../themes/base/window/img/shadow/center.png | Bin 109 -> 0 bytes .../VAADIN/themes/base/window/img/shadow/left.png | Bin 141 -> 0 bytes .../VAADIN/themes/base/window/img/shadow/right.png | Bin 143 -> 0 bytes .../themes/base/window/img/shadow/top-left.png | Bin 374 -> 0 bytes .../themes/base/window/img/shadow/top-right.png | Bin 473 -> 0 bytes .../VAADIN/themes/base/window/img/shadow/top.png | Bin 143 -> 0 bytes WebContent/VAADIN/themes/base/window/window.scss | 194 ----- WebContent/VAADIN/themes/chameleon/chameleon.scss | 17 - .../VAADIN/themes/chameleon/common/common.scss | 176 ----- .../chameleon/components/accordion/accordion.scss | 80 -- .../themes/chameleon/components/button/button.scss | 261 ------- .../components/colorpicker/colorpicker.scss | 15 - .../themes/chameleon/components/components.scss | 53 -- .../chameleon/components/datefield/datefield.scss | 285 ------- .../themes/chameleon/components/grid/grid.scss | 12 - .../inlinedatefield/inlinedatefield.scss | 10 - .../themes/chameleon/components/label/label.scss | 131 ---- .../chameleon/components/menubar/menubar.scss | 31 - .../components/notification/notification.scss | 71 -- .../themes/chameleon/components/panel/panel.scss | 124 --- .../chameleon/components/popupview/popupview.scss | 7 - .../progressindicator/progressindicator.scss | 116 --- .../chameleon/components/selects/selects.scss | 177 ----- .../themes/chameleon/components/slider/slider.scss | 60 -- .../components/splitpanel/splitpanel.scss | 67 -- .../themes/chameleon/components/table/table.scss | 171 ----- .../chameleon/components/tabsheet/tabsheet.scss | 163 ---- .../chameleon/components/textfield/textfield.scss | 131 ---- .../themes/chameleon/components/tree/tree.scss | 26 - .../themes/chameleon/components/window/window.scss | 74 -- .../VAADIN/themes/chameleon/compound/compound.scss | 134 ---- WebContent/VAADIN/themes/chameleon/favicon.ico | Bin 6518 -> 0 bytes .../VAADIN/themes/chameleon/icons/bullet-white.png | Bin 154 -> 0 bytes .../VAADIN/themes/chameleon/icons/bullet.png | Bin 218 -> 0 bytes WebContent/VAADIN/themes/chameleon/img/app-bg.png | Bin 212 -> 0 bytes .../VAADIN/themes/chameleon/img/close-btn.png | Bin 1364 -> 0 bytes .../VAADIN/themes/chameleon/img/date-btn-big.png | Bin 891 -> 0 bytes .../VAADIN/themes/chameleon/img/date-btn.png | Bin 693 -> 0 bytes .../VAADIN/themes/chameleon/img/error-close.png | Bin 483 -> 0 bytes .../themes/chameleon/img/error-indicator.png | Bin 442 -> 0 bytes .../themes/chameleon/img/grad-dark-bottom.png | Bin 118 -> 0 bytes .../themes/chameleon/img/grad-dark-bottom2.png | Bin 123 -> 0 bytes .../VAADIN/themes/chameleon/img/grad-dark-top2.png | Bin 128 -> 0 bytes .../themes/chameleon/img/grad-light-left.png | Bin 143 -> 0 bytes .../VAADIN/themes/chameleon/img/grad-light-top.png | Bin 150 -> 0 bytes .../themes/chameleon/img/grad-light-top2.png | Bin 148 -> 0 bytes .../chameleon/img/indeterminate-progress.gif | Bin 9571 -> 0 bytes .../VAADIN/themes/chameleon/img/input-bg.png | Bin 124 -> 0 bytes .../themes/chameleon/img/label-error-icon-big.png | Bin 1526 -> 0 bytes .../themes/chameleon/img/label-error-icon.png | Bin 928 -> 0 bytes .../chameleon/img/label-warning-icon-big.png | Bin 1530 -> 0 bytes .../themes/chameleon/img/label-warning-icon.png | Bin 908 -> 0 bytes .../VAADIN/themes/chameleon/img/magnifier-big.png | Bin 448 -> 0 bytes .../VAADIN/themes/chameleon/img/magnifier.png | Bin 337 -> 0 bytes .../VAADIN/themes/chameleon/img/maximize.png | Bin 1207 -> 0 bytes WebContent/VAADIN/themes/chameleon/img/resize.png | Bin 287 -> 0 bytes WebContent/VAADIN/themes/chameleon/img/restore.png | Bin 1200 -> 0 bytes .../VAADIN/themes/chameleon/img/split-handle.png | Bin 215 -> 0 bytes .../VAADIN/themes/chameleon/img/tab-arrows.png | Bin 291 -> 0 bytes .../VAADIN/themes/chameleon/legacy-styles.scss | 6 - WebContent/VAADIN/themes/chameleon/styles.scss | 4 - .../VAADIN/themes/liferay/accordion/accordion.scss | 35 - .../VAADIN/themes/liferay/button/button.scss | 110 --- .../themes/liferay/colorpicker/colorpicker.scss | 19 - .../themes/liferay/common/buttons_sprites.png | Bin 3063 -> 0 bytes .../VAADIN/themes/liferay/common/common.scss | 39 - .../themes/liferay/contextmenu/contextmenu.scss | 44 -- .../VAADIN/themes/liferay/datefield/datefield.scss | 171 ----- .../themes/liferay/datefield/datefield_sprites.png | Bin 2268 -> 0 bytes WebContent/VAADIN/themes/liferay/favicon.ico | Bin 6518 -> 0 bytes .../themes/liferay/formlayout/formlayout.scss | 7 - .../liferay/inlinedatefield/inlinedatefield.scss | 8 - .../VAADIN/themes/liferay/legacy-styles.scss | 6 - WebContent/VAADIN/themes/liferay/liferay.scss | 56 -- .../VAADIN/themes/liferay/menubar/menubar.scss | 72 -- .../themes/liferay/notification/notification.scss | 48 -- WebContent/VAADIN/themes/liferay/panel/panel.scss | 86 --- .../VAADIN/themes/liferay/panel/top-left.png | Bin 226 -> 0 bytes .../VAADIN/themes/liferay/panel/top-right.png | Bin 1425 -> 0 bytes .../VAADIN/themes/liferay/popupview/popupview.scss | 13 - .../progressindicator/progressindicator.scss | 16 - .../VAADIN/themes/liferay/select/select.scss | 87 --- .../VAADIN/themes/liferay/slider/slider.scss | 36 - .../VAADIN/themes/liferay/splitpanel/hsplit.png | Bin 142 -> 0 bytes .../themes/liferay/splitpanel/splitpanel.scss | 67 -- .../VAADIN/themes/liferay/splitpanel/vsplit.png | Bin 124 -> 0 bytes WebContent/VAADIN/themes/liferay/styles.scss | 4 - .../VAADIN/themes/liferay/table/columnselect.png | Bin 803 -> 0 bytes WebContent/VAADIN/themes/liferay/table/table.scss | 139 ---- .../VAADIN/themes/liferay/tabsheet/close.png | Bin 254 -> 0 bytes .../VAADIN/themes/liferay/tabsheet/tabsheet.scss | 153 ---- .../VAADIN/themes/liferay/textfield/textfield.scss | 19 - .../VAADIN/themes/liferay/tree/arrows_sprites.png | Bin 849 -> 0 bytes WebContent/VAADIN/themes/liferay/tree/tree.scss | 62 -- .../themes/liferay/window/closebutton_sprites.png | Bin 2034 -> 0 bytes .../themes/liferay/window/maximize_sprites.png | Bin 1291 -> 0 bytes .../themes/liferay/window/restore_sprites.png | Bin 1441 -> 0 bytes .../VAADIN/themes/liferay/window/top-left.png | Bin 281 -> 0 bytes .../VAADIN/themes/liferay/window/top-right.png | Bin 1765 -> 0 bytes .../VAADIN/themes/liferay/window/window.scss | 82 -- .../a-sprite-definitions/a-sprite-definitions.scss | 14 - .../themes/reindeer/accordion/accordion.scss | 55 -- .../VAADIN/themes/reindeer/button/button-ie.scss | 8 - .../themes/reindeer/button/button-link-style.scss | 37 - .../reindeer/button/button-primary-style.scss | 66 -- .../themes/reindeer/button/button-small-style.scss | 71 -- .../themes/reindeer/button/button-standard.scss | 94 --- .../VAADIN/themes/reindeer/button/button.scss | 15 - .../reindeer/button/img/black/left-focus.png | Bin 461 -> 0 bytes .../reindeer/button/img/black/left-pressed.png | Bin 374 -> 0 bytes .../themes/reindeer/button/img/black/left.png | Bin 388 -> 0 bytes .../button/img/black/primary-left-focus.png | Bin 463 -> 0 bytes .../button/img/black/primary-left-pressed.png | Bin 397 -> 0 bytes .../reindeer/button/img/black/primary-left.png | Bin 428 -> 0 bytes .../button/img/black/primary-right-focus.png | Bin 948 -> 0 bytes .../button/img/black/primary-right-pressed.png | Bin 833 -> 0 bytes .../reindeer/button/img/black/primary-right.png | Bin 919 -> 0 bytes .../reindeer/button/img/black/right-focus.png | Bin 990 -> 0 bytes .../reindeer/button/img/black/right-pressed.png | Bin 801 -> 0 bytes .../themes/reindeer/button/img/black/right.png | Bin 805 -> 0 bytes .../reindeer/button/img/black/small-left-focus.png | Bin 436 -> 0 bytes .../button/img/black/small-left-pressed.png | Bin 362 -> 0 bytes .../reindeer/button/img/black/small-left.png | Bin 385 -> 0 bytes .../button/img/black/small-right-focus.png | Bin 939 -> 0 bytes .../button/img/black/small-right-pressed.png | Bin 779 -> 0 bytes .../reindeer/button/img/black/small-right.png | Bin 876 -> 0 bytes .../themes/reindeer/button/img/left-focus.png | Bin 436 -> 0 bytes .../themes/reindeer/button/img/left-pressed.png | Bin 354 -> 0 bytes .../VAADIN/themes/reindeer/button/img/left.png | Bin 390 -> 0 bytes .../reindeer/button/img/primary-left-focus.png | Bin 541 -> 0 bytes .../reindeer/button/img/primary-left-pressed.png | Bin 385 -> 0 bytes .../themes/reindeer/button/img/primary-left.png | Bin 465 -> 0 bytes .../reindeer/button/img/primary-right-focus.png | Bin 1048 -> 0 bytes .../reindeer/button/img/primary-right-pressed.png | Bin 888 -> 0 bytes .../themes/reindeer/button/img/primary-right.png | Bin 1187 -> 0 bytes .../themes/reindeer/button/img/right-focus.png | Bin 1028 -> 0 bytes .../themes/reindeer/button/img/right-pressed.png | Bin 1018 -> 0 bytes .../VAADIN/themes/reindeer/button/img/right.png | Bin 919 -> 0 bytes .../reindeer/button/img/small-left-focus.png | Bin 443 -> 0 bytes .../reindeer/button/img/small-left-pressed.png | Bin 302 -> 0 bytes .../themes/reindeer/button/img/small-left.png | Bin 324 -> 0 bytes .../reindeer/button/img/small-right-focus.png | Bin 974 -> 0 bytes .../reindeer/button/img/small-right-pressed.png | Bin 825 -> 0 bytes .../themes/reindeer/button/img/small-right.png | Bin 894 -> 0 bytes .../themes/reindeer/button/nativebutton.scss | 25 - .../themes/reindeer/colorpicker/colorpicker.scss | 15 - .../VAADIN/themes/reindeer/common/common.scss | 125 --- .../themes/reindeer/common/icons/bullet-white.png | Bin 154 -> 0 bytes .../VAADIN/themes/reindeer/common/icons/bullet.png | Bin 218 -> 0 bytes .../VAADIN/themes/reindeer/common/icons/error.png | Bin 258 -> 0 bytes .../VAADIN/themes/reindeer/common/img/sel-bg.png | Bin 915 -> 0 bytes .../themes/reindeer/datefield/datefield.scss | 370 --------- .../datefield/img/header-bg-black-pressed.png | Bin 143 -> 0 bytes .../reindeer/datefield/img/header-bg-black.png | Bin 193 -> 0 bytes .../reindeer/datefield/img/header-bg-pressed.png | Bin 153 -> 0 bytes .../themes/reindeer/datefield/img/header-bg.png | Bin 146 -> 0 bytes .../datefield/img/month-next-black-pressed.png | Bin 328 -> 0 bytes .../reindeer/datefield/img/month-next-black.png | Bin 334 -> 0 bytes .../reindeer/datefield/img/month-next-pressed.png | Bin 344 -> 0 bytes .../themes/reindeer/datefield/img/month-next.png | Bin 309 -> 0 bytes .../datefield/img/month-prev-black-pressed.png | Bin 323 -> 0 bytes .../reindeer/datefield/img/month-prev-black.png | Bin 991 -> 0 bytes .../reindeer/datefield/img/month-prev-pressed.png | Bin 345 -> 0 bytes .../themes/reindeer/datefield/img/month-prev.png | Bin 306 -> 0 bytes .../datefield/img/popup-btn-black-pressed.png | Bin 651 -> 0 bytes .../reindeer/datefield/img/popup-btn-black.png | Bin 702 -> 0 bytes .../reindeer/datefield/img/popup-btn-pressed.png | Bin 638 -> 0 bytes .../themes/reindeer/datefield/img/popup-btn.png | Bin 611 -> 0 bytes .../reindeer/datefield/img/weekday-bg-black.png | Bin 162 -> 0 bytes .../themes/reindeer/datefield/img/weekday-bg.png | Bin 173 -> 0 bytes .../reindeer/datefield/img/weekday-first-black.png | Bin 235 -> 0 bytes .../reindeer/datefield/img/weekday-first.png | Bin 202 -> 0 bytes .../reindeer/datefield/img/weekday-last-black.png | Bin 232 -> 0 bytes .../themes/reindeer/datefield/img/weekday-last.png | Bin 193 -> 0 bytes .../datefield/img/year-next-black-pressed.png | Bin 671 -> 0 bytes .../reindeer/datefield/img/year-next-black.png | Bin 686 -> 0 bytes .../reindeer/datefield/img/year-next-pressed.png | Bin 762 -> 0 bytes .../themes/reindeer/datefield/img/year-next.png | Bin 723 -> 0 bytes .../datefield/img/year-prev-black-pressed.png | Bin 658 -> 0 bytes .../reindeer/datefield/img/year-prev-black.png | Bin 665 -> 0 bytes .../reindeer/datefield/img/year-prev-pressed.png | Bin 751 -> 0 bytes .../themes/reindeer/datefield/img/year-prev.png | Bin 707 -> 0 bytes WebContent/VAADIN/themes/reindeer/favicon.ico | Bin 6518 -> 0 bytes .../themes/reindeer/formlayout/formlayout.scss | 65 -- WebContent/VAADIN/themes/reindeer/grid/grid.scss | 110 --- .../VAADIN/themes/reindeer/grid/img/asc-light.png | Bin 228 -> 0 bytes .../VAADIN/themes/reindeer/grid/img/desc-light.png | Bin 231 -> 0 bytes .../themes/reindeer/grid/img/focus-bg-light.png | Bin 946 -> 0 bytes .../reindeer/grid/img/focus-header-bg-light.png | Bin 959 -> 0 bytes .../reindeer/grid/img/focus-sel-bg-light.png | Bin 954 -> 0 bytes .../themes/reindeer/grid/img/header-bg-light.png | Bin 208 -> 0 bytes .../reindeer/inlinedatefield/inlinedatefield.scss | 8 - WebContent/VAADIN/themes/reindeer/label/label.scss | 126 ---- .../themes/reindeer/layouts/img/black-bg.png | Bin 204 -> 0 bytes .../VAADIN/themes/reindeer/layouts/layouts.scss | 86 --- .../VAADIN/themes/reindeer/legacy-styles.scss | 6 - WebContent/VAADIN/themes/reindeer/link/link.scss | 13 - .../VAADIN/themes/reindeer/menubar/img/bg.png | Bin 220 -> 0 bytes .../reindeer/menubar/img/checked-selected.png | Bin 508 -> 0 bytes .../VAADIN/themes/reindeer/menubar/img/checked.png | Bin 393 -> 0 bytes .../themes/reindeer/menubar/img/menu-sel-bg.png | Bin 211 -> 0 bytes .../reindeer/menubar/img/submenu-icon-hover.png | Bin 600 -> 0 bytes .../themes/reindeer/menubar/img/submenu-icon.png | Bin 421 -> 0 bytes .../reindeer/menubar/img/unchecked-selected.png | Bin 320 -> 0 bytes .../themes/reindeer/menubar/img/unchecked.png | Bin 261 -> 0 bytes .../VAADIN/themes/reindeer/menubar/menubar.scss | 77 -- .../reindeer/notification/img/error-close.png | Bin 653 -> 0 bytes .../themes/reindeer/notification/notification.scss | 49 -- WebContent/VAADIN/themes/reindeer/panel/panel.scss | 78 -- .../themes/reindeer/popupview/popupview.scss | 14 - .../reindeer/progressindicator/img/base-static.gif | Bin 1123 -> 0 bytes .../themes/reindeer/progressindicator/img/base.gif | Bin 827 -> 0 bytes .../reindeer/progressindicator/img/disabled.gif | Bin 179 -> 0 bytes .../reindeer/progressindicator/img/progress.png | Bin 148 -> 0 bytes .../progressindicator/progressindicator.scss | 20 - WebContent/VAADIN/themes/reindeer/reindeer.scss | 87 --- .../reindeer/select/img/arrow-down-hover.png | Bin 209 -> 0 bytes .../themes/reindeer/select/img/arrow-down.png | Bin 194 -> 0 bytes .../themes/reindeer/select/img/arrow-up-hover.png | Bin 198 -> 0 bytes .../VAADIN/themes/reindeer/select/img/arrow-up.png | Bin 191 -> 0 bytes .../select/img/black/center-black-focus.png | Bin 125 -> 0 bytes .../reindeer/select/img/black/center-black.png | Bin 130 -> 0 bytes .../reindeer/select/img/black/left-black-focus.png | Bin 156 -> 0 bytes .../reindeer/select/img/black/left-black.png | Bin 154 -> 0 bytes .../select/img/black/right-black-focus-hover.png | Bin 980 -> 0 bytes .../select/img/black/right-black-focus-pressed.png | Bin 950 -> 0 bytes .../select/img/black/right-black-focus.png | Bin 670 -> 0 bytes .../select/img/black/right-black-hover.png | Bin 918 -> 0 bytes .../select/img/black/right-black-pressed.png | Bin 891 -> 0 bytes .../reindeer/select/img/black/right-black.png | Bin 614 -> 0 bytes .../themes/reindeer/select/img/center-focus.png | Bin 129 -> 0 bytes .../VAADIN/themes/reindeer/select/img/center.png | Bin 136 -> 0 bytes .../themes/reindeer/select/img/left-focus.png | Bin 180 -> 0 bytes .../VAADIN/themes/reindeer/select/img/left.png | Bin 181 -> 0 bytes .../themes/reindeer/select/img/page-down-hover.png | Bin 170 -> 0 bytes .../reindeer/select/img/page-down-pressed.png | Bin 170 -> 0 bytes .../themes/reindeer/select/img/page-up-hover.png | Bin 170 -> 0 bytes .../themes/reindeer/select/img/page-up-pressed.png | Bin 170 -> 0 bytes .../reindeer/select/img/right-focus-hover.png | Bin 991 -> 0 bytes .../reindeer/select/img/right-focus-pressed.png | Bin 981 -> 0 bytes .../themes/reindeer/select/img/right-focus.png | Bin 657 -> 0 bytes .../themes/reindeer/select/img/right-hover.png | Bin 996 -> 0 bytes .../themes/reindeer/select/img/right-pressed.png | Bin 998 -> 0 bytes .../VAADIN/themes/reindeer/select/img/right.png | Bin 660 -> 0 bytes .../themes/reindeer/select/img/status-bg.png | Bin 194 -> 0 bytes .../VAADIN/themes/reindeer/select/select.scss | 265 ------- .../themes/reindeer/slider/img/knob-pressed.png | Bin 360 -> 0 bytes .../VAADIN/themes/reindeer/slider/img/knob.png | Bin 379 -> 0 bytes .../VAADIN/themes/reindeer/slider/slider.scss | 45 -- .../themes/reindeer/splitpanel/img/hor-bg.png | Bin 145 -> 0 bytes .../themes/reindeer/splitpanel/img/hor-handle.png | Bin 186 -> 0 bytes .../themes/reindeer/splitpanel/img/ver-bg.png | Bin 151 -> 0 bytes .../themes/reindeer/splitpanel/img/ver-handle.png | Bin 199 -> 0 bytes .../themes/reindeer/splitpanel/splitpanel.scss | 70 -- WebContent/VAADIN/themes/reindeer/styles.scss | 5 - .../VAADIN/themes/reindeer/table/img/asc-light.png | Bin 228 -> 0 bytes .../VAADIN/themes/reindeer/table/img/asc.png | Bin 225 -> 0 bytes .../reindeer/table/img/col-sel-black-pressed.png | Bin 464 -> 0 bytes .../themes/reindeer/table/img/col-sel-black.png | Bin 567 -> 0 bytes .../reindeer/table/img/col-sel-light-pressed.png | Bin 537 -> 0 bytes .../themes/reindeer/table/img/col-sel-light.png | Bin 523 -> 0 bytes .../themes/reindeer/table/img/col-sel-pressed.png | Bin 1028 -> 0 bytes .../VAADIN/themes/reindeer/table/img/col-sel.png | Bin 1060 -> 0 bytes .../themes/reindeer/table/img/desc-light.png | Bin 231 -> 0 bytes .../VAADIN/themes/reindeer/table/img/desc.png | Bin 225 -> 0 bytes .../themes/reindeer/table/img/header-bg-black.png | Bin 192 -> 0 bytes .../themes/reindeer/table/img/header-bg-light.png | Bin 208 -> 0 bytes .../VAADIN/themes/reindeer/table/img/header-bg.png | Bin 208 -> 0 bytes .../themes/reindeer/table/img/scroll-indic-bg.png | Bin 216 -> 0 bytes WebContent/VAADIN/themes/reindeer/table/table.scss | 293 -------- .../reindeer/tabsheet/img/bar/tab-bg-sel.png | Bin 208 -> 0 bytes .../themes/reindeer/tabsheet/img/bar/tab-bg.png | Bin 179 -> 0 bytes .../tabsheet/img/bar/tab-first-left-sel.png | Bin 440 -> 0 bytes .../reindeer/tabsheet/img/bar/tab-first-left.png | Bin 269 -> 0 bytes .../reindeer/tabsheet/img/bar/tab-left-sel.png | Bin 355 -> 0 bytes .../themes/reindeer/tabsheet/img/bar/tab-left.png | Bin 233 -> 0 bytes .../reindeer/tabsheet/img/bar/tab-right-sel.png | Bin 430 -> 0 bytes .../themes/reindeer/tabsheet/img/bar/tab-right.png | Bin 179 -> 0 bytes .../reindeer/tabsheet/img/close-btn-hover.png | Bin 495 -> 0 bytes .../reindeer/tabsheet/img/close-btn-pressed.png | Bin 520 -> 0 bytes .../reindeer/tabsheet/img/close-btn-sel-hover.png | Bin 909 -> 0 bytes .../tabsheet/img/close-btn-sel-pressed.png | Bin 952 -> 0 bytes .../themes/reindeer/tabsheet/img/close-btn-sel.png | Bin 636 -> 0 bytes .../themes/reindeer/tabsheet/img/close-btn.png | Bin 339 -> 0 bytes .../reindeer/tabsheet/img/framed/tab-bg-sel.png | Bin 176 -> 0 bytes .../themes/reindeer/tabsheet/img/framed/tab-bg.png | Bin 159 -> 0 bytes .../tabsheet/img/framed/tab-first-left-sel.png | Bin 448 -> 0 bytes .../tabsheet/img/framed/tab-first-left.png | Bin 330 -> 0 bytes .../reindeer/tabsheet/img/framed/tab-left-sel.png | Bin 271 -> 0 bytes .../reindeer/tabsheet/img/framed/tab-left.png | Bin 188 -> 0 bytes .../reindeer/tabsheet/img/framed/tab-right-sel.png | Bin 351 -> 0 bytes .../reindeer/tabsheet/img/framed/tab-right.png | Bin 174 -> 0 bytes .../tabsheet/img/framed/tab-spacer-right.png | Bin 216 -> 0 bytes .../reindeer/tabsheet/img/tab-next-disabled.png | Bin 481 -> 0 bytes .../reindeer/tabsheet/img/tab-next-pressed.png | Bin 558 -> 0 bytes .../themes/reindeer/tabsheet/img/tab-next.png | Bin 514 -> 0 bytes .../reindeer/tabsheet/img/tab-prev-disabled.png | Bin 466 -> 0 bytes .../reindeer/tabsheet/img/tab-prev-pressed.png | Bin 537 -> 0 bytes .../themes/reindeer/tabsheet/img/tab-prev.png | Bin 509 -> 0 bytes .../themes/reindeer/tabsheet/img/tabbar-bg-sel.png | Bin 203 -> 0 bytes .../themes/reindeer/tabsheet/img/tabbar-bg.png | Bin 175 -> 0 bytes .../tabsheet/tabsheet-borderless-style.scss | 24 - .../tabsheet/tabsheet-hover-closable-style.scss | 10 - .../reindeer/tabsheet/tabsheet-minimal-style.scss | 157 ---- .../reindeer/tabsheet/tabsheet-normal-style.scss | 168 ----- .../reindeer/tabsheet/tabsheet-scroller.scss | 55 -- .../tabsheet/tabsheet-selected-closable-style.scss | 12 - .../reindeer/tabsheet/tabsheet-small-style.scss | 119 --- .../VAADIN/themes/reindeer/tabsheet/tabsheet.scss | 20 - .../themes/reindeer/textfield/img/bg-black.png | Bin 124 -> 0 bytes .../textfield/img/bg-border-image-black-focus.png | Bin 202 -> 0 bytes .../textfield/img/bg-border-image-black.png | Bin 202 -> 0 bytes .../textfield/img/bg-border-image-focus.png | Bin 242 -> 0 bytes .../reindeer/textfield/img/bg-border-image.png | Bin 243 -> 0 bytes .../VAADIN/themes/reindeer/textfield/img/bg.png | Bin 124 -> 0 bytes .../themes/reindeer/textfield/textfield.scss | 120 --- .../VAADIN/themes/reindeer/tree/img/arrows.png | Bin 336 -> 0 bytes WebContent/VAADIN/themes/reindeer/tree/tree.scss | 55 -- .../reindeer/window/img/black/close-hover.png | Bin 369 -> 0 bytes .../reindeer/window/img/black/close-pressed.png | Bin 359 -> 0 bytes .../themes/reindeer/window/img/black/close.png | Bin 318 -> 0 bytes .../reindeer/window/img/black/content-bg.png | Bin 176 -> 0 bytes .../themes/reindeer/window/img/black/header-bg.png | Bin 161 -> 0 bytes .../reindeer/window/img/black/maximize-active.png | Bin 245 -> 0 bytes .../reindeer/window/img/black/maximize-hover.png | Bin 245 -> 0 bytes .../themes/reindeer/window/img/black/maximize.png | Bin 185 -> 0 bytes .../themes/reindeer/window/img/black/resize.png | Bin 214 -> 0 bytes .../reindeer/window/img/black/restore-active.png | Bin 295 -> 0 bytes .../reindeer/window/img/black/restore-hover.png | Bin 296 -> 0 bytes .../themes/reindeer/window/img/black/restore.png | Bin 249 -> 0 bytes .../themes/reindeer/window/img/close-hover.png | Bin 367 -> 0 bytes .../themes/reindeer/window/img/close-pressed.png | Bin 362 -> 0 bytes .../VAADIN/themes/reindeer/window/img/close.png | Bin 322 -> 0 bytes .../themes/reindeer/window/img/footer-bg.png | Bin 185 -> 0 bytes .../themes/reindeer/window/img/header-bg.png | Bin 246 -> 0 bytes .../reindeer/window/img/light/close-hover.png | Bin 600 -> 0 bytes .../reindeer/window/img/light/close-pressed.png | Bin 631 -> 0 bytes .../themes/reindeer/window/img/light/close.png | Bin 549 -> 0 bytes .../reindeer/window/img/light/content-bg.png | Bin 208 -> 0 bytes .../reindeer/window/img/light/maximize-active.png | Bin 268 -> 0 bytes .../reindeer/window/img/light/maximize-hover.png | Bin 271 -> 0 bytes .../themes/reindeer/window/img/light/maximize.png | Bin 271 -> 0 bytes .../themes/reindeer/window/img/light/resize.png | Bin 222 -> 0 bytes .../reindeer/window/img/light/restore-active.png | Bin 360 -> 0 bytes .../reindeer/window/img/light/restore-hover.png | Bin 366 -> 0 bytes .../themes/reindeer/window/img/light/restore.png | Bin 366 -> 0 bytes .../VAADIN/themes/reindeer/window/img/maximize.png | Bin 270 -> 0 bytes .../VAADIN/themes/reindeer/window/img/resize.png | Bin 384 -> 0 bytes .../VAADIN/themes/reindeer/window/img/restore.png | Bin 328 -> 0 bytes .../VAADIN/themes/reindeer/window/window.scss | 265 ------- .../themes/runo/absolutelayout/absolutelayout.scss | 8 - .../VAADIN/themes/runo/accordion/accordion.scss | 52 -- WebContent/VAADIN/themes/runo/accordion/img/bg.png | Bin 128 -> 0 bytes .../themes/runo/accordion/img/collapsed-icon.png | Bin 256 -> 0 bytes .../themes/runo/accordion/img/expanded-icon.png | Bin 249 -> 0 bytes .../themes/runo/accordion/img/selected-bg.png | Bin 238 -> 0 bytes WebContent/VAADIN/themes/runo/button/button.scss | 160 ---- .../VAADIN/themes/runo/button/img/bg-default.png | Bin 444 -> 0 bytes WebContent/VAADIN/themes/runo/button/img/bg.png | Bin 353 -> 0 bytes WebContent/VAADIN/themes/runo/caption/caption.scss | 12 - .../themes/runo/colorpicker/colorpicker.scss | 20 - WebContent/VAADIN/themes/runo/common/common.scss | 119 --- WebContent/VAADIN/themes/runo/common/img/blank.gif | Bin 807 -> 0 bytes .../VAADIN/themes/runo/common/img/main-bg.png | Bin 255 -> 0 bytes .../VAADIN/themes/runo/datefield/datefield.scss | 161 ---- .../VAADIN/themes/runo/datefield/img/nextmonth.png | Bin 457 -> 0 bytes .../VAADIN/themes/runo/datefield/img/nextyear.png | Bin 517 -> 0 bytes .../themes/runo/datefield/img/open-button.png | Bin 949 -> 0 bytes .../VAADIN/themes/runo/datefield/img/prevmonth.png | Bin 457 -> 0 bytes .../VAADIN/themes/runo/datefield/img/prevyear.png | Bin 529 -> 0 bytes .../themes/runo/datefield/img/selected-bg.png | Bin 165 -> 0 bytes WebContent/VAADIN/themes/runo/favicon.ico | Bin 6518 -> 0 bytes .../VAADIN/themes/runo/formlayout/formlayout.scss | 58 -- WebContent/VAADIN/themes/runo/grid/grid.scss | 79 -- .../VAADIN/themes/runo/grid/img/header-bg.png | Bin 236 -> 0 bytes .../VAADIN/themes/runo/grid/img/resizer-bg.png | Bin 141 -> 0 bytes .../VAADIN/themes/runo/grid/img/sort-asc.png | Bin 281 -> 0 bytes .../VAADIN/themes/runo/grid/img/sort-desc.png | Bin 303 -> 0 bytes .../VAADIN/themes/runo/gridlayout/gridlayout.scss | 20 - .../VAADIN/themes/runo/icons/16/arrow-down.png | Bin 456 -> 0 bytes .../VAADIN/themes/runo/icons/16/arrow-left.png | Bin 469 -> 0 bytes .../VAADIN/themes/runo/icons/16/arrow-right.png | Bin 467 -> 0 bytes .../VAADIN/themes/runo/icons/16/arrow-up.png | Bin 471 -> 0 bytes .../VAADIN/themes/runo/icons/16/attention.png | Bin 466 -> 0 bytes .../VAADIN/themes/runo/icons/16/calendar.png | Bin 710 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/cancel.png | Bin 590 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-add.png | Bin 656 -> 0 bytes .../themes/runo/icons/16/document-delete.png | Bin 655 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-doc.png | Bin 718 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-image.png | Bin 703 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-pdf.png | Bin 703 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-ppt.png | Bin 718 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-txt.png | Bin 594 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-web.png | Bin 710 -> 0 bytes .../VAADIN/themes/runo/icons/16/document-xsl.png | Bin 747 -> 0 bytes .../VAADIN/themes/runo/icons/16/document.png | Bin 553 -> 0 bytes .../VAADIN/themes/runo/icons/16/email-reply.png | Bin 762 -> 0 bytes .../VAADIN/themes/runo/icons/16/email-send.png | Bin 770 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/email.png | Bin 643 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/error.gif | Bin 72 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/error.png | Bin 246 -> 0 bytes .../VAADIN/themes/runo/icons/16/folder-add.png | Bin 777 -> 0 bytes .../VAADIN/themes/runo/icons/16/folder-delete.png | Bin 771 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/folder.png | Bin 737 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/globe.png | Bin 788 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/help.png | Bin 517 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/lock.png | Bin 738 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/note.png | Bin 747 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/ok.png | Bin 542 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/reload.png | Bin 788 -> 0 bytes .../VAADIN/themes/runo/icons/16/settings.png | Bin 716 -> 0 bytes .../VAADIN/themes/runo/icons/16/trash-full.png | Bin 942 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/trash.png | Bin 836 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/user.png | Bin 645 -> 0 bytes WebContent/VAADIN/themes/runo/icons/16/users.png | Bin 685 -> 0 bytes .../VAADIN/themes/runo/icons/32/arrow-down.png | Bin 872 -> 0 bytes .../VAADIN/themes/runo/icons/32/arrow-left.png | Bin 894 -> 0 bytes .../VAADIN/themes/runo/icons/32/arrow-right.png | Bin 889 -> 0 bytes .../VAADIN/themes/runo/icons/32/arrow-up.png | Bin 863 -> 0 bytes .../VAADIN/themes/runo/icons/32/attention.png | Bin 895 -> 0 bytes .../VAADIN/themes/runo/icons/32/calendar.png | Bin 1729 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/cancel.png | Bin 1297 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-add.png | Bin 1578 -> 0 bytes .../themes/runo/icons/32/document-delete.png | Bin 1599 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-doc.png | Bin 1481 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-edit.png | Bin 1654 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-image.png | Bin 1881 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-pdf.png | Bin 1417 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-ppt.png | Bin 1424 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-txt.png | Bin 1182 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-web.png | Bin 1675 -> 0 bytes .../VAADIN/themes/runo/icons/32/document-xsl.png | Bin 1591 -> 0 bytes .../VAADIN/themes/runo/icons/32/document.png | Bin 1015 -> 0 bytes .../VAADIN/themes/runo/icons/32/email-reply.png | Bin 1797 -> 0 bytes .../VAADIN/themes/runo/icons/32/email-send.png | Bin 1718 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/email.png | Bin 1380 -> 0 bytes .../VAADIN/themes/runo/icons/32/folder-add.png | Bin 2081 -> 0 bytes .../VAADIN/themes/runo/icons/32/folder-delete.png | Bin 2091 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/folder.png | Bin 1629 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/globe.png | Bin 2074 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/help.png | Bin 1134 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/lock.png | Bin 1734 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/note.png | Bin 1808 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/ok.png | Bin 1181 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/reload.png | Bin 1865 -> 0 bytes .../VAADIN/themes/runo/icons/32/settings.png | Bin 1131 -> 0 bytes .../VAADIN/themes/runo/icons/32/trash-full.png | Bin 2176 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/trash.png | Bin 1803 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/user.png | Bin 1373 -> 0 bytes WebContent/VAADIN/themes/runo/icons/32/users.png | Bin 1562 -> 0 bytes .../VAADIN/themes/runo/icons/64/arrow-down.png | Bin 981 -> 0 bytes .../VAADIN/themes/runo/icons/64/arrow-left.png | Bin 922 -> 0 bytes .../VAADIN/themes/runo/icons/64/arrow-right.png | Bin 918 -> 0 bytes .../VAADIN/themes/runo/icons/64/arrow-up.png | Bin 977 -> 0 bytes .../VAADIN/themes/runo/icons/64/attention.png | Bin 2020 -> 0 bytes .../VAADIN/themes/runo/icons/64/calendar.png | Bin 3321 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/cancel.png | Bin 2889 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-add.png | Bin 2037 -> 0 bytes .../themes/runo/icons/64/document-delete.png | Bin 2363 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-doc.png | Bin 2619 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-edit.png | Bin 3212 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-image.png | Bin 4123 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-pdf.png | Bin 2533 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-ppt.png | Bin 2286 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-txt.png | Bin 1421 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-web.png | Bin 3393 -> 0 bytes .../VAADIN/themes/runo/icons/64/document-xsl.png | Bin 2914 -> 0 bytes .../VAADIN/themes/runo/icons/64/document.png | Bin 1270 -> 0 bytes .../VAADIN/themes/runo/icons/64/email-reply.png | Bin 3937 -> 0 bytes .../VAADIN/themes/runo/icons/64/email-send.png | Bin 3100 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/email.png | Bin 2467 -> 0 bytes .../VAADIN/themes/runo/icons/64/folder-add.png | Bin 3641 -> 0 bytes .../VAADIN/themes/runo/icons/64/folder-delete.png | Bin 3937 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/folder.png | Bin 3209 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/globe.png | Bin 5014 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/help.png | Bin 2696 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/lock.png | Bin 4243 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/note.png | Bin 3805 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/ok.png | Bin 2619 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/reload.png | Bin 4123 -> 0 bytes .../VAADIN/themes/runo/icons/64/settings.png | Bin 1654 -> 0 bytes .../VAADIN/themes/runo/icons/64/trash-full.png | Bin 5242 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/trash.png | Bin 3688 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/user.png | Bin 2736 -> 0 bytes WebContent/VAADIN/themes/runo/icons/64/users.png | Bin 3698 -> 0 bytes .../themes/runo/icons/icons16/arrow-down.png | Bin 456 -> 0 bytes .../themes/runo/icons/icons16/arrow-left.png | Bin 469 -> 0 bytes .../themes/runo/icons/icons16/arrow-right.png | Bin 467 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/arrow-up.png | Bin 471 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/attention.png | Bin 466 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/calendar.png | Bin 710 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/cancel.png | Bin 590 -> 0 bytes .../themes/runo/icons/icons16/document-add.png | Bin 656 -> 0 bytes .../themes/runo/icons/icons16/document-delete.png | Bin 655 -> 0 bytes .../themes/runo/icons/icons16/document-doc.png | Bin 718 -> 0 bytes .../themes/runo/icons/icons16/document-image.png | Bin 703 -> 0 bytes .../themes/runo/icons/icons16/document-pdf.png | Bin 703 -> 0 bytes .../themes/runo/icons/icons16/document-ppt.png | Bin 718 -> 0 bytes .../themes/runo/icons/icons16/document-txt.png | Bin 594 -> 0 bytes .../themes/runo/icons/icons16/document-web.png | Bin 710 -> 0 bytes .../themes/runo/icons/icons16/document-xsl.png | Bin 747 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/document.png | Bin 553 -> 0 bytes .../themes/runo/icons/icons16/email-reply.png | Bin 762 -> 0 bytes .../themes/runo/icons/icons16/email-send.png | Bin 770 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/email.png | Bin 643 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/error.gif | Bin 72 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/error.png | Bin 246 -> 0 bytes .../themes/runo/icons/icons16/folder-add.png | Bin 777 -> 0 bytes .../themes/runo/icons/icons16/folder-delete.png | Bin 771 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/folder.png | Bin 737 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/globe.png | Bin 788 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/help.png | Bin 517 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/lock.png | Bin 738 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/note.png | Bin 747 -> 0 bytes WebContent/VAADIN/themes/runo/icons/icons16/ok.png | Bin 542 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/reload.png | Bin 788 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/settings.png | Bin 716 -> 0 bytes .../themes/runo/icons/icons16/trash-full.png | Bin 942 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/trash.png | Bin 836 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/user.png | Bin 645 -> 0 bytes .../VAADIN/themes/runo/icons/icons16/users.png | Bin 685 -> 0 bytes .../themes/runo/icons/icons32/arrow-down.png | Bin 872 -> 0 bytes .../themes/runo/icons/icons32/arrow-left.png | Bin 894 -> 0 bytes .../themes/runo/icons/icons32/arrow-right.png | Bin 889 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/arrow-up.png | Bin 863 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/attention.png | Bin 895 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/calendar.png | Bin 1729 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/cancel.png | Bin 1297 -> 0 bytes .../themes/runo/icons/icons32/document-add.png | Bin 1578 -> 0 bytes .../themes/runo/icons/icons32/document-delete.png | Bin 1599 -> 0 bytes .../themes/runo/icons/icons32/document-doc.png | Bin 1481 -> 0 bytes .../themes/runo/icons/icons32/document-edit.png | Bin 1654 -> 0 bytes .../themes/runo/icons/icons32/document-image.png | Bin 1881 -> 0 bytes .../themes/runo/icons/icons32/document-pdf.png | Bin 1417 -> 0 bytes .../themes/runo/icons/icons32/document-ppt.png | Bin 1424 -> 0 bytes .../themes/runo/icons/icons32/document-txt.png | Bin 1182 -> 0 bytes .../themes/runo/icons/icons32/document-web.png | Bin 1675 -> 0 bytes .../themes/runo/icons/icons32/document-xsl.png | Bin 1591 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/document.png | Bin 1015 -> 0 bytes .../themes/runo/icons/icons32/email-reply.png | Bin 1797 -> 0 bytes .../themes/runo/icons/icons32/email-send.png | Bin 1718 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/email.png | Bin 1380 -> 0 bytes .../themes/runo/icons/icons32/folder-add.png | Bin 2081 -> 0 bytes .../themes/runo/icons/icons32/folder-delete.png | Bin 2091 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/folder.png | Bin 1629 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/globe.png | Bin 2074 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/help.png | Bin 1134 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/lock.png | Bin 1734 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/note.png | Bin 1808 -> 0 bytes WebContent/VAADIN/themes/runo/icons/icons32/ok.png | Bin 1181 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/reload.png | Bin 1865 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/settings.png | Bin 1131 -> 0 bytes .../themes/runo/icons/icons32/trash-full.png | Bin 2176 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/trash.png | Bin 1803 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/user.png | Bin 1373 -> 0 bytes .../VAADIN/themes/runo/icons/icons32/users.png | Bin 1562 -> 0 bytes .../themes/runo/icons/icons64/arrow-down.png | Bin 981 -> 0 bytes .../themes/runo/icons/icons64/arrow-left.png | Bin 922 -> 0 bytes .../themes/runo/icons/icons64/arrow-right.png | Bin 918 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/arrow-up.png | Bin 977 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/attention.png | Bin 2020 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/calendar.png | Bin 3321 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/cancel.png | Bin 2889 -> 0 bytes .../themes/runo/icons/icons64/document-add.png | Bin 2037 -> 0 bytes .../themes/runo/icons/icons64/document-delete.png | Bin 2363 -> 0 bytes .../themes/runo/icons/icons64/document-doc.png | Bin 2619 -> 0 bytes .../themes/runo/icons/icons64/document-edit.png | Bin 3212 -> 0 bytes .../themes/runo/icons/icons64/document-image.png | Bin 4123 -> 0 bytes .../themes/runo/icons/icons64/document-pdf.png | Bin 2533 -> 0 bytes .../themes/runo/icons/icons64/document-ppt.png | Bin 2286 -> 0 bytes .../themes/runo/icons/icons64/document-txt.png | Bin 1421 -> 0 bytes .../themes/runo/icons/icons64/document-web.png | Bin 3393 -> 0 bytes .../themes/runo/icons/icons64/document-xsl.png | Bin 2914 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/document.png | Bin 1270 -> 0 bytes .../themes/runo/icons/icons64/email-reply.png | Bin 3937 -> 0 bytes .../themes/runo/icons/icons64/email-send.png | Bin 3100 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/email.png | Bin 2467 -> 0 bytes .../themes/runo/icons/icons64/folder-add.png | Bin 3641 -> 0 bytes .../themes/runo/icons/icons64/folder-delete.png | Bin 3937 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/folder.png | Bin 3209 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/globe.png | Bin 5014 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/help.png | Bin 2696 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/lock.png | Bin 4243 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/note.png | Bin 3805 -> 0 bytes WebContent/VAADIN/themes/runo/icons/icons64/ok.png | Bin 2619 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/reload.png | Bin 4123 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/settings.png | Bin 1654 -> 0 bytes .../themes/runo/icons/icons64/trash-full.png | Bin 5242 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/trash.png | Bin 3688 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/user.png | Bin 2736 -> 0 bytes .../VAADIN/themes/runo/icons/icons64/users.png | Bin 3698 -> 0 bytes .../runo/inlinedatefield/inlinedatefield.scss | 8 - WebContent/VAADIN/themes/runo/label/label.scss | 74 -- WebContent/VAADIN/themes/runo/legacy-styles.scss | 6 - WebContent/VAADIN/themes/runo/link/link.scss | 7 - WebContent/VAADIN/themes/runo/menubar/menubar.scss | 41 - .../themes/runo/notification/img/close-error.png | Bin 240 -> 0 bytes .../themes/runo/notification/notification.scss | 69 -- .../themes/runo/orderedlayout/orderedlayout.scss | 120 --- .../VAADIN/themes/runo/panel/img/bottom-left.png | Bin 234 -> 0 bytes .../VAADIN/themes/runo/panel/img/bottom-right.png | Bin 351 -> 0 bytes .../VAADIN/themes/runo/panel/img/top-left.png | Bin 262 -> 0 bytes .../VAADIN/themes/runo/panel/img/top-right.png | Bin 788 -> 0 bytes WebContent/VAADIN/themes/runo/panel/panel.scss | 83 -- .../VAADIN/themes/runo/popupview/popupview.scss | 13 - .../runo/progressindicator/img/base-static.gif | Bin 1123 -> 0 bytes .../themes/runo/progressindicator/img/base.gif | Bin 827 -> 0 bytes .../themes/runo/progressindicator/img/disabled.gif | Bin 179 -> 0 bytes .../themes/runo/progressindicator/img/progress.png | Bin 164 -> 0 bytes .../runo/progressindicator/progressindicator.scss | 29 - WebContent/VAADIN/themes/runo/runo.scss | 93 --- .../VAADIN/themes/runo/select/img/arrow-down.png | Bin 251 -> 0 bytes .../VAADIN/themes/runo/select/img/arrow-up.png | Bin 237 -> 0 bytes .../runo/select/img/bg-center-filter-error.png | Bin 217 -> 0 bytes .../themes/runo/select/img/bg-center-filter.png | Bin 1008 -> 0 bytes .../runo/select/img/bg-left-filter-error.png | Bin 992 -> 0 bytes .../themes/runo/select/img/bg-left-filter.png | Bin 992 -> 0 bytes .../runo/select/img/bg-right-filter-error.png | Bin 486 -> 0 bytes .../themes/runo/select/img/bg-right-filter.png | Bin 410 -> 0 bytes .../VAADIN/themes/runo/select/img/button-bg.png | Bin 435 -> 0 bytes WebContent/VAADIN/themes/runo/select/select.scss | 165 ---- .../VAADIN/themes/runo/shadow/img/bottom-left.png | Bin 183 -> 0 bytes .../VAADIN/themes/runo/shadow/img/bottom-right.png | Bin 192 -> 0 bytes .../VAADIN/themes/runo/shadow/img/bottom.png | Bin 130 -> 0 bytes .../VAADIN/themes/runo/shadow/img/center.png | Bin 109 -> 0 bytes WebContent/VAADIN/themes/runo/shadow/img/left.png | Bin 124 -> 0 bytes WebContent/VAADIN/themes/runo/shadow/img/right.png | Bin 124 -> 0 bytes .../VAADIN/themes/runo/shadow/img/top-left.png | Bin 169 -> 0 bytes .../VAADIN/themes/runo/shadow/img/top-right.png | Bin 186 -> 0 bytes WebContent/VAADIN/themes/runo/shadow/img/top.png | Bin 125 -> 0 bytes WebContent/VAADIN/themes/runo/shadow/shadow.scss | 72 -- .../themes/runo/slider/img/handle-horizontal.png | Bin 705 -> 0 bytes .../themes/runo/slider/img/handle-vertical.png | Bin 710 -> 0 bytes WebContent/VAADIN/themes/runo/slider/slider.scss | 73 -- .../VAADIN/themes/runo/splitpanel/img/bg_hor.png | Bin 141 -> 0 bytes .../VAADIN/themes/runo/splitpanel/img/bg_ver.png | Bin 146 -> 0 bytes .../VAADIN/themes/runo/splitpanel/splitpanel.scss | 88 --- WebContent/VAADIN/themes/runo/styles.scss | 4 - WebContent/VAADIN/themes/runo/table/img/check.gif | Bin 57 -> 0 bytes WebContent/VAADIN/themes/runo/table/img/colsel.png | Bin 669 -> 0 bytes .../themes/runo/table/img/header-bg-over.png | Bin 236 -> 0 bytes .../VAADIN/themes/runo/table/img/header-bg.png | Bin 236 -> 0 bytes .../VAADIN/themes/runo/table/img/resizer-bg.png | Bin 141 -> 0 bytes .../themes/runo/table/img/scroll-position-bg.png | Bin 1703 -> 0 bytes .../VAADIN/themes/runo/table/img/sort-asc.png | Bin 281 -> 0 bytes .../VAADIN/themes/runo/table/img/sort-desc.png | Bin 303 -> 0 bytes WebContent/VAADIN/themes/runo/table/table.scss | 206 ----- .../themes/runo/tabsheet/img/inline-tab-bg.png | Bin 243 -> 0 bytes .../themes/runo/tabsheet/img/inline-tab-border.png | Bin 239 -> 0 bytes .../themes/runo/tabsheet/img/inline-tab-left.png | Bin 1000 -> 0 bytes .../themes/runo/tabsheet/img/inline-tab-right.png | Bin 997 -> 0 bytes .../VAADIN/themes/runo/tabsheet/img/next.png | Bin 1035 -> 0 bytes .../VAADIN/themes/runo/tabsheet/img/prev.png | Bin 1034 -> 0 bytes .../VAADIN/themes/runo/tabsheet/img/tab-bg.png | Bin 144 -> 0 bytes .../VAADIN/themes/runo/tabsheet/tabsheet.scss | 254 ------- WebContent/VAADIN/themes/runo/textfield/img/bg.png | Bin 148 -> 0 bytes .../VAADIN/themes/runo/textfield/textfield.scss | 49 -- .../VAADIN/themes/runo/tree/img/collapsed.png | Bin 3637 -> 0 bytes .../runo/tree/img/connectors/collapsed-last.png | Bin 218 -> 0 bytes .../themes/runo/tree/img/connectors/collapsed.png | Bin 242 -> 0 bytes .../runo/tree/img/connectors/connector-item.png | Bin 163 -> 0 bytes .../themes/runo/tree/img/connectors/connector.png | Bin 907 -> 0 bytes .../runo/tree/img/connectors/expanded-last.png | Bin 226 -> 0 bytes .../themes/runo/tree/img/connectors/expanded.png | Bin 262 -> 0 bytes .../VAADIN/themes/runo/tree/img/expanded.png | Bin 3646 -> 0 bytes WebContent/VAADIN/themes/runo/tree/tree.scss | 61 -- .../VAADIN/themes/runo/window/img/bg-color.png | Bin 135 -> 0 bytes .../VAADIN/themes/runo/window/img/bottom-left.png | Bin 245 -> 0 bytes .../VAADIN/themes/runo/window/img/bottom-right.png | Bin 342 -> 0 bytes WebContent/VAADIN/themes/runo/window/img/close.png | Bin 548 -> 0 bytes .../themes/runo/window/img/dialog/bottom-left.png | Bin 252 -> 0 bytes .../themes/runo/window/img/dialog/bottom-right.png | Bin 353 -> 0 bytes .../VAADIN/themes/runo/window/img/dialog/close.png | Bin 415 -> 0 bytes .../themes/runo/window/img/dialog/maximize.png | Bin 268 -> 0 bytes .../themes/runo/window/img/dialog/restore.png | Bin 262 -> 0 bytes .../VAADIN/themes/runo/window/img/left-bg.png | Bin 150 -> 0 bytes .../VAADIN/themes/runo/window/img/maximize.png | Bin 388 -> 0 bytes .../themes/runo/window/img/notification-error.png | Bin 590 -> 0 bytes .../VAADIN/themes/runo/window/img/resize.png | Bin 229 -> 0 bytes .../VAADIN/themes/runo/window/img/restore.png | Bin 569 -> 0 bytes .../VAADIN/themes/runo/window/img/right-bg.png | Bin 150 -> 0 bytes .../themes/runo/window/img/shadow/bottom-left.png | Bin 683 -> 0 bytes .../themes/runo/window/img/shadow/bottom-right.png | Bin 583 -> 0 bytes .../themes/runo/window/img/shadow/bottom.png | Bin 150 -> 0 bytes .../themes/runo/window/img/shadow/center.png | Bin 109 -> 0 bytes .../VAADIN/themes/runo/window/img/shadow/left.png | Bin 144 -> 0 bytes .../VAADIN/themes/runo/window/img/shadow/right.png | Bin 146 -> 0 bytes .../themes/runo/window/img/shadow/top-left.png | Bin 510 -> 0 bytes .../themes/runo/window/img/shadow/top-right.png | Bin 654 -> 0 bytes .../VAADIN/themes/runo/window/img/shadow/top.png | Bin 148 -> 0 bytes .../VAADIN/themes/runo/window/img/top-left.png | Bin 288 -> 0 bytes .../VAADIN/themes/runo/window/img/top-right.png | Bin 822 -> 0 bytes WebContent/VAADIN/themes/runo/window/window.scss | 206 ----- WebContent/VAADIN/themes/valo/_valo.scss | 59 -- .../themes/valo/components/_absolutelayout.scss | 29 - .../VAADIN/themes/valo/components/_accordion.scss | 149 ---- WebContent/VAADIN/themes/valo/components/_all.scss | 240 ------ .../VAADIN/themes/valo/components/_button.scss | 455 ----------- .../VAADIN/themes/valo/components/_calendar.scss | 571 -------------- .../VAADIN/themes/valo/components/_checkbox.scss | 167 ----- .../themes/valo/components/_colorpicker.scss | 236 ------ .../VAADIN/themes/valo/components/_combobox.scss | 518 ------------- .../VAADIN/themes/valo/components/_csslayout.scss | 103 --- .../themes/valo/components/_customcomponent.scss | 10 - .../themes/valo/components/_customlayout.scss | 10 - .../VAADIN/themes/valo/components/_datefield.scss | 618 --------------- .../themes/valo/components/_dragwrapper.scss | 129 ---- .../VAADIN/themes/valo/components/_form.scss | 22 - .../VAADIN/themes/valo/components/_formlayout.scss | 260 ------- .../VAADIN/themes/valo/components/_grid.scss | 278 ------- .../VAADIN/themes/valo/components/_gridlayout.scss | 61 -- .../VAADIN/themes/valo/components/_label.scss | 280 ------- .../VAADIN/themes/valo/components/_link.scss | 81 -- .../VAADIN/themes/valo/components/_loginform.scss | 10 - .../VAADIN/themes/valo/components/_menubar.scss | 409 ---------- .../themes/valo/components/_nativebutton.scss | 12 - .../themes/valo/components/_nativeselect.scss | 45 -- .../themes/valo/components/_notification.scss | 433 ----------- .../themes/valo/components/_optiongroup.scss | 132 ---- .../themes/valo/components/_orderedlayout.scss | 222 ------ .../VAADIN/themes/valo/components/_panel.scss | 255 ------- .../VAADIN/themes/valo/components/_popupview.scss | 31 - .../themes/valo/components/_progressbar.scss | 94 --- .../themes/valo/components/_richtextarea.scss | 109 --- .../VAADIN/themes/valo/components/_slider.scss | 352 --------- .../VAADIN/themes/valo/components/_splitpanel.scss | 231 ------ .../VAADIN/themes/valo/components/_table.scss | 834 --------------------- .../VAADIN/themes/valo/components/_tabsheet.scss | 610 --------------- .../VAADIN/themes/valo/components/_textarea.scss | 120 --- .../VAADIN/themes/valo/components/_textfield.scss | 399 ---------- .../VAADIN/themes/valo/components/_tree.scss | 308 -------- .../VAADIN/themes/valo/components/_treetable.scss | 66 -- .../themes/valo/components/_twincolselect.scss | 105 --- .../VAADIN/themes/valo/components/_upload.scss | 27 - .../VAADIN/themes/valo/components/_valo-menu.scss | 559 -------------- .../VAADIN/themes/valo/components/_widget.scss | 23 - .../VAADIN/themes/valo/components/_window.scss | 424 ----------- .../valo/components/img/colorpicker/gradient.png | Bin 24998 -> 0 bytes .../valo/components/img/colorpicker/gradient2.png | Bin 14708 -> 0 bytes .../components/img/colorpicker/slider_hue_bg.png | Bin 396 -> 0 bytes WebContent/VAADIN/themes/valo/favicon.ico | Bin 31005 -> 0 bytes WebContent/VAADIN/themes/valo/fonts/_fonts.scss | 49 -- .../VAADIN/themes/valo/fonts/lato/_lato.scss | 155 ---- .../themes/valo/fonts/lato/lato-black-webfont.eot | Bin 27865 -> 0 bytes .../themes/valo/fonts/lato/lato-black-webfont.ttf | Bin 57204 -> 0 bytes .../themes/valo/fonts/lato/lato-black-webfont.woff | Bin 31240 -> 0 bytes .../valo/fonts/lato/lato-blackitalic-webfont.eot | Bin 26502 -> 0 bytes .../valo/fonts/lato/lato-blackitalic-webfont.ttf | Bin 49292 -> 0 bytes .../valo/fonts/lato/lato-blackitalic-webfont.woff | Bin 29036 -> 0 bytes .../themes/valo/fonts/lato/lato-bold-webfont.eot | Bin 28827 -> 0 bytes .../themes/valo/fonts/lato/lato-bold-webfont.ttf | Bin 58340 -> 0 bytes .../themes/valo/fonts/lato/lato-bold-webfont.woff | Bin 32396 -> 0 bytes .../valo/fonts/lato/lato-bolditalic-webfont.eot | Bin 27447 -> 0 bytes .../valo/fonts/lato/lato-bolditalic-webfont.ttf | Bin 52000 -> 0 bytes .../valo/fonts/lato/lato-bolditalic-webfont.woff | Bin 30148 -> 0 bytes .../valo/fonts/lato/lato-hairline-webfont.eot | Bin 26459 -> 0 bytes .../valo/fonts/lato/lato-hairline-webfont.ttf | Bin 55640 -> 0 bytes .../valo/fonts/lato/lato-hairline-webfont.woff | Bin 29808 -> 0 bytes .../fonts/lato/lato-hairlineitalic-webfont.eot | Bin 26208 -> 0 bytes .../fonts/lato/lato-hairlineitalic-webfont.ttf | Bin 48500 -> 0 bytes .../fonts/lato/lato-hairlineitalic-webfont.woff | Bin 28960 -> 0 bytes .../themes/valo/fonts/lato/lato-italic-webfont.eot | Bin 27194 -> 0 bytes .../themes/valo/fonts/lato/lato-italic-webfont.ttf | Bin 50284 -> 0 bytes .../valo/fonts/lato/lato-italic-webfont.woff | Bin 29988 -> 0 bytes .../themes/valo/fonts/lato/lato-light-webfont.eot | Bin 27421 -> 0 bytes .../themes/valo/fonts/lato/lato-light-webfont.ttf | Bin 56688 -> 0 bytes .../themes/valo/fonts/lato/lato-light-webfont.woff | Bin 31020 -> 0 bytes .../valo/fonts/lato/lato-lightitalic-webfont.eot | Bin 21397 -> 0 bytes .../valo/fonts/lato/lato-lightitalic-webfont.ttf | Bin 40872 -> 0 bytes .../valo/fonts/lato/lato-lightitalic-webfont.woff | Bin 24124 -> 0 bytes .../valo/fonts/lato/lato-regular-webfont.eot | Bin 28224 -> 0 bytes .../valo/fonts/lato/lato-regular-webfont.ttf | Bin 57524 -> 0 bytes .../valo/fonts/lato/lato-regular-webfont.woff | Bin 31808 -> 0 bytes .../VAADIN/themes/valo/fonts/lora/_lora.scss | 71 -- .../themes/valo/fonts/lora/lora-bold-webfont.eot | Bin 56151 -> 0 bytes .../themes/valo/fonts/lora/lora-bold-webfont.ttf | Bin 147968 -> 0 bytes .../themes/valo/fonts/lora/lora-bold-webfont.woff | Bin 54236 -> 0 bytes .../valo/fonts/lora/lora-bolditalic-webfont.eot | Bin 63409 -> 0 bytes .../valo/fonts/lora/lora-bolditalic-webfont.ttf | Bin 167640 -> 0 bytes .../valo/fonts/lora/lora-bolditalic-webfont.woff | Bin 63716 -> 0 bytes .../themes/valo/fonts/lora/lora-italic-webfont.eot | Bin 62668 -> 0 bytes .../themes/valo/fonts/lora/lora-italic-webfont.ttf | Bin 163292 -> 0 bytes .../valo/fonts/lora/lora-italic-webfont.woff | Bin 63736 -> 0 bytes .../valo/fonts/lora/lora-regular-webfont.eot | Bin 51370 -> 0 bytes .../valo/fonts/lora/lora-regular-webfont.ttf | Bin 129368 -> 0 bytes .../valo/fonts/lora/lora-regular-webfont.woff | Bin 50044 -> 0 bytes .../valo/fonts/open-sans/OpenSans-Bold-webfont.eot | Bin 19544 -> 0 bytes .../valo/fonts/open-sans/OpenSans-Bold-webfont.ttf | Bin 38452 -> 0 bytes .../fonts/open-sans/OpenSans-Bold-webfont.woff | Bin 22432 -> 0 bytes .../open-sans/OpenSans-BoldItalic-webfont.eot | Bin 20133 -> 0 bytes .../open-sans/OpenSans-BoldItalic-webfont.ttf | Bin 39076 -> 0 bytes .../open-sans/OpenSans-BoldItalic-webfont.woff | Bin 23048 -> 0 bytes .../fonts/open-sans/OpenSans-ExtraBold-webfont.eot | Bin 20855 -> 0 bytes .../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf | Bin 42024 -> 0 bytes .../open-sans/OpenSans-ExtraBold-webfont.woff | Bin 23764 -> 0 bytes .../open-sans/OpenSans-ExtraBoldItalic-webfont.eot | Bin 21576 -> 0 bytes .../open-sans/OpenSans-ExtraBoldItalic-webfont.ttf | Bin 43420 -> 0 bytes .../OpenSans-ExtraBoldItalic-webfont.woff | Bin 24568 -> 0 bytes .../fonts/open-sans/OpenSans-Italic-webfont.eot | Bin 20265 -> 0 bytes .../fonts/open-sans/OpenSans-Italic-webfont.ttf | Bin 38412 -> 0 bytes .../fonts/open-sans/OpenSans-Italic-webfont.woff | Bin 23188 -> 0 bytes .../fonts/open-sans/OpenSans-Light-webfont.eot | Bin 19514 -> 0 bytes .../fonts/open-sans/OpenSans-Light-webfont.ttf | Bin 37336 -> 0 bytes .../fonts/open-sans/OpenSans-Light-webfont.woff | Bin 22248 -> 0 bytes .../open-sans/OpenSans-LightItalic-webfont.eot | Bin 20535 -> 0 bytes .../open-sans/OpenSans-LightItalic-webfont.ttf | Bin 39956 -> 0 bytes .../open-sans/OpenSans-LightItalic-webfont.woff | Bin 23400 -> 0 bytes .../fonts/open-sans/OpenSans-Regular-webfont.eot | Bin 19836 -> 0 bytes .../fonts/open-sans/OpenSans-Regular-webfont.ttf | Bin 38232 -> 0 bytes .../fonts/open-sans/OpenSans-Regular-webfont.woff | Bin 22660 -> 0 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.eot | Bin 20028 -> 0 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.ttf | Bin 39476 -> 0 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.woff | Bin 22908 -> 0 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.eot | Bin 20962 -> 0 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.ttf | Bin 40252 -> 0 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.woff | Bin 23764 -> 0 bytes .../themes/valo/fonts/open-sans/_open-sans.scss | 155 ---- .../valo/fonts/roboto/Roboto-Black-webfont.eot | Bin 20698 -> 0 bytes .../valo/fonts/roboto/Roboto-Black-webfont.ttf | Bin 44652 -> 0 bytes .../valo/fonts/roboto/Roboto-Black-webfont.woff | Bin 24484 -> 0 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.eot | Bin 23849 -> 0 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.ttf | Bin 51536 -> 0 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.woff | Bin 27892 -> 0 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.eot | Bin 20966 -> 0 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.ttf | Bin 45008 -> 0 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.woff | Bin 24808 -> 0 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.eot | Bin 24778 -> 0 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.ttf | Bin 53400 -> 0 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.woff | Bin 28824 -> 0 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.eot | Bin 25062 -> 0 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.ttf | Bin 54124 -> 0 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.woff | Bin 29080 -> 0 bytes .../valo/fonts/roboto/Roboto-Light-webfont.eot | Bin 20940 -> 0 bytes .../valo/fonts/roboto/Roboto-Light-webfont.ttf | Bin 45880 -> 0 bytes .../valo/fonts/roboto/Roboto-Light-webfont.woff | Bin 24576 -> 0 bytes .../fonts/roboto/Roboto-LightItalic-webfont.eot | Bin 25458 -> 0 bytes .../fonts/roboto/Roboto-LightItalic-webfont.ttf | Bin 56008 -> 0 bytes .../fonts/roboto/Roboto-LightItalic-webfont.woff | Bin 29480 -> 0 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.eot | Bin 21364 -> 0 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.ttf | Bin 45304 -> 0 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.woff | Bin 25048 -> 0 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.eot | Bin 24908 -> 0 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.ttf | Bin 53884 -> 0 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.woff | Bin 28860 -> 0 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.eot | Bin 21320 -> 0 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.ttf | Bin 45376 -> 0 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.woff | Bin 25020 -> 0 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.eot | Bin 21659 -> 0 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.ttf | Bin 47700 -> 0 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.woff | Bin 24944 -> 0 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.eot | Bin 26645 -> 0 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.ttf | Bin 60668 -> 0 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.woff | Bin 30468 -> 0 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.eot | Bin 21457 -> 0 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.ttf | Bin 45452 -> 0 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.woff | Bin 25144 -> 0 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.eot | Bin 25204 -> 0 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.ttf | Bin 53660 -> 0 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.woff | Bin 29136 -> 0 bytes .../roboto/RobotoCondensed-Italic-webfont.eot | Bin 25217 -> 0 bytes .../roboto/RobotoCondensed-Italic-webfont.ttf | Bin 54528 -> 0 bytes .../roboto/RobotoCondensed-Italic-webfont.woff | Bin 29104 -> 0 bytes .../fonts/roboto/RobotoCondensed-Light-webfont.eot | Bin 21661 -> 0 bytes .../fonts/roboto/RobotoCondensed-Light-webfont.ttf | Bin 47108 -> 0 bytes .../roboto/RobotoCondensed-Light-webfont.woff | Bin 25204 -> 0 bytes .../roboto/RobotoCondensed-LightItalic-webfont.eot | Bin 25892 -> 0 bytes .../roboto/RobotoCondensed-LightItalic-webfont.ttf | Bin 56592 -> 0 bytes .../RobotoCondensed-LightItalic-webfont.woff | Bin 29796 -> 0 bytes .../roboto/RobotoCondensed-Regular-webfont.eot | Bin 21712 -> 0 bytes .../roboto/RobotoCondensed-Regular-webfont.ttf | Bin 45668 -> 0 bytes .../roboto/RobotoCondensed-Regular-webfont.woff | Bin 25268 -> 0 bytes .../VAADIN/themes/valo/fonts/roboto/_roboto.scss | 155 ---- .../fonts/source-sans-pro/_source-sans-pro.scss | 184 ----- .../fonts/source-sans-pro/sourcesanspro-black.eot | Bin 52527 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-black.ttf | Bin 164124 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-black.woff | Bin 66212 -> 0 bytes .../source-sans-pro/sourcesanspro-blackit.eot | Bin 41651 -> 0 bytes .../source-sans-pro/sourcesanspro-blackit.ttf | Bin 130104 -> 0 bytes .../source-sans-pro/sourcesanspro-blackit.woff | Bin 53060 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-bold.eot | Bin 56552 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-bold.ttf | Bin 164908 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-bold.woff | Bin 69712 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-boldit.eot | Bin 44557 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-boldit.ttf | Bin 129276 -> 0 bytes .../source-sans-pro/sourcesanspro-boldit.woff | Bin 55480 -> 0 bytes .../source-sans-pro/sourcesanspro-extralight.eot | Bin 52188 -> 0 bytes .../source-sans-pro/sourcesanspro-extralight.ttf | Bin 168504 -> 0 bytes .../source-sans-pro/sourcesanspro-extralight.woff | Bin 65820 -> 0 bytes .../source-sans-pro/sourcesanspro-extralightit.eot | Bin 41503 -> 0 bytes .../source-sans-pro/sourcesanspro-extralightit.ttf | Bin 131120 -> 0 bytes .../sourcesanspro-extralightit.woff | Bin 53168 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-it.eot | Bin 44729 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-it.ttf | Bin 128480 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-it.woff | Bin 55424 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-light.eot | Bin 55523 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-light.ttf | Bin 168212 -> 0 bytes .../fonts/source-sans-pro/sourcesanspro-light.woff | Bin 68732 -> 0 bytes .../source-sans-pro/sourcesanspro-lightit.eot | Bin 44371 -> 0 bytes .../source-sans-pro/sourcesanspro-lightit.ttf | Bin 130644 -> 0 bytes .../source-sans-pro/sourcesanspro-lightit.woff | Bin 55548 -> 0 bytes .../source-sans-pro/sourcesanspro-regular.eot | Bin 55826 -> 0 bytes .../source-sans-pro/sourcesanspro-regular.ttf | Bin 165504 -> 0 bytes .../source-sans-pro/sourcesanspro-regular.woff | Bin 68836 -> 0 bytes .../source-sans-pro/sourcesanspro-semibold.eot | Bin 55348 -> 0 bytes .../source-sans-pro/sourcesanspro-semibold.ttf | Bin 165344 -> 0 bytes .../source-sans-pro/sourcesanspro-semibold.woff | Bin 68392 -> 0 bytes .../source-sans-pro/sourcesanspro-semiboldit.eot | Bin 43913 -> 0 bytes .../source-sans-pro/sourcesanspro-semiboldit.ttf | Bin 128408 -> 0 bytes .../source-sans-pro/sourcesanspro-semiboldit.woff | Bin 54852 -> 0 bytes .../VAADIN/themes/valo/shared/_contextmenu.scss | 26 - WebContent/VAADIN/themes/valo/shared/_global.scss | 454 ----------- .../themes/valo/shared/_loading-indicator.scss | 163 ---- WebContent/VAADIN/themes/valo/shared/_overlay.scss | 368 --------- .../themes/valo/shared/_reconnect-dialog.scss | 31 - WebContent/VAADIN/themes/valo/shared/_tooltip.scss | 137 ---- .../VAADIN/themes/valo/shared/_variables.scss | 538 ------------- .../VAADIN/themes/valo/shared/img/spinner.gif | Bin 7194 -> 0 bytes WebContent/VAADIN/themes/valo/styles.scss | 5 - WebContent/VAADIN/themes/valo/util/_anim.scss | 152 ---- .../VAADIN/themes/valo/util/_bevel-and-shadow.scss | 273 ------- .../VAADIN/themes/valo/util/_blend-modes.scss | 531 ------------- WebContent/VAADIN/themes/valo/util/_color.scss | 134 ---- WebContent/VAADIN/themes/valo/util/_css3.scss | 35 - WebContent/VAADIN/themes/valo/util/_gradient.scss | 78 -- WebContent/VAADIN/themes/valo/util/_lists.scss | 418 ----------- WebContent/VAADIN/themes/valo/util/_util.scss | 92 --- .../util/bourbon/_bourbon-deprecated-upcoming.scss | 13 - .../VAADIN/themes/valo/util/bourbon/_bourbon.scss | 79 -- .../themes/valo/util/bourbon/addons/_button.scss | 374 --------- .../themes/valo/util/bourbon/addons/_clearfix.scss | 23 - .../util/bourbon/addons/_directional-values.scss | 111 --- .../themes/valo/util/bourbon/addons/_ellipsis.scss | 7 - .../valo/util/bourbon/addons/_font-family.scss | 5 - .../valo/util/bourbon/addons/_hide-text.scss | 10 - .../util/bourbon/addons/_html5-input-types.scss | 110 --- .../themes/valo/util/bourbon/addons/_position.scss | 32 - .../themes/valo/util/bourbon/addons/_prefixer.scss | 45 -- .../valo/util/bourbon/addons/_retina-image.scss | 31 - .../themes/valo/util/bourbon/addons/_size.scss | 44 -- .../util/bourbon/addons/_timing-functions.scss | 32 - .../themes/valo/util/bourbon/addons/_triangle.scss | 86 --- .../valo/util/bourbon/addons/_word-wrap.scss | 8 - .../themes/valo/util/bourbon/css3/_animation.scss | 52 -- .../themes/valo/util/bourbon/css3/_appearance.scss | 3 - .../util/bourbon/css3/_backface-visibility.scss | 6 - .../valo/util/bourbon/css3/_background-image.scss | 48 -- .../themes/valo/util/bourbon/css3/_background.scss | 103 --- .../valo/util/bourbon/css3/_border-image.scss | 56 -- .../valo/util/bourbon/css3/_border-radius.scss | 22 - .../themes/valo/util/bourbon/css3/_box-sizing.scss | 4 - .../themes/valo/util/bourbon/css3/_calc.scss | 4 - .../themes/valo/util/bourbon/css3/_columns.scss | 47 -- .../themes/valo/util/bourbon/css3/_filter.scss | 5 - .../themes/valo/util/bourbon/css3/_flex-box.scss | 321 -------- .../themes/valo/util/bourbon/css3/_font-face.scss | 23 - .../util/bourbon/css3/_font-feature-settings.scss | 10 - .../valo/util/bourbon/css3/_hidpi-media-query.scss | 10 - .../themes/valo/util/bourbon/css3/_hyphens.scss | 4 - .../valo/util/bourbon/css3/_image-rendering.scss | 14 - .../valo/util/bourbon/css3/_inline-block.scss | 8 - .../themes/valo/util/bourbon/css3/_keyframes.scss | 35 - .../valo/util/bourbon/css3/_linear-gradient.scss | 38 - .../valo/util/bourbon/css3/_perspective.scss | 8 - .../valo/util/bourbon/css3/_placeholder.scss | 8 - .../valo/util/bourbon/css3/_radial-gradient.scss | 39 - .../themes/valo/util/bourbon/css3/_transform.scss | 15 - .../themes/valo/util/bourbon/css3/_transition.scss | 77 -- .../valo/util/bourbon/css3/_user-select.scss | 3 - .../util/bourbon/functions/_color-lightness.scss | 13 - .../valo/util/bourbon/functions/_flex-grid.scss | 39 - .../valo/util/bourbon/functions/_golden-ratio.scss | 3 - .../valo/util/bourbon/functions/_grid-width.scss | 13 - .../util/bourbon/functions/_linear-gradient.scss | 13 - .../util/bourbon/functions/_modular-scale.scss | 66 -- .../valo/util/bourbon/functions/_px-to-em.scss | 13 - .../valo/util/bourbon/functions/_px-to-rem.scss | 15 - .../util/bourbon/functions/_radial-gradient.scss | 23 - .../valo/util/bourbon/functions/_strip-units.scss | 5 - .../valo/util/bourbon/functions/_tint-shade.scss | 9 - .../functions/_transition-property-name.scss | 22 - .../valo/util/bourbon/functions/_unpack.scss | 17 - .../helpers/_gradient-positions-parser.scss | 13 - .../bourbon/helpers/_linear-positions-parser.scss | 61 -- .../util/bourbon/helpers/_radial-arg-parser.scss | 69 -- .../bourbon/helpers/_radial-positions-parser.scss | 18 - .../util/bourbon/helpers/_render-gradients.scss | 26 - .../util/bourbon/helpers/_shape-size-stripper.scss | 10 - .../util/bourbon/settings/_asset-pipeline.scss | 1 - .../valo/util/bourbon/settings/_prefixer.scss | 6 - .../valo/util/bourbon/settings/_px-to-em.scss | 1 - WebContent/VAADIN/themes/valo/util/readme.txt | 8 - buildhelpers/pom.xml | 2 +- client-compiled/pom.xml | 3 - ivysettings.xml | 2 +- liferay/ivy.xml | 2 +- pom.xml | 14 + .../test/resources/com/vaadin/tests/styles.scss | 2 +- themes/build.xml | 131 ---- themes/pom.xml | 220 ++++++ .../themes/base/absolutelayout/absolutelayout.scss | 19 + .../VAADIN/themes/base/accordion/accordion.scss | 33 + .../main/resources/VAADIN/themes/base/base.scss | 134 ++++ .../themes/base/browserframe/browserframe.scss | 18 + .../VAADIN/themes/base/button/button.scss | 82 ++ .../VAADIN/themes/base/button/checkbox.scss | 33 + .../VAADIN/themes/base/button/nativebutton.scss | 73 ++ .../VAADIN/themes/base/calendar/calendar.scss | 378 ++++++++++ .../VAADIN/themes/base/calendar/img/arrows.png | Bin 0 -> 248 bytes .../VAADIN/themes/base/caption/caption.scss | 28 + .../themes/base/colorpicker/colorpicker.scss | 212 ++++++ .../themes/base/colorpicker/images/gradient.png | Bin 0 -> 24998 bytes .../themes/base/colorpicker/images/gradient2.png | Bin 0 -> 14708 bytes .../base/colorpicker/images/resizebg-selected.png | Bin 0 -> 974 bytes .../themes/base/colorpicker/images/resizebg.png | Bin 0 -> 735 bytes .../base/colorpicker/images/slider_hue_bg.png | Bin 0 -> 396 bytes .../VAADIN/themes/base/common/common.scss | 293 ++++++++ .../themes/base/common/img/ajax-loader-big.gif | Bin 0 -> 3208 bytes .../themes/base/common/img/ajax-loader-medium.gif | Bin 0 -> 1849 bytes .../VAADIN/themes/base/common/img/ajax-loader.gif | Bin 0 -> 4099 bytes .../themes/base/common/img/drag-slot-dot.png | Bin 0 -> 198 bytes .../base/common/img/loading-indicator-delay.gif | Bin 0 -> 1800 bytes .../base/common/img/loading-indicator-wait.gif | Bin 0 -> 1817 bytes .../themes/base/common/img/loading-indicator.gif | Bin 0 -> 1781 bytes .../themes/base/common/img/reconnect-spinner.gif | Bin 0 -> 3223 bytes .../VAADIN/themes/base/common/img/sprites.png | Bin 0 -> 204 bytes .../VAADIN/themes/base/common/mixins.scss | 29 + .../themes/base/common/reconnect-dialog.scss | 31 + .../VAADIN/themes/base/csslayout/csslayout.scss | 36 + .../base/customcomponent/customcomponent.scss | 6 + .../themes/base/customlayout/customlayout.scss | 7 + .../VAADIN/themes/base/datefield/datefield.scss | 122 +++ .../themes/base/dragwrapper/dragwrapper.scss | 164 ++++ .../VAADIN/themes/base/embedded/embedded.scss | 8 + .../VAADIN/themes/base/escalator/escalator.scss | 156 ++++ .../main/resources/VAADIN/themes/base/favicon.ico | Bin 0 -> 6518 bytes .../themes/base/fonts/fontawesome-webfont.eot | Bin 0 -> 70807 bytes .../themes/base/fonts/fontawesome-webfont.svg | 655 ++++++++++++++++ .../themes/base/fonts/fontawesome-webfont.ttf | Bin 0 -> 142072 bytes .../themes/base/fonts/fontawesome-webfont.woff | Bin 0 -> 83588 bytes .../resources/VAADIN/themes/base/fonts/fonts.scss | 35 + .../themes/base/fonts/themeicons-webfont.eot | Bin 0 -> 12734 bytes .../themes/base/fonts/themeicons-webfont.svg | 50 ++ .../themes/base/fonts/themeicons-webfont.ttf | Bin 0 -> 12612 bytes .../themes/base/fonts/themeicons-webfont.woff | Bin 0 -> 7868 bytes .../VAADIN/themes/base/formlayout/formlayout.scss | 57 ++ .../resources/VAADIN/themes/base/grid/grid.scss | 590 +++++++++++++++ .../VAADIN/themes/base/gridlayout/gridlayout.scss | 35 + .../base/inlinedatefield/inlinedatefield.scss | 5 + .../resources/VAADIN/themes/base/label/label.scss | 11 + .../VAADIN/themes/base/layout/layout.scss | 221 ++++++ .../VAADIN/themes/base/legacy-styles.scss | 6 + .../resources/VAADIN/themes/base/link/link.scss | 22 + .../VAADIN/themes/base/loginform/loginform.scss | 13 + .../VAADIN/themes/base/menubar/img/check.gif | Bin 0 -> 57 bytes .../VAADIN/themes/base/menubar/menubar.scss | 108 +++ .../themes/base/notification/notification.scss | 67 ++ .../themes/base/orderedlayout/orderedlayout.scss | 47 ++ .../resources/VAADIN/themes/base/panel/panel.scss | 47 ++ .../VAADIN/themes/base/popupview/popupview.scss | 17 + .../base/progressindicator/progressindicator.scss | 35 + .../VAADIN/themes/base/select/select.scss | 174 +++++ .../VAADIN/themes/base/shadow/img/bottom-left.png | Bin 0 -> 221 bytes .../VAADIN/themes/base/shadow/img/bottom-right.png | Bin 0 -> 224 bytes .../VAADIN/themes/base/shadow/img/bottom.png | Bin 0 -> 132 bytes .../VAADIN/themes/base/shadow/img/center.png | Bin 0 -> 109 bytes .../VAADIN/themes/base/shadow/img/left.png | Bin 0 -> 129 bytes .../VAADIN/themes/base/shadow/img/right.png | Bin 0 -> 130 bytes .../VAADIN/themes/base/shadow/img/top-left.png | Bin 0 -> 208 bytes .../VAADIN/themes/base/shadow/img/top-right.png | Bin 0 -> 220 bytes .../VAADIN/themes/base/shadow/img/top.png | Bin 0 -> 135 bytes .../VAADIN/themes/base/shadow/shadow.scss | 78 ++ .../VAADIN/themes/base/slider/slider.scss | 70 ++ .../VAADIN/themes/base/splitpanel/splitpanel.scss | 38 + .../main/resources/VAADIN/themes/base/styles.scss | 4 + .../resources/VAADIN/themes/base/table/table.scss | 293 ++++++++ .../VAADIN/themes/base/tabsheet/tabsheet.scss | 134 ++++ .../base/textfield/img/richtext-toolbar-bg.png | Bin 0 -> 724 bytes .../VAADIN/themes/base/textfield/textfield.scss | 120 +++ .../base/tree/img/connector-collapse-last.png | Bin 0 -> 359 bytes .../themes/base/tree/img/connector-collapse.png | Bin 0 -> 370 bytes .../themes/base/tree/img/connector-expand-last.png | Bin 0 -> 426 bytes .../themes/base/tree/img/connector-expand.png | Bin 0 -> 436 bytes .../themes/base/tree/img/connector-item-last.png | Bin 0 -> 148 bytes .../VAADIN/themes/base/tree/img/connector-item.png | Bin 0 -> 153 bytes .../themes/base/tree/img/connector-leaf-last.png | Bin 0 -> 163 bytes .../VAADIN/themes/base/tree/img/connector-leaf.png | Bin 0 -> 162 bytes .../VAADIN/themes/base/tree/img/connector.png | Bin 0 -> 160 bytes .../resources/VAADIN/themes/base/tree/tree.scss | 141 ++++ .../themes/base/treetable/img/arrow-down.gif | Bin 0 -> 1426 bytes .../themes/base/treetable/img/arrow-down.png | Bin 0 -> 1008 bytes .../themes/base/treetable/img/arrow-right.gif | Bin 0 -> 1428 bytes .../themes/base/treetable/img/arrow-right.png | Bin 0 -> 994 bytes .../VAADIN/themes/base/treetable/treetable.scss | 68 ++ .../VAADIN/themes/base/upload/upload.scss | 41 + .../VAADIN/themes/base/widget/widget.scss | 14 + .../themes/base/window/img/shadow/bottom-left.png | Bin 0 -> 455 bytes .../themes/base/window/img/shadow/bottom-right.png | Bin 0 -> 437 bytes .../themes/base/window/img/shadow/bottom.png | Bin 0 -> 168 bytes .../themes/base/window/img/shadow/center.png | Bin 0 -> 109 bytes .../VAADIN/themes/base/window/img/shadow/left.png | Bin 0 -> 141 bytes .../VAADIN/themes/base/window/img/shadow/right.png | Bin 0 -> 143 bytes .../themes/base/window/img/shadow/top-left.png | Bin 0 -> 374 bytes .../themes/base/window/img/shadow/top-right.png | Bin 0 -> 473 bytes .../VAADIN/themes/base/window/img/shadow/top.png | Bin 0 -> 143 bytes .../VAADIN/themes/base/window/window.scss | 194 +++++ .../VAADIN/themes/chameleon/chameleon.scss | 17 + .../VAADIN/themes/chameleon/common/common.scss | 176 +++++ .../chameleon/components/accordion/accordion.scss | 80 ++ .../themes/chameleon/components/button/button.scss | 261 +++++++ .../components/colorpicker/colorpicker.scss | 15 + .../themes/chameleon/components/components.scss | 53 ++ .../chameleon/components/datefield/datefield.scss | 285 +++++++ .../themes/chameleon/components/grid/grid.scss | 12 + .../inlinedatefield/inlinedatefield.scss | 10 + .../themes/chameleon/components/label/label.scss | 131 ++++ .../chameleon/components/menubar/menubar.scss | 31 + .../components/notification/notification.scss | 71 ++ .../themes/chameleon/components/panel/panel.scss | 124 +++ .../chameleon/components/popupview/popupview.scss | 7 + .../progressindicator/progressindicator.scss | 116 +++ .../chameleon/components/selects/selects.scss | 177 +++++ .../themes/chameleon/components/slider/slider.scss | 60 ++ .../components/splitpanel/splitpanel.scss | 67 ++ .../themes/chameleon/components/table/table.scss | 171 +++++ .../chameleon/components/tabsheet/tabsheet.scss | 163 ++++ .../chameleon/components/textfield/textfield.scss | 131 ++++ .../themes/chameleon/components/tree/tree.scss | 26 + .../themes/chameleon/components/window/window.scss | 74 ++ .../VAADIN/themes/chameleon/compound/compound.scss | 134 ++++ .../resources/VAADIN/themes/chameleon/favicon.ico | Bin 0 -> 6518 bytes .../VAADIN/themes/chameleon/icons/bullet-white.png | Bin 0 -> 154 bytes .../VAADIN/themes/chameleon/icons/bullet.png | Bin 0 -> 218 bytes .../VAADIN/themes/chameleon/img/app-bg.png | Bin 0 -> 212 bytes .../VAADIN/themes/chameleon/img/close-btn.png | Bin 0 -> 1364 bytes .../VAADIN/themes/chameleon/img/date-btn-big.png | Bin 0 -> 891 bytes .../VAADIN/themes/chameleon/img/date-btn.png | Bin 0 -> 693 bytes .../VAADIN/themes/chameleon/img/error-close.png | Bin 0 -> 483 bytes .../themes/chameleon/img/error-indicator.png | Bin 0 -> 442 bytes .../themes/chameleon/img/grad-dark-bottom.png | Bin 0 -> 118 bytes .../themes/chameleon/img/grad-dark-bottom2.png | Bin 0 -> 123 bytes .../VAADIN/themes/chameleon/img/grad-dark-top2.png | Bin 0 -> 128 bytes .../themes/chameleon/img/grad-light-left.png | Bin 0 -> 143 bytes .../VAADIN/themes/chameleon/img/grad-light-top.png | Bin 0 -> 150 bytes .../themes/chameleon/img/grad-light-top2.png | Bin 0 -> 148 bytes .../chameleon/img/indeterminate-progress.gif | Bin 0 -> 9571 bytes .../VAADIN/themes/chameleon/img/input-bg.png | Bin 0 -> 124 bytes .../themes/chameleon/img/label-error-icon-big.png | Bin 0 -> 1526 bytes .../themes/chameleon/img/label-error-icon.png | Bin 0 -> 928 bytes .../chameleon/img/label-warning-icon-big.png | Bin 0 -> 1530 bytes .../themes/chameleon/img/label-warning-icon.png | Bin 0 -> 908 bytes .../VAADIN/themes/chameleon/img/magnifier-big.png | Bin 0 -> 448 bytes .../VAADIN/themes/chameleon/img/magnifier.png | Bin 0 -> 337 bytes .../VAADIN/themes/chameleon/img/maximize.png | Bin 0 -> 1207 bytes .../VAADIN/themes/chameleon/img/resize.png | Bin 0 -> 287 bytes .../VAADIN/themes/chameleon/img/restore.png | Bin 0 -> 1200 bytes .../VAADIN/themes/chameleon/img/split-handle.png | Bin 0 -> 215 bytes .../VAADIN/themes/chameleon/img/tab-arrows.png | Bin 0 -> 291 bytes .../VAADIN/themes/chameleon/legacy-styles.scss | 6 + .../resources/VAADIN/themes/chameleon/styles.scss | 4 + .../VAADIN/themes/liferay/accordion/accordion.scss | 35 + .../VAADIN/themes/liferay/button/button.scss | 110 +++ .../themes/liferay/colorpicker/colorpicker.scss | 19 + .../themes/liferay/common/buttons_sprites.png | Bin 0 -> 3063 bytes .../VAADIN/themes/liferay/common/common.scss | 39 + .../themes/liferay/contextmenu/contextmenu.scss | 44 ++ .../VAADIN/themes/liferay/datefield/datefield.scss | 171 +++++ .../themes/liferay/datefield/datefield_sprites.png | Bin 0 -> 2268 bytes .../resources/VAADIN/themes/liferay/favicon.ico | Bin 0 -> 6518 bytes .../themes/liferay/formlayout/formlayout.scss | 7 + .../liferay/inlinedatefield/inlinedatefield.scss | 8 + .../VAADIN/themes/liferay/legacy-styles.scss | 6 + .../resources/VAADIN/themes/liferay/liferay.scss | 56 ++ .../VAADIN/themes/liferay/menubar/menubar.scss | 72 ++ .../themes/liferay/notification/notification.scss | 48 ++ .../VAADIN/themes/liferay/panel/panel.scss | 86 +++ .../VAADIN/themes/liferay/panel/top-left.png | Bin 0 -> 226 bytes .../VAADIN/themes/liferay/panel/top-right.png | Bin 0 -> 1425 bytes .../VAADIN/themes/liferay/popupview/popupview.scss | 13 + .../progressindicator/progressindicator.scss | 16 + .../VAADIN/themes/liferay/select/select.scss | 87 +++ .../VAADIN/themes/liferay/slider/slider.scss | 36 + .../VAADIN/themes/liferay/splitpanel/hsplit.png | Bin 0 -> 142 bytes .../themes/liferay/splitpanel/splitpanel.scss | 67 ++ .../VAADIN/themes/liferay/splitpanel/vsplit.png | Bin 0 -> 124 bytes .../resources/VAADIN/themes/liferay/styles.scss | 4 + .../VAADIN/themes/liferay/table/columnselect.png | Bin 0 -> 803 bytes .../VAADIN/themes/liferay/table/table.scss | 139 ++++ .../VAADIN/themes/liferay/tabsheet/close.png | Bin 0 -> 254 bytes .../VAADIN/themes/liferay/tabsheet/tabsheet.scss | 153 ++++ .../VAADIN/themes/liferay/textfield/textfield.scss | 19 + .../VAADIN/themes/liferay/tree/arrows_sprites.png | Bin 0 -> 849 bytes .../resources/VAADIN/themes/liferay/tree/tree.scss | 62 ++ .../themes/liferay/window/closebutton_sprites.png | Bin 0 -> 2034 bytes .../themes/liferay/window/maximize_sprites.png | Bin 0 -> 1291 bytes .../themes/liferay/window/restore_sprites.png | Bin 0 -> 1441 bytes .../VAADIN/themes/liferay/window/top-left.png | Bin 0 -> 281 bytes .../VAADIN/themes/liferay/window/top-right.png | Bin 0 -> 1765 bytes .../VAADIN/themes/liferay/window/window.scss | 82 ++ .../a-sprite-definitions/a-sprite-definitions.scss | 14 + .../themes/reindeer/accordion/accordion.scss | 55 ++ .../VAADIN/themes/reindeer/button/button-ie.scss | 8 + .../themes/reindeer/button/button-link-style.scss | 37 + .../reindeer/button/button-primary-style.scss | 66 ++ .../themes/reindeer/button/button-small-style.scss | 71 ++ .../themes/reindeer/button/button-standard.scss | 94 +++ .../VAADIN/themes/reindeer/button/button.scss | 15 + .../reindeer/button/img/black/left-focus.png | Bin 0 -> 461 bytes .../reindeer/button/img/black/left-pressed.png | Bin 0 -> 374 bytes .../themes/reindeer/button/img/black/left.png | Bin 0 -> 388 bytes .../button/img/black/primary-left-focus.png | Bin 0 -> 463 bytes .../button/img/black/primary-left-pressed.png | Bin 0 -> 397 bytes .../reindeer/button/img/black/primary-left.png | Bin 0 -> 428 bytes .../button/img/black/primary-right-focus.png | Bin 0 -> 948 bytes .../button/img/black/primary-right-pressed.png | Bin 0 -> 833 bytes .../reindeer/button/img/black/primary-right.png | Bin 0 -> 919 bytes .../reindeer/button/img/black/right-focus.png | Bin 0 -> 990 bytes .../reindeer/button/img/black/right-pressed.png | Bin 0 -> 801 bytes .../themes/reindeer/button/img/black/right.png | Bin 0 -> 805 bytes .../reindeer/button/img/black/small-left-focus.png | Bin 0 -> 436 bytes .../button/img/black/small-left-pressed.png | Bin 0 -> 362 bytes .../reindeer/button/img/black/small-left.png | Bin 0 -> 385 bytes .../button/img/black/small-right-focus.png | Bin 0 -> 939 bytes .../button/img/black/small-right-pressed.png | Bin 0 -> 779 bytes .../reindeer/button/img/black/small-right.png | Bin 0 -> 876 bytes .../themes/reindeer/button/img/left-focus.png | Bin 0 -> 436 bytes .../themes/reindeer/button/img/left-pressed.png | Bin 0 -> 354 bytes .../VAADIN/themes/reindeer/button/img/left.png | Bin 0 -> 390 bytes .../reindeer/button/img/primary-left-focus.png | Bin 0 -> 541 bytes .../reindeer/button/img/primary-left-pressed.png | Bin 0 -> 385 bytes .../themes/reindeer/button/img/primary-left.png | Bin 0 -> 465 bytes .../reindeer/button/img/primary-right-focus.png | Bin 0 -> 1048 bytes .../reindeer/button/img/primary-right-pressed.png | Bin 0 -> 888 bytes .../themes/reindeer/button/img/primary-right.png | Bin 0 -> 1187 bytes .../themes/reindeer/button/img/right-focus.png | Bin 0 -> 1028 bytes .../themes/reindeer/button/img/right-pressed.png | Bin 0 -> 1018 bytes .../VAADIN/themes/reindeer/button/img/right.png | Bin 0 -> 919 bytes .../reindeer/button/img/small-left-focus.png | Bin 0 -> 443 bytes .../reindeer/button/img/small-left-pressed.png | Bin 0 -> 302 bytes .../themes/reindeer/button/img/small-left.png | Bin 0 -> 324 bytes .../reindeer/button/img/small-right-focus.png | Bin 0 -> 974 bytes .../reindeer/button/img/small-right-pressed.png | Bin 0 -> 825 bytes .../themes/reindeer/button/img/small-right.png | Bin 0 -> 894 bytes .../themes/reindeer/button/nativebutton.scss | 25 + .../themes/reindeer/colorpicker/colorpicker.scss | 15 + .../VAADIN/themes/reindeer/common/common.scss | 125 +++ .../themes/reindeer/common/icons/bullet-white.png | Bin 0 -> 154 bytes .../VAADIN/themes/reindeer/common/icons/bullet.png | Bin 0 -> 218 bytes .../VAADIN/themes/reindeer/common/icons/error.png | Bin 0 -> 258 bytes .../VAADIN/themes/reindeer/common/img/sel-bg.png | Bin 0 -> 915 bytes .../themes/reindeer/datefield/datefield.scss | 370 +++++++++ .../datefield/img/header-bg-black-pressed.png | Bin 0 -> 143 bytes .../reindeer/datefield/img/header-bg-black.png | Bin 0 -> 193 bytes .../reindeer/datefield/img/header-bg-pressed.png | Bin 0 -> 153 bytes .../themes/reindeer/datefield/img/header-bg.png | Bin 0 -> 146 bytes .../datefield/img/month-next-black-pressed.png | Bin 0 -> 328 bytes .../reindeer/datefield/img/month-next-black.png | Bin 0 -> 334 bytes .../reindeer/datefield/img/month-next-pressed.png | Bin 0 -> 344 bytes .../themes/reindeer/datefield/img/month-next.png | Bin 0 -> 309 bytes .../datefield/img/month-prev-black-pressed.png | Bin 0 -> 323 bytes .../reindeer/datefield/img/month-prev-black.png | Bin 0 -> 991 bytes .../reindeer/datefield/img/month-prev-pressed.png | Bin 0 -> 345 bytes .../themes/reindeer/datefield/img/month-prev.png | Bin 0 -> 306 bytes .../datefield/img/popup-btn-black-pressed.png | Bin 0 -> 651 bytes .../reindeer/datefield/img/popup-btn-black.png | Bin 0 -> 702 bytes .../reindeer/datefield/img/popup-btn-pressed.png | Bin 0 -> 638 bytes .../themes/reindeer/datefield/img/popup-btn.png | Bin 0 -> 611 bytes .../reindeer/datefield/img/weekday-bg-black.png | Bin 0 -> 162 bytes .../themes/reindeer/datefield/img/weekday-bg.png | Bin 0 -> 173 bytes .../reindeer/datefield/img/weekday-first-black.png | Bin 0 -> 235 bytes .../reindeer/datefield/img/weekday-first.png | Bin 0 -> 202 bytes .../reindeer/datefield/img/weekday-last-black.png | Bin 0 -> 232 bytes .../themes/reindeer/datefield/img/weekday-last.png | Bin 0 -> 193 bytes .../datefield/img/year-next-black-pressed.png | Bin 0 -> 671 bytes .../reindeer/datefield/img/year-next-black.png | Bin 0 -> 686 bytes .../reindeer/datefield/img/year-next-pressed.png | Bin 0 -> 762 bytes .../themes/reindeer/datefield/img/year-next.png | Bin 0 -> 723 bytes .../datefield/img/year-prev-black-pressed.png | Bin 0 -> 658 bytes .../reindeer/datefield/img/year-prev-black.png | Bin 0 -> 665 bytes .../reindeer/datefield/img/year-prev-pressed.png | Bin 0 -> 751 bytes .../themes/reindeer/datefield/img/year-prev.png | Bin 0 -> 707 bytes .../resources/VAADIN/themes/reindeer/favicon.ico | Bin 0 -> 6518 bytes .../themes/reindeer/formlayout/formlayout.scss | 65 ++ .../VAADIN/themes/reindeer/grid/grid.scss | 110 +++ .../VAADIN/themes/reindeer/grid/img/asc-light.png | Bin 0 -> 228 bytes .../VAADIN/themes/reindeer/grid/img/desc-light.png | Bin 0 -> 231 bytes .../themes/reindeer/grid/img/focus-bg-light.png | Bin 0 -> 946 bytes .../reindeer/grid/img/focus-header-bg-light.png | Bin 0 -> 959 bytes .../reindeer/grid/img/focus-sel-bg-light.png | Bin 0 -> 954 bytes .../themes/reindeer/grid/img/header-bg-light.png | Bin 0 -> 208 bytes .../reindeer/inlinedatefield/inlinedatefield.scss | 8 + .../VAADIN/themes/reindeer/label/label.scss | 126 ++++ .../themes/reindeer/layouts/img/black-bg.png | Bin 0 -> 204 bytes .../VAADIN/themes/reindeer/layouts/layouts.scss | 86 +++ .../VAADIN/themes/reindeer/legacy-styles.scss | 6 + .../VAADIN/themes/reindeer/link/link.scss | 13 + .../VAADIN/themes/reindeer/menubar/img/bg.png | Bin 0 -> 220 bytes .../reindeer/menubar/img/checked-selected.png | Bin 0 -> 508 bytes .../VAADIN/themes/reindeer/menubar/img/checked.png | Bin 0 -> 393 bytes .../themes/reindeer/menubar/img/menu-sel-bg.png | Bin 0 -> 211 bytes .../reindeer/menubar/img/submenu-icon-hover.png | Bin 0 -> 600 bytes .../themes/reindeer/menubar/img/submenu-icon.png | Bin 0 -> 421 bytes .../reindeer/menubar/img/unchecked-selected.png | Bin 0 -> 320 bytes .../themes/reindeer/menubar/img/unchecked.png | Bin 0 -> 261 bytes .../VAADIN/themes/reindeer/menubar/menubar.scss | 77 ++ .../reindeer/notification/img/error-close.png | Bin 0 -> 653 bytes .../themes/reindeer/notification/notification.scss | 49 ++ .../VAADIN/themes/reindeer/panel/panel.scss | 78 ++ .../themes/reindeer/popupview/popupview.scss | 14 + .../reindeer/progressindicator/img/base-static.gif | Bin 0 -> 1123 bytes .../themes/reindeer/progressindicator/img/base.gif | Bin 0 -> 827 bytes .../reindeer/progressindicator/img/disabled.gif | Bin 0 -> 179 bytes .../reindeer/progressindicator/img/progress.png | Bin 0 -> 148 bytes .../progressindicator/progressindicator.scss | 20 + .../resources/VAADIN/themes/reindeer/reindeer.scss | 87 +++ .../reindeer/select/img/arrow-down-hover.png | Bin 0 -> 209 bytes .../themes/reindeer/select/img/arrow-down.png | Bin 0 -> 194 bytes .../themes/reindeer/select/img/arrow-up-hover.png | Bin 0 -> 198 bytes .../VAADIN/themes/reindeer/select/img/arrow-up.png | Bin 0 -> 191 bytes .../select/img/black/center-black-focus.png | Bin 0 -> 125 bytes .../reindeer/select/img/black/center-black.png | Bin 0 -> 130 bytes .../reindeer/select/img/black/left-black-focus.png | Bin 0 -> 156 bytes .../reindeer/select/img/black/left-black.png | Bin 0 -> 154 bytes .../select/img/black/right-black-focus-hover.png | Bin 0 -> 980 bytes .../select/img/black/right-black-focus-pressed.png | Bin 0 -> 950 bytes .../select/img/black/right-black-focus.png | Bin 0 -> 670 bytes .../select/img/black/right-black-hover.png | Bin 0 -> 918 bytes .../select/img/black/right-black-pressed.png | Bin 0 -> 891 bytes .../reindeer/select/img/black/right-black.png | Bin 0 -> 614 bytes .../themes/reindeer/select/img/center-focus.png | Bin 0 -> 129 bytes .../VAADIN/themes/reindeer/select/img/center.png | Bin 0 -> 136 bytes .../themes/reindeer/select/img/left-focus.png | Bin 0 -> 180 bytes .../VAADIN/themes/reindeer/select/img/left.png | Bin 0 -> 181 bytes .../themes/reindeer/select/img/page-down-hover.png | Bin 0 -> 170 bytes .../reindeer/select/img/page-down-pressed.png | Bin 0 -> 170 bytes .../themes/reindeer/select/img/page-up-hover.png | Bin 0 -> 170 bytes .../themes/reindeer/select/img/page-up-pressed.png | Bin 0 -> 170 bytes .../reindeer/select/img/right-focus-hover.png | Bin 0 -> 991 bytes .../reindeer/select/img/right-focus-pressed.png | Bin 0 -> 981 bytes .../themes/reindeer/select/img/right-focus.png | Bin 0 -> 657 bytes .../themes/reindeer/select/img/right-hover.png | Bin 0 -> 996 bytes .../themes/reindeer/select/img/right-pressed.png | Bin 0 -> 998 bytes .../VAADIN/themes/reindeer/select/img/right.png | Bin 0 -> 660 bytes .../themes/reindeer/select/img/status-bg.png | Bin 0 -> 194 bytes .../VAADIN/themes/reindeer/select/select.scss | 265 +++++++ .../themes/reindeer/slider/img/knob-pressed.png | Bin 0 -> 360 bytes .../VAADIN/themes/reindeer/slider/img/knob.png | Bin 0 -> 379 bytes .../VAADIN/themes/reindeer/slider/slider.scss | 45 ++ .../themes/reindeer/splitpanel/img/hor-bg.png | Bin 0 -> 145 bytes .../themes/reindeer/splitpanel/img/hor-handle.png | Bin 0 -> 186 bytes .../themes/reindeer/splitpanel/img/ver-bg.png | Bin 0 -> 151 bytes .../themes/reindeer/splitpanel/img/ver-handle.png | Bin 0 -> 199 bytes .../themes/reindeer/splitpanel/splitpanel.scss | 70 ++ .../resources/VAADIN/themes/reindeer/styles.scss | 5 + .../VAADIN/themes/reindeer/table/img/asc-light.png | Bin 0 -> 228 bytes .../VAADIN/themes/reindeer/table/img/asc.png | Bin 0 -> 225 bytes .../reindeer/table/img/col-sel-black-pressed.png | Bin 0 -> 464 bytes .../themes/reindeer/table/img/col-sel-black.png | Bin 0 -> 567 bytes .../reindeer/table/img/col-sel-light-pressed.png | Bin 0 -> 537 bytes .../themes/reindeer/table/img/col-sel-light.png | Bin 0 -> 523 bytes .../themes/reindeer/table/img/col-sel-pressed.png | Bin 0 -> 1028 bytes .../VAADIN/themes/reindeer/table/img/col-sel.png | Bin 0 -> 1060 bytes .../themes/reindeer/table/img/desc-light.png | Bin 0 -> 231 bytes .../VAADIN/themes/reindeer/table/img/desc.png | Bin 0 -> 225 bytes .../themes/reindeer/table/img/header-bg-black.png | Bin 0 -> 192 bytes .../themes/reindeer/table/img/header-bg-light.png | Bin 0 -> 208 bytes .../VAADIN/themes/reindeer/table/img/header-bg.png | Bin 0 -> 208 bytes .../themes/reindeer/table/img/scroll-indic-bg.png | Bin 0 -> 216 bytes .../VAADIN/themes/reindeer/table/table.scss | 293 ++++++++ .../reindeer/tabsheet/img/bar/tab-bg-sel.png | Bin 0 -> 208 bytes .../themes/reindeer/tabsheet/img/bar/tab-bg.png | Bin 0 -> 179 bytes .../tabsheet/img/bar/tab-first-left-sel.png | Bin 0 -> 440 bytes .../reindeer/tabsheet/img/bar/tab-first-left.png | Bin 0 -> 269 bytes .../reindeer/tabsheet/img/bar/tab-left-sel.png | Bin 0 -> 355 bytes .../themes/reindeer/tabsheet/img/bar/tab-left.png | Bin 0 -> 233 bytes .../reindeer/tabsheet/img/bar/tab-right-sel.png | Bin 0 -> 430 bytes .../themes/reindeer/tabsheet/img/bar/tab-right.png | Bin 0 -> 179 bytes .../reindeer/tabsheet/img/close-btn-hover.png | Bin 0 -> 495 bytes .../reindeer/tabsheet/img/close-btn-pressed.png | Bin 0 -> 520 bytes .../reindeer/tabsheet/img/close-btn-sel-hover.png | Bin 0 -> 909 bytes .../tabsheet/img/close-btn-sel-pressed.png | Bin 0 -> 952 bytes .../themes/reindeer/tabsheet/img/close-btn-sel.png | Bin 0 -> 636 bytes .../themes/reindeer/tabsheet/img/close-btn.png | Bin 0 -> 339 bytes .../reindeer/tabsheet/img/framed/tab-bg-sel.png | Bin 0 -> 176 bytes .../themes/reindeer/tabsheet/img/framed/tab-bg.png | Bin 0 -> 159 bytes .../tabsheet/img/framed/tab-first-left-sel.png | Bin 0 -> 448 bytes .../tabsheet/img/framed/tab-first-left.png | Bin 0 -> 330 bytes .../reindeer/tabsheet/img/framed/tab-left-sel.png | Bin 0 -> 271 bytes .../reindeer/tabsheet/img/framed/tab-left.png | Bin 0 -> 188 bytes .../reindeer/tabsheet/img/framed/tab-right-sel.png | Bin 0 -> 351 bytes .../reindeer/tabsheet/img/framed/tab-right.png | Bin 0 -> 174 bytes .../tabsheet/img/framed/tab-spacer-right.png | Bin 0 -> 216 bytes .../reindeer/tabsheet/img/tab-next-disabled.png | Bin 0 -> 481 bytes .../reindeer/tabsheet/img/tab-next-pressed.png | Bin 0 -> 558 bytes .../themes/reindeer/tabsheet/img/tab-next.png | Bin 0 -> 514 bytes .../reindeer/tabsheet/img/tab-prev-disabled.png | Bin 0 -> 466 bytes .../reindeer/tabsheet/img/tab-prev-pressed.png | Bin 0 -> 537 bytes .../themes/reindeer/tabsheet/img/tab-prev.png | Bin 0 -> 509 bytes .../themes/reindeer/tabsheet/img/tabbar-bg-sel.png | Bin 0 -> 203 bytes .../themes/reindeer/tabsheet/img/tabbar-bg.png | Bin 0 -> 175 bytes .../tabsheet/tabsheet-borderless-style.scss | 24 + .../tabsheet/tabsheet-hover-closable-style.scss | 10 + .../reindeer/tabsheet/tabsheet-minimal-style.scss | 157 ++++ .../reindeer/tabsheet/tabsheet-normal-style.scss | 168 +++++ .../reindeer/tabsheet/tabsheet-scroller.scss | 55 ++ .../tabsheet/tabsheet-selected-closable-style.scss | 12 + .../reindeer/tabsheet/tabsheet-small-style.scss | 119 +++ .../VAADIN/themes/reindeer/tabsheet/tabsheet.scss | 20 + .../themes/reindeer/textfield/img/bg-black.png | Bin 0 -> 124 bytes .../textfield/img/bg-border-image-black-focus.png | Bin 0 -> 202 bytes .../textfield/img/bg-border-image-black.png | Bin 0 -> 202 bytes .../textfield/img/bg-border-image-focus.png | Bin 0 -> 242 bytes .../reindeer/textfield/img/bg-border-image.png | Bin 0 -> 243 bytes .../VAADIN/themes/reindeer/textfield/img/bg.png | Bin 0 -> 124 bytes .../themes/reindeer/textfield/textfield.scss | 120 +++ .../VAADIN/themes/reindeer/tree/img/arrows.png | Bin 0 -> 336 bytes .../VAADIN/themes/reindeer/tree/tree.scss | 55 ++ .../reindeer/window/img/black/close-hover.png | Bin 0 -> 369 bytes .../reindeer/window/img/black/close-pressed.png | Bin 0 -> 359 bytes .../themes/reindeer/window/img/black/close.png | Bin 0 -> 318 bytes .../reindeer/window/img/black/content-bg.png | Bin 0 -> 176 bytes .../themes/reindeer/window/img/black/header-bg.png | Bin 0 -> 161 bytes .../reindeer/window/img/black/maximize-active.png | Bin 0 -> 245 bytes .../reindeer/window/img/black/maximize-hover.png | Bin 0 -> 245 bytes .../themes/reindeer/window/img/black/maximize.png | Bin 0 -> 185 bytes .../themes/reindeer/window/img/black/resize.png | Bin 0 -> 214 bytes .../reindeer/window/img/black/restore-active.png | Bin 0 -> 295 bytes .../reindeer/window/img/black/restore-hover.png | Bin 0 -> 296 bytes .../themes/reindeer/window/img/black/restore.png | Bin 0 -> 249 bytes .../themes/reindeer/window/img/close-hover.png | Bin 0 -> 367 bytes .../themes/reindeer/window/img/close-pressed.png | Bin 0 -> 362 bytes .../VAADIN/themes/reindeer/window/img/close.png | Bin 0 -> 322 bytes .../themes/reindeer/window/img/footer-bg.png | Bin 0 -> 185 bytes .../themes/reindeer/window/img/header-bg.png | Bin 0 -> 246 bytes .../reindeer/window/img/light/close-hover.png | Bin 0 -> 600 bytes .../reindeer/window/img/light/close-pressed.png | Bin 0 -> 631 bytes .../themes/reindeer/window/img/light/close.png | Bin 0 -> 549 bytes .../reindeer/window/img/light/content-bg.png | Bin 0 -> 208 bytes .../reindeer/window/img/light/maximize-active.png | Bin 0 -> 268 bytes .../reindeer/window/img/light/maximize-hover.png | Bin 0 -> 271 bytes .../themes/reindeer/window/img/light/maximize.png | Bin 0 -> 271 bytes .../themes/reindeer/window/img/light/resize.png | Bin 0 -> 222 bytes .../reindeer/window/img/light/restore-active.png | Bin 0 -> 360 bytes .../reindeer/window/img/light/restore-hover.png | Bin 0 -> 366 bytes .../themes/reindeer/window/img/light/restore.png | Bin 0 -> 366 bytes .../VAADIN/themes/reindeer/window/img/maximize.png | Bin 0 -> 270 bytes .../VAADIN/themes/reindeer/window/img/resize.png | Bin 0 -> 384 bytes .../VAADIN/themes/reindeer/window/img/restore.png | Bin 0 -> 328 bytes .../VAADIN/themes/reindeer/window/window.scss | 265 +++++++ .../themes/runo/absolutelayout/absolutelayout.scss | 8 + .../VAADIN/themes/runo/accordion/accordion.scss | 52 ++ .../VAADIN/themes/runo/accordion/img/bg.png | Bin 0 -> 128 bytes .../themes/runo/accordion/img/collapsed-icon.png | Bin 0 -> 256 bytes .../themes/runo/accordion/img/expanded-icon.png | Bin 0 -> 249 bytes .../themes/runo/accordion/img/selected-bg.png | Bin 0 -> 238 bytes .../VAADIN/themes/runo/button/button.scss | 160 ++++ .../VAADIN/themes/runo/button/img/bg-default.png | Bin 0 -> 444 bytes .../resources/VAADIN/themes/runo/button/img/bg.png | Bin 0 -> 353 bytes .../VAADIN/themes/runo/caption/caption.scss | 12 + .../themes/runo/colorpicker/colorpicker.scss | 20 + .../VAADIN/themes/runo/common/common.scss | 119 +++ .../VAADIN/themes/runo/common/img/blank.gif | Bin 0 -> 807 bytes .../VAADIN/themes/runo/common/img/main-bg.png | Bin 0 -> 255 bytes .../VAADIN/themes/runo/datefield/datefield.scss | 161 ++++ .../VAADIN/themes/runo/datefield/img/nextmonth.png | Bin 0 -> 457 bytes .../VAADIN/themes/runo/datefield/img/nextyear.png | Bin 0 -> 517 bytes .../themes/runo/datefield/img/open-button.png | Bin 0 -> 949 bytes .../VAADIN/themes/runo/datefield/img/prevmonth.png | Bin 0 -> 457 bytes .../VAADIN/themes/runo/datefield/img/prevyear.png | Bin 0 -> 529 bytes .../themes/runo/datefield/img/selected-bg.png | Bin 0 -> 165 bytes .../main/resources/VAADIN/themes/runo/favicon.ico | Bin 0 -> 6518 bytes .../VAADIN/themes/runo/formlayout/formlayout.scss | 58 ++ .../resources/VAADIN/themes/runo/grid/grid.scss | 79 ++ .../VAADIN/themes/runo/grid/img/header-bg.png | Bin 0 -> 236 bytes .../VAADIN/themes/runo/grid/img/resizer-bg.png | Bin 0 -> 141 bytes .../VAADIN/themes/runo/grid/img/sort-asc.png | Bin 0 -> 281 bytes .../VAADIN/themes/runo/grid/img/sort-desc.png | Bin 0 -> 303 bytes .../VAADIN/themes/runo/gridlayout/gridlayout.scss | 20 + .../VAADIN/themes/runo/icons/16/arrow-down.png | Bin 0 -> 456 bytes .../VAADIN/themes/runo/icons/16/arrow-left.png | Bin 0 -> 469 bytes .../VAADIN/themes/runo/icons/16/arrow-right.png | Bin 0 -> 467 bytes .../VAADIN/themes/runo/icons/16/arrow-up.png | Bin 0 -> 471 bytes .../VAADIN/themes/runo/icons/16/attention.png | Bin 0 -> 466 bytes .../VAADIN/themes/runo/icons/16/calendar.png | Bin 0 -> 710 bytes .../VAADIN/themes/runo/icons/16/cancel.png | Bin 0 -> 590 bytes .../VAADIN/themes/runo/icons/16/document-add.png | Bin 0 -> 656 bytes .../themes/runo/icons/16/document-delete.png | Bin 0 -> 655 bytes .../VAADIN/themes/runo/icons/16/document-doc.png | Bin 0 -> 718 bytes .../VAADIN/themes/runo/icons/16/document-image.png | Bin 0 -> 703 bytes .../VAADIN/themes/runo/icons/16/document-pdf.png | Bin 0 -> 703 bytes .../VAADIN/themes/runo/icons/16/document-ppt.png | Bin 0 -> 718 bytes .../VAADIN/themes/runo/icons/16/document-txt.png | Bin 0 -> 594 bytes .../VAADIN/themes/runo/icons/16/document-web.png | Bin 0 -> 710 bytes .../VAADIN/themes/runo/icons/16/document-xsl.png | Bin 0 -> 747 bytes .../VAADIN/themes/runo/icons/16/document.png | Bin 0 -> 553 bytes .../VAADIN/themes/runo/icons/16/email-reply.png | Bin 0 -> 762 bytes .../VAADIN/themes/runo/icons/16/email-send.png | Bin 0 -> 770 bytes .../VAADIN/themes/runo/icons/16/email.png | Bin 0 -> 643 bytes .../VAADIN/themes/runo/icons/16/error.gif | Bin 0 -> 72 bytes .../VAADIN/themes/runo/icons/16/error.png | Bin 0 -> 246 bytes .../VAADIN/themes/runo/icons/16/folder-add.png | Bin 0 -> 777 bytes .../VAADIN/themes/runo/icons/16/folder-delete.png | Bin 0 -> 771 bytes .../VAADIN/themes/runo/icons/16/folder.png | Bin 0 -> 737 bytes .../VAADIN/themes/runo/icons/16/globe.png | Bin 0 -> 788 bytes .../resources/VAADIN/themes/runo/icons/16/help.png | Bin 0 -> 517 bytes .../resources/VAADIN/themes/runo/icons/16/lock.png | Bin 0 -> 738 bytes .../resources/VAADIN/themes/runo/icons/16/note.png | Bin 0 -> 747 bytes .../resources/VAADIN/themes/runo/icons/16/ok.png | Bin 0 -> 542 bytes .../VAADIN/themes/runo/icons/16/reload.png | Bin 0 -> 788 bytes .../VAADIN/themes/runo/icons/16/settings.png | Bin 0 -> 716 bytes .../VAADIN/themes/runo/icons/16/trash-full.png | Bin 0 -> 942 bytes .../VAADIN/themes/runo/icons/16/trash.png | Bin 0 -> 836 bytes .../resources/VAADIN/themes/runo/icons/16/user.png | Bin 0 -> 645 bytes .../VAADIN/themes/runo/icons/16/users.png | Bin 0 -> 685 bytes .../VAADIN/themes/runo/icons/32/arrow-down.png | Bin 0 -> 872 bytes .../VAADIN/themes/runo/icons/32/arrow-left.png | Bin 0 -> 894 bytes .../VAADIN/themes/runo/icons/32/arrow-right.png | Bin 0 -> 889 bytes .../VAADIN/themes/runo/icons/32/arrow-up.png | Bin 0 -> 863 bytes .../VAADIN/themes/runo/icons/32/attention.png | Bin 0 -> 895 bytes .../VAADIN/themes/runo/icons/32/calendar.png | Bin 0 -> 1729 bytes .../VAADIN/themes/runo/icons/32/cancel.png | Bin 0 -> 1297 bytes .../VAADIN/themes/runo/icons/32/document-add.png | Bin 0 -> 1578 bytes .../themes/runo/icons/32/document-delete.png | Bin 0 -> 1599 bytes .../VAADIN/themes/runo/icons/32/document-doc.png | Bin 0 -> 1481 bytes .../VAADIN/themes/runo/icons/32/document-edit.png | Bin 0 -> 1654 bytes .../VAADIN/themes/runo/icons/32/document-image.png | Bin 0 -> 1881 bytes .../VAADIN/themes/runo/icons/32/document-pdf.png | Bin 0 -> 1417 bytes .../VAADIN/themes/runo/icons/32/document-ppt.png | Bin 0 -> 1424 bytes .../VAADIN/themes/runo/icons/32/document-txt.png | Bin 0 -> 1182 bytes .../VAADIN/themes/runo/icons/32/document-web.png | Bin 0 -> 1675 bytes .../VAADIN/themes/runo/icons/32/document-xsl.png | Bin 0 -> 1591 bytes .../VAADIN/themes/runo/icons/32/document.png | Bin 0 -> 1015 bytes .../VAADIN/themes/runo/icons/32/email-reply.png | Bin 0 -> 1797 bytes .../VAADIN/themes/runo/icons/32/email-send.png | Bin 0 -> 1718 bytes .../VAADIN/themes/runo/icons/32/email.png | Bin 0 -> 1380 bytes .../VAADIN/themes/runo/icons/32/folder-add.png | Bin 0 -> 2081 bytes .../VAADIN/themes/runo/icons/32/folder-delete.png | Bin 0 -> 2091 bytes .../VAADIN/themes/runo/icons/32/folder.png | Bin 0 -> 1629 bytes .../VAADIN/themes/runo/icons/32/globe.png | Bin 0 -> 2074 bytes .../resources/VAADIN/themes/runo/icons/32/help.png | Bin 0 -> 1134 bytes .../resources/VAADIN/themes/runo/icons/32/lock.png | Bin 0 -> 1734 bytes .../resources/VAADIN/themes/runo/icons/32/note.png | Bin 0 -> 1808 bytes .../resources/VAADIN/themes/runo/icons/32/ok.png | Bin 0 -> 1181 bytes .../VAADIN/themes/runo/icons/32/reload.png | Bin 0 -> 1865 bytes .../VAADIN/themes/runo/icons/32/settings.png | Bin 0 -> 1131 bytes .../VAADIN/themes/runo/icons/32/trash-full.png | Bin 0 -> 2176 bytes .../VAADIN/themes/runo/icons/32/trash.png | Bin 0 -> 1803 bytes .../resources/VAADIN/themes/runo/icons/32/user.png | Bin 0 -> 1373 bytes .../VAADIN/themes/runo/icons/32/users.png | Bin 0 -> 1562 bytes .../VAADIN/themes/runo/icons/64/arrow-down.png | Bin 0 -> 981 bytes .../VAADIN/themes/runo/icons/64/arrow-left.png | Bin 0 -> 922 bytes .../VAADIN/themes/runo/icons/64/arrow-right.png | Bin 0 -> 918 bytes .../VAADIN/themes/runo/icons/64/arrow-up.png | Bin 0 -> 977 bytes .../VAADIN/themes/runo/icons/64/attention.png | Bin 0 -> 2020 bytes .../VAADIN/themes/runo/icons/64/calendar.png | Bin 0 -> 3321 bytes .../VAADIN/themes/runo/icons/64/cancel.png | Bin 0 -> 2889 bytes .../VAADIN/themes/runo/icons/64/document-add.png | Bin 0 -> 2037 bytes .../themes/runo/icons/64/document-delete.png | Bin 0 -> 2363 bytes .../VAADIN/themes/runo/icons/64/document-doc.png | Bin 0 -> 2619 bytes .../VAADIN/themes/runo/icons/64/document-edit.png | Bin 0 -> 3212 bytes .../VAADIN/themes/runo/icons/64/document-image.png | Bin 0 -> 4123 bytes .../VAADIN/themes/runo/icons/64/document-pdf.png | Bin 0 -> 2533 bytes .../VAADIN/themes/runo/icons/64/document-ppt.png | Bin 0 -> 2286 bytes .../VAADIN/themes/runo/icons/64/document-txt.png | Bin 0 -> 1421 bytes .../VAADIN/themes/runo/icons/64/document-web.png | Bin 0 -> 3393 bytes .../VAADIN/themes/runo/icons/64/document-xsl.png | Bin 0 -> 2914 bytes .../VAADIN/themes/runo/icons/64/document.png | Bin 0 -> 1270 bytes .../VAADIN/themes/runo/icons/64/email-reply.png | Bin 0 -> 3937 bytes .../VAADIN/themes/runo/icons/64/email-send.png | Bin 0 -> 3100 bytes .../VAADIN/themes/runo/icons/64/email.png | Bin 0 -> 2467 bytes .../VAADIN/themes/runo/icons/64/folder-add.png | Bin 0 -> 3641 bytes .../VAADIN/themes/runo/icons/64/folder-delete.png | Bin 0 -> 3937 bytes .../VAADIN/themes/runo/icons/64/folder.png | Bin 0 -> 3209 bytes .../VAADIN/themes/runo/icons/64/globe.png | Bin 0 -> 5014 bytes .../resources/VAADIN/themes/runo/icons/64/help.png | Bin 0 -> 2696 bytes .../resources/VAADIN/themes/runo/icons/64/lock.png | Bin 0 -> 4243 bytes .../resources/VAADIN/themes/runo/icons/64/note.png | Bin 0 -> 3805 bytes .../resources/VAADIN/themes/runo/icons/64/ok.png | Bin 0 -> 2619 bytes .../VAADIN/themes/runo/icons/64/reload.png | Bin 0 -> 4123 bytes .../VAADIN/themes/runo/icons/64/settings.png | Bin 0 -> 1654 bytes .../VAADIN/themes/runo/icons/64/trash-full.png | Bin 0 -> 5242 bytes .../VAADIN/themes/runo/icons/64/trash.png | Bin 0 -> 3688 bytes .../resources/VAADIN/themes/runo/icons/64/user.png | Bin 0 -> 2736 bytes .../VAADIN/themes/runo/icons/64/users.png | Bin 0 -> 3698 bytes .../themes/runo/icons/icons16/arrow-down.png | Bin 0 -> 456 bytes .../themes/runo/icons/icons16/arrow-left.png | Bin 0 -> 469 bytes .../themes/runo/icons/icons16/arrow-right.png | Bin 0 -> 467 bytes .../VAADIN/themes/runo/icons/icons16/arrow-up.png | Bin 0 -> 471 bytes .../VAADIN/themes/runo/icons/icons16/attention.png | Bin 0 -> 466 bytes .../VAADIN/themes/runo/icons/icons16/calendar.png | Bin 0 -> 710 bytes .../VAADIN/themes/runo/icons/icons16/cancel.png | Bin 0 -> 590 bytes .../themes/runo/icons/icons16/document-add.png | Bin 0 -> 656 bytes .../themes/runo/icons/icons16/document-delete.png | Bin 0 -> 655 bytes .../themes/runo/icons/icons16/document-doc.png | Bin 0 -> 718 bytes .../themes/runo/icons/icons16/document-image.png | Bin 0 -> 703 bytes .../themes/runo/icons/icons16/document-pdf.png | Bin 0 -> 703 bytes .../themes/runo/icons/icons16/document-ppt.png | Bin 0 -> 718 bytes .../themes/runo/icons/icons16/document-txt.png | Bin 0 -> 594 bytes .../themes/runo/icons/icons16/document-web.png | Bin 0 -> 710 bytes .../themes/runo/icons/icons16/document-xsl.png | Bin 0 -> 747 bytes .../VAADIN/themes/runo/icons/icons16/document.png | Bin 0 -> 553 bytes .../themes/runo/icons/icons16/email-reply.png | Bin 0 -> 762 bytes .../themes/runo/icons/icons16/email-send.png | Bin 0 -> 770 bytes .../VAADIN/themes/runo/icons/icons16/email.png | Bin 0 -> 643 bytes .../VAADIN/themes/runo/icons/icons16/error.gif | Bin 0 -> 72 bytes .../VAADIN/themes/runo/icons/icons16/error.png | Bin 0 -> 246 bytes .../themes/runo/icons/icons16/folder-add.png | Bin 0 -> 777 bytes .../themes/runo/icons/icons16/folder-delete.png | Bin 0 -> 771 bytes .../VAADIN/themes/runo/icons/icons16/folder.png | Bin 0 -> 737 bytes .../VAADIN/themes/runo/icons/icons16/globe.png | Bin 0 -> 788 bytes .../VAADIN/themes/runo/icons/icons16/help.png | Bin 0 -> 517 bytes .../VAADIN/themes/runo/icons/icons16/lock.png | Bin 0 -> 738 bytes .../VAADIN/themes/runo/icons/icons16/note.png | Bin 0 -> 747 bytes .../VAADIN/themes/runo/icons/icons16/ok.png | Bin 0 -> 542 bytes .../VAADIN/themes/runo/icons/icons16/reload.png | Bin 0 -> 788 bytes .../VAADIN/themes/runo/icons/icons16/settings.png | Bin 0 -> 716 bytes .../themes/runo/icons/icons16/trash-full.png | Bin 0 -> 942 bytes .../VAADIN/themes/runo/icons/icons16/trash.png | Bin 0 -> 836 bytes .../VAADIN/themes/runo/icons/icons16/user.png | Bin 0 -> 645 bytes .../VAADIN/themes/runo/icons/icons16/users.png | Bin 0 -> 685 bytes .../themes/runo/icons/icons32/arrow-down.png | Bin 0 -> 872 bytes .../themes/runo/icons/icons32/arrow-left.png | Bin 0 -> 894 bytes .../themes/runo/icons/icons32/arrow-right.png | Bin 0 -> 889 bytes .../VAADIN/themes/runo/icons/icons32/arrow-up.png | Bin 0 -> 863 bytes .../VAADIN/themes/runo/icons/icons32/attention.png | Bin 0 -> 895 bytes .../VAADIN/themes/runo/icons/icons32/calendar.png | Bin 0 -> 1729 bytes .../VAADIN/themes/runo/icons/icons32/cancel.png | Bin 0 -> 1297 bytes .../themes/runo/icons/icons32/document-add.png | Bin 0 -> 1578 bytes .../themes/runo/icons/icons32/document-delete.png | Bin 0 -> 1599 bytes .../themes/runo/icons/icons32/document-doc.png | Bin 0 -> 1481 bytes .../themes/runo/icons/icons32/document-edit.png | Bin 0 -> 1654 bytes .../themes/runo/icons/icons32/document-image.png | Bin 0 -> 1881 bytes .../themes/runo/icons/icons32/document-pdf.png | Bin 0 -> 1417 bytes .../themes/runo/icons/icons32/document-ppt.png | Bin 0 -> 1424 bytes .../themes/runo/icons/icons32/document-txt.png | Bin 0 -> 1182 bytes .../themes/runo/icons/icons32/document-web.png | Bin 0 -> 1675 bytes .../themes/runo/icons/icons32/document-xsl.png | Bin 0 -> 1591 bytes .../VAADIN/themes/runo/icons/icons32/document.png | Bin 0 -> 1015 bytes .../themes/runo/icons/icons32/email-reply.png | Bin 0 -> 1797 bytes .../themes/runo/icons/icons32/email-send.png | Bin 0 -> 1718 bytes .../VAADIN/themes/runo/icons/icons32/email.png | Bin 0 -> 1380 bytes .../themes/runo/icons/icons32/folder-add.png | Bin 0 -> 2081 bytes .../themes/runo/icons/icons32/folder-delete.png | Bin 0 -> 2091 bytes .../VAADIN/themes/runo/icons/icons32/folder.png | Bin 0 -> 1629 bytes .../VAADIN/themes/runo/icons/icons32/globe.png | Bin 0 -> 2074 bytes .../VAADIN/themes/runo/icons/icons32/help.png | Bin 0 -> 1134 bytes .../VAADIN/themes/runo/icons/icons32/lock.png | Bin 0 -> 1734 bytes .../VAADIN/themes/runo/icons/icons32/note.png | Bin 0 -> 1808 bytes .../VAADIN/themes/runo/icons/icons32/ok.png | Bin 0 -> 1181 bytes .../VAADIN/themes/runo/icons/icons32/reload.png | Bin 0 -> 1865 bytes .../VAADIN/themes/runo/icons/icons32/settings.png | Bin 0 -> 1131 bytes .../themes/runo/icons/icons32/trash-full.png | Bin 0 -> 2176 bytes .../VAADIN/themes/runo/icons/icons32/trash.png | Bin 0 -> 1803 bytes .../VAADIN/themes/runo/icons/icons32/user.png | Bin 0 -> 1373 bytes .../VAADIN/themes/runo/icons/icons32/users.png | Bin 0 -> 1562 bytes .../themes/runo/icons/icons64/arrow-down.png | Bin 0 -> 981 bytes .../themes/runo/icons/icons64/arrow-left.png | Bin 0 -> 922 bytes .../themes/runo/icons/icons64/arrow-right.png | Bin 0 -> 918 bytes .../VAADIN/themes/runo/icons/icons64/arrow-up.png | Bin 0 -> 977 bytes .../VAADIN/themes/runo/icons/icons64/attention.png | Bin 0 -> 2020 bytes .../VAADIN/themes/runo/icons/icons64/calendar.png | Bin 0 -> 3321 bytes .../VAADIN/themes/runo/icons/icons64/cancel.png | Bin 0 -> 2889 bytes .../themes/runo/icons/icons64/document-add.png | Bin 0 -> 2037 bytes .../themes/runo/icons/icons64/document-delete.png | Bin 0 -> 2363 bytes .../themes/runo/icons/icons64/document-doc.png | Bin 0 -> 2619 bytes .../themes/runo/icons/icons64/document-edit.png | Bin 0 -> 3212 bytes .../themes/runo/icons/icons64/document-image.png | Bin 0 -> 4123 bytes .../themes/runo/icons/icons64/document-pdf.png | Bin 0 -> 2533 bytes .../themes/runo/icons/icons64/document-ppt.png | Bin 0 -> 2286 bytes .../themes/runo/icons/icons64/document-txt.png | Bin 0 -> 1421 bytes .../themes/runo/icons/icons64/document-web.png | Bin 0 -> 3393 bytes .../themes/runo/icons/icons64/document-xsl.png | Bin 0 -> 2914 bytes .../VAADIN/themes/runo/icons/icons64/document.png | Bin 0 -> 1270 bytes .../themes/runo/icons/icons64/email-reply.png | Bin 0 -> 3937 bytes .../themes/runo/icons/icons64/email-send.png | Bin 0 -> 3100 bytes .../VAADIN/themes/runo/icons/icons64/email.png | Bin 0 -> 2467 bytes .../themes/runo/icons/icons64/folder-add.png | Bin 0 -> 3641 bytes .../themes/runo/icons/icons64/folder-delete.png | Bin 0 -> 3937 bytes .../VAADIN/themes/runo/icons/icons64/folder.png | Bin 0 -> 3209 bytes .../VAADIN/themes/runo/icons/icons64/globe.png | Bin 0 -> 5014 bytes .../VAADIN/themes/runo/icons/icons64/help.png | Bin 0 -> 2696 bytes .../VAADIN/themes/runo/icons/icons64/lock.png | Bin 0 -> 4243 bytes .../VAADIN/themes/runo/icons/icons64/note.png | Bin 0 -> 3805 bytes .../VAADIN/themes/runo/icons/icons64/ok.png | Bin 0 -> 2619 bytes .../VAADIN/themes/runo/icons/icons64/reload.png | Bin 0 -> 4123 bytes .../VAADIN/themes/runo/icons/icons64/settings.png | Bin 0 -> 1654 bytes .../themes/runo/icons/icons64/trash-full.png | Bin 0 -> 5242 bytes .../VAADIN/themes/runo/icons/icons64/trash.png | Bin 0 -> 3688 bytes .../VAADIN/themes/runo/icons/icons64/user.png | Bin 0 -> 2736 bytes .../VAADIN/themes/runo/icons/icons64/users.png | Bin 0 -> 3698 bytes .../runo/inlinedatefield/inlinedatefield.scss | 8 + .../resources/VAADIN/themes/runo/label/label.scss | 74 ++ .../VAADIN/themes/runo/legacy-styles.scss | 6 + .../resources/VAADIN/themes/runo/link/link.scss | 7 + .../VAADIN/themes/runo/menubar/menubar.scss | 41 + .../themes/runo/notification/img/close-error.png | Bin 0 -> 240 bytes .../themes/runo/notification/notification.scss | 69 ++ .../themes/runo/orderedlayout/orderedlayout.scss | 120 +++ .../VAADIN/themes/runo/panel/img/bottom-left.png | Bin 0 -> 234 bytes .../VAADIN/themes/runo/panel/img/bottom-right.png | Bin 0 -> 351 bytes .../VAADIN/themes/runo/panel/img/top-left.png | Bin 0 -> 262 bytes .../VAADIN/themes/runo/panel/img/top-right.png | Bin 0 -> 788 bytes .../resources/VAADIN/themes/runo/panel/panel.scss | 83 ++ .../VAADIN/themes/runo/popupview/popupview.scss | 13 + .../runo/progressindicator/img/base-static.gif | Bin 0 -> 1123 bytes .../themes/runo/progressindicator/img/base.gif | Bin 0 -> 827 bytes .../themes/runo/progressindicator/img/disabled.gif | Bin 0 -> 179 bytes .../themes/runo/progressindicator/img/progress.png | Bin 0 -> 164 bytes .../runo/progressindicator/progressindicator.scss | 29 + .../main/resources/VAADIN/themes/runo/runo.scss | 93 +++ .../VAADIN/themes/runo/select/img/arrow-down.png | Bin 0 -> 251 bytes .../VAADIN/themes/runo/select/img/arrow-up.png | Bin 0 -> 237 bytes .../runo/select/img/bg-center-filter-error.png | Bin 0 -> 217 bytes .../themes/runo/select/img/bg-center-filter.png | Bin 0 -> 1008 bytes .../runo/select/img/bg-left-filter-error.png | Bin 0 -> 992 bytes .../themes/runo/select/img/bg-left-filter.png | Bin 0 -> 992 bytes .../runo/select/img/bg-right-filter-error.png | Bin 0 -> 486 bytes .../themes/runo/select/img/bg-right-filter.png | Bin 0 -> 410 bytes .../VAADIN/themes/runo/select/img/button-bg.png | Bin 0 -> 435 bytes .../VAADIN/themes/runo/select/select.scss | 165 ++++ .../VAADIN/themes/runo/shadow/img/bottom-left.png | Bin 0 -> 183 bytes .../VAADIN/themes/runo/shadow/img/bottom-right.png | Bin 0 -> 192 bytes .../VAADIN/themes/runo/shadow/img/bottom.png | Bin 0 -> 130 bytes .../VAADIN/themes/runo/shadow/img/center.png | Bin 0 -> 109 bytes .../VAADIN/themes/runo/shadow/img/left.png | Bin 0 -> 124 bytes .../VAADIN/themes/runo/shadow/img/right.png | Bin 0 -> 124 bytes .../VAADIN/themes/runo/shadow/img/top-left.png | Bin 0 -> 169 bytes .../VAADIN/themes/runo/shadow/img/top-right.png | Bin 0 -> 186 bytes .../VAADIN/themes/runo/shadow/img/top.png | Bin 0 -> 125 bytes .../VAADIN/themes/runo/shadow/shadow.scss | 72 ++ .../themes/runo/slider/img/handle-horizontal.png | Bin 0 -> 705 bytes .../themes/runo/slider/img/handle-vertical.png | Bin 0 -> 710 bytes .../VAADIN/themes/runo/slider/slider.scss | 73 ++ .../VAADIN/themes/runo/splitpanel/img/bg_hor.png | Bin 0 -> 141 bytes .../VAADIN/themes/runo/splitpanel/img/bg_ver.png | Bin 0 -> 146 bytes .../VAADIN/themes/runo/splitpanel/splitpanel.scss | 88 +++ .../main/resources/VAADIN/themes/runo/styles.scss | 4 + .../VAADIN/themes/runo/table/img/check.gif | Bin 0 -> 57 bytes .../VAADIN/themes/runo/table/img/colsel.png | Bin 0 -> 669 bytes .../themes/runo/table/img/header-bg-over.png | Bin 0 -> 236 bytes .../VAADIN/themes/runo/table/img/header-bg.png | Bin 0 -> 236 bytes .../VAADIN/themes/runo/table/img/resizer-bg.png | Bin 0 -> 141 bytes .../themes/runo/table/img/scroll-position-bg.png | Bin 0 -> 1703 bytes .../VAADIN/themes/runo/table/img/sort-asc.png | Bin 0 -> 281 bytes .../VAADIN/themes/runo/table/img/sort-desc.png | Bin 0 -> 303 bytes .../resources/VAADIN/themes/runo/table/table.scss | 206 +++++ .../themes/runo/tabsheet/img/inline-tab-bg.png | Bin 0 -> 243 bytes .../themes/runo/tabsheet/img/inline-tab-border.png | Bin 0 -> 239 bytes .../themes/runo/tabsheet/img/inline-tab-left.png | Bin 0 -> 1000 bytes .../themes/runo/tabsheet/img/inline-tab-right.png | Bin 0 -> 997 bytes .../VAADIN/themes/runo/tabsheet/img/next.png | Bin 0 -> 1035 bytes .../VAADIN/themes/runo/tabsheet/img/prev.png | Bin 0 -> 1034 bytes .../VAADIN/themes/runo/tabsheet/img/tab-bg.png | Bin 0 -> 144 bytes .../VAADIN/themes/runo/tabsheet/tabsheet.scss | 254 +++++++ .../VAADIN/themes/runo/textfield/img/bg.png | Bin 0 -> 148 bytes .../VAADIN/themes/runo/textfield/textfield.scss | 49 ++ .../VAADIN/themes/runo/tree/img/collapsed.png | Bin 0 -> 3637 bytes .../runo/tree/img/connectors/collapsed-last.png | Bin 0 -> 218 bytes .../themes/runo/tree/img/connectors/collapsed.png | Bin 0 -> 242 bytes .../runo/tree/img/connectors/connector-item.png | Bin 0 -> 163 bytes .../themes/runo/tree/img/connectors/connector.png | Bin 0 -> 907 bytes .../runo/tree/img/connectors/expanded-last.png | Bin 0 -> 226 bytes .../themes/runo/tree/img/connectors/expanded.png | Bin 0 -> 262 bytes .../VAADIN/themes/runo/tree/img/expanded.png | Bin 0 -> 3646 bytes .../resources/VAADIN/themes/runo/tree/tree.scss | 61 ++ .../VAADIN/themes/runo/window/img/bg-color.png | Bin 0 -> 135 bytes .../VAADIN/themes/runo/window/img/bottom-left.png | Bin 0 -> 245 bytes .../VAADIN/themes/runo/window/img/bottom-right.png | Bin 0 -> 342 bytes .../VAADIN/themes/runo/window/img/close.png | Bin 0 -> 548 bytes .../themes/runo/window/img/dialog/bottom-left.png | Bin 0 -> 252 bytes .../themes/runo/window/img/dialog/bottom-right.png | Bin 0 -> 353 bytes .../VAADIN/themes/runo/window/img/dialog/close.png | Bin 0 -> 415 bytes .../themes/runo/window/img/dialog/maximize.png | Bin 0 -> 268 bytes .../themes/runo/window/img/dialog/restore.png | Bin 0 -> 262 bytes .../VAADIN/themes/runo/window/img/left-bg.png | Bin 0 -> 150 bytes .../VAADIN/themes/runo/window/img/maximize.png | Bin 0 -> 388 bytes .../themes/runo/window/img/notification-error.png | Bin 0 -> 590 bytes .../VAADIN/themes/runo/window/img/resize.png | Bin 0 -> 229 bytes .../VAADIN/themes/runo/window/img/restore.png | Bin 0 -> 569 bytes .../VAADIN/themes/runo/window/img/right-bg.png | Bin 0 -> 150 bytes .../themes/runo/window/img/shadow/bottom-left.png | Bin 0 -> 683 bytes .../themes/runo/window/img/shadow/bottom-right.png | Bin 0 -> 583 bytes .../themes/runo/window/img/shadow/bottom.png | Bin 0 -> 150 bytes .../themes/runo/window/img/shadow/center.png | Bin 0 -> 109 bytes .../VAADIN/themes/runo/window/img/shadow/left.png | Bin 0 -> 144 bytes .../VAADIN/themes/runo/window/img/shadow/right.png | Bin 0 -> 146 bytes .../themes/runo/window/img/shadow/top-left.png | Bin 0 -> 510 bytes .../themes/runo/window/img/shadow/top-right.png | Bin 0 -> 654 bytes .../VAADIN/themes/runo/window/img/shadow/top.png | Bin 0 -> 148 bytes .../VAADIN/themes/runo/window/img/top-left.png | Bin 0 -> 288 bytes .../VAADIN/themes/runo/window/img/top-right.png | Bin 0 -> 822 bytes .../VAADIN/themes/runo/window/window.scss | 206 +++++ .../main/resources/VAADIN/themes/valo/_valo.scss | 59 ++ .../themes/valo/components/_absolutelayout.scss | 29 + .../VAADIN/themes/valo/components/_accordion.scss | 149 ++++ .../VAADIN/themes/valo/components/_all.scss | 240 ++++++ .../VAADIN/themes/valo/components/_button.scss | 455 +++++++++++ .../VAADIN/themes/valo/components/_calendar.scss | 571 ++++++++++++++ .../VAADIN/themes/valo/components/_checkbox.scss | 167 +++++ .../themes/valo/components/_colorpicker.scss | 236 ++++++ .../VAADIN/themes/valo/components/_combobox.scss | 518 +++++++++++++ .../VAADIN/themes/valo/components/_csslayout.scss | 103 +++ .../themes/valo/components/_customcomponent.scss | 10 + .../themes/valo/components/_customlayout.scss | 10 + .../VAADIN/themes/valo/components/_datefield.scss | 618 +++++++++++++++ .../themes/valo/components/_dragwrapper.scss | 129 ++++ .../VAADIN/themes/valo/components/_form.scss | 22 + .../VAADIN/themes/valo/components/_formlayout.scss | 260 +++++++ .../VAADIN/themes/valo/components/_grid.scss | 278 +++++++ .../VAADIN/themes/valo/components/_gridlayout.scss | 61 ++ .../VAADIN/themes/valo/components/_label.scss | 280 +++++++ .../VAADIN/themes/valo/components/_link.scss | 81 ++ .../VAADIN/themes/valo/components/_loginform.scss | 10 + .../VAADIN/themes/valo/components/_menubar.scss | 409 ++++++++++ .../themes/valo/components/_nativebutton.scss | 12 + .../themes/valo/components/_nativeselect.scss | 45 ++ .../themes/valo/components/_notification.scss | 433 +++++++++++ .../themes/valo/components/_optiongroup.scss | 132 ++++ .../themes/valo/components/_orderedlayout.scss | 222 ++++++ .../VAADIN/themes/valo/components/_panel.scss | 255 +++++++ .../VAADIN/themes/valo/components/_popupview.scss | 31 + .../themes/valo/components/_progressbar.scss | 94 +++ .../themes/valo/components/_richtextarea.scss | 109 +++ .../VAADIN/themes/valo/components/_slider.scss | 352 +++++++++ .../VAADIN/themes/valo/components/_splitpanel.scss | 231 ++++++ .../VAADIN/themes/valo/components/_table.scss | 834 +++++++++++++++++++++ .../VAADIN/themes/valo/components/_tabsheet.scss | 610 +++++++++++++++ .../VAADIN/themes/valo/components/_textarea.scss | 120 +++ .../VAADIN/themes/valo/components/_textfield.scss | 399 ++++++++++ .../VAADIN/themes/valo/components/_tree.scss | 308 ++++++++ .../VAADIN/themes/valo/components/_treetable.scss | 66 ++ .../themes/valo/components/_twincolselect.scss | 105 +++ .../VAADIN/themes/valo/components/_upload.scss | 27 + .../VAADIN/themes/valo/components/_valo-menu.scss | 559 ++++++++++++++ .../VAADIN/themes/valo/components/_widget.scss | 23 + .../VAADIN/themes/valo/components/_window.scss | 424 +++++++++++ .../valo/components/img/colorpicker/gradient.png | Bin 0 -> 24998 bytes .../valo/components/img/colorpicker/gradient2.png | Bin 0 -> 14708 bytes .../components/img/colorpicker/slider_hue_bg.png | Bin 0 -> 396 bytes .../main/resources/VAADIN/themes/valo/favicon.ico | Bin 0 -> 31005 bytes .../resources/VAADIN/themes/valo/fonts/_fonts.scss | 49 ++ .../VAADIN/themes/valo/fonts/lato/_lato.scss | 155 ++++ .../themes/valo/fonts/lato/lato-black-webfont.eot | Bin 0 -> 27865 bytes .../themes/valo/fonts/lato/lato-black-webfont.ttf | Bin 0 -> 57204 bytes .../themes/valo/fonts/lato/lato-black-webfont.woff | Bin 0 -> 31240 bytes .../valo/fonts/lato/lato-blackitalic-webfont.eot | Bin 0 -> 26502 bytes .../valo/fonts/lato/lato-blackitalic-webfont.ttf | Bin 0 -> 49292 bytes .../valo/fonts/lato/lato-blackitalic-webfont.woff | Bin 0 -> 29036 bytes .../themes/valo/fonts/lato/lato-bold-webfont.eot | Bin 0 -> 28827 bytes .../themes/valo/fonts/lato/lato-bold-webfont.ttf | Bin 0 -> 58340 bytes .../themes/valo/fonts/lato/lato-bold-webfont.woff | Bin 0 -> 32396 bytes .../valo/fonts/lato/lato-bolditalic-webfont.eot | Bin 0 -> 27447 bytes .../valo/fonts/lato/lato-bolditalic-webfont.ttf | Bin 0 -> 52000 bytes .../valo/fonts/lato/lato-bolditalic-webfont.woff | Bin 0 -> 30148 bytes .../valo/fonts/lato/lato-hairline-webfont.eot | Bin 0 -> 26459 bytes .../valo/fonts/lato/lato-hairline-webfont.ttf | Bin 0 -> 55640 bytes .../valo/fonts/lato/lato-hairline-webfont.woff | Bin 0 -> 29808 bytes .../fonts/lato/lato-hairlineitalic-webfont.eot | Bin 0 -> 26208 bytes .../fonts/lato/lato-hairlineitalic-webfont.ttf | Bin 0 -> 48500 bytes .../fonts/lato/lato-hairlineitalic-webfont.woff | Bin 0 -> 28960 bytes .../themes/valo/fonts/lato/lato-italic-webfont.eot | Bin 0 -> 27194 bytes .../themes/valo/fonts/lato/lato-italic-webfont.ttf | Bin 0 -> 50284 bytes .../valo/fonts/lato/lato-italic-webfont.woff | Bin 0 -> 29988 bytes .../themes/valo/fonts/lato/lato-light-webfont.eot | Bin 0 -> 27421 bytes .../themes/valo/fonts/lato/lato-light-webfont.ttf | Bin 0 -> 56688 bytes .../themes/valo/fonts/lato/lato-light-webfont.woff | Bin 0 -> 31020 bytes .../valo/fonts/lato/lato-lightitalic-webfont.eot | Bin 0 -> 21397 bytes .../valo/fonts/lato/lato-lightitalic-webfont.ttf | Bin 0 -> 40872 bytes .../valo/fonts/lato/lato-lightitalic-webfont.woff | Bin 0 -> 24124 bytes .../valo/fonts/lato/lato-regular-webfont.eot | Bin 0 -> 28224 bytes .../valo/fonts/lato/lato-regular-webfont.ttf | Bin 0 -> 57524 bytes .../valo/fonts/lato/lato-regular-webfont.woff | Bin 0 -> 31808 bytes .../VAADIN/themes/valo/fonts/lora/_lora.scss | 71 ++ .../themes/valo/fonts/lora/lora-bold-webfont.eot | Bin 0 -> 56151 bytes .../themes/valo/fonts/lora/lora-bold-webfont.ttf | Bin 0 -> 147968 bytes .../themes/valo/fonts/lora/lora-bold-webfont.woff | Bin 0 -> 54236 bytes .../valo/fonts/lora/lora-bolditalic-webfont.eot | Bin 0 -> 63409 bytes .../valo/fonts/lora/lora-bolditalic-webfont.ttf | Bin 0 -> 167640 bytes .../valo/fonts/lora/lora-bolditalic-webfont.woff | Bin 0 -> 63716 bytes .../themes/valo/fonts/lora/lora-italic-webfont.eot | Bin 0 -> 62668 bytes .../themes/valo/fonts/lora/lora-italic-webfont.ttf | Bin 0 -> 163292 bytes .../valo/fonts/lora/lora-italic-webfont.woff | Bin 0 -> 63736 bytes .../valo/fonts/lora/lora-regular-webfont.eot | Bin 0 -> 51370 bytes .../valo/fonts/lora/lora-regular-webfont.ttf | Bin 0 -> 129368 bytes .../valo/fonts/lora/lora-regular-webfont.woff | Bin 0 -> 50044 bytes .../valo/fonts/open-sans/OpenSans-Bold-webfont.eot | Bin 0 -> 19544 bytes .../valo/fonts/open-sans/OpenSans-Bold-webfont.ttf | Bin 0 -> 38452 bytes .../fonts/open-sans/OpenSans-Bold-webfont.woff | Bin 0 -> 22432 bytes .../open-sans/OpenSans-BoldItalic-webfont.eot | Bin 0 -> 20133 bytes .../open-sans/OpenSans-BoldItalic-webfont.ttf | Bin 0 -> 39076 bytes .../open-sans/OpenSans-BoldItalic-webfont.woff | Bin 0 -> 23048 bytes .../fonts/open-sans/OpenSans-ExtraBold-webfont.eot | Bin 0 -> 20855 bytes .../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf | Bin 0 -> 42024 bytes .../open-sans/OpenSans-ExtraBold-webfont.woff | Bin 0 -> 23764 bytes .../open-sans/OpenSans-ExtraBoldItalic-webfont.eot | Bin 0 -> 21576 bytes .../open-sans/OpenSans-ExtraBoldItalic-webfont.ttf | Bin 0 -> 43420 bytes .../OpenSans-ExtraBoldItalic-webfont.woff | Bin 0 -> 24568 bytes .../fonts/open-sans/OpenSans-Italic-webfont.eot | Bin 0 -> 20265 bytes .../fonts/open-sans/OpenSans-Italic-webfont.ttf | Bin 0 -> 38412 bytes .../fonts/open-sans/OpenSans-Italic-webfont.woff | Bin 0 -> 23188 bytes .../fonts/open-sans/OpenSans-Light-webfont.eot | Bin 0 -> 19514 bytes .../fonts/open-sans/OpenSans-Light-webfont.ttf | Bin 0 -> 37336 bytes .../fonts/open-sans/OpenSans-Light-webfont.woff | Bin 0 -> 22248 bytes .../open-sans/OpenSans-LightItalic-webfont.eot | Bin 0 -> 20535 bytes .../open-sans/OpenSans-LightItalic-webfont.ttf | Bin 0 -> 39956 bytes .../open-sans/OpenSans-LightItalic-webfont.woff | Bin 0 -> 23400 bytes .../fonts/open-sans/OpenSans-Regular-webfont.eot | Bin 0 -> 19836 bytes .../fonts/open-sans/OpenSans-Regular-webfont.ttf | Bin 0 -> 38232 bytes .../fonts/open-sans/OpenSans-Regular-webfont.woff | Bin 0 -> 22660 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.eot | Bin 0 -> 20028 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.ttf | Bin 0 -> 39476 bytes .../fonts/open-sans/OpenSans-Semibold-webfont.woff | Bin 0 -> 22908 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.eot | Bin 0 -> 20962 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.ttf | Bin 0 -> 40252 bytes .../open-sans/OpenSans-SemiboldItalic-webfont.woff | Bin 0 -> 23764 bytes .../themes/valo/fonts/open-sans/_open-sans.scss | 155 ++++ .../valo/fonts/roboto/Roboto-Black-webfont.eot | Bin 0 -> 20698 bytes .../valo/fonts/roboto/Roboto-Black-webfont.ttf | Bin 0 -> 44652 bytes .../valo/fonts/roboto/Roboto-Black-webfont.woff | Bin 0 -> 24484 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.eot | Bin 0 -> 23849 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.ttf | Bin 0 -> 51536 bytes .../fonts/roboto/Roboto-BlackItalic-webfont.woff | Bin 0 -> 27892 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.eot | Bin 0 -> 20966 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.ttf | Bin 0 -> 45008 bytes .../valo/fonts/roboto/Roboto-Bold-webfont.woff | Bin 0 -> 24808 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.eot | Bin 0 -> 24778 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.ttf | Bin 0 -> 53400 bytes .../fonts/roboto/Roboto-BoldItalic-webfont.woff | Bin 0 -> 28824 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.eot | Bin 0 -> 25062 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.ttf | Bin 0 -> 54124 bytes .../valo/fonts/roboto/Roboto-Italic-webfont.woff | Bin 0 -> 29080 bytes .../valo/fonts/roboto/Roboto-Light-webfont.eot | Bin 0 -> 20940 bytes .../valo/fonts/roboto/Roboto-Light-webfont.ttf | Bin 0 -> 45880 bytes .../valo/fonts/roboto/Roboto-Light-webfont.woff | Bin 0 -> 24576 bytes .../fonts/roboto/Roboto-LightItalic-webfont.eot | Bin 0 -> 25458 bytes .../fonts/roboto/Roboto-LightItalic-webfont.ttf | Bin 0 -> 56008 bytes .../fonts/roboto/Roboto-LightItalic-webfont.woff | Bin 0 -> 29480 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.eot | Bin 0 -> 21364 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.ttf | Bin 0 -> 45304 bytes .../valo/fonts/roboto/Roboto-Medium-webfont.woff | Bin 0 -> 25048 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.eot | Bin 0 -> 24908 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.ttf | Bin 0 -> 53884 bytes .../fonts/roboto/Roboto-MediumItalic-webfont.woff | Bin 0 -> 28860 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.eot | Bin 0 -> 21320 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.ttf | Bin 0 -> 45376 bytes .../valo/fonts/roboto/Roboto-Regular-webfont.woff | Bin 0 -> 25020 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.eot | Bin 0 -> 21659 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.ttf | Bin 0 -> 47700 bytes .../valo/fonts/roboto/Roboto-Thin-webfont.woff | Bin 0 -> 24944 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.eot | Bin 0 -> 26645 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.ttf | Bin 0 -> 60668 bytes .../fonts/roboto/Roboto-ThinItalic-webfont.woff | Bin 0 -> 30468 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.eot | Bin 0 -> 21457 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.ttf | Bin 0 -> 45452 bytes .../fonts/roboto/RobotoCondensed-Bold-webfont.woff | Bin 0 -> 25144 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.eot | Bin 0 -> 25204 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.ttf | Bin 0 -> 53660 bytes .../roboto/RobotoCondensed-BoldItalic-webfont.woff | Bin 0 -> 29136 bytes .../roboto/RobotoCondensed-Italic-webfont.eot | Bin 0 -> 25217 bytes .../roboto/RobotoCondensed-Italic-webfont.ttf | Bin 0 -> 54528 bytes .../roboto/RobotoCondensed-Italic-webfont.woff | Bin 0 -> 29104 bytes .../fonts/roboto/RobotoCondensed-Light-webfont.eot | Bin 0 -> 21661 bytes .../fonts/roboto/RobotoCondensed-Light-webfont.ttf | Bin 0 -> 47108 bytes .../roboto/RobotoCondensed-Light-webfont.woff | Bin 0 -> 25204 bytes .../roboto/RobotoCondensed-LightItalic-webfont.eot | Bin 0 -> 25892 bytes .../roboto/RobotoCondensed-LightItalic-webfont.ttf | Bin 0 -> 56592 bytes .../RobotoCondensed-LightItalic-webfont.woff | Bin 0 -> 29796 bytes .../roboto/RobotoCondensed-Regular-webfont.eot | Bin 0 -> 21712 bytes .../roboto/RobotoCondensed-Regular-webfont.ttf | Bin 0 -> 45668 bytes .../roboto/RobotoCondensed-Regular-webfont.woff | Bin 0 -> 25268 bytes .../VAADIN/themes/valo/fonts/roboto/_roboto.scss | 155 ++++ .../fonts/source-sans-pro/_source-sans-pro.scss | 184 +++++ .../fonts/source-sans-pro/sourcesanspro-black.eot | Bin 0 -> 52527 bytes .../fonts/source-sans-pro/sourcesanspro-black.ttf | Bin 0 -> 164124 bytes .../fonts/source-sans-pro/sourcesanspro-black.woff | Bin 0 -> 66212 bytes .../source-sans-pro/sourcesanspro-blackit.eot | Bin 0 -> 41651 bytes .../source-sans-pro/sourcesanspro-blackit.ttf | Bin 0 -> 130104 bytes .../source-sans-pro/sourcesanspro-blackit.woff | Bin 0 -> 53060 bytes .../fonts/source-sans-pro/sourcesanspro-bold.eot | Bin 0 -> 56552 bytes .../fonts/source-sans-pro/sourcesanspro-bold.ttf | Bin 0 -> 164908 bytes .../fonts/source-sans-pro/sourcesanspro-bold.woff | Bin 0 -> 69712 bytes .../fonts/source-sans-pro/sourcesanspro-boldit.eot | Bin 0 -> 44557 bytes .../fonts/source-sans-pro/sourcesanspro-boldit.ttf | Bin 0 -> 129276 bytes .../source-sans-pro/sourcesanspro-boldit.woff | Bin 0 -> 55480 bytes .../source-sans-pro/sourcesanspro-extralight.eot | Bin 0 -> 52188 bytes .../source-sans-pro/sourcesanspro-extralight.ttf | Bin 0 -> 168504 bytes .../source-sans-pro/sourcesanspro-extralight.woff | Bin 0 -> 65820 bytes .../source-sans-pro/sourcesanspro-extralightit.eot | Bin 0 -> 41503 bytes .../source-sans-pro/sourcesanspro-extralightit.ttf | Bin 0 -> 131120 bytes .../sourcesanspro-extralightit.woff | Bin 0 -> 53168 bytes .../fonts/source-sans-pro/sourcesanspro-it.eot | Bin 0 -> 44729 bytes .../fonts/source-sans-pro/sourcesanspro-it.ttf | Bin 0 -> 128480 bytes .../fonts/source-sans-pro/sourcesanspro-it.woff | Bin 0 -> 55424 bytes .../fonts/source-sans-pro/sourcesanspro-light.eot | Bin 0 -> 55523 bytes .../fonts/source-sans-pro/sourcesanspro-light.ttf | Bin 0 -> 168212 bytes .../fonts/source-sans-pro/sourcesanspro-light.woff | Bin 0 -> 68732 bytes .../source-sans-pro/sourcesanspro-lightit.eot | Bin 0 -> 44371 bytes .../source-sans-pro/sourcesanspro-lightit.ttf | Bin 0 -> 130644 bytes .../source-sans-pro/sourcesanspro-lightit.woff | Bin 0 -> 55548 bytes .../source-sans-pro/sourcesanspro-regular.eot | Bin 0 -> 55826 bytes .../source-sans-pro/sourcesanspro-regular.ttf | Bin 0 -> 165504 bytes .../source-sans-pro/sourcesanspro-regular.woff | Bin 0 -> 68836 bytes .../source-sans-pro/sourcesanspro-semibold.eot | Bin 0 -> 55348 bytes .../source-sans-pro/sourcesanspro-semibold.ttf | Bin 0 -> 165344 bytes .../source-sans-pro/sourcesanspro-semibold.woff | Bin 0 -> 68392 bytes .../source-sans-pro/sourcesanspro-semiboldit.eot | Bin 0 -> 43913 bytes .../source-sans-pro/sourcesanspro-semiboldit.ttf | Bin 0 -> 128408 bytes .../source-sans-pro/sourcesanspro-semiboldit.woff | Bin 0 -> 54852 bytes .../VAADIN/themes/valo/shared/_contextmenu.scss | 26 + .../VAADIN/themes/valo/shared/_global.scss | 454 +++++++++++ .../themes/valo/shared/_loading-indicator.scss | 163 ++++ .../VAADIN/themes/valo/shared/_overlay.scss | 368 +++++++++ .../themes/valo/shared/_reconnect-dialog.scss | 31 + .../VAADIN/themes/valo/shared/_tooltip.scss | 137 ++++ .../VAADIN/themes/valo/shared/_variables.scss | 538 +++++++++++++ .../VAADIN/themes/valo/shared/img/spinner.gif | Bin 0 -> 7194 bytes .../main/resources/VAADIN/themes/valo/styles.scss | 5 + .../resources/VAADIN/themes/valo/util/_anim.scss | 152 ++++ .../VAADIN/themes/valo/util/_bevel-and-shadow.scss | 273 +++++++ .../VAADIN/themes/valo/util/_blend-modes.scss | 531 +++++++++++++ .../resources/VAADIN/themes/valo/util/_color.scss | 134 ++++ .../resources/VAADIN/themes/valo/util/_css3.scss | 35 + .../VAADIN/themes/valo/util/_gradient.scss | 78 ++ .../resources/VAADIN/themes/valo/util/_lists.scss | 418 +++++++++++ .../resources/VAADIN/themes/valo/util/_util.scss | 92 +++ .../util/bourbon/_bourbon-deprecated-upcoming.scss | 13 + .../VAADIN/themes/valo/util/bourbon/_bourbon.scss | 79 ++ .../themes/valo/util/bourbon/addons/_button.scss | 374 +++++++++ .../themes/valo/util/bourbon/addons/_clearfix.scss | 23 + .../util/bourbon/addons/_directional-values.scss | 111 +++ .../themes/valo/util/bourbon/addons/_ellipsis.scss | 7 + .../valo/util/bourbon/addons/_font-family.scss | 5 + .../valo/util/bourbon/addons/_hide-text.scss | 10 + .../util/bourbon/addons/_html5-input-types.scss | 110 +++ .../themes/valo/util/bourbon/addons/_position.scss | 32 + .../themes/valo/util/bourbon/addons/_prefixer.scss | 45 ++ .../valo/util/bourbon/addons/_retina-image.scss | 31 + .../themes/valo/util/bourbon/addons/_size.scss | 44 ++ .../util/bourbon/addons/_timing-functions.scss | 32 + .../themes/valo/util/bourbon/addons/_triangle.scss | 86 +++ .../valo/util/bourbon/addons/_word-wrap.scss | 8 + .../themes/valo/util/bourbon/css3/_animation.scss | 52 ++ .../themes/valo/util/bourbon/css3/_appearance.scss | 3 + .../util/bourbon/css3/_backface-visibility.scss | 6 + .../valo/util/bourbon/css3/_background-image.scss | 48 ++ .../themes/valo/util/bourbon/css3/_background.scss | 103 +++ .../valo/util/bourbon/css3/_border-image.scss | 56 ++ .../valo/util/bourbon/css3/_border-radius.scss | 22 + .../themes/valo/util/bourbon/css3/_box-sizing.scss | 4 + .../themes/valo/util/bourbon/css3/_calc.scss | 4 + .../themes/valo/util/bourbon/css3/_columns.scss | 47 ++ .../themes/valo/util/bourbon/css3/_filter.scss | 5 + .../themes/valo/util/bourbon/css3/_flex-box.scss | 321 ++++++++ .../themes/valo/util/bourbon/css3/_font-face.scss | 23 + .../util/bourbon/css3/_font-feature-settings.scss | 10 + .../valo/util/bourbon/css3/_hidpi-media-query.scss | 10 + .../themes/valo/util/bourbon/css3/_hyphens.scss | 4 + .../valo/util/bourbon/css3/_image-rendering.scss | 14 + .../valo/util/bourbon/css3/_inline-block.scss | 8 + .../themes/valo/util/bourbon/css3/_keyframes.scss | 35 + .../valo/util/bourbon/css3/_linear-gradient.scss | 38 + .../valo/util/bourbon/css3/_perspective.scss | 8 + .../valo/util/bourbon/css3/_placeholder.scss | 8 + .../valo/util/bourbon/css3/_radial-gradient.scss | 39 + .../themes/valo/util/bourbon/css3/_transform.scss | 15 + .../themes/valo/util/bourbon/css3/_transition.scss | 77 ++ .../valo/util/bourbon/css3/_user-select.scss | 3 + .../util/bourbon/functions/_color-lightness.scss | 13 + .../valo/util/bourbon/functions/_flex-grid.scss | 39 + .../valo/util/bourbon/functions/_golden-ratio.scss | 3 + .../valo/util/bourbon/functions/_grid-width.scss | 13 + .../util/bourbon/functions/_linear-gradient.scss | 13 + .../util/bourbon/functions/_modular-scale.scss | 66 ++ .../valo/util/bourbon/functions/_px-to-em.scss | 13 + .../valo/util/bourbon/functions/_px-to-rem.scss | 15 + .../util/bourbon/functions/_radial-gradient.scss | 23 + .../valo/util/bourbon/functions/_strip-units.scss | 5 + .../valo/util/bourbon/functions/_tint-shade.scss | 9 + .../functions/_transition-property-name.scss | 22 + .../valo/util/bourbon/functions/_unpack.scss | 17 + .../helpers/_gradient-positions-parser.scss | 13 + .../bourbon/helpers/_linear-positions-parser.scss | 61 ++ .../util/bourbon/helpers/_radial-arg-parser.scss | 69 ++ .../bourbon/helpers/_radial-positions-parser.scss | 18 + .../util/bourbon/helpers/_render-gradients.scss | 26 + .../util/bourbon/helpers/_shape-size-stripper.scss | 10 + .../util/bourbon/settings/_asset-pipeline.scss | 1 + .../valo/util/bourbon/settings/_prefixer.scss | 6 + .../valo/util/bourbon/settings/_px-to-em.scss | 1 + .../resources/VAADIN/themes/valo/util/readme.txt | 8 + uitest/build.xml | 16 +- uitest/ivy.xml | 2 +- widgets/ivy.xml | 2 +- 2192 files changed, 31743 insertions(+), 31628 deletions(-) delete mode 100644 WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss delete mode 100644 WebContent/VAADIN/themes/base/accordion/accordion.scss delete mode 100644 WebContent/VAADIN/themes/base/base.scss delete mode 100644 WebContent/VAADIN/themes/base/browserframe/browserframe.scss delete mode 100644 WebContent/VAADIN/themes/base/button/button.scss delete mode 100644 WebContent/VAADIN/themes/base/button/checkbox.scss delete mode 100644 WebContent/VAADIN/themes/base/button/nativebutton.scss delete mode 100644 WebContent/VAADIN/themes/base/calendar/calendar.scss delete mode 100644 WebContent/VAADIN/themes/base/calendar/img/arrows.png delete mode 100644 WebContent/VAADIN/themes/base/caption/caption.scss delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/images/gradient.png delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/images/gradient2.png delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/images/resizebg-selected.png delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/images/resizebg.png delete mode 100644 WebContent/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png delete mode 100644 WebContent/VAADIN/themes/base/common/common.scss delete mode 100644 WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/ajax-loader.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/drag-slot-dot.png delete mode 100644 WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/loading-indicator.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/reconnect-spinner.gif delete mode 100644 WebContent/VAADIN/themes/base/common/img/sprites.png delete mode 100644 WebContent/VAADIN/themes/base/common/mixins.scss delete mode 100644 WebContent/VAADIN/themes/base/common/reconnect-dialog.scss delete mode 100644 WebContent/VAADIN/themes/base/csslayout/csslayout.scss delete mode 100644 WebContent/VAADIN/themes/base/customcomponent/customcomponent.scss delete mode 100644 WebContent/VAADIN/themes/base/customlayout/customlayout.scss delete mode 100644 WebContent/VAADIN/themes/base/datefield/datefield.scss delete mode 100644 WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss delete mode 100644 WebContent/VAADIN/themes/base/embedded/embedded.scss delete mode 100644 WebContent/VAADIN/themes/base/escalator/escalator.scss delete mode 100644 WebContent/VAADIN/themes/base/favicon.ico delete mode 100755 WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.eot delete mode 100755 WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.svg delete mode 100755 WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.woff delete mode 100644 WebContent/VAADIN/themes/base/fonts/fonts.scss delete mode 100644 WebContent/VAADIN/themes/base/fonts/themeicons-webfont.eot delete mode 100644 WebContent/VAADIN/themes/base/fonts/themeicons-webfont.svg delete mode 100644 WebContent/VAADIN/themes/base/fonts/themeicons-webfont.ttf delete mode 100644 WebContent/VAADIN/themes/base/fonts/themeicons-webfont.woff delete mode 100644 WebContent/VAADIN/themes/base/formlayout/formlayout.scss delete mode 100644 WebContent/VAADIN/themes/base/grid/grid.scss delete mode 100644 WebContent/VAADIN/themes/base/gridlayout/gridlayout.scss delete mode 100644 WebContent/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss delete mode 100644 WebContent/VAADIN/themes/base/label/label.scss delete mode 100644 WebContent/VAADIN/themes/base/layout/layout.scss delete mode 100644 WebContent/VAADIN/themes/base/legacy-styles.scss delete mode 100644 WebContent/VAADIN/themes/base/link/link.scss delete mode 100644 WebContent/VAADIN/themes/base/loginform/loginform.scss delete mode 100644 WebContent/VAADIN/themes/base/menubar/img/check.gif delete mode 100644 WebContent/VAADIN/themes/base/menubar/menubar.scss delete mode 100644 WebContent/VAADIN/themes/base/notification/notification.scss delete mode 100644 WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.scss delete mode 100644 WebContent/VAADIN/themes/base/panel/panel.scss delete mode 100644 WebContent/VAADIN/themes/base/popupview/popupview.scss delete mode 100644 WebContent/VAADIN/themes/base/progressindicator/progressindicator.scss delete mode 100644 WebContent/VAADIN/themes/base/select/select.scss delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/bottom.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/center.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/left.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/right.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/top-left.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/top-right.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/img/top.png delete mode 100644 WebContent/VAADIN/themes/base/shadow/shadow.scss delete mode 100644 WebContent/VAADIN/themes/base/slider/slider.scss delete mode 100644 WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/base/styles.scss delete mode 100644 WebContent/VAADIN/themes/base/table/table.scss delete mode 100644 WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png delete mode 100644 WebContent/VAADIN/themes/base/textfield/textfield.scss delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-collapse-last.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-collapse.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-expand-last.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-expand.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-item-last.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-item.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-leaf-last.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-leaf.png delete mode 100644 WebContent/VAADIN/themes/base/tree/img/connector.png delete mode 100644 WebContent/VAADIN/themes/base/tree/tree.scss delete mode 100644 WebContent/VAADIN/themes/base/treetable/img/arrow-down.gif delete mode 100644 WebContent/VAADIN/themes/base/treetable/img/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/base/treetable/img/arrow-right.gif delete mode 100644 WebContent/VAADIN/themes/base/treetable/img/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/base/treetable/treetable.scss delete mode 100644 WebContent/VAADIN/themes/base/upload/upload.scss delete mode 100644 WebContent/VAADIN/themes/base/widget/widget.scss delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/bottom.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/center.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/left.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/right.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/top-left.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/top-right.png delete mode 100644 WebContent/VAADIN/themes/base/window/img/shadow/top.png delete mode 100644 WebContent/VAADIN/themes/base/window/window.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/chameleon.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/common/common.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/accordion/accordion.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/button/button.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/components.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/datefield/datefield.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/grid/grid.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/label/label.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/notification/notification.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/panel/panel.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/popupview/popupview.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/selects/selects.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/slider/slider.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/table/table.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/textfield/textfield.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/tree/tree.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/components/window/window.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/compound/compound.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/favicon.ico delete mode 100644 WebContent/VAADIN/themes/chameleon/icons/bullet-white.png delete mode 100644 WebContent/VAADIN/themes/chameleon/icons/bullet.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/app-bg.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/close-btn.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/date-btn-big.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/date-btn.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/error-close.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/error-indicator.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-light-left.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-light-top.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif delete mode 100644 WebContent/VAADIN/themes/chameleon/img/input-bg.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/label-error-icon.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/magnifier-big.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/magnifier.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/maximize.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/resize.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/restore.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/split-handle.png delete mode 100644 WebContent/VAADIN/themes/chameleon/img/tab-arrows.png delete mode 100644 WebContent/VAADIN/themes/chameleon/legacy-styles.scss delete mode 100644 WebContent/VAADIN/themes/chameleon/styles.scss delete mode 100644 WebContent/VAADIN/themes/liferay/accordion/accordion.scss delete mode 100644 WebContent/VAADIN/themes/liferay/button/button.scss delete mode 100644 WebContent/VAADIN/themes/liferay/colorpicker/colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/liferay/common/buttons_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/common/common.scss delete mode 100644 WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.scss delete mode 100644 WebContent/VAADIN/themes/liferay/datefield/datefield.scss delete mode 100644 WebContent/VAADIN/themes/liferay/datefield/datefield_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/favicon.ico delete mode 100644 WebContent/VAADIN/themes/liferay/formlayout/formlayout.scss delete mode 100644 WebContent/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss delete mode 100644 WebContent/VAADIN/themes/liferay/legacy-styles.scss delete mode 100644 WebContent/VAADIN/themes/liferay/liferay.scss delete mode 100644 WebContent/VAADIN/themes/liferay/menubar/menubar.scss delete mode 100644 WebContent/VAADIN/themes/liferay/notification/notification.scss delete mode 100644 WebContent/VAADIN/themes/liferay/panel/panel.scss delete mode 100644 WebContent/VAADIN/themes/liferay/panel/top-left.png delete mode 100644 WebContent/VAADIN/themes/liferay/panel/top-right.png delete mode 100644 WebContent/VAADIN/themes/liferay/popupview/popupview.scss delete mode 100644 WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.scss delete mode 100644 WebContent/VAADIN/themes/liferay/select/select.scss delete mode 100644 WebContent/VAADIN/themes/liferay/slider/slider.scss delete mode 100644 WebContent/VAADIN/themes/liferay/splitpanel/hsplit.png delete mode 100644 WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/liferay/splitpanel/vsplit.png delete mode 100644 WebContent/VAADIN/themes/liferay/styles.scss delete mode 100644 WebContent/VAADIN/themes/liferay/table/columnselect.png delete mode 100644 WebContent/VAADIN/themes/liferay/table/table.scss delete mode 100644 WebContent/VAADIN/themes/liferay/tabsheet/close.png delete mode 100644 WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/liferay/textfield/textfield.scss delete mode 100644 WebContent/VAADIN/themes/liferay/tree/arrows_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/tree/tree.scss delete mode 100644 WebContent/VAADIN/themes/liferay/window/closebutton_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/window/maximize_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/window/restore_sprites.png delete mode 100644 WebContent/VAADIN/themes/liferay/window/top-left.png delete mode 100644 WebContent/VAADIN/themes/liferay/window/top-right.png delete mode 100644 WebContent/VAADIN/themes/liferay/window/window.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/accordion/accordion.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button-ie.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button-link-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button-small-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button-standard.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/button.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/primary-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/black/small-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/primary-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/img/small-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/button/nativebutton.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/colorpicker/colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/common/common.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/common/icons/bullet-white.png delete mode 100644 WebContent/VAADIN/themes/reindeer/common/icons/bullet.png delete mode 100644 WebContent/VAADIN/themes/reindeer/common/icons/error.png delete mode 100644 WebContent/VAADIN/themes/reindeer/common/img/sel-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/datefield.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png delete mode 100644 WebContent/VAADIN/themes/reindeer/favicon.ico delete mode 100644 WebContent/VAADIN/themes/reindeer/formlayout/formlayout.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/grid.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/asc-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/desc-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/focus-bg-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/grid/img/header-bg-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/label/label.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/layouts/img/black-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/layouts/layouts.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/legacy-styles.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/link/link.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/checked-selected.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/checked.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/img/unchecked.png delete mode 100644 WebContent/VAADIN/themes/reindeer/menubar/menubar.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/notification/img/error-close.png delete mode 100644 WebContent/VAADIN/themes/reindeer/notification/notification.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/panel/panel.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/popupview/popupview.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/progressindicator/img/base-static.gif delete mode 100644 WebContent/VAADIN/themes/reindeer/progressindicator/img/base.gif delete mode 100644 WebContent/VAADIN/themes/reindeer/progressindicator/img/disabled.gif delete mode 100644 WebContent/VAADIN/themes/reindeer/progressindicator/img/progress.png delete mode 100644 WebContent/VAADIN/themes/reindeer/progressindicator/progressindicator.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/reindeer.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/center-black-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/center-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/left-black-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/left-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/black/right-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/center-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/center.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/left-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/img/status-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/select/select.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/slider/img/knob.png delete mode 100644 WebContent/VAADIN/themes/reindeer/slider/slider.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png delete mode 100644 WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png delete mode 100644 WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/styles.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/asc-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/asc.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/col-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/desc-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/desc.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/header-bg-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/header-bg-light.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/header-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/table/table.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/img/bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/textfield/textfield.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/tree/img/arrows.png delete mode 100644 WebContent/VAADIN/themes/reindeer/tree/tree.scss delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/close-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/close-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/close.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/content-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/header-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/maximize-active.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/maximize-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/maximize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/resize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/restore-active.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/restore-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/black/restore.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/close-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/close-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/close.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/footer-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/header-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/close-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/close-pressed.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/close.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/content-bg.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/maximize-active.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/maximize-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/maximize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/resize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/restore-active.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/restore-hover.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/light/restore.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/maximize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/resize.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/img/restore.png delete mode 100644 WebContent/VAADIN/themes/reindeer/window/window.scss delete mode 100644 WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss delete mode 100644 WebContent/VAADIN/themes/runo/accordion/accordion.scss delete mode 100644 WebContent/VAADIN/themes/runo/accordion/img/bg.png delete mode 100644 WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png delete mode 100644 WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png delete mode 100644 WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/button/button.scss delete mode 100644 WebContent/VAADIN/themes/runo/button/img/bg-default.png delete mode 100644 WebContent/VAADIN/themes/runo/button/img/bg.png delete mode 100644 WebContent/VAADIN/themes/runo/caption/caption.scss delete mode 100644 WebContent/VAADIN/themes/runo/colorpicker/colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/runo/common/common.scss delete mode 100644 WebContent/VAADIN/themes/runo/common/img/blank.gif delete mode 100644 WebContent/VAADIN/themes/runo/common/img/main-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/datefield.scss delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/nextmonth.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/nextyear.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/open-button.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/prevmonth.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/prevyear.png delete mode 100644 WebContent/VAADIN/themes/runo/datefield/img/selected-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/favicon.ico delete mode 100644 WebContent/VAADIN/themes/runo/formlayout/formlayout.scss delete mode 100644 WebContent/VAADIN/themes/runo/grid/grid.scss delete mode 100644 WebContent/VAADIN/themes/runo/grid/img/header-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/grid/img/resizer-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/grid/img/sort-asc.png delete mode 100644 WebContent/VAADIN/themes/runo/grid/img/sort-desc.png delete mode 100644 WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/error.gif delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/error.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/16/users.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-edit.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/32/users.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-edit.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/64/users.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/error.gif delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/error.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons16/users.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-edit.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons32/users.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/arrow-left.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/arrow-right.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/attention.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/calendar.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/cancel.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-doc.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-edit.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-image.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-pdf.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-ppt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-txt.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-web.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document-xsl.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/document.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/email-reply.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/email-send.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/email.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/folder-add.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/folder-delete.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/folder.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/globe.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/help.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/lock.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/note.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/ok.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/reload.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/settings.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/trash-full.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/trash.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/user.png delete mode 100644 WebContent/VAADIN/themes/runo/icons/icons64/users.png delete mode 100644 WebContent/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss delete mode 100644 WebContent/VAADIN/themes/runo/label/label.scss delete mode 100644 WebContent/VAADIN/themes/runo/legacy-styles.scss delete mode 100644 WebContent/VAADIN/themes/runo/link/link.scss delete mode 100644 WebContent/VAADIN/themes/runo/menubar/menubar.scss delete mode 100644 WebContent/VAADIN/themes/runo/notification/img/close-error.png delete mode 100644 WebContent/VAADIN/themes/runo/notification/notification.scss delete mode 100644 WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss delete mode 100644 WebContent/VAADIN/themes/runo/panel/img/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/runo/panel/img/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/runo/panel/img/top-left.png delete mode 100644 WebContent/VAADIN/themes/runo/panel/img/top-right.png delete mode 100644 WebContent/VAADIN/themes/runo/panel/panel.scss delete mode 100644 WebContent/VAADIN/themes/runo/popupview/popupview.scss delete mode 100644 WebContent/VAADIN/themes/runo/progressindicator/img/base-static.gif delete mode 100644 WebContent/VAADIN/themes/runo/progressindicator/img/base.gif delete mode 100644 WebContent/VAADIN/themes/runo/progressindicator/img/disabled.gif delete mode 100644 WebContent/VAADIN/themes/runo/progressindicator/img/progress.png delete mode 100644 WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss delete mode 100644 WebContent/VAADIN/themes/runo/runo.scss delete mode 100644 WebContent/VAADIN/themes/runo/select/img/arrow-down.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/arrow-up.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-center-filter-error.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-center-filter.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-left-filter-error.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-left-filter.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-right-filter-error.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/bg-right-filter.png delete mode 100644 WebContent/VAADIN/themes/runo/select/img/button-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/select/select.scss delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/bottom.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/center.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/left.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/right.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/top-left.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/top-right.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/img/top.png delete mode 100644 WebContent/VAADIN/themes/runo/shadow/shadow.scss delete mode 100644 WebContent/VAADIN/themes/runo/slider/img/handle-horizontal.png delete mode 100644 WebContent/VAADIN/themes/runo/slider/img/handle-vertical.png delete mode 100644 WebContent/VAADIN/themes/runo/slider/slider.scss delete mode 100644 WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png delete mode 100644 WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png delete mode 100644 WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/runo/styles.scss delete mode 100644 WebContent/VAADIN/themes/runo/table/img/check.gif delete mode 100644 WebContent/VAADIN/themes/runo/table/img/colsel.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/header-bg-over.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/header-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/resizer-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/scroll-position-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/sort-asc.png delete mode 100644 WebContent/VAADIN/themes/runo/table/img/sort-desc.png delete mode 100644 WebContent/VAADIN/themes/runo/table/table.scss delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/next.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/prev.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/runo/textfield/img/bg.png delete mode 100644 WebContent/VAADIN/themes/runo/textfield/textfield.scss delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/collapsed.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/connector-item.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/connector.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/expanded-last.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/connectors/expanded.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/img/expanded.png delete mode 100644 WebContent/VAADIN/themes/runo/tree/tree.scss delete mode 100644 WebContent/VAADIN/themes/runo/window/img/bg-color.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/close.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/close.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/maximize.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/restore.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/left-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/maximize.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/notification-error.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/resize.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/restore.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/right-bg.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/bottom-left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/bottom-right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/bottom.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/center.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/top-left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/top-right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/shadow/top.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/top-left.png delete mode 100644 WebContent/VAADIN/themes/runo/window/img/top-right.png delete mode 100644 WebContent/VAADIN/themes/runo/window/window.scss delete mode 100644 WebContent/VAADIN/themes/valo/_valo.scss delete mode 100755 WebContent/VAADIN/themes/valo/components/_absolutelayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_accordion.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_all.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_button.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_calendar.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_checkbox.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_colorpicker.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_combobox.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_csslayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_customcomponent.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_customlayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_datefield.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_dragwrapper.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_form.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_formlayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_grid.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_gridlayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_label.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_link.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_loginform.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_menubar.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_nativebutton.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_nativeselect.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_notification.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_optiongroup.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_orderedlayout.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_panel.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_popupview.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_progressbar.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_richtextarea.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_slider.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_splitpanel.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_table.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_tabsheet.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_textarea.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_textfield.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_tree.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_treetable.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_twincolselect.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_upload.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_valo-menu.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_widget.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/_window.scss delete mode 100644 WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient.png delete mode 100644 WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient2.png delete mode 100644 WebContent/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png delete mode 100644 WebContent/VAADIN/themes/valo/favicon.ico delete mode 100644 WebContent/VAADIN/themes/valo/fonts/_fonts.scss delete mode 100644 WebContent/VAADIN/themes/valo/fonts/lato/_lato.scss delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/lora/_lora.scss delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf delete mode 100755 WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/roboto/_roboto.scss delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf delete mode 100644 WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff delete mode 100644 WebContent/VAADIN/themes/valo/shared/_contextmenu.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_global.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_overlay.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_tooltip.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/_variables.scss delete mode 100644 WebContent/VAADIN/themes/valo/shared/img/spinner.gif delete mode 100644 WebContent/VAADIN/themes/valo/styles.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_anim.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_bevel-and-shadow.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_blend-modes.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_color.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_css3.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_gradient.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_lists.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/_util.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/_bourbon.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_button.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_position.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_size.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_animation.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_background.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_calc.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_columns.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_filter.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_flex-box.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_font-face.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_font-feature-settings.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_hidpi-media-query.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_hyphens.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_image-rendering.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_inline-block.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_keyframes.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_linear-gradient.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_perspective.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_transform.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_transition.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss delete mode 100644 WebContent/VAADIN/themes/valo/util/readme.txt delete mode 100644 themes/build.xml create mode 100644 themes/pom.xml create mode 100644 themes/src/main/resources/VAADIN/themes/base/absolutelayout/absolutelayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/accordion/accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/base.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/browserframe/browserframe.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/button/button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/button/checkbox.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/button/nativebutton.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/calendar/calendar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/calendar/img/arrows.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/caption/caption.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient2.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg-selected.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/common.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-big.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-medium.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/drag-slot-dot.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-delay.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-wait.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/reconnect-spinner.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/img/sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/mixins.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/common/reconnect-dialog.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/csslayout/csslayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/customcomponent/customcomponent.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/customlayout/customlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/datefield/datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/dragwrapper/dragwrapper.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/embedded/embedded.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/escalator/escalator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/favicon.ico create mode 100755 themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.svg create mode 100755 themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.woff create mode 100644 themes/src/main/resources/VAADIN/themes/base/fonts/fonts.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.eot create mode 100644 themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.svg create mode 100644 themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.woff create mode 100644 themes/src/main/resources/VAADIN/themes/base/formlayout/formlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/grid/grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/gridlayout/gridlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/label/label.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/layout/layout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/legacy-styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/link/link.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/loginform/loginform.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/menubar/img/check.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/menubar/menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/notification/notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/orderedlayout/orderedlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/panel/panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/popupview/popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/progressindicator/progressindicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/select/select.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/center.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/img/top.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/shadow/shadow.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/slider/slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/splitpanel/splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/table/table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/tabsheet/tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/textfield/textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/img/connector.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/tree/tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.gif create mode 100644 themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/treetable/treetable.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/upload/upload.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/widget/widget.scss create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/center.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top.png create mode 100644 themes/src/main/resources/VAADIN/themes/base/window/window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/chameleon.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/common/common.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/accordion/accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/button/button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/components.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/datefield/datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/grid/grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/label/label.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/menubar/menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/notification/notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/panel/panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/popupview/popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/selects/selects.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/slider/slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/table/table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/textfield/textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/tree/tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/components/window/window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/compound/compound.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/favicon.ico create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet-white.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/app-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/close-btn.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn-big.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/error-close.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/error-indicator.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom2.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-top2.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top2.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/indeterminate-progress.gif create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/input-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon-big.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon-big.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier-big.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/resize.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/split-handle.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/img/tab-arrows.png create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/legacy-styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/chameleon/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/accordion/accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/button/button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/colorpicker/colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/common/buttons_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/common/common.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/contextmenu/contextmenu.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/favicon.ico create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/formlayout/formlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/legacy-styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/liferay.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/menubar/menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/notification/notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/panel/panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/panel/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/panel/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/popupview/popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/progressindicator/progressindicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/select/select.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/slider/slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/splitpanel/hsplit.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/splitpanel/splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/splitpanel/vsplit.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/table/columnselect.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/table/table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/tabsheet/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/tabsheet/tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/textfield/textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/tree/arrows_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/tree/tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/closebutton_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/maximize_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/restore_sprites.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/liferay/window/window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/accordion/accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button-ie.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button-link-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button-primary-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button-small-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button-standard.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/button/nativebutton.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/colorpicker/colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/common/common.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet-white.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/common/icons/error.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/common/img/sel-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/favicon.ico create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/formlayout/formlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/asc-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/desc-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-bg-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/grid/img/header-bg-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/label/label.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/layouts/img/black-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/layouts/layouts.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/legacy-styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/link/link.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked-selected.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/menubar/menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/notification/img/error-close.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/notification/notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/panel/panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/popupview/popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base-static.gif create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base.gif create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/disabled.gif create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/progress.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/progressindicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/reindeer.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/center-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/center.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/left-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/img/status-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/select/select.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/slider/slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-light.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/table/table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/textfield/textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tree/img/arrows.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/tree/tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/content-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-active.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/resize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-active.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/footer-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-pressed.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/content-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-active.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/resize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-active.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-hover.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/resize.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/img/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/reindeer/window/window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/absolutelayout/absolutelayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/accordion/accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/accordion/img/bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/accordion/img/collapsed-icon.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/accordion/img/expanded-icon.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/accordion/img/selected-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/button/button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/button/img/bg-default.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/button/img/bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/caption/caption.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/colorpicker/colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/common/common.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/common/img/blank.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/common/img/main-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextmonth.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextyear.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/open-button.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevmonth.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevyear.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/datefield/img/selected-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/favicon.ico create mode 100644 themes/src/main/resources/VAADIN/themes/runo/formlayout/formlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/grid/grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/grid/img/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/grid/img/resizer-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-asc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-desc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/gridlayout/gridlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/error.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/16/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-edit.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/32/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-edit.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/64/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons16/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-edit.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons32/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/attention.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/calendar.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/cancel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-doc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-edit.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-image.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-pdf.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-ppt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-txt.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-web.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-xsl.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-reply.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-send.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-add.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-delete.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/globe.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/help.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/lock.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/note.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/ok.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/reload.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/settings.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash-full.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/user.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/icons/icons64/users.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/label/label.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/legacy-styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/link/link.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/menubar/menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/notification/img/close-error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/notification/notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/orderedlayout/orderedlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/panel/img/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/panel/img/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/panel/panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/popupview/popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base-static.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/disabled.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/progress.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/progressindicator/progressindicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/runo.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-down.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-up.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter-error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter-error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter-error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/img/button-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/select/select.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/center.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/img/top.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/shadow/shadow.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-horizontal.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-vertical.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/slider/slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_hor.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_ver.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/splitpanel/splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/check.gif create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/colsel.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg-over.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/resizer-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/scroll-position-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/sort-asc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/img/sort-desc.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/table/table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/next.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/prev.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/tab-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tabsheet/tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/textfield/img/bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/textfield/textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/collapsed.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector-item.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded-last.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/img/expanded.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/tree/tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/bg-color.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/close.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/left-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/maximize.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/notification-error.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/resize.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/restore.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/right-bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/center.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/top-left.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/img/top-right.png create mode 100644 themes/src/main/resources/VAADIN/themes/runo/window/window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/_valo.scss create mode 100755 themes/src/main/resources/VAADIN/themes/valo/components/_absolutelayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_accordion.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_all.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_calendar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_checkbox.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_colorpicker.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_combobox.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_csslayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_customcomponent.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_customlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_datefield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_dragwrapper.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_form.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_formlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_gridlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_label.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_link.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_loginform.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_menubar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_nativebutton.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_nativeselect.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_notification.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_optiongroup.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_orderedlayout.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_panel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_popupview.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_progressbar.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_richtextarea.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_slider.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_splitpanel.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_table.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_tabsheet.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_textarea.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_textfield.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_tree.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_treetable.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_twincolselect.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_upload.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_valo-menu.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_widget.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/_window.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient.png create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient2.png create mode 100644 themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png create mode 100644 themes/src/main/resources/VAADIN/themes/valo/favicon.ico create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/_fonts.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/_lato.scss create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/_lora.scss create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf create mode 100755 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/_roboto.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf create mode 100644 themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_contextmenu.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_global.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_loading-indicator.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_overlay.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_reconnect-dialog.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_tooltip.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/_variables.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/shared/img/spinner.gif create mode 100644 themes/src/main/resources/VAADIN/themes/valo/styles.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_anim.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_bevel-and-shadow.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_blend-modes.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_color.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_css3.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_gradient.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_lists.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/_util.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_button.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_position.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_size.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_animation.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_calc.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_columns.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_filter.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_flex-box.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_font-face.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_font-feature-settings.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_hidpi-media-query.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_hyphens.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_image-rendering.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_inline-block.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_keyframes.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_linear-gradient.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_perspective.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transform.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transition.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss create mode 100644 themes/src/main/resources/VAADIN/themes/valo/util/readme.txt diff --git a/.gitignore b/.gitignore index 9237104b65..bdff76f80a 100644 --- a/.gitignore +++ b/.gitignore @@ -91,6 +91,7 @@ client/target/ client-compiler/target/ buildhelpers/target/ client-compiled/target/ +themes/target/ .sass-cache phantomjsdriver.log diff --git a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss b/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss deleted file mode 100644 index 4f007de9af..0000000000 --- a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss +++ /dev/null @@ -1,19 +0,0 @@ -@mixin base-absolutelayout($primaryStyleName : v-absolutelayout) { - -.#{$primaryStyleName}-wrapper { - position: absolute; - overflow: hidden; -} -.#{$primaryStyleName}-margin, .#{$primaryStyleName}-canvas { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.#{$primaryStyleName}.v-has-height > div, .#{$primaryStyleName}.v-has-height > div > div { - height: 100%; -} -.#{$primaryStyleName}.v-has-width > div, .#{$primaryStyleName}.v-has-width > div > div { - width: 100%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/accordion/accordion.scss b/WebContent/VAADIN/themes/base/accordion/accordion.scss deleted file mode 100644 index a8def37d3b..0000000000 --- a/WebContent/VAADIN/themes/base/accordion/accordion.scss +++ /dev/null @@ -1,33 +0,0 @@ -@mixin base-accordion { - -.v-accordion { - position: relative; - outline: none; - overflow: visible; - text-align: left; /* Force default alignment */ - font-size: 0; -} -.v-accordion-item { - position: relative; - display: inline-block; - width: 100%; -} -.v-accordion-item-caption { - overflow: visible; - white-space: nowrap; - background: #eee; - border-bottom: 1px solid #ddd; -} -.v-accordion-item-caption .v-caption { - cursor: pointer; - font-size: $font-size; -} -.v-accordion-item-open .v-accordion-item-caption .v-caption { - cursor: default; -} -.v-accordion-item-content { - position: absolute; - width: 100%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/base.scss b/WebContent/VAADIN/themes/base/base.scss deleted file mode 100644 index 56b2e311c6..0000000000 --- a/WebContent/VAADIN/themes/base/base.scss +++ /dev/null @@ -1,134 +0,0 @@ -$font-size: 16px !default; -$line-height: normal !default; - -// Provide these so that we can use them in base mixins -// and so that we can use base mixins in Valo -$v-font-size: $font-size !default; -$v-line-height: $line-height !default; - -@import "common/mixins.scss"; -@import "absolutelayout/absolutelayout.scss"; -@import "accordion/accordion.scss"; -@import "button/button.scss"; -@import "button/nativebutton.scss"; -@import "button/checkbox.scss"; -@import "layout/layout.scss"; -@import "calendar/calendar.scss"; -@import "caption/caption.scss"; -@import "colorpicker/colorpicker.scss"; -@import "common/common.scss"; -@import "common/reconnect-dialog.scss"; -@import "csslayout/csslayout.scss"; -@import "customcomponent/customcomponent.scss"; -@import "customlayout/customlayout.scss"; -@import "datefield/datefield.scss"; -@import "inlinedatefield/inlinedatefield.scss"; -@import "dragwrapper/dragwrapper.scss"; -@import "embedded/embedded.scss"; -@import "escalator/escalator.scss"; -@import "fonts/fonts.scss"; -@import "formlayout/formlayout.scss"; -@import "grid/grid.scss"; -@import "gridlayout/gridlayout.scss"; -@import "label/label.scss"; -@import "link/link.scss"; -@import "loginform/loginform.scss"; -@import "menubar/menubar.scss"; -@import "notification/notification.scss"; -@import "orderedlayout/orderedlayout.scss"; -@import "panel/panel.scss"; -@import "popupview/popupview.scss"; -@import "progressindicator/progressindicator.scss"; -@import "select/select.scss"; -@import "shadow/shadow.scss"; -@import "slider/slider.scss"; -@import "splitpanel/splitpanel.scss"; -@import "table/table.scss"; -@import "tabsheet/tabsheet.scss"; -@import "textfield/textfield.scss"; -@import "tree/tree.scss"; -@import "treetable/treetable.scss"; -@import "upload/upload.scss"; -@import "widget/widget.scss"; -@import "window/window.scss"; -@import "browserframe/browserframe.scss"; - -.v-vaadin-version:after { - content: "@version@"; -} - -/* References the BODY tag generated by Vaadin application servlet */ -.v-generated-body { - width: 100%; - height: 100%; - border: 0; - margin: 0; - overflow: hidden; -} - -.v-modal-window-open { - overflow: hidden; -} - -@mixin base { - // @include base-app; - - // everything included from base theme - // other themes should enclose corresponding definitions in theme selectors - - @include base-widget; - - @include base-absolutelayout; - @include base-accordion; - @include base-browserframe; - @include base-button; - @include base-nativebutton; - @include base-checkbox; - @include base-caption; - @include base-colorpicker; - @include base-calendar; - - // here for now to preserve old semantics - @include base-common; - @include base-reconnect-dialog; - - @include base-layout; - @include base-csslayout; - @include base-customcomponent; - @include base-customlayout; - @include base-datefield; - @include base-inline-datefield; - @include base-dragwrapper; - @include base-embedded; - @include base-escalator; - @include base-formlayout; - @include base-grid; - @include base-gridlayout; - @include base-label; - @include base-link; - @include base-loginform; - @include base-menubar; - @include base-notification; - @include base-orderedlayout; - @include base-panel; - @include base-popupview; - @include base-progressindicator(v-progressbar); - /* For legacy ProgressIndicator component */ - @include base-progressindicator(v-progressindicator); - - @include base-select; - @include base-shadow; - @include base-slider; - @include base-splitpanel; - @include base-table; - @include base-tabsheet; - @include base-textfield; - @include base-richtextarea; - @include base-tree; - @include base-treetable; - @include base-upload; - @include base-window; -} - -// always include, don't wrap in .themename{} -@include fonts; diff --git a/WebContent/VAADIN/themes/base/browserframe/browserframe.scss b/WebContent/VAADIN/themes/base/browserframe/browserframe.scss deleted file mode 100644 index fce9c11513..0000000000 --- a/WebContent/VAADIN/themes/base/browserframe/browserframe.scss +++ /dev/null @@ -1,18 +0,0 @@ -@mixin base-browserframe { - - /* Removes duplicate scrollbars in some cases */ - .v-browserframe { - font-size: 0; - } - - /* fix for #14813 - unable to scroll on iOS devices */ - .v-webkit.v-ios & .v-browserframe { - -webkit-overflow-scrolling: touch; - overflow:auto; - } - - /* Some times a browser frame can contain a span with altenate text */ - .v-browserframe > span { - font-size: $font-size; - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/button/button.scss b/WebContent/VAADIN/themes/base/button/button.scss deleted file mode 100644 index 694e49a359..0000000000 --- a/WebContent/VAADIN/themes/base/button/button.scss +++ /dev/null @@ -1,82 +0,0 @@ -@mixin base-button($primaryStyleName : v-button) { - -/* - * Default button (more customizable) - * -------------------------------------- */ -.#{$primaryStyleName} { - display: inline-block; - zoom: 1; - text-align: center !important; - text-decoration: none; - border: 2px outset #ddd; - background: #eee; - cursor: pointer; - white-space: nowrap; - margin: 0; - padding: .2em 1em; - color: inherit; - font: inherit; - font-size: $font-size; - line-height: normal; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.#{$primaryStyleName}.v-disabled { - cursor: default; -} - -.#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-caption { - vertical-align: baseline; - white-space: nowrap; - font: inherit; - color: inherit; - line-height: normal; - } - -.#{$primaryStyleName} .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.#{$primaryStyleName} .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.#{$primaryStyleName}-link { - border: none; - text-align: left !important; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -/* Inset Safari focus outline a bit */ -.v-sa & .#{$primaryStyleName}-link:focus{ - outline-offset: -3px; - } - -.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/button/checkbox.scss b/WebContent/VAADIN/themes/base/button/checkbox.scss deleted file mode 100644 index e46d236035..0000000000 --- a/WebContent/VAADIN/themes/base/button/checkbox.scss +++ /dev/null @@ -1,33 +0,0 @@ -@mixin base-checkbox($primaryStyleName : v-checkbox) { - -.#{$primaryStyleName}, -.#{$primaryStyleName} label, -.#{$primaryStyleName} input, -.#{$primaryStyleName} .v-icon { - vertical-align: middle; - white-space: nowrap; -} - -.#{$primaryStyleName} .v-icon { - margin: 0 2px; -} -.#{$primaryStyleName} .v-errorindicator { - float: none; - display: inline; - display: inline-block; - zoom: 1; -} - - -/* Disabled by default -.#{$primaryStyleName}-error { - background: #ffe0e0; -} -*/ -/* Disabled by default -.#{$primaryStyleName}-required { - background: #ffe0e0; -} -*/ - -} diff --git a/WebContent/VAADIN/themes/base/button/nativebutton.scss b/WebContent/VAADIN/themes/base/button/nativebutton.scss deleted file mode 100644 index f85bd507ab..0000000000 --- a/WebContent/VAADIN/themes/base/button/nativebutton.scss +++ /dev/null @@ -1,73 +0,0 @@ -@mixin base-nativebutton($primaryStyleName : v-nativebutton) { - - -.#{$primaryStyleName} .v-icon { - vertical-align: middle; - margin-right: 3px; - border: none; - } - -.#{$primaryStyleName} .v-errorindicator { - display: inline-block; - zoom: 1; - vertical-align: middle; - float: none; -} - -/* Link style (we really should deprecate this) */ -.#{$primaryStyleName}-link { - border: none; - text-align: left !important; - background: transparent; - padding: 0; - color: inherit; - -khtml-user-select: text; - -moz-user-select: text; - -ie-user-select: text; - user-select: text; -} - -.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { - text-decoration: underline; - color: inherit; - text-align: left; - } - -.#{$primaryStyleName} { - text-align: center !important; - cursor: pointer; - white-space: nowrap; - margin: 0; - color: inherit; - font: inherit; - line-height: normal; - } -.#{$primaryStyleName} .#{$primaryStyleName}-caption { - vertical-align: middle; - white-space: nowrap; - font: inherit; - color: inherit; - } - -.#{$primaryStyleName} .v-icon { - vertical-align: middle; - margin-right: 3px; - } - -.#{$primaryStyleName} .v-errorindicator { - display: inline-block; - zoom: 1; - float: none; -} -/* Fixes stretched buttons in IE7*/ -.v-ie & .#{$primaryStyleName} { - overflow: visible; - padding-left: 1em; - padding-right: 1em; -} - -.v-ie & .#{$primaryStyleName}-link { - padding: 0; -} - -} diff --git a/WebContent/VAADIN/themes/base/calendar/calendar.scss b/WebContent/VAADIN/themes/base/calendar/calendar.scss deleted file mode 100644 index 8ff97df0f9..0000000000 --- a/WebContent/VAADIN/themes/base/calendar/calendar.scss +++ /dev/null @@ -1,378 +0,0 @@ -@mixin base-calendar($primaryStyleName : v-calendar) { - -/* Global resize style */ -.#{$primaryStyleName}-nresize DIV DIV { - cursor: n-resize !important; -} - -.#{$primaryStyleName}-sresize DIV DIV { - cursor: s-resize !important; -} - -/* Header bar */ -.#{$primaryStyleName} { - background-color: #fff; -} - -.#{$primaryStyleName}-header-month,.#{$primaryStyleName}-header-week { - border-bottom: 1px solid #c1c1c1; -} - -.#{$primaryStyleName}-header-day { - text-align: center; - color: #666; - font-size: 12px; - line-height: normal; -} - -.#{$primaryStyleName}-header-week .#{$primaryStyleName}-header-day:hover { - cursor: pointer; - color: #222 -} - -.#{$primaryStyleName}-header-day-today { - font-weight: bold; - color: #444; -} - -.#{$primaryStyleName}-header-month td:first-child { - padding-left: 19px; - /* Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - .#{$primaryStyleName}-week-numbers border */ -} - -.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next - { - border: none; - padding: 0; - margin: 0; - height: 12px; - width: 12px; - overflow: hidden; - background: transparent url(img/arrows.png) no-repeat 50% 0; - opacity: .3; - filter: alpha(opacity = 30); - cursor: default; -} - -.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:hover,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:hover - { - opacity: .6; - filter: alpha(opacity = 60); -} - -.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:active,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:active - { - opacity: 1; - filter: alpha(opacity = 100); -} - -.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next { - background-position: 50% -12px; -} - -/* Month grid */ -.#{$primaryStyleName}-month { - outline: none; -} - -.#{$primaryStyleName}-week-numbers { - width: 20px; - border-right: 1px solid #ccc; -} - -.#{$primaryStyleName}-week-number { - border: none; - background: transparent; - padding: 0; - margin: 0; - cursor: pointer; - opacity: .5; - width: 20px; - text-align: center; - border-bottom: 1px solid #ddd; -} - -.#{$primaryStyleName}-week-number:hover { - opacity: 1; -} - -.#{$primaryStyleName}-month-day { - border-bottom: 1px solid #ccc; - border-right: 1px solid #ccc; - outline: none; -} - -.#{$primaryStyleName}-month-day-today { - background-color: #e7f0f5; -} - -.#{$primaryStyleName}-month-day-selected { - background-color: #fffee7; -} - -.#{$primaryStyleName}-month-day-dragemphasis { - background-color: #a8a8a8; -} - -.#{$primaryStyleName}-month-day-scrollable { - overflow-y: scroll; -} - -.#{$primaryStyleName}-day-number { - height: 18px; - line-height: 18px; - font-size: 12px; - text-align: right; - padding-right: 3px; - white-space: nowrap; -} - -.#{$primaryStyleName}-day-number:hover { - cursor: pointer; - opacity: .6; - filter: alpha(opacity = 60); -} - -.#{$primaryStyleName}-month .#{$primaryStyleName}-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer-empty - { - /* Bottom spacer is used in GWT to measure the event height (offsetHeight) */ - height: 15px; - font-size: 11px; -} - -.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer:hover { - cursor: pointer; - opacity: .6; - filter: alpha(opacity = 60); -} - -.#{$primaryStyleName}-event { - line-height: 14px; - font-size: 11px; - padding: 0 0 0 4px; - cursor: pointer; - overflow: hidden; - text-overflow: ellipsis; - - outline: none; -} - -.#{$primaryStyleName}-event-month { - margin-bottom: 1px; - white-space: nowrap; -} - -.#{$primaryStyleName}-event-month:hover { - text-decoration: underline; -} - -.#{$primaryStyleName}-event-all-day { - background: #999; - display: block; - margin-left: -2px; -} - -div.#{$primaryStyleName}-event-all-day { - color: #fff; - height: 14px; -} - -.#{$primaryStyleName}-event-continued-from { - margin-left: 0; -} - -.#{$primaryStyleName}-event-start { - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -moz-border-radius-topleft: 6px; - -moz-border-radius-bottomleft: 6px; - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - margin-left: 0; -} - -.#{$primaryStyleName}-event-end { - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -/* Week/day view */ -.#{$primaryStyleName}-week-wrapper { - position: relative; -} - -/*.v-ie7 .#{$primaryStyleName}-week-wrapper TABLE{ - table-layout: fixed; -}*/ -.#{$primaryStyleName}-times { - width: 51px; -} - -.#{$primaryStyleName}-time { - padding: 0 8px 7px 0; - margin-top: -7px; - text-align: right; - font-size: 11px; - color: #666; - border-right: 1px solid #ccc; -} - -.#{$primaryStyleName}-weekly-longevents { - border-left: 1px solid #ccc; - border-bottom: 2px solid #bbb; - margin-left: 50px; -} - -.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-datecell { - border-right: 1px solid #ccc; - padding: 1px 0 0; -} - -.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event { - height: 14px; - margin-bottom: 1px; -} - -.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event:hover { - text-decoration: underline; -} - -.#{$primaryStyleName}-day-times { - border-right: 1px solid #ccc; - outline: none; -} - -.#{$primaryStyleName}-day-times .v-datecellslot,.#{$primaryStyleName}-day-times .v-datecellslot-even { - border-bottom: 1px solid #ccc; -} - -.#{$primaryStyleName}-day-times .v-datecellslot-even { - border-bottom-color: #eee; -} - -.#{$primaryStyleName}-day-times .v-daterange { - background-color: #a8a8a8; -} - -.#{$primaryStyleName}-day-times .v-reserved { - background-color: #FF3333; -} - -.#{$primaryStyleName}-day-times .dragemphasis { - background-color: #a8a8a8; -} - -.#{$primaryStyleName}-week-wrapper .#{$primaryStyleName}-event { - padding: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - margin-top: -1px; -} - -.#{$primaryStyleName}-event-caption { - position: absolute; - z-index: 1; - top: 2px; - left: 4px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - line-height: normal; -} - -.#{$primaryStyleName}-event-content { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border: 1px solid #777; - background: #eee; - opacity: .8; - filter: alpha(opacity = 80); - height: 14px; /* "min-height" */ -} - -.#{$primaryStyleName}-current-time { - position: absolute; - left: 0; - width: 100%; - height: 1px; - overflow: hidden; - background: #5a6c86; - opacity: .6; - filter: alpha(opacity = 60); - z-index: 2; -} - -.#{$primaryStyleName}-event-resizetop { - position: absolute; - cursor: n-resize; - height: 5%; - min-height: 3px; - top: 0; - width: 100%; - z-index: 1; -} - -.#{$primaryStyleName}-event-resizebottom { - position: absolute; - cursor: s-resize; - height: 5%; - min-height: 3px; - bottom: 0; - width: 100%; - z-index: 1; -} - -.#{$primaryStyleName}-month-sizedheight .#{$primaryStyleName}-month-day { - height: 100px; -} - -.#{$primaryStyleName}-month-sizedwidth .#{$primaryStyleName}-month-day { - width: 100px; -} - -.#{$primaryStyleName}-header-month-Hsized .#{$primaryStyleName}-header-day { - width: 101px; -} - -/* for others */ -.#{$primaryStyleName}-header-month-Hsized td:first-child { - padding-left: 21px; -} - -.#{$primaryStyleName}-header-day-Hsized { - width: 200px; -} - -.#{$primaryStyleName}-week-numbers-Vsized .#{$primaryStyleName}-week-number { - height: 100px; - line-height: 100px; -} - -.#{$primaryStyleName}-week-wrapper-Vsized { - height: 400px; - overflow-x: hidden !important; -} - -.#{$primaryStyleName}-times-Vsized .#{$primaryStyleName}-time { - height: 38px; -} - -.#{$primaryStyleName}-times-Hsized .#{$primaryStyleName}-time { - width: 42px; -} - -.#{$primaryStyleName}-day-times-Vsized .v-datecellslot,.#{$primaryStyleName}-day-times-Vsized .v-datecellslot-even { - height: 18px; -} - -.#{$primaryStyleName}-day-times-Hsized, .#{$primaryStyleName}-day-times-Hsized .v-datecellslot,.#{$primaryStyleName}-day-times-Hsized .v-datecellslot-even { - width: 200px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/calendar/img/arrows.png b/WebContent/VAADIN/themes/base/calendar/img/arrows.png deleted file mode 100644 index 9905c0b065..0000000000 Binary files a/WebContent/VAADIN/themes/base/calendar/img/arrows.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/caption/caption.scss b/WebContent/VAADIN/themes/base/caption/caption.scss deleted file mode 100644 index ec87f71999..0000000000 --- a/WebContent/VAADIN/themes/base/caption/caption.scss +++ /dev/null @@ -1,28 +0,0 @@ -@mixin base-caption($primaryStyleName : v-caption) { - -.#{$primaryStyleName}wrapper { - text-align: left; /* Force default alignment */ -} -.#{$primaryStyleName} { - overflow: hidden; - white-space: nowrap; - font-size: $font-size; -} -.v-errorindicator { - display: inline-block; -} -.#{$primaryStyleName} .v-icon { - display: inline-block; - padding-right: 2px; - vertical-align: middle; -} -.#{$primaryStyleName} .#{$primaryStyleName}text { - display: inline-block; - overflow: hidden; - vertical-align: middle; -} -.#{$primaryStyleName} .v-required-field-indicator { - display: inline-block; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/colorpicker/colorpicker.scss b/WebContent/VAADIN/themes/base/colorpicker/colorpicker.scss deleted file mode 100644 index 70705dcee3..0000000000 --- a/WebContent/VAADIN/themes/base/colorpicker/colorpicker.scss +++ /dev/null @@ -1,212 +0,0 @@ -@mixin base-colorpicker($name : v-colorpicker) { - -.#{$name} { - text-align: center; -} - -.#{$name}-button-color { - border: 1px solid silver; - float: left; - width: 10px; - height: 10px; - margin-top: 2px; - margin-right: 5px; -} - -.#{$name}-area { - border: 1px solid silver; - margin: 1px auto; -} - -.#{$name}.v-default-caption-width { - width: 100px; -} - -/***************** COLOR HISTORY COMPONENT *****************************/ -.#{$name}-history { - margin: 5px; -} - -.#{$name}-history td { - border: 1px solid silver !important; -} - -.#{$name}-history td { - line-height: 15px; -} -/***********************************************************************/ - - -/**************** COLOR POPUP COMPONENT ********************************/ -.#{$name}-popup { - width: 244px; -} - -.#{$name}-popup .v-scrollable { - background-color: #dddddd; -} - -.#{$name}-popup .v-tabsheet-content .v-scrollable { - background-color: #eaeaea; -} - -.#{$name}-popup .v-tabsheet-content .v-tabsheet-tabsheetpanel { - background: transparent; -} - -.#{$name}-popup .resize-button { - border: 0px solid silver; - background: url(images/resizebg.png); - margin-top: 5px; -} - -.#{$name}-popup .resize-button-caption { - display: none; -} - -.#{$name}-popup .resize-button:hover { - background: url(images/resizebg-selected.png); -} - -.#{$name}-popup .resize-button:focus { - outline: none; -} - -/***********************************************************************/ - - -/*********************** COLOR GRADIENT *******************************/ -.#{$name}-gradient { - width: 220px; - height: 220px; - padding-left: 10px; - margin-top: 0px; -} - -.#{$name}-gradient .#{$name}-gradient-clicklayer { - background-color: white; - filter: alpha(opacity = 0); - opacity: 0; -} - -.#{$name}-popup .rgb-gradient .#{$name}-gradient-background { - width: 220px; - height: 220px; - background: url(images/gradient2.png); -} - -.#{$name}-popup .hsv-gradient .#{$name}-gradient-foreground { - background: url(images/gradient.png); -} - -.#{$name}-popup .#{$name}-gradient-lowerbox { - border-right: 1px solid white; - border-top: 1px solid white; -} - -.#{$name}-popup .#{$name}-gradient-higherbox { - border-left: 1px solid white; - border-bottom: 1px solid white; -} -/**********************************************************************/ - - -/************************ COLOR SLIDER ********************************/ -.#{$name}-popup .rgb-sliders { - width: 227px; - padding-left: 10px; - color: #444444; - text-shadow: 0 1px 0 #FFFFFF; -} - -.#{$name}-popup .rgb-sliders .red .v-slider-base { - background-color: red; -} - -.#{$name}-popup .rgb-sliders .green .v-slider-base { - background-color: green; -} - -.#{$name}-popup .rgb-sliders .blue .v-slider-base { - background-color: blue; -} - -.#{$name}-popup .hsv-sliders { - padding-left: 10px; - color: #444444; - text-shadow: 0 1px 0 #FFFFFF; -} - -.#{$name}-popup .hue-slider { - height: 10px; - border: 0px solid silver; - background-image: url(images/slider_hue_bg.png); - background-color: transparent; - background-repeat: no-repeat; - background-position: 0 3px; - margin-top: 0px; -} - -.#{$name}-popup .hue-slider .v-slider-handle { - margin-top: -2px; -} - -.#{$name}-popup .hue-slider .v-slider-base { - border: 0px none; - height: 0px; - background-color: transparent; -} -/****************************************************************/ - - -/****************** COLOR PREVIEW *******************************/ -.#{$name}-popup .#{$name}-preview { - margin-top: 5px; - padding-left: 11px; - padding-right: 10px; - margin-bottom: 0px; -} - -.#{$name}-popup .v-absolutelayout-wrapper { - width: 100%; - height: 100%; -} - -.#{$name}-popup .#{$name}-preview-textfield { - background: none; - overflow: hidden; - overflow-y: hidden; - overflow-x: hidden; -} - -.#{$name}-popup .v-textfield-dark { - color: #FFFFFF; -} - -.#{$name}-popup .v-textfield-light { - color: #000000; -} -/****************************************************************/ - - -/*************** COLOR SELECT ***********************************/ -.#{$name}-popup .colorselect { - margin-top: 5px; - padding-left: 10px; - padding-right: 10px; -} - -.#{$name}-popup .v-tabsheet .#{$name}-grid { - height: 319px; -} - -.#{$name}-popup .colorselect td { - line-height: 15px; -} - -.#{$name}-popup .v-filterselect { - padding-right: 16px; -} -/****************************************************************/ - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/colorpicker/images/gradient.png b/WebContent/VAADIN/themes/base/colorpicker/images/gradient.png deleted file mode 100644 index def063a8ab..0000000000 Binary files a/WebContent/VAADIN/themes/base/colorpicker/images/gradient.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/colorpicker/images/gradient2.png b/WebContent/VAADIN/themes/base/colorpicker/images/gradient2.png deleted file mode 100644 index f51ed752a7..0000000000 Binary files a/WebContent/VAADIN/themes/base/colorpicker/images/gradient2.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/colorpicker/images/resizebg-selected.png b/WebContent/VAADIN/themes/base/colorpicker/images/resizebg-selected.png deleted file mode 100644 index 6e56ec0cc7..0000000000 Binary files a/WebContent/VAADIN/themes/base/colorpicker/images/resizebg-selected.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/colorpicker/images/resizebg.png b/WebContent/VAADIN/themes/base/colorpicker/images/resizebg.png deleted file mode 100644 index b6e3532713..0000000000 Binary files a/WebContent/VAADIN/themes/base/colorpicker/images/resizebg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png b/WebContent/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png deleted file mode 100644 index bcef2c5575..0000000000 Binary files a/WebContent/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/common.scss b/WebContent/VAADIN/themes/base/common/common.scss deleted file mode 100644 index ea8b5e5aa0..0000000000 --- a/WebContent/VAADIN/themes/base/common/common.scss +++ /dev/null @@ -1,293 +0,0 @@ -@mixin base-common { - -&.v-app { - height: 100%; -} -/* Force arrow cursor for all elements inside the app */ -&.v-app, -.v-window, -.v-popupview-popup, -.v-label, -.v-caption { - cursor: default; -} -/* add box-shadows to overlay elements */ -.v-window { - box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .5); -} -.v-datefield-popup, -.v-filterselect-suggestpopup, -.v-menubar-popup, -.v-slider-feedback, -.v-popupview-popup, -.v-contextmenu { - box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); -} - -body &.v-app .v-app-loading { - /* You can use this to provide indication for the user that the application is loading. */ - /* It is applied to the same element as .v-app */ - background-image: url(img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 50%; - width: 100%; - height: 100%; -} -.v-ui { - height: 100%; - width: 100%; - /* avoid scrollbars with margins in root layout */ - outline: none; - position: relative; -} -/* Prevent margin collapse */ -.v-ui.v-ui-embedded { - margin-top: -1px; - border-top: 1px solid transparent; -} -/** - * Try to handle printing somehow. Reasonable printing support - * needs application specific planning and CSS tuning. - */ - /* Disabled for now, see #10336 -@media print { - .v-generated-body { - height: auto; - min-height: 20cm; - overflow: visible; - } - .v-app { - height: auto; - min-height: 20cm; - } - .v-ui { - overflow: visible; - } - .v-gridlayout { - overflow: visible !important; - } -} -*/ - -.v-ui:active, -.v-ui:focus { - outline: none; -} -&.v-app select, -.v-window select { - margin: 0; -} -.v-disabled { - opacity: .3; - filter: alpha(opacity=30); - cursor: default; -} -.v-disabled * { - cursor: default; -} -* html & .v-disabled { - zoom: 1; -} -*+html & .v-disabled { - zoom: 1; -} -.v-disabled .v-disabled { - opacity: 1; -} -.v-required-field-indicator { - padding-left: 2px; - color: red; -} -.v-form fieldset { - border: none; - padding: 0; - margin: 0; - height: 100%; -} -.v-form-content { - height: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -/* Field modified */ /* Disabled by default -.v-modified, -.v-richtextarea.v-modified iframe.gwt-RichTextArea, -.v-checkbox.v-modified, -.v-modified .v-select-option, -.v-modified .v-textfield, -.v-modified .v-datefield-calendarpanel, -.v-modified .v-select-select, -.v-modified .v-select-twincol-selections, -.v-modified .v-select-twincol-options, -.v-modified .v-slider-base { - background: #ffffe0; -} -*/ -.v-tooltip { - cursor: default; - background: #fff; - box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); -} -.v-tooltip-text { - overflow: auto; -} -.v-tooltip .v-errormessage { - overflow: auto; -} -.v-contextmenu { - background: #fff; -} -.v-contextmenu .gwt-MenuItem { - cursor: pointer; - vertical-align: middle; - padding: 0; - border: 0; - margin: 0; -} - -.v-contextmenu .gwt-MenuBar { - overflow-y: auto; - overflow-x: hidden; -} - -.v-contextmenu .gwt-MenuItem div { - cursor: pointer; - vertical-align: middle; - white-space: nowrap; -} -.v-contextmenu .gwt-MenuItem-selected div { - background: #aaa; - color: #fff; -} -.v-contextmenu table { - border-collapse: collapse; - margin: 0; - padding: 0; -} -.v-contextmenu .gwt-MenuItem img { - margin-right: 1em; - vertical-align: middle; -} -/* Margins are not supported within Label */ -.v-label pre { - margin: 0; -} -/* A label with undefined width is always considered to be on one line */ -.v-label-undef-w { - white-space: nowrap; -} -/* Revert line-height for heading elements inside labels */ -.v-label h1, -.v-label h2, -.v-label h3, -.v-label h4, -.v-label h5, -.v-label h6 { - line-height: normal; -} -/* Loading indicator states - * Note: client side expects that loading indicator has a height. It depends on - * this css property to ensure browsers have applied all required styles. - */ -.v-loading-indicator, -.v-loading-indicator-delay, -.v-loading-indicator-wait { - position: absolute; - top: 0; - right: 0; - z-index: 30000; - width: 31px; - height: 31px; - background: transparent url(img/loading-indicator.gif); - margin-right: 5px; - margin-top: 5px; -} -.v-loading-indicator-delay { - background-image: url(img/loading-indicator-delay.gif); -} -.v-loading-indicator-wait { - background-image: url(img/loading-indicator-wait.gif); -} -/* Fix for Liferay, issue #2384 */ -&.v-app input[type="text"], -&.v-app input[type="password"], -&.v-app input[type="reset"], -&.v-app select, -&.v-app textarea , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window select, -.v-window textarea { - padding: 2px; -} - -/* Removes clear button from input fields introduced by IE10 */ -input::-ms-clear { - display: none; -} - -.v-drag-element { - z-index: 60000; - /* override any other position: properties */ - position: absolute !important; - opacity: 0.5; - filter: alpha(opacity=50); - cursor: default; -} - -.v-clip { - overflow: hidden; -} - -.v-scrollable { - overflow: auto; - font-size: 0; - line-height: normal; -} -/* Set font-size in order to make Firefox scrolling better #11353 */ -.v-ff & .v-scrollable { - font-size: $font-size; -} -.v-ios.v-webkit & .v-scrollable { - -webkit-overflow-scrolling: touch; -} -/* Disable native scrolling on iOS 5 due to #8792 */ -.v-ios5.v-webkit & .v-scrollable { - -webkit-overflow-scrolling: none; -} - -/* "Unnecessary scrollbar" related fixes (#14631, copied from Valo) */ -.v-scrollable.v-panel-content > .v-widget { - /* This is needed for IE */ - vertical-align: middle; - - /* Needed for all browsers. Can't really show anything outside the - * scrolling area anyway, so we can safely hide any overflow */ - overflow: hidden; -} - - - -&.v-overlay-container { - width: 0; - height: 0; -} - -} - -/* Outside the base mixin because elements might be added directly to the body */ -.v-assistive-device-only { - position: absolute; - top: -2000px; - left: -2000px; - width: 10px; - overflow: hidden; -} -/* fix for #14681 - mobile safari 8 sometimes displayed text cursor on that element */ -.v-radiobutton { - -webkit-user-select: none; -} - diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif deleted file mode 100644 index 73dc88e31f..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/ajax-loader-big.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif deleted file mode 100644 index 0a0c6aaef0..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/ajax-loader-medium.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif b/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif deleted file mode 100644 index 354dc4685c..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/ajax-loader.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/drag-slot-dot.png b/WebContent/VAADIN/themes/base/common/img/drag-slot-dot.png deleted file mode 100644 index f8abcf7e21..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/drag-slot-dot.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif deleted file mode 100644 index 831526849e..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/loading-indicator-delay.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif deleted file mode 100644 index b10a0720b5..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/loading-indicator-wait.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif b/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif deleted file mode 100644 index 3fae1b8a6b..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/loading-indicator.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/reconnect-spinner.gif b/WebContent/VAADIN/themes/base/common/img/reconnect-spinner.gif deleted file mode 100644 index bc1a496d11..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/reconnect-spinner.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/img/sprites.png b/WebContent/VAADIN/themes/base/common/img/sprites.png deleted file mode 100644 index c5d2e89b97..0000000000 Binary files a/WebContent/VAADIN/themes/base/common/img/sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/common/mixins.scss b/WebContent/VAADIN/themes/base/common/mixins.scss deleted file mode 100644 index fab97e9565..0000000000 --- a/WebContent/VAADIN/themes/base/common/mixins.scss +++ /dev/null @@ -1,29 +0,0 @@ -@mixin keyframes ($name) { - @-webkit-keyframes #{$name} { - @content; - } - @-moz-keyframes #{$name} { - @content; - } - @keyframes #{$name} { - @content; - } -} - -@mixin animation ($anim) { - -webkit-animation: $anim; - -moz-animation: $anim; - animation: $anim; -} - -@mixin box-shadow ($shadow) { - -webkit-box-shadow: $shadow; - -moz-box-shadow: $shadow; - box-shadow: $shadow; -} - -@mixin box-sizing ($box-sizing) { - -webkit-box-sizing: $box-sizing; - -moz-box-sizing: $box-sizing; - box-sizing: $box-sizing; -} diff --git a/WebContent/VAADIN/themes/base/common/reconnect-dialog.scss b/WebContent/VAADIN/themes/base/common/reconnect-dialog.scss deleted file mode 100644 index 15b78800d0..0000000000 --- a/WebContent/VAADIN/themes/base/common/reconnect-dialog.scss +++ /dev/null @@ -1,31 +0,0 @@ -@mixin base-reconnect-dialog { - .v-reconnect-dialog { - color: white; - top: 12px; - right: 12px; - max-width: 100%; - border-radius: 0; - @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); - padding: 10px; - - background-color: #444; - text-align: center; - - .text { - display: inline-block; - padding-left: 10px; - } - - .spinner { - background-image: url(img/reconnect-spinner.gif); - width: 31px; - height: 31px; - display: none; - vertical-align: middle; - } - - &.active .spinner { - display: inline-block; - } - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/csslayout/csslayout.scss b/WebContent/VAADIN/themes/base/csslayout/csslayout.scss deleted file mode 100644 index d6df771b85..0000000000 --- a/WebContent/VAADIN/themes/base/csslayout/csslayout.scss +++ /dev/null @@ -1,36 +0,0 @@ -@mixin base-csslayout($primaryStyleName : v-csslayout) { - -.#{$primaryStyleName} { - overflow: hidden; -} -/* More specific selector to override 'v-connector' */ -div.#{$primaryStyleName} { - display: block; -} -.#{$primaryStyleName}-margin, .#{$primaryStyleName}-container { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.v-has-width > .#{$primaryStyleName}-margin, -.v-has-width > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container { - width: 100%; -} -.v-has-height > .#{$primaryStyleName}-margin, -.v-has-height > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container { - height: 100%; -} -.#{$primaryStyleName}-margin-top { - padding-top: 12px; -} -.#{$primaryStyleName}-margin-bottom { - padding-bottom: 12px; -} -.#{$primaryStyleName}-margin-left { - padding-left: 12px; -} -.#{$primaryStyleName}-margin-right { - padding-right: 12px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/customcomponent/customcomponent.scss b/WebContent/VAADIN/themes/base/customcomponent/customcomponent.scss deleted file mode 100644 index d672254a86..0000000000 --- a/WebContent/VAADIN/themes/base/customcomponent/customcomponent.scss +++ /dev/null @@ -1,6 +0,0 @@ -@mixin base-customcomponent($primaryStyleName : v-customcomponent) { - -.#{$primaryStyleName} { -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/customlayout/customlayout.scss b/WebContent/VAADIN/themes/base/customlayout/customlayout.scss deleted file mode 100644 index c8a13da4e9..0000000000 --- a/WebContent/VAADIN/themes/base/customlayout/customlayout.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin base-customlayout($primaryStyleName : v-customlayout) { - -.#{$primaryStyleName} { - overflow: hidden; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/datefield/datefield.scss b/WebContent/VAADIN/themes/base/datefield/datefield.scss deleted file mode 100644 index 57a691211d..0000000000 --- a/WebContent/VAADIN/themes/base/datefield/datefield.scss +++ /dev/null @@ -1,122 +0,0 @@ -@mixin base-datefield($primaryStyleName : v-datefield) { - -.#{$primaryStyleName} { - white-space: nowrap; - display: inline-block; /* Force minimum width */ -} -.#{$primaryStyleName}-textfield { - vertical-align: top; -} -.v-ie & .#{$primaryStyleName}-button:after { - content: "\200B"; -} - -.#{$primaryStyleName}-button { - cursor: pointer; - vertical-align: top; -} -.v-has-width > input.#{$primaryStyleName}-textfield { - width: 100%; -} - -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { - color: #999; - font-style: italic; -} -.#{$primaryStyleName} .#{$primaryStyleName}-button-readonly { - display: none; -} -.#{$primaryStyleName}-calendarpanel table { - width: 100%; -} -.#{$primaryStyleName}-calendarpanel td { - padding: 0; - margin: 0; -} -.#{$primaryStyleName}-calendarpanel:focus { - outline:none; -} -.#{$primaryStyleName}-calendarpanel-header td { - text-align: center; -} -.#{$primaryStyleName}-calendarpanel-month { - text-align: center; - white-space: nowrap; -} -.#{$primaryStyleName}-calendarpanel-weeknumber { - color: #999; - border-right: 1px solid #ddd; - font-size: 11.7px; -} -.#{$primaryStyleName}-calendarpanel-day, -.#{$primaryStyleName}-calendarpanel-day-today { - cursor: pointer; -} -.#{$primaryStyleName}-calendarpanel-day-today { - border: 1px solid #ddd; -} -.v-disabled .#{$primaryStyleName}-calendarpanel-day, -.v-disabled .#{$primaryStyleName}-calendarpanel-day-today, -.v-disabled.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { - cursor: default; -} -.#{$primaryStyleName}-calendarpanel-day-disabled, -.#{$primaryStyleName}-calendarpanel-day-outside-range { - cursor: default; - opacity: .5; -} - -.#{$primaryStyleName}-calendarpanel-prevyear, -.#{$primaryStyleName}-calendarpanel-nextyear, -.#{$primaryStyleName}-calendarpanel-prevmonth, -.#{$primaryStyleName}-calendarpanel-nextmonth { - button.outside-range{ - opacity: .5; - } -} - -.#{$primaryStyleName}-calendarpanel-day-selected { - cursor: default; - background: #333; - color: #fff; -} -.#{$primaryStyleName}-calendarpanel-day-focused { - outline: 1px dotted black; -} -.#{$primaryStyleName}-calendarpanel-day-offmonth { - color: #666; -} - -.#{$primaryStyleName}-time { - white-space: nowrap; -} -.#{$primaryStyleName}-time .v-label { - display: inline; -} -.#{$primaryStyleName}-popup { - background: #fff; - .v-ie9 &, .v-ie10 &, .v-ie11 & { - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5); - } -} -.#{$primaryStyleName}-popupcalendar input.#{$primaryStyleName}-textfield { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -/* Disabled by default -.#{$primaryStyleName}-error .v-textfield, -.#{$primaryStyleName}-error .#{$primaryStyleName}-calendarpanel { - background: #ffe0e0; -} -*/ - -/* Disabled by default -.#{$primaryStyleName}-required .v-textfield, -.#{$primaryStyleName}-required .#{$primaryStyleName}-calendarpanel { - background:transparent; - background-color: #ffe0e0; -} -*/ - -} diff --git a/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss b/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss deleted file mode 100644 index 86000abd7c..0000000000 --- a/WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss +++ /dev/null @@ -1,164 +0,0 @@ -@mixin base-dragwrapper($primaryStyleName : v-ddwrapper) { - -.#{$primaryStyleName} { - padding: 2px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - position: relative; - -ms-touch-action: none; - touch-action: none; -} -[draggable=true] { - -khtml-user-drag: element; - -webkit-user-drag: element; - -khtml-user-select: none; - -webkit-user-select: none; -} -.v-ie & .#{$primaryStyleName} a.drag-start { - display: block; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - /* Some color needed to make it draggable */ - background-color:cyan; - filter: alpha(opacity=0); -} -.#{$primaryStyleName}-over { - border: 2px solid #1d9dff; - background-color: #bcdcff; - padding: 0; -} -.#{$primaryStyleName}-over { - background-color: rgba(169,209,255,.6); -} -.no-box-drag-hints .#{$primaryStyleName}-over { - border: none; - background-color: transparent; - padding: 2px; -} -&.v-app .#{$primaryStyleName}-over-top, -.v-window .#{$primaryStyleName}-over-top, -.v-popupview-popup .#{$primaryStyleName}-over-top { - border: none; - border-top: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-top: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -&.v-app .#{$primaryStyleName}-over-bottom, -.v-window .#{$primaryStyleName}-over-bottom, -.v-popupview-popup .#{$primaryStyleName}-over-bottom { - border: none; - border-bottom: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-bottom: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -&.v-app .#{$primaryStyleName}-over-left, -.v-window .#{$primaryStyleName}-over-left, -.v-popupview-popup .#{$primaryStyleName}-over-left { - border: none; - border-left: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-left: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -&.v-app .#{$primaryStyleName}-over-right, -.v-window .#{$primaryStyleName}-over-right, -.v-popupview-popup .#{$primaryStyleName}-over-right { - border: none; - border-right: 2px solid #1d9dff; - background-color: transparent; - padding: 2px; - padding-right: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; -} -.#{$primaryStyleName}, -.#{$primaryStyleName}-over, -&.v-app .#{$primaryStyleName}-over-top, -.v-window .#{$primaryStyleName}-over-top, -.v-popupview-popup .#{$primaryStyleName}-over-top, -&.v-app .#{$primaryStyleName}-over-bottom, -.v-window .#{$primaryStyleName}-over-bottom, -.v-popupview-popup .#{$primaryStyleName}-over-bottom, -&.v-app .#{$primaryStyleName}-over-left, -.v-window .#{$primaryStyleName}-over-left, -.v-popupview-popup .#{$primaryStyleName}-over-left, -&.v-app .#{$primaryStyleName}-over-right, -.v-window .#{$primaryStyleName}-over-right, -.v-popupview-popup .#{$primaryStyleName}-over-right { - border-color: rgba(0,109,232,.6); -} - -.#{$primaryStyleName}-over-top:before, -.#{$primaryStyleName}-over-bottom:after, -.#{$primaryStyleName}-over-left:before, -.#{$primaryStyleName}-over-right:before { - display: block; - - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -2px; - background: transparent url(../common/img/drag-slot-dot.png) no-repeat; -} -.#{$primaryStyleName}-over-bottom:after { - margin-top: -2px; -} -.#{$primaryStyleName}-over-left:before, -.#{$primaryStyleName}-over-right:before { - background-position: 0 -6px; - margin-top: -2px; - margin-left: -4px; -} -.#{$primaryStyleName}-over-right:before { - position: relative; - margin-bottom: -4px; - margin-right: -4px; - margin-left: 0; - width: auto; - background-position: 100% -6px; -} - -.no-horizontal-drag-hints .#{$primaryStyleName}-over-left { - padding-left: 2px; - border-left: none; -} -.no-horizontal-drag-hints .#{$primaryStyleName}-over-right { - padding-right: 2px; - border-right: none; -} -.no-vertical-drag-hints .#{$primaryStyleName}-over-top { - padding-top: 2px; - border-top: none; -} -.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom { - padding-bottom: 2px; - border-bottom: none; -} -.no-horizontal-drag-hints .#{$primaryStyleName}-over-left:before, -.no-horizontal-drag-hints .#{$primaryStyleName}-over-right:before, -.no-vertical-drag-hints .#{$primaryStyleName}-over-top:before, -.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom:after { - display: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/embedded/embedded.scss b/WebContent/VAADIN/themes/base/embedded/embedded.scss deleted file mode 100644 index abb5e7956f..0000000000 --- a/WebContent/VAADIN/themes/base/embedded/embedded.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin base-embedded($primaryStyleName : v-embedded) { - -.v-table .#{$primaryStyleName}-image { - /* make embeddeds be centered in centered table cells. */ - display: inline-block; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/escalator/escalator.scss b/WebContent/VAADIN/themes/base/escalator/escalator.scss deleted file mode 100644 index 2d5ad729fc..0000000000 --- a/WebContent/VAADIN/themes/base/escalator/escalator.scss +++ /dev/null @@ -1,156 +0,0 @@ -@mixin base-escalator($primaryStyleName: v-escalator, $background-color: #fff) { - - .#{$primaryStyleName} { - position: relative; - } - - .#{$primaryStyleName}-scroller { - position: absolute; - z-index: 1; - outline: none; - @include box-sizing(border-box); - } - - .#{$primaryStyleName}-scroller-horizontal { - left: 0; // Left position adjusted to align with frozen columns - right: 0; - bottom: 0; - overflow-y: hidden; - -ms-overflow-y: hidden; - } - - .#{$primaryStyleName}-scroller-vertical { - right: 0; - top: 0; // this will be overridden by code, but it's a good default behavior - bottom: 0; // this will be overridden by code, but it's a good default behavior - overflow-x: hidden; - -ms-overflow-x: hidden; - } - - .#{$primaryStyleName}-tablewrapper { - position: absolute; - overflow: hidden; - @include box-sizing(border-box); - z-index: 5; - } - - .#{$primaryStyleName}-tablewrapper > table { - border-spacing: 0; - table-layout: fixed; - width: inherit; // a decent default fallback - } - - .#{$primaryStyleName}-header-deco, - .#{$primaryStyleName}-footer-deco { - position: absolute; - right: 0; - @include box-sizing(border-box); - } - - .#{$primaryStyleName}-horizontal-scrollbar-deco { - position: absolute; - bottom: 0; - left: 0; - right: 0; - @include box-sizing(border-box); - } - - .#{$primaryStyleName}-header, - .#{$primaryStyleName}-body, - .#{$primaryStyleName}-footer { - position: absolute; - left: 0; - width: inherit; - z-index: 10; - } - - .#{$primaryStyleName}-header, - .#{$primaryStyleName}-header-deco { - top: 0; - } - - .#{$primaryStyleName}-footer, - .#{$primaryStyleName}-footer-deco { - bottom: 0; - } - - .#{$primaryStyleName}-body { - z-index: 0; - top: 0; - - .#{$primaryStyleName}-row { - position: absolute; - top: 0; - left: 0; - } - } - - .#{$primaryStyleName}-row { - display: block; - - .v-ie8 &, .v-ie9 & { - // Neither IE8 nor IE9 let table rows be longer than tbody, with only - // "display: block". Moar hax. - - float: left; - clear: left; - - // The inline style of margin-top from the to offset the - // header's dimension is, for some strange reason, inherited into each - // contained . We need to cancel it: - - margin-top: 0; - } - - > td, - > th { - // IE8 likes the bgcolor here instead of on the row - background-color: $background-color; - } - } - - .#{$primaryStyleName}-row { - width: inherit; - } - - .#{$primaryStyleName}-cell { - display: block; - float: left; - padding: 2px; - white-space: nowrap; - @include box-sizing(border-box); - overflow: hidden; - - // Because Vaadin changes the font size after the initial render, we - // need to mention the font size here explicitly, otherwise automatic - // row height detection gets broken. - - font-size: $v-font-size; - } - - .#{$primaryStyleName}-cell.frozen { - position: relative; - z-index: 1; - } - - .#{$primaryStyleName}-spacer { - position: absolute; - display: block; - - background-color: $background-color; - - > td { - width: 100%; - height: 100%; - @include box-sizing(border-box); - } - - .v-ie8 &, .v-ie9 & { - // The inline style of margin-top from the to offset the - // header's dimension is, for some strange reason, inherited into each - // contained . We need to cancel it: - - margin-top: 0; - } - } -} diff --git a/WebContent/VAADIN/themes/base/favicon.ico b/WebContent/VAADIN/themes/base/favicon.ico deleted file mode 100644 index 1f81f0de76..0000000000 Binary files a/WebContent/VAADIN/themes/base/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.eot b/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.eot deleted file mode 100755 index 9b6afaedc0..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.svg b/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.svg deleted file mode 100755 index d05688e9e2..0000000000 --- a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.svg +++ /dev/null @@ -1,655 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.ttf b/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.ttf deleted file mode 100755 index 26dea7951a..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.woff b/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.woff deleted file mode 100755 index dc35ce3c2c..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/fontawesome-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/fonts.scss b/WebContent/VAADIN/themes/base/fonts/fonts.scss deleted file mode 100644 index 1f5c0cf6a2..0000000000 --- a/WebContent/VAADIN/themes/base/fonts/fonts.scss +++ /dev/null @@ -1,35 +0,0 @@ -$v-font-awesome: true !default; // Set to false to exclude Font Awesome - -@mixin fonts { - @include fonticons; - @include v-font(ThemeIcons, themeicons-webfont); -} - -@mixin fonticons { - @if $v-font-awesome { - @include v-font(FontAwesome, fontawesome-webfont); - } -} - -@mixin v-font($font-family, $file-name) { - @font-face { - font-family: '#{$font-family}'; - src: url('#{$file-name}.eot'); - src: url('#{$file-name}.eot?#iefix') format('embedded-opentype'), url('#{$file-name}.woff') format('woff'), url('#{$file-name}.ttf') format('truetype'), url('#{$file-name}.svg') format('svg'); - font-weight: normal; - font-style: normal; - } - .#{$font-family} { - font-family: '#{$font-family}'; - font-style: normal; - font-weight: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: inline-block; - } -} - -@mixin font($font-family, $file-name) { - @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead."; - @include v-font($font-family, $file-name); -} diff --git a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.eot b/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.eot deleted file mode 100644 index 9cc04785e2..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.svg b/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.svg deleted file mode 100644 index 59685c3b3a..0000000000 --- a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.svg +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.ttf b/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.ttf deleted file mode 100644 index 1b7dd4a6ad..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.woff b/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.woff deleted file mode 100644 index 7d055f6dd0..0000000000 Binary files a/WebContent/VAADIN/themes/base/fonts/themeicons-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/formlayout/formlayout.scss b/WebContent/VAADIN/themes/base/formlayout/formlayout.scss deleted file mode 100644 index 2e2a3213f9..0000000000 --- a/WebContent/VAADIN/themes/base/formlayout/formlayout.scss +++ /dev/null @@ -1,57 +0,0 @@ -@mixin base-formlayout($primaryStyleName : v-formlayout) { - -.#{$primaryStyleName}.v-has-width > table { - width: 100%; -} -.#{$primaryStyleName}.v-has-height > table { - height: 100%; -} -.#{$primaryStyleName}-cell .v-errorindicator { - display: block; -} -.#{$primaryStyleName}-error-indicator { - /* fix width so layout is not jumpy when error disappears */ - width: 12px; -} -.#{$primaryStyleName}-captioncell { - text-align:right; - white-space: nowrap; -} -.#{$primaryStyleName}-errorcell, .#{$primaryStyleName}-captioncell { - width: 1px; /* Don't use any extra space */ - min-width: 1px; -} -.#{$primaryStyleName}-captioncell .v-caption { - overflow: visible; -} -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { - padding-top: 6px; -} -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { - padding-top: 0; -} -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { - padding-top: 12px; -} -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { - padding-bottom: 12px; -} -.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { - padding-left: 12px; -} -.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { - padding-right: 12px; -} -.#{$primaryStyleName}-captioncell .v-caption .v-required-field-indicator { - float: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/grid/grid.scss b/WebContent/VAADIN/themes/base/grid/grid.scss deleted file mode 100644 index 3e7b708557..0000000000 --- a/WebContent/VAADIN/themes/base/grid/grid.scss +++ /dev/null @@ -1,590 +0,0 @@ -$v-grid-border-size: 1px !default; -$v-grid-border: $v-grid-border-size solid #ddd !default; -$v-grid-cell-vertical-border: $v-grid-border !default; -$v-grid-cell-horizontal-border: $v-grid-cell-vertical-border !default; -$v-grid-cell-focused-border: 1px solid !default; -$v-grid-header-border: $v-grid-border !default; -$v-grid-footer-border: $v-grid-header-border !default; - -$v-grid-row-height: round($v-font-size * 1.5) !default; -$v-grid-row-background-color: #fff !default; -$v-grid-row-stripe-background-color: darken($v-grid-row-background-color, 5%) !default; -$v-grid-row-selected-background-color: darken($v-grid-row-background-color, 25%) !default; -$v-grid-row-focused-background-color: null !default; - -$v-grid-header-row-height: null !default; -$v-grid-header-font-size: $v-font-size !default; -$v-grid-header-background-color: $v-grid-row-background-color !default; -$v-grid-header-drag-marked-color: $v-grid-row-selected-background-color !default; - -$v-grid-footer-row-height: $v-grid-header-row-height !default; -$v-grid-footer-font-size: $v-grid-header-font-size !default; -$v-grid-footer-background-color: $v-grid-header-background-color !default; - -$v-grid-cell-padding-horizontal: 10px !default; - -$v-grid-editor-background-color: $v-grid-row-background-color !default; - -$v-grid-details-marker-width: 2px !default; -$v-grid-details-marker-color: $v-grid-row-selected-background-color !default; -$v-grid-details-border-top: $v-grid-cell-horizontal-border !default; -$v-grid-details-border-top-stripe: $v-grid-cell-horizontal-border !default; -$v-grid-details-border-bottom: 1px solid darken($v-grid-row-stripe-background-color, 10%) !default; -$v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-color, 10%) !default; - -@import "../escalator/escalator"; - - -@mixin base-grid($primaryStyleName: v-grid) { - - @include base-escalator($primaryStyleName: $primaryStyleName, $background-color: $v-grid-row-background-color); - - .#{$primaryStyleName} { - outline: none; - } - - .#{$primaryStyleName}-scroller-vertical, - .#{$primaryStyleName}-scroller-horizontal { - border: $v-grid-border; - } - - .#{$primaryStyleName}-scroller-vertical { - border-left: none; - } - - .#{$primaryStyleName}-scroller-horizontal { - border-top: none; - } - - .#{$primaryStyleName}-tablewrapper { - border: $v-grid-border; - } - - // Column drag and drop elements - - .#{$primaryStyleName} .header-drag-table { - border-spacing: 0; - position: relative; - table-layout: fixed; - width: inherit; // a decent default fallback - - .#{$primaryStyleName}-header { - position: absolute; - > .#{$primaryStyleName}-cell { - border: $v-grid-border; - margin-top: -10px; - opacity: 0.9; - filter: alpha(opacity=90); // IE8 - z-index: 30000; - } - - > .#{$primaryStyleName}-drop-marker { - background-color: $v-grid-header-drag-marked-color; - position: absolute; - width: 3px; - } - } - } - - // Sidebar - - .#{$primaryStyleName}-sidebar.v-contextmenu { - @include box-shadow(none); - border-radius: 0; - position: absolute; - top: 0; - right: 0; - - background-color: $v-grid-header-background-color; - border: $v-grid-header-border; - padding: 0; - z-index: 5; - - &.#{$primaryStyleName}-sidebar-popup { - right: auto; - } - - .#{$primaryStyleName}-sidebar-button { - background: transparent; - border: none; - color: inherit; - cursor: pointer; - outline: none; - padding: 0 4px; - text-align: right; - line-height: 1; - - &[disabled] { - cursor: default; - } - - &::-moz-focus-inner { - border: 0; - } - - &:after { - content: "\f0c9"; - display: block; - font-family: ThemeIcons, sans-serif; - font-size: $v-grid-header-font-size; - } - } - - &.closed { - border-radius: 0; - } - - &.open { - .#{$primaryStyleName}-sidebar-button { - width: 100%; - - &:after { - content: "\f0c9"; - font-size: $v-grid-header-font-size; - line-height: 1; - } - } - } - - .v-ie &.open .#{$primaryStyleName}-sidebar-button { - vertical-align: middle; - } - - .v-ie8 &.open .#{$primaryStyleName}-sidebar-button:after { - vertical-align: middle; - text-align: center; - display: inline; - } - - .#{$primaryStyleName}-sidebar-content { - padding: 4px 0; - - .gwt-MenuBar { - .gwt-MenuItem .column-hiding-toggle { - text-shadow: none; - } - } - } - } - - // Common cell styles - - .#{$primaryStyleName}-cell { - background-color: $v-grid-row-background-color; - padding: 0 $v-grid-cell-padding-horizontal; - line-height: $v-grid-row-height; - text-overflow: ellipsis; - - > * { - line-height: $v-line-height; - vertical-align: middle; - } - - // Force div elements to inline-blocks by default to enable vertical centering - > div { - display: inline-block; - } - - &.frozen { - @include box-shadow(1px 0 2px rgba(0,0,0,.1)); - border-right: $v-grid-cell-vertical-border; - - @if $v-grid-cell-vertical-border and $v-grid-cell-vertical-border != none { - + th, - + td { - border-left: none; - } - } - } - } - - // Rows - - .#{$primaryStyleName}-row > td, - .#{$primaryStyleName}-editor-cells > div { - border-left: $v-grid-cell-vertical-border; - border-bottom: $v-grid-cell-horizontal-border; - - &:first-child { - border-left: none; - } - } - - .#{$primaryStyleName}-editor-cells.frozen > div { - @include box-shadow(1px 0 2px rgba(0,0,0,.1)); - border-right: $v-grid-cell-vertical-border; - border-left: none; - } - - .#{$primaryStyleName}-row-stripe > td { - background-color: $v-grid-row-stripe-background-color; - } - - .#{$primaryStyleName}-row-selected > td { - background: $v-grid-row-selected-background-color; - } - - .#{$primaryStyleName}-row-focused > td { - background-color: $v-grid-row-focused-background-color; - } - - // Header - - .#{$primaryStyleName}-header { - th { - position: relative; - background-color: $v-grid-header-background-color; - font-size: $v-grid-header-font-size; - font-weight: inherit; - border-left: $v-grid-header-border; - border-bottom: $v-grid-header-border; - line-height: $v-grid-header-row-height; - text-align: left; - - &:first-child { - border-left: none; - } - } - - .sort-asc, - .sort-desc { - padding-right: round($v-grid-header-font-size * 1.2) + $v-grid-cell-padding-horizontal; - - &:after { - font-family: ThemeIcons, sans-serif; - content: "\f0de" " " attr(sort-order); - position: absolute; - right: $v-grid-cell-padding-horizontal; - font-size: round($v-grid-header-font-size * 0.85); - } - } - - .sort-desc:after { - content: "\f0dd" " " attr(sort-order); - } - } - - .#{$primaryStyleName}-column-resize-handle { - position: absolute; - width: 2 * $v-grid-cell-padding-horizontal; - right: -$v-grid-cell-padding-horizontal; - top: 0px; - bottom: 0px; - cursor: col-resize; - z-index: 10; - - // TODO should refactor into a mixin - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - // Footer - - .#{$primaryStyleName}-footer { - td { - background-color: $v-grid-footer-background-color; - font-size: $v-grid-footer-font-size; - font-weight: inherit; - border-left: $v-grid-footer-border; - border-top: $v-grid-footer-border; - border-bottom: none; - line-height: $v-grid-footer-row-height; - - &:first-child { - border-left: none; - } - } - } - - // Header and footer - - .#{$primaryStyleName}-header, - .#{$primaryStyleName}-footer { - .#{$primaryStyleName}-cell { - overflow: visible; - } - } - - .#{$primaryStyleName}-column-header-content, - .#{$primaryStyleName}-column-footer-content { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - // Hackish, needed to override the "v-grid-cell > *" rule above - line-height: $v-grid-row-height; - vertical-align: baseline; - } - - // Decorative elements - - .#{$primaryStyleName}-header-deco { - border-top: $v-grid-header-border; - border-right: $v-grid-header-border; - background-color: $v-grid-header-background-color; - } - - .#{$primaryStyleName}-footer-deco { - border-bottom: $v-grid-footer-border; - border-right: $v-grid-footer-border; - background-color: $v-grid-footer-background-color; - } - - .#{$primaryStyleName}-horizontal-scrollbar-deco { - background-color: $v-grid-footer-background-color; - border: $v-grid-footer-border; - border-top: none; - } - - // Focused cell style (common for all cells) - - .#{$primaryStyleName}-cell-focused { - position: relative; - - &:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border: $v-grid-cell-focused-border; - display: none; - pointer-events: none; - } - - // IE 8-10 apply "pointer-events" only to SVG elements. - // Using an empty SVG instead of an empty text node makes IE - // obey the "pointer-events: none" and forwards click events - // to the underlying element. The data decodes to: - // - .ie8 &:before, - .ie9 &:before, - .ie10 &:before { - content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); - } - } - - .#{$primaryStyleName}:focus .#{$primaryStyleName}-cell-focused:before { - display: block; - } - - .#{$primaryStyleName}.v-disabled:focus .#{$primaryStyleName}-cell-focused:before { - // Disabled Grid should not show cell focus outline - display: none; - } - - // Editor - - .#{$primaryStyleName}-editor { - position: absolute; - z-index: 20; - overflow: hidden; - left: 0; - right: 0; - border: $v-grid-border; - box-sizing: border-box; - -moz-box-sizing: border-box; - margin-top: nth($v-grid-border, 1) * -1; - @include box-shadow(0 0 9px rgba(0,0,0,.2)); - - // Unbuffered footer needs to be 100% width to display correctly - &.unbuffered { - .#{$primaryStyleName}-editor-footer { - width: 100%; - } - } - } - - .#{$primaryStyleName}-editor-cells { - position: relative; - white-space: nowrap; - - &.frozen { - z-index: 2; - } - - > div { - display: inline-block; - @include box-sizing(border-box); - vertical-align: middle; - background: $v-grid-editor-background-color; - - &:first-child { - border-left: none; - } - - > * { - vertical-align: middle; - display: inline-block; - } - - .v-filterselect { - padding-left: 0; - } - - input[type="text"], - input[type="text"].v-filterselect-input, - input[type="password"] { - padding-left: $v-grid-cell-padding-horizontal; - } - - input[type="text"]:not(.v-filterselect-input), - input[type="password"] { - padding-right: $v-grid-cell-padding-horizontal / 2; - } - - input[type="checkbox"] { - margin-left: $v-grid-cell-padding-horizontal; - } - - .v-textfield, - .v-datefield, - .v-filterselect { - min-width: 100%; - max-width: 100%; - min-height: 100%; - max-height: 100%; - } - - .v-datefield-button { - .v-ie8 & { - margin-left: -37px; - } - } - - .v-filterselect-button { - .v-ie8 & { - margin-left: -25px; - } - } - - .v-select, - .v-select-select { - min-width: 100%; - max-width: 100%; - } - - &.not-editable.#{$primaryStyleName}-cell { - float: none; - } - } - - .error::before { - position: absolute; - display: block; - height: 0; - width: 0; - content: ""; - border-top: 5px solid red; - border-right: 5px solid transparent; - } - - .error, - .error > input { - background-color: #fee; - } - } - - .#{$primaryStyleName}-editor-footer { - display: table; - height: $v-grid-row-height; - border-top: $v-grid-cell-horizontal-border; - margin-top: nth($v-grid-cell-horizontal-border, 1) * -1; - background: $v-grid-row-background-color; - padding: 0 5px; - - + .#{$primaryStyleName}-editor-cells > div { - border-bottom: none; - border-top: $v-grid-cell-horizontal-border; - } - - &:first-child { - border-top: none; - margin-top: 0; - border-bottom: $v-grid-cell-horizontal-border; - margin-bottom: nth($v-grid-cell-horizontal-border, 1) * -1; - } - } - - .#{$primaryStyleName}-editor-message, - .#{$primaryStyleName}-editor-buttons { - display: table-cell; - white-space: nowrap; - vertical-align: middle; - } - - .#{$primaryStyleName}-editor-message { - width: 100%; - position: relative; - - > div { - position: absolute; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - line-height: $v-grid-row-height; - top: 0; - } - } - - .#{$primaryStyleName}-editor-save { - margin-right: 4px; - } - - .#{$primaryStyleName}-spacer { - // using padding since left is used with some position functions in escalator - padding-left: $v-grid-details-marker-width - $v-grid-border-size; - } - - .#{$primaryStyleName}-spacer > td { - display: block; - padding: 0; - - background-color: $v-grid-row-background-color; - border-top: $v-grid-details-border-top; - border-bottom: $v-grid-details-border-bottom; - } - - .#{$primaryStyleName}-spacer.stripe > td { - background-color: $v-grid-row-stripe-background-color; - border-top: $v-grid-details-border-top-stripe; - border-bottom: $v-grid-details-border-bottom-stripe; - } - - .#{$primaryStyleName}-spacer-deco-container { - border-top: $v-grid-border-size solid transparent; // same size as table wrapper border - position: relative; - top: 0; // escalator will override top for scrolling and margin-top for header offset. - z-index: 5; - } - - .#{$primaryStyleName}-spacer-deco { - top: 0; // this will be overridden by code, but it's a good default. - left: 0; - width: $v-grid-details-marker-width; - background-color: $v-grid-details-marker-color; - position: absolute; - height: 100%; // this will be overridden by code, but it's a good default. - pointer-events: none; - - // IE 8-10 apply "pointer-events" only to SVG elements. - // Using an empty SVG instead of an empty text node makes IE - // obey the "pointer-events: none" and forwards click events - // to the underlying element. The data decodes to: - // - .ie8 &:before, - .ie9 &:before, - .ie10 &:before { - content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); - } - } - - // Renderers - - .#{$primaryStyleName}-cell > .v-progressbar { - width: 100%; - } -} diff --git a/WebContent/VAADIN/themes/base/gridlayout/gridlayout.scss b/WebContent/VAADIN/themes/base/gridlayout/gridlayout.scss deleted file mode 100644 index 54a2e8667c..0000000000 --- a/WebContent/VAADIN/themes/base/gridlayout/gridlayout.scss +++ /dev/null @@ -1,35 +0,0 @@ -@mixin base-gridlayout($primaryStyleName : v-gridlayout) { - -.#{$primaryStyleName} { - position: relative; -} -.#{$primaryStyleName}-slot { - position: absolute; -} -.#{$primaryStyleName}-margin-top { - padding-top: 12px; -} -.#{$primaryStyleName}-margin-bottom { - padding-bottom: 12px; -} -.#{$primaryStyleName}-margin-left { - padding-left: 12px; -} -.#{$primaryStyleName}-margin-right { - padding-right: 12px; -} -.#{$primaryStyleName}-spacing-on { - padding-left: 6px; - padding-top: 6px; - overflow: hidden; -} -.#{$primaryStyleName}-spacing, -.#{$primaryStyleName}-spacing-off { - padding-left: 0; - padding-top: 0; -} -.#{$primaryStyleName}-spacing-off { - overflow: hidden; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss b/WebContent/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss deleted file mode 100644 index 06a24125c2..0000000000 --- a/WebContent/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin base-inline-datefield($primaryStyleName : v-inline-datefield){ - - /* FIXME $primaryStyleName should be passed to the the mixing instead of the default. Fix when SASS compiler works. #9821 */ - @include base-datefield(v-inline-datefield); -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/label/label.scss b/WebContent/VAADIN/themes/base/label/label.scss deleted file mode 100644 index 3c72796828..0000000000 --- a/WebContent/VAADIN/themes/base/label/label.scss +++ /dev/null @@ -1,11 +0,0 @@ -@mixin base-label($primaryStyleName : v-label) { - -.#{$primaryStyleName} { - overflow: hidden; -} - -.#{$primaryStyleName}.v-has-width { - white-space: normal; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/layout/layout.scss b/WebContent/VAADIN/themes/base/layout/layout.scss deleted file mode 100644 index fe3fcd17ed..0000000000 --- a/WebContent/VAADIN/themes/base/layout/layout.scss +++ /dev/null @@ -1,221 +0,0 @@ -/* -TODO -- separate styles to proper places -- decide a good class name structure for core layouts (e.g. 'v-layout', 'v-vertical', 'v-grid' etc.) -- use !important in carefully selected places to prevent accidental layout breakage by custom theming (e.g. alignments should be forced) - -*/ - -@mixin base-layout { - -.v-vertical.v-margin-top, -.v-horizontal.v-margin-top { - padding-top: 12px; -} - -.v-vertical.v-margin-right, -.v-horizontal.v-margin-right { - padding-right: 12px; -} - -.v-vertical.v-margin-bottom, -.v-horizontal.v-margin-bottom { - padding-bottom: 12px; -} - -.v-vertical.v-margin-left, -.v-horizontal.v-margin-left { - padding-left: 12px; -} - -/* Different for historical reasons: previously was inherited directly from Base theme */ -/* TODO unify these values in version 7 */ -.v-gridlayout.v-layout-margin-top { - padding-top: 24px; -} -.v-gridlayout, -.v-verticallayout, -.v-horizontallayout { - font-size: 0; - line-height: normal; -} - -.v-gridlayout.v-layout-margin-bottom { - padding-bottom: 24px; -} -.v-gridlayout.v-layout-margin-left { - padding-left: 24px; -} -.v-gridlayout.v-layout-margin-right { - padding-right: 24px; -} -.v-gridlayout .v-layout-spacing-on { - padding-left: 12px; - padding-top: 12px; -} - -.v-spacing { - width: 6px; - height: 6px; -} - -.v-vertical, -.v-horizontal { - display: inline-block; -} - -div.v-layout.v-horizontal.v-widget { - white-space: nowrap; -} - -.v-layout.v-vertical > .v-expand, -.v-layout.v-horizontal > .v-expand { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; -} - -.v-slot, -.v-spacing { - display: inline-block; - white-space: normal; - vertical-align: top; -} - -/* Clear any floats inside the slot, to prevent unwanted collapsing */ -.v-vertical > .v-slot:after { - display: inline-block; - clear: both; - width: 0; - height: 0; - overflow: hidden; - line-height:0; -} - -.v-vertical > .v-slot, -.v-vertical > .v-expand > .v-slot { - display: block; - clear: both; -} - -.v-horizontal > .v-slot, -.v-horizontal > .v-expand > .v-slot { - height: 100%; -} - -/* Workaround for IE8+IE9 bug where clicking inside an input area which is inside a div with negative margin causes cursor position to jump to wrong position. See #11152 */ -.v-horizontal > .v-expand > .v-slot { - position: relative; -} - -.v-vertical > .v-spacing, -.v-vertical > .v-expand > .v-spacing { - width: 0; - display: block; - clear: both; -} - -.v-horizontal > .v-spacing, -.v-horizontal > .v-expand > .v-spacing { - height: 0; -} - -.v-align-middle:before, -.v-align-bottom:before, -.v-expand > .v-align-middle:before, -.v-expand > .v-align-bottom:before { - content: ""; - display: inline-block; - height: 100%; - vertical-align: middle; - width: 0; -} - -.v-align-middle, -.v-align-bottom { - white-space: nowrap; -} - -.v-align-middle > .v-widget, -.v-align-right > .v-widget, -.v-align-center > .v-widget, -.v-align-bottom > .v-widget { - display: inline-block; -} - -.v-align-middle, -.v-align-middle > .v-widget { - vertical-align: middle; -} - -.v-align-bottom, -.v-align-bottom > .v-widget { - vertical-align: bottom; -} - -.v-align-center { - text-align: center; -} - -.v-align-center > .v-widget { - margin-left: auto; - margin-right: auto; -} - -.v-align-right { - text-align: right; -} - -.v-align-right > .v-widget { - margin-left: auto; -} - -.v-has-caption, -.v-has-caption > .v-caption { - display: inline-block; /* Force natural width to zero */ -} - -.v-caption { - overflow: visible; - vertical-align: middle; -} - -.v-caption-on-left, -.v-caption-on-right { - white-space: nowrap; -} - -.v-caption-on-top > .v-caption, -.v-caption-on-bottom > .v-caption { - display: block; -} - -.v-caption-on-left > .v-caption { - padding-right: .5em; -} - -.v-caption-on-right > .v-caption { - vertical-align:top; -} - -.v-caption-on-left > .v-widget, -.v-caption-on-right > .v-widget { - display: inline-block; - vertical-align: middle; -} - -.v-has-caption.v-has-width > .v-widget { - width: 100% !important; -} - -.v-has-caption.v-has-height > .v-widget { - height: 100% !important; -} - -.v-errorindicator { - vertical-align: middle; -} - -} diff --git a/WebContent/VAADIN/themes/base/legacy-styles.scss b/WebContent/VAADIN/themes/base/legacy-styles.scss deleted file mode 100644 index 188fc85d46..0000000000 --- a/WebContent/VAADIN/themes/base/legacy-styles.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "base.scss"; -// For legacy themes; does not wrap styles in .themename -// Creates legacy-styles.css that can be imported into non-sass themes. -// NOTE: can not be used in scenarios where multiple themes are used on the -// same page (e.g portals). -@include base; \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/link/link.scss b/WebContent/VAADIN/themes/base/link/link.scss deleted file mode 100644 index bff6fbd5fe..0000000000 --- a/WebContent/VAADIN/themes/base/link/link.scss +++ /dev/null @@ -1,22 +0,0 @@ -@mixin base-link($primaryStyleName : v-link) { - -.#{$primaryStyleName} { - white-space: nowrap; -} -.#{$primaryStyleName} a { - vertical-align: middle; - text-decoration: none; -} -.#{$primaryStyleName} span { - text-decoration: underline; - vertical-align: middle; -} -.v-disabled a { - cursor: default; -} -.#{$primaryStyleName} img { - vertical-align: middle; - border:none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/loginform/loginform.scss b/WebContent/VAADIN/themes/base/loginform/loginform.scss deleted file mode 100644 index 48fabbf793..0000000000 --- a/WebContent/VAADIN/themes/base/loginform/loginform.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin base-loginform($primaryStyleName : v-loginform) { - -.#{$primaryStyleName} { - height: 140px; - width: 200px; -} - -.v-app-loginpage .v-button, -.v-app-loginpage .v-button { - float: left; /* Force minimum width for button */ -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/menubar/img/check.gif b/WebContent/VAADIN/themes/base/menubar/img/check.gif deleted file mode 100644 index 0a89195168..0000000000 Binary files a/WebContent/VAADIN/themes/base/menubar/img/check.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/menubar/menubar.scss b/WebContent/VAADIN/themes/base/menubar/menubar.scss deleted file mode 100644 index ad701f1b42..0000000000 --- a/WebContent/VAADIN/themes/base/menubar/menubar.scss +++ /dev/null @@ -1,108 +0,0 @@ -@mixin base-menubar($primaryStyleName : v-menubar) { - -.#{$primaryStyleName} { - display: inline-block; - white-space: nowrap; - overflow: hidden; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { - cursor: default; - vertical-align: middle; - white-space: nowrap; - display: inline; - display: inline-block; - zoom: 1; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-caption .v-icon { - vertical-align: middle; - white-space: nowrap; -} -.#{$primaryStyleName}-submenu { - background: #fff; -} -.#{$primaryStyleName}-menuitem-selected { - background: #333; - color: #fff; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { - cursor: default; - display: block; - position: relative; - padding-right: 1.5em; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption { - display: block; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem *, -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption * { - white-space: nowrap; -} -.#{$primaryStyleName}-submenu-indicator { - display: none; - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { - display: block; - position: absolute; - right: 0; - width: 1em; - height: 1em; - font-size: 11.7px; -} -.#{$primaryStyleName}-menuitem-disabled, -.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:hover, -.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:focus, -.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:active { - opacity: .5; - filter: alpha(opacity=50); - - .v-ie8 & { - filter: none; - color: #999; - img { - filter: alpha(opacity=50); - } - } -} - -.#{$primaryStyleName}-more-menuitem { - /* Arial has the most coverage for geometric entity characters */ - font-family: arial, helvetica, sans-serif; -} -.#{$primaryStyleName}-separator { - overflow: hidden; -} -.#{$primaryStyleName}-separator span { - display: block; - text-indent: -9999px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #ddd; - margin: 3px 0 2px; - overflow: hidden; -} -.#{$primaryStyleName} .v-icon, -.#{$primaryStyleName}-submenu .v-icon { - margin-right: 3px; -} - -.#{$primaryStyleName}:focus, -.#{$primaryStyleName}-popup:focus, -.#{$primaryStyleName}-popup .popupContent:focus, -.#{$primaryStyleName}-popup .popupContent .#{$primaryStyleName}-submenu:focus{ - outline: none; -} -/* Checkboxes for checkable/checked menu items */ -/* Checked/unchecked requires combined style selected-(un)checked for IE6 */ -.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem { - padding-left: 6px; -} -.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption { - padding-left: 18px; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-checked .#{$primaryStyleName}-menuitem-caption { - background: transparent url(img/check.gif) no-repeat left; -} - -} diff --git a/WebContent/VAADIN/themes/base/notification/notification.scss b/WebContent/VAADIN/themes/base/notification/notification.scss deleted file mode 100644 index 5deb7e0e84..0000000000 --- a/WebContent/VAADIN/themes/base/notification/notification.scss +++ /dev/null @@ -1,67 +0,0 @@ -@mixin base-notification($primaryStyleName : v-Notification) { - -.#{$primaryStyleName} { - background: #999; - color: #fff; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width:85%; - opacity: .9; - filter: alpha(opacity=90); -} -.#{$primaryStyleName}-caption, -.#{$primaryStyleName}-description, -.#{$primaryStyleName}-details { - display: inline; - margin: 0 0.5em 0 0; -} -.#{$primaryStyleName}-warning { - background: orange; -} -.#{$primaryStyleName}-error { - background: red; -} -.#{$primaryStyleName}-tray { - .#{$primaryStyleName}-caption, - .#{$primaryStyleName}-description { - display: block; - } -} -.#{$primaryStyleName}-system { - background-color: red; -} -.#{$primaryStyleName}-system .#{$primaryStyleName}-caption { - display: block; - margin: 0; -} -.#{$primaryStyleName}-animate-out { - @include animation(v-notification-animate-out 400ms); -} - -.#{$primaryStyleName} { - &.v-position-top { - top: 0; - } - &.v-position-right { - right: 0; - } - &.v-position-bottom { - bottom: 0; - } - &.v-position-left { - left: 0; - } - &.v-position-assistive { - top: -9999px; - left: -9999px; - } -} - -} - -@include keyframes(v-notification-animate-out) { - 100% { - opacity: 0; - } -} diff --git a/WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.scss b/WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.scss deleted file mode 100644 index 7820d842fc..0000000000 --- a/WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.scss +++ /dev/null @@ -1,47 +0,0 @@ -@mixin base-orderedlayout { - -.v-orderedlayout, -.v-horizontallayout, -.v-verticallayout { - position: relative; -} - -.v-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top { - padding-top: 12px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right { - padding-right: 12px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { - padding-bottom: 12px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left { - padding-left: 12px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 6px; - padding-left: 6px; -} -/* This can be used to define spacing if spacing is off server side */ -.v-orderedlayout-spacing-off, -.v-horizontallayout-spacing-off, -.v-verticallayout-spacing-off { - padding-top: 0; - padding-left: 0; -} - -.v-horizontallayout-slot, .v-verticallayout-slot { - position: absolute; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/panel/panel.scss b/WebContent/VAADIN/themes/base/panel/panel.scss deleted file mode 100644 index 16fadfa15d..0000000000 --- a/WebContent/VAADIN/themes/base/panel/panel.scss +++ /dev/null @@ -1,47 +0,0 @@ -@mixin base-panel($primaryStyleName : v-panel) { - -.#{$primaryStyleName}, -.#{$primaryStyleName}-caption, -.#{$primaryStyleName}-content, -.#{$primaryStyleName}-deco, -.#{$primaryStyleName}-light, -.#{$primaryStyleName}-caption-light, -.#{$primaryStyleName}-content-light, -.#{$primaryStyleName}-deco-light { - outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ - text-align: left; /* Force default alignment */ -} -.#{$primaryStyleName}-caption .v-errorindicator { - float: none; - display: inline; -} -.#{$primaryStyleName}-caption .v-icon { - display: inline; - vertical-align: middle; -} -.#{$primaryStyleName}-caption span { - vertical-align: middle; -} -.#{$primaryStyleName}-caption { - white-space: nowrap; - overflow:hidden; - font-weight: bold; -} -.#{$primaryStyleName}-nocaption { - overflow: hidden; -} -.#{$primaryStyleName}-content { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.#{$primaryStyleName}.v-has-width > .#{$primaryStyleName}-content { - width: 100%; -} -.#{$primaryStyleName}.v-has-height > .#{$primaryStyleName}-content { - height: 100%; -} -.#{$primaryStyleName}-deco { -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/popupview/popupview.scss b/WebContent/VAADIN/themes/base/popupview/popupview.scss deleted file mode 100644 index cafcf9b720..0000000000 --- a/WebContent/VAADIN/themes/base/popupview/popupview.scss +++ /dev/null @@ -1,17 +0,0 @@ -@mixin base-popupview($primaryStyleName : v-popupview) { - -.#{$primaryStyleName} { - cursor: pointer; - text-decoration: underline; - white-space: nowrap; -} -.#{$primaryStyleName}-popup { - overflow: auto; -} -.#{$primaryStyleName}-loading { - width: 30px; - height: 30px; - background: transparent url(../common/img/ajax-loader-medium.gif) no-repeat 50%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/progressindicator/progressindicator.scss b/WebContent/VAADIN/themes/base/progressindicator/progressindicator.scss deleted file mode 100644 index 0065cf3d07..0000000000 --- a/WebContent/VAADIN/themes/base/progressindicator/progressindicator.scss +++ /dev/null @@ -1,35 +0,0 @@ -@mixin base-progressindicator($primaryStyleName : v-progressindicator) { - -.#{$primaryStyleName} { - width: 150px; -} -.#{$primaryStyleName}-wrapper { - height: 7px; - border: 1px solid #ddd; -} -.#{$primaryStyleName}-indicator { - height: 7px; - background: #ddd; -} -div.#{$primaryStyleName}-indeterminate { - height: 20px; - width: 20px; - background: #fff url(../common/img/ajax-loader-medium.gif) no-repeat 50%; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} -/* Hide obsolete elements in indeterminate mode */ -.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-wrapper, -.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-indicator, -.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-wrapper, -.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-indicator { - display: none; -} -div.#{$primaryStyleName}-indeterminate-disabled { - height: 20px; - width: 20px; - background: transparent; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/select/select.scss b/WebContent/VAADIN/themes/base/select/select.scss deleted file mode 100644 index 69d3c07272..0000000000 --- a/WebContent/VAADIN/themes/base/select/select.scss +++ /dev/null @@ -1,174 +0,0 @@ -@mixin base-select($primaryStyleName : v-select) { - -$select-button-width : 1em; -$select-button-negative-width : -1em; - -.#{$primaryStyleName} { - text-align: left; -} -.#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option { - display: block; - white-space: nowrap; -} -.#{$primaryStyleName}-optiongroup .v-icon { - vertical-align: middle; - white-space: nowrap; - margin: 0 2px; -} -.v-ie & .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option { - zoom: 1; -} -.#{$primaryStyleName}-select { - display: block; -} -.#{$primaryStyleName}-twincol { - white-space: nowrap; -} -.#{$primaryStyleName}-twincol-options { - float: left; -} -.#{$primaryStyleName}-twincol-caption-left { - float: left; - overflow: hidden; - text-overflow: ellipsis; -} -.#{$primaryStyleName}-twincol-selections { - font-weight: bold; -} -.#{$primaryStyleName}-twincol-caption-right { - float: right; - overflow: hidden; - text-overflow: ellipsis; -} -.#{$primaryStyleName}-twincol-buttons { - float: left; - text-align: center; -} -.#{$primaryStyleName}-twincol-buttons .#{$primaryStyleName}-twincol-deco { - clear: both; -} -.#{$primaryStyleName}-twincol .v-textfield { - display: block; - float: left; - clear: left; -} -.#{$primaryStyleName}-twincol .v-button { - float: left; -} -.#{$primaryStyleName}-twincol-buttons .v-button { - float: none; -} -.v-filterselect { - white-space: nowrap; - text-align: left; - display: inline-block; - padding-right: $select-button-width; /* Space for the button */ -} -.v-filterselect .v-icon { - float: left; -} -&.v-app .v-filterselect-input, -.v-window .v-filterselect-input, -.v-popupview-popup .v-filterselect-input { - margin: 0; - float: left; - -webkit-border-radius: 0px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.v-filterselect-prompt .v-filterselect-input { - color: #999; - font-style: italic; -} -.v-filterselect-button { - display: inline-block; - cursor: pointer; - width: $select-button-width; - margin-right: $select-button-negative-width; - height: 1em; - background: transparent url(../common/img/sprites.png) no-repeat -5px -8px; -} -.v-filterselect.v-readonly .v-filterselect-button { - display: none; -} -.v-filterselect.v-readonly, -.v-filterselect.v-readonly .v-filterselect-input { - background: transparent; -} -.v-filterselect-suggestpopup { - background: #fff; - border: 1px solid #eee; -} -.v-filterselect-suggestmenu table { - border-collapse: collapse; - border: none; - vertical-align:top; -} -.v-filterselect-suggestmenu .gwt-MenuItem { - white-space: nowrap; -} -.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { - margin-right: 3px; - vertical-align: middle; -} -.v-filterselect-suggestmenu .gwt-MenuItem span { - vertical-align: middle; -} -.v-filterselect-suggestmenu .gwt-MenuItem-selected { - background: #333; - color: #fff; -} -.v-filterselect-nextpage, -.v-filterselect-nextpage-off, -.v-filterselect-prevpage-off, -.v-filterselect-prevpage { - width: 100%; - background: #aaa; - text-align: center; - overflow: hidden; - cursor: pointer; -} -.v-filterselect-nextpage-off, -.v-filterselect-prevpage-off { - color: #666; - opacity: .5; - filter: alpha(opacity=50); - cursor: default; -} -.v-filterselect-nextpage-off span, -.v-filterselect-prevpage-off span { - cursor: default; -} -.v-filterselect-status { - white-space: nowrap; - text-align: center; -} - -.v-filterselect-no-input .v-filterselect-input { - cursor: default; -} - -/* Error styles (disabled by default) - -.v-filterselect-error .v-filterselect-input, -.#{$primaryStyleName}-error .#{$primaryStyleName}-option, -.#{$primaryStyleName}-error .#{$primaryStyleName}-select, -.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-selections, -.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-options { - background: #ffaaaa; -} -*/ - -/* Required field styles (disabled by default) - -.v-filterselect-error .v-filterselect-input, -.#{$primaryStyleName}-required .#{$primaryStyleName}-option, -.#{$primaryStyleName}-required .#{$primaryStyleName}-select, -.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-selections, -.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-options { - background: #ffaaaa; -} -*/ - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/shadow/img/bottom-left.png b/WebContent/VAADIN/themes/base/shadow/img/bottom-left.png deleted file mode 100644 index 6b2cd00a0d..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/bottom-right.png b/WebContent/VAADIN/themes/base/shadow/img/bottom-right.png deleted file mode 100644 index c5c10a7bf5..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/bottom.png b/WebContent/VAADIN/themes/base/shadow/img/bottom.png deleted file mode 100644 index 14935a81d4..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/bottom.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/center.png b/WebContent/VAADIN/themes/base/shadow/img/center.png deleted file mode 100644 index 1db9a53c75..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/center.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/left.png b/WebContent/VAADIN/themes/base/shadow/img/left.png deleted file mode 100644 index 45634c05d8..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/right.png b/WebContent/VAADIN/themes/base/shadow/img/right.png deleted file mode 100644 index 619c4034db..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/top-left.png b/WebContent/VAADIN/themes/base/shadow/img/top-left.png deleted file mode 100644 index 10e743875e..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/top-right.png b/WebContent/VAADIN/themes/base/shadow/img/top-right.png deleted file mode 100644 index 2088806475..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/img/top.png b/WebContent/VAADIN/themes/base/shadow/img/top.png deleted file mode 100644 index 9daf3f41f4..0000000000 Binary files a/WebContent/VAADIN/themes/base/shadow/img/top.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/shadow/shadow.scss b/WebContent/VAADIN/themes/base/shadow/shadow.scss deleted file mode 100644 index 3c369d3fef..0000000000 --- a/WebContent/VAADIN/themes/base/shadow/shadow.scss +++ /dev/null @@ -1,78 +0,0 @@ -@mixin base-shadow($primaryStyleName : v-shadow) { - -.#{$primaryStyleName} { - position: absolute; - display: none; - pointer-events: none; - - .v-ie8 & { - display: block; - } -} - -.#{$primaryStyleName} .top-left { - position: absolute; overflow: hidden; - top: -3px; left: -5px; - width: 10px; height: 10px; - background: transparent url(img/top-left.png); -} - -.#{$primaryStyleName} .top { - position: absolute; overflow: hidden; - top: -3px; left: 5px; - height: 10px; right: 5px; - background: transparent url(img/top.png); -} - -.#{$primaryStyleName} .top-right { - position: absolute; overflow: hidden; - top: -3px; right: -5px; - width: 10px; height: 10px; - background: transparent url(img/top-right.png); -} - -.#{$primaryStyleName} .left { - position: absolute; overflow: hidden; - top: 7px; left: -5px; - width: 10px; - bottom: 3px; - background: transparent url(img/left.png); -} - -.#{$primaryStyleName} .center { - position: absolute; overflow: hidden; - top: 7px; left: 5px; - bottom: 3px; right: 5px; - background: transparent url(img/center.png); -} - -.#{$primaryStyleName} .right { - position: absolute; overflow: hidden; - top: 7px; right: -5px; - width: 10px; - bottom: 3px; - background: transparent url(img/right.png); -} - -.#{$primaryStyleName} .bottom-left { - position: absolute; overflow: hidden; - bottom: -7px; left: -5px; - width: 10px; height: 10px; - background: transparent url(img/bottom-left.png); -} - -.#{$primaryStyleName} .bottom { - position: absolute; overflow: hidden; - bottom: -7px; left: 5px; - right: 5px; height: 10px; - background: transparent url(img/bottom.png); -} - -.#{$primaryStyleName} .bottom-right { - position: absolute; overflow: hidden; - bottom: -7px; right: -5px; - width: 10px; height: 10px; - background: transparent url(img/bottom-right.png); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/slider/slider.scss b/WebContent/VAADIN/themes/base/slider/slider.scss deleted file mode 100644 index 60047bc6db..0000000000 --- a/WebContent/VAADIN/themes/base/slider/slider.scss +++ /dev/null @@ -1,70 +0,0 @@ -@mixin base-slider($primaryStyleName : v-slider) { - -.#{$primaryStyleName} { - margin: 5px 0; -} -.#{$primaryStyleName}-base { - /* changing the borders will require adjustments to ISlider.java */ - height: 2px; - border-top: 1px solid #ddd; - background: #eee; - border-left: 1px solid #ddd; - border-right: 1px solid #eee; -} -.#{$primaryStyleName}-handle { - background: #aaa; - width: 12px; - height: 12px; - margin-top: -5px; - font-size: 0; - -ms-touch-action: none; - touch-action: none; -} - -.#{$primaryStyleName}-vertical { - width: 2px; - height: auto; - margin: 0 5px; - border: none; - border-left: 1px solid #cccfd0; - border-right: 1px solid #cccfd0; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { - width: 2px; - border-bottom: 1px solid #eee; - border-right: none; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { - width: 12px; - height: 12px; - font-size: 0; - margin-left: -5px; -} - -.#{$primaryStyleName}-feedback { - padding: 2px 5px; - background: #444; - color: #fff; - font-size: 11px; - line-height: 13px; - font-weight: bold; - font-family: Arial, Helvetica, sans-serif; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - margin: -2px 0 0 2px; - text-shadow: 0 1px 0 #000; -} - -/* Disabled by default -.#{$primaryStyleName}-error .#{$primaryStyleName}-base { - background: #FFE0E0; -} -*/ -/* Disabled by default -.#{$primaryStyleName}-required .#{$primaryStyleName}-base { - background: #FFE0E0; -} -*/ - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss deleted file mode 100644 index 968894d92d..0000000000 --- a/WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss +++ /dev/null @@ -1,38 +0,0 @@ -@mixin base-splitpanel($primaryStyleName : v-splitpanel) { - -.#{$primaryStyleName}-horizontal, -.#{$primaryStyleName}-vertical { - overflow: hidden; -} -.#{$primaryStyleName}-hsplitter { - width: 6px; -} -.#{$primaryStyleName}-hsplitter div { - width: 6px; - position: absolute; - top: 0; - bottom: 0; - background: #ddd; - cursor: e-resize; - cursor: col-resize; - -ms-touch-action: none; - touch-action: none -} -.v-disabled .#{$primaryStyleName}-hsplitter div { - cursor: default; -} -.#{$primaryStyleName}-vsplitter { - height: 6px; -} -.#{$primaryStyleName}-vsplitter div { - height: 6px; - background: #ddd; - cursor: s-resize; - cursor: row-resize; - -ms-touch-action: none; - touch-action: none; -} -.v-disabled .#{$primaryStyleName}-vsplitter div { - cursor: default; -} -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/styles.scss b/WebContent/VAADIN/themes/base/styles.scss deleted file mode 100644 index 1b6942944b..0000000000 --- a/WebContent/VAADIN/themes/base/styles.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "base.scss"; -.base { - @include base; -} diff --git a/WebContent/VAADIN/themes/base/table/table.scss b/WebContent/VAADIN/themes/base/table/table.scss deleted file mode 100644 index 22ffdffa4d..0000000000 --- a/WebContent/VAADIN/themes/base/table/table.scss +++ /dev/null @@ -1,293 +0,0 @@ -@mixin base-table($primaryStyleName : v-table) { - -/* Table theme building instructions - * - * Vaadin scroll table is very complex widget with dozens of features. These - * features set some limitations for theme builder. To keep things working, it - * is safest to try to just override values used in default theme and comfort to - * these instructions. - * - * Borders in table header and in table body need to be same width - * - specify vertical borders on .#{$primaryStyleName}-header-wrap and .#{$primaryStyleName}-body - * - * Table cells in body: - * - padding/border for cells is to be defined for td elements (class name: .#{$primaryStyleName}-cell-content) - * - in default theme there are no borders, but they should work. Just set border-right or border-bottom - * - no padding or border is allowed for div inside cells (class name: .#{$primaryStyleName}-cell-wrapper) element - * - background is allowed for both elements - * - * Table headers: - * - table cells in header contain .#{$primaryStyleName}-resizer and - * .#{$primaryStyleName}-caption-container div elements, which are both floated to right - * - to align header caption to body content resizer width + .#{$primaryStyleName}-caption-container - * padding right should be equal to content cells padding-right and border-right. - * - Possible cell border in header must be themed into column resizer. - * - */ -.#{$primaryStyleName} { - overflow: hidden; - text-align: left; /* Force default alignment */ -} -.#{$primaryStyleName}-header-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-bottom: none; - background: #efefef; -} -.#{$primaryStyleName}-header table, -.#{$primaryStyleName}-table { - border-spacing: 0; - border-collapse: separate; - margin: 0; - padding: 0; - border: 0; -} -.#{$primaryStyleName}-table { - font-size: $font-size; -} - -.#{$primaryStyleName}-header td { - padding: 0; -} -.#{$primaryStyleName}-header-cell, -.#{$primaryStyleName}-header-cell-asc, -.#{$primaryStyleName}-header-cell-desc { - cursor: pointer; -} - -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell, -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-asc, -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-desc { - cursor: default; -} - -.#{$primaryStyleName}-footer-wrap { - overflow: hidden; - border: 1px solid #aaa; - border-top: none; - background: #efefef; -} -.#{$primaryStyleName}-footer table { - border-spacing: 0; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; -} -.#{$primaryStyleName}-footer td { - padding: 0; - border-right: 1px solid #aaa; -} -.#{$primaryStyleName}-footer-cell { - cursor: pointer; -} -.#{$primaryStyleName}-footer-container { - float:right; - padding-right:6px; - overflow:hidden; - white-space:nowrap; -} -.#{$primaryStyleName}-resizer { - display: block; - height: 1.2em; - float: right; - background: #aaa; - cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ - cursor: col-resize; - width: 1px; - overflow: hidden; -} -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-resizer { - cursor: default; -} -.#{$primaryStyleName}-caption-container { - overflow: hidden; - white-space: nowrap; - margin-left: 6px; -} -.#{$primaryStyleName}-caption-container-align-right { - float: right; -} -.#{$primaryStyleName}-sort-indicator { - width: 0px; - height: 1.2em; - float: right; -} -.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator, -.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - width: 16px; - height: 1.2em; - float: right; -} -.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background: transparent url(../common/img/sprites.png) no-repeat right 6px; -} -.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background: transparent url(../common/img/sprites.png) no-repeat right -10px; -} -.#{$primaryStyleName}-caption-container-align-center { - text-align: center; -} -.#{$primaryStyleName}-caption-container-align-right { - text-align: right; -} -.#{$primaryStyleName}-caption-container .v-icon, -.#{$primaryStyleName}-header-drag .v-icon { - vertical-align: middle; -} -.#{$primaryStyleName}-body { - border: 1px solid #aaa; -} -.#{$primaryStyleName}-row-spacer { - height: 10px; - overflow: hidden; /* IE hack to allow < one line height divs */ -} -.#{$primaryStyleName}-row, -.#{$primaryStyleName}-row-odd { - background: #fff; - border: 0; - margin: 0; - padding: 0; - cursor: pointer; -} - -.#{$primaryStyleName}-generated-row { - background: #efefef; -} - -.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row, -.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd { - cursor: default; -} -.#{$primaryStyleName} .v-selected { - background: #999; - color: #fff; -} -.#{$primaryStyleName}-cell-content { - white-space: nowrap; - overflow: hidden; - padding: 0 6px; - border-right: 1px solid #aaa; -} -.#{$primaryStyleName}-cell-wrapper { - /* Do not specify any margins, paddings or borders here */ - white-space: nowrap; - overflow: hidden; -} -.#{$primaryStyleName}-cell-wrapper-align-center { - text-align: center; -} -.#{$primaryStyleName}-cell-wrapper-align-right { - text-align: right; -} -.#{$primaryStyleName}-column-selector { - float: right; - background: transparent url(../common/img/sprites.png) no-repeat 4px -37px; - margin: -1.2em 0 0 0; - height: 1.2em; - width: 14px; - position: relative; /* hide this from IE, it works without it */ - cursor: pointer; -} -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-column-selector { - cursor: default; -} -.#{$primaryStyleName}-focus-slot-left { - border-left: 2px solid #999; - float: none; - margin-bottom: -1.2em; - width: auto; - background: transparent; - border-right: 1px solid #aaa; -} -.#{$primaryStyleName}-focus-slot-right { - border-right: 2px solid #999; - margin-left: -2px; -} -.#{$primaryStyleName}-header-drag { - position: absolute; - background: #efefef; - border: 1px solid #eee; - opacity: 0.9; - filter: alpha(opacity=90); - margin-top: 20px; - z-index: 30000; -} -.#{$primaryStyleName}-header-drag .v-icon { - vertical-align: middle; -} -.#{$primaryStyleName}-scrollposition { - width: 160px; - background: #eee; - border: 1px solid #aaa; -} -.#{$primaryStyleName}-scrollposition span { - display: block; - text-align: center; -} -.#{$primaryStyleName}-body:focus, -.#{$primaryStyleName}-body-wrapper:focus { - outline: none; -} -.#{$primaryStyleName}-body.focused { - border-color: #388ddd; -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-content { - border-top: 1px dotted #0066bd; - border-bottom: 1px dotted #0066bd; -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-wrapper { - margin-top: -1px; - margin-bottom: -1px; -} -/* row in column selector */ -.v-on { - -} -.v-off { - color: #ddd; -} - -/* CheckBox and selection fix #9064 */ -.#{$primaryStyleName} .v-checkbox { - display: inline-block; -} - -/************************************* - * Drag'n'drop styles - *************************************/ -.#{$primaryStyleName}-drag .#{$primaryStyleName}-body { - border-color: #1d9dff; -} -.#{$primaryStyleName}-row-drag-middle .#{$primaryStyleName}-cell-content { - background-color: #bcdcff; -} -.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content { - border-top: 2px solid #1d9dff; -} -.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-wrapper { - margin-top: -2px; /* compensate the space consumed by border hint */ -} -.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content { - border-bottom: 2px solid #1d9dff; -} -.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-wrapper { - margin-bottom: -2px; /* compensate the space consumed by border hint */ -} -.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content:first-child:before, -.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after { - display: block; - - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - margin-left: -6px; - background: transparent url(../common/img/drag-slot-dot.png); -} -.v-ff & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after, -.v-ie & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after { - margin-top: -2px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss deleted file mode 100644 index 14def56ab5..0000000000 --- a/WebContent/VAADIN/themes/base/tabsheet/tabsheet.scss +++ /dev/null @@ -1,134 +0,0 @@ -@mixin base-tabsheet($primaryStyleName : v-tabsheet) { - -.#{$primaryStyleName}, -.#{$primaryStyleName}-content, -.#{$primaryStyleName}-deco { - outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ - text-align: left; /* Force default alignment */ -} -.#{$primaryStyleName}-tabs { - empty-cells: hide; - border-collapse: collapse; - margin: 0; - padding: 0; - border: 0; - width: 100%; - overflow:hidden; -} -.#{$primaryStyleName}-tabitemcell:focus { - outline: none; -} -.#{$primaryStyleName}-tabitemcell, -.#{$primaryStyleName}-spacertd { - margin: 0; - padding: 0; - vertical-align: bottom; -} -.#{$primaryStyleName}-spacertd { - width: 100%; -} -.#{$primaryStyleName}-spacertd div { - border-left: 1px solid #aaa; - border-bottom: 1px solid #aaa; - height: 1em; - padding: 0.2em 0; -} -.#{$primaryStyleName}-hidetabs > .#{$primaryStyleName}-tabcontainer { - display: none; -} -.#{$primaryStyleName}-scroller { - white-space: nowrap; - text-align: right; - margin-top: -1em; -} -.v-disabled .#{$primaryStyleName}-scroller { - display: none; -} -.#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled { - border: 1px solid #aaa; - background: #fff; - width: 12px; - height: 1em; - cursor: pointer; -} -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled { - opacity: 0.5; - cursor: default; -} -.#{$primaryStyleName}-tabs .v-caption, -.#{$primaryStyleName}-tabs .v-caption span { - white-space: nowrap; -} -.#{$primaryStyleName}-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; -} -.#{$primaryStyleName} .v-disabled .#{$primaryStyleName}-caption-close { - cursor: default; - visibility: hidden; -} -.#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { - visibility: visible; -} -.#{$primaryStyleName}-tabitem { - border: 1px solid #aaa; - border-right: none; - cursor: pointer; - padding: 0.2em 0.5em; -} -.#{$primaryStyleName}-tabitem .v-caption { - cursor: inherit; -} -.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-tabitem, -.#{$primaryStyleName}-tabitemcell-disabled .#{$primaryStyleName}-tabitem { - cursor: default; -} -.#{$primaryStyleName}-tabitem-selected { - cursor: default; - border-bottom-color: #fff; -} -.#{$primaryStyleName}-tabitem-selected .v-caption { - cursor: default; -} -.#{$primaryStyleName}-tabitem-focus .v-captiontext { - text-decoration: underline; -} -.#{$primaryStyleName}-tabitem-selected.#{$primaryStyleName}-tabitem-focus .v-captiontext { - text-decoration: inherit; -} -.#{$primaryStyleName}-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; -} -.#{$primaryStyleName}-deco { - height: 1px; - background: #aaa; - overflow: hidden; -} -.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { - border: none; -} -.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-deco { - height: 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png b/WebContent/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png deleted file mode 100644 index e92be23e51..0000000000 Binary files a/WebContent/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/textfield/textfield.scss b/WebContent/VAADIN/themes/base/textfield/textfield.scss deleted file mode 100644 index 4266346132..0000000000 --- a/WebContent/VAADIN/themes/base/textfield/textfield.scss +++ /dev/null @@ -1,120 +0,0 @@ -// textfield-normal.css - -@mixin base-textfield($primaryStyleName : v-textfield) { - -.#{$primaryStyleName} { - text-align: left; /* Force default alignment */ -} -.v-textarea { - resize: none; - white-space: pre-wrap; -} -.#{$primaryStyleName}-focus, -.v-textarea-focus { -} -input.#{$primaryStyleName}-prompt, -textarea.v-textarea-prompt { - color: #999; - font-style: italic; -} -input.#{$primaryStyleName}-readonly, -textarea.v-textarea-readonly { - background: transparent; - border: none; - resize: none; -} -input.v-disabled, -textarea.v-disabled { - resize: none; -} -input.#{$primaryStyleName}-readonly:focus, -textarea.v-textarea-readonly:focus { - outline: none; -} -/* Disabled by default -.v-textarea-error, -.#{$primaryStyleName}-error, -.v-richtextarea-error iframe.gwt-RichTextArea { - background: #FFE0E0; -} -*/ -/* Disabled by default -.v-textarea-required, -.#{$primaryStyleName}-required, -.v-richtextarea-required iframe.gwt-RichTextArea { - background: #FFE0E0; -} -*/ -/* Safari focus glow fix */ -.v-sa & input:focus, -.v-sa & textarea:focus { - outline-width: medium; -} - -} - -// richtext.css - -@mixin base-richtextarea { - -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; - border: none; -} -.v-richtextarea .gwt-HTML { - height: 100%; - font-size: $font-size; -} -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; - background: #959595 url(img/richtext-toolbar-bg.png) repeat-x 0 -42px; - border-bottom: 1px solid #7d7d7d; - padding: 2px; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextToolbar-top { - padding-bottom: 1px; - overflow: hidden; - white-space: normal; -} -.v-richtextarea .gwt-RichTextToolbar-bottom { - clear: left; - overflow: hidden; - white-space: nowrap; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; - display: inline; - width: 22px; - height: 21px; - overflow: hidden; - background: transparent url(img/richtext-toolbar-bg.png) repeat-x; - cursor: pointer; - margin-right: 2px; - text-align: center; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { - background-position: 0 -21px; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { - -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { - width: 24.5%; - margin-right: 2px; -} - -.v-richtextarea-readonly { - border: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-collapse-last.png b/WebContent/VAADIN/themes/base/tree/img/connector-collapse-last.png deleted file mode 100644 index c03e0839b5..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-collapse-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-collapse.png b/WebContent/VAADIN/themes/base/tree/img/connector-collapse.png deleted file mode 100644 index 577a7c9de6..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-collapse.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-expand-last.png b/WebContent/VAADIN/themes/base/tree/img/connector-expand-last.png deleted file mode 100644 index 3a578681de..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-expand-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-expand.png b/WebContent/VAADIN/themes/base/tree/img/connector-expand.png deleted file mode 100644 index f3548875fa..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-expand.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png b/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png deleted file mode 100644 index 2eb04a32fd..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-item.png b/WebContent/VAADIN/themes/base/tree/img/connector-item.png deleted file mode 100644 index 5f88fe1bef..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-item.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-leaf-last.png b/WebContent/VAADIN/themes/base/tree/img/connector-leaf-last.png deleted file mode 100644 index 15a255088a..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-leaf-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-leaf.png b/WebContent/VAADIN/themes/base/tree/img/connector-leaf.png deleted file mode 100644 index 282839bb95..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector-leaf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector.png b/WebContent/VAADIN/themes/base/tree/img/connector.png deleted file mode 100644 index 4f0327204e..0000000000 Binary files a/WebContent/VAADIN/themes/base/tree/img/connector.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/tree/tree.scss b/WebContent/VAADIN/themes/base/tree/tree.scss deleted file mode 100644 index ace6d7d2f2..0000000000 --- a/WebContent/VAADIN/themes/base/tree/tree.scss +++ /dev/null @@ -1,141 +0,0 @@ -@mixin base-tree($primaryStyleName : v-tree) { - -// tree-default.css - -.#{$primaryStyleName} { - text-align: left; /* Force default alignment */ - padding: 1px 0; - outline: none; -} -.#{$primaryStyleName}-node { - background: transparent url(../common/img/sprites.png) no-repeat 5px -37px; - padding: 1px 0; -} -.#{$primaryStyleName}-node-caption:focus { - outline: none; -} -div.#{$primaryStyleName}-node-leaf { - background: transparent; -} -.#{$primaryStyleName}-node-expanded { - background: transparent url(../common/img/sprites.png) no-repeat -5px -10px; -} -.#{$primaryStyleName}-node-caption { - margin-left: 1em; -} -.#{$primaryStyleName}-node span { - cursor: pointer; -} -.#{$primaryStyleName}-node-caption div { - white-space: nowrap; -} -.#{$primaryStyleName}-node-caption span, -.#{$primaryStyleName}-node-caption .v-icon { - vertical-align: middle; -} -.#{$primaryStyleName}-node-selected span { - background: #999; - color: #fff; -} -.#{$primaryStyleName}-node-children { - padding-left: 1em; -} - -// Drag'n'drop styles - -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { - border-top: 2px solid #1d9dff; - margin-top: -1px; - padding-top: 0; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom { - border-bottom: 2px solid #1d9dff; - margin-bottom: -1px; - padding-bottom: 0; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top:before, -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after, -.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { - display: block; - - position: absolute; - width: 6px; - height: 6px; - margin-top: -4px; - background: transparent url(../common/img/drag-slot-dot.png); -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after { - margin-top: -2px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { - margin-left: 14px; -} -.v-ff & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after, -.v-ie & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { - margin-top: -2px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { - background-position: 5px -38px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { - background-position: -5px -11px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div { - border: 2px solid #1d9dff; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - margin: -2px 2px -2px -2px; - background-color: #bcdcff; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div { - background-color: rgba(169,209,255,.6); -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div, -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top, -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom { - border-color: rgba(0,109,232,.6); -} - -// tree-connectors.css -// This could be (and was) wrapped in a nested block instead of prefixing each -// row, but #10309 prevents us from doing that right now. - - // Make item caption height an even number (so that the connector dots overlap nicely) - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { - padding-top: 1px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node { - background: transparent url(img/connector-expand.png) no-repeat 2px -52px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded { - background: transparent url(img/connector-collapse.png) no-repeat 2px -52px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-last { - background: transparent url(img/connector-expand-last.png) no-repeat 2px -52px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-last { - background: transparent url(img/connector-collapse-last.png) no-repeat 2px -52px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf { - background: transparent url(img/connector-leaf.png) repeat-y 2px 50%; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf-last { - background: transparent url(img/connector-leaf-last.png) repeat-y 2px 50%; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children { - background: transparent url(img/connector.png) repeat-y 2px 0; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children-last { - background: transparent; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { - background-position: 2px -53px; - } - .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { - background-position: 2px 50%; - } - - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/treetable/img/arrow-down.gif b/WebContent/VAADIN/themes/base/treetable/img/arrow-down.gif deleted file mode 100644 index ad599674a1..0000000000 Binary files a/WebContent/VAADIN/themes/base/treetable/img/arrow-down.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/treetable/img/arrow-down.png b/WebContent/VAADIN/themes/base/treetable/img/arrow-down.png deleted file mode 100644 index cba812b799..0000000000 Binary files a/WebContent/VAADIN/themes/base/treetable/img/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/treetable/img/arrow-right.gif b/WebContent/VAADIN/themes/base/treetable/img/arrow-right.gif deleted file mode 100644 index cbe21ac7c0..0000000000 Binary files a/WebContent/VAADIN/themes/base/treetable/img/arrow-right.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/treetable/img/arrow-right.png b/WebContent/VAADIN/themes/base/treetable/img/arrow-right.png deleted file mode 100644 index 7fe6e2b59f..0000000000 Binary files a/WebContent/VAADIN/themes/base/treetable/img/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/treetable/treetable.scss b/WebContent/VAADIN/themes/base/treetable/treetable.scss deleted file mode 100644 index e4d41eefa8..0000000000 --- a/WebContent/VAADIN/themes/base/treetable/treetable.scss +++ /dev/null @@ -1,68 +0,0 @@ -@mixin base-treetable($primaryStyleName : v-treetable) { - -.#{$primaryStyleName}-treespacer { - display: inline-block; - background: transparent; - height: 10px; - /* defines the amount of indent per level */ - width: 18px; - position: absolute; - left: 0; - top: 5px; -} - -.#{$primaryStyleName}-node-closed { - background: url(../treetable/img/arrow-right.png) right top no-repeat; -} - -.#{$primaryStyleName}-node-open { - background: url(../treetable/img/arrow-down.png) right top no-repeat; -} - -.#{$primaryStyleName} .v-checkbox { - display: inline-block; - padding-bottom: 4px; -} - -.#{$primaryStyleName} .v-table-row .v-table-cell-content, -.#{$primaryStyleName} .v-table-row-odd .v-table-cell-content { - z-index: 10; -} - -.#{$primaryStyleName} .v-table-cell-wrapper { - position: relative; -} - -.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating { - zoom:1; - z-index:1; -} - -.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating, -.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content { - background:transparent; -} - -.#{$primaryStyleName}-animation-clone { - border-spacing: 0; - zoom:1; -} - -div.#{$primaryStyleName}-animation-clone-wrapper { - position: absolute; - z-index: 2; - background-color:#fff; -} - -div.#{$primaryStyleName}-animation-clone-wrapper table.#{$primaryStyleName}-animation-clone { - background-color:#fff; -} - -div table.#{$primaryStyleName}-animation-clone tr.v-table-row, -div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd, -div table.#{$primaryStyleName}-animation-clone tr.v-table-row td.v-table-cell-content, -div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd td.v-table-cell-content { - visibility: visible; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/upload/upload.scss b/WebContent/VAADIN/themes/base/upload/upload.scss deleted file mode 100644 index f8e707446c..0000000000 --- a/WebContent/VAADIN/themes/base/upload/upload.scss +++ /dev/null @@ -1,41 +0,0 @@ -@mixin base-upload($primaryStyleName : v-upload) { - -.#{$primaryStyleName} { - white-space: nowrap; -} - -.#{$primaryStyleName}-immediate { - position: relative; - margin: 0; - overflow: hidden; - .v-button { - width:100%; - } -} - -.v-ff & .#{$primaryStyleName}-immediate, -.v-op & .#{$primaryStyleName}-immediate { - display: inline-block; -} - -.#{$primaryStyleName}-immediate input { - opacity: 0; - filter: alpha(opacity=0); - z-index: 2; - position: absolute; - right: 0; - height: 21px; - text-align: right; - border: none; - background: transparent; -} - -.#{$primaryStyleName}-immediate button { - position: relative; - left: 0; - top: 0; - width: 100%; - text-align: left; -} - -} diff --git a/WebContent/VAADIN/themes/base/widget/widget.scss b/WebContent/VAADIN/themes/base/widget/widget.scss deleted file mode 100644 index e4f660003c..0000000000 --- a/WebContent/VAADIN/themes/base/widget/widget.scss +++ /dev/null @@ -1,14 +0,0 @@ -@mixin base-widget($primaryStyleName : v-widget) { - -.#{$primaryStyleName} { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-align: left; - display: inline-block; - white-space: normal; - vertical-align: bottom; - font-size: $font-size; - line-height: $line-height; -} -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/bottom-left.png b/WebContent/VAADIN/themes/base/window/img/shadow/bottom-left.png deleted file mode 100644 index f40e53f939..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/bottom-right.png b/WebContent/VAADIN/themes/base/window/img/shadow/bottom-right.png deleted file mode 100644 index 8ef8376f7a..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/bottom.png b/WebContent/VAADIN/themes/base/window/img/shadow/bottom.png deleted file mode 100644 index 89096316e6..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/bottom.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/center.png b/WebContent/VAADIN/themes/base/window/img/shadow/center.png deleted file mode 100644 index 1db9a53c75..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/center.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/left.png b/WebContent/VAADIN/themes/base/window/img/shadow/left.png deleted file mode 100644 index bc526b1674..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/right.png b/WebContent/VAADIN/themes/base/window/img/shadow/right.png deleted file mode 100644 index b837d90545..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/top-left.png b/WebContent/VAADIN/themes/base/window/img/shadow/top-left.png deleted file mode 100644 index abd7943b21..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/top-right.png b/WebContent/VAADIN/themes/base/window/img/shadow/top-right.png deleted file mode 100644 index d54b748be7..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/img/shadow/top.png b/WebContent/VAADIN/themes/base/window/img/shadow/top.png deleted file mode 100644 index 4d5272e7f3..0000000000 Binary files a/WebContent/VAADIN/themes/base/window/img/shadow/top.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/base/window/window.scss b/WebContent/VAADIN/themes/base/window/window.scss deleted file mode 100644 index bdc16999b0..0000000000 --- a/WebContent/VAADIN/themes/base/window/window.scss +++ /dev/null @@ -1,194 +0,0 @@ -@mixin base-window($primaryStyleName : v-window) { - -.#{$primaryStyleName} { - background: #fff; -} -.#{$primaryStyleName}-contents { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.#{$primaryStyleName}.v-has-width > div.popupContent, -.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents, -.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents > div { - width: 100%; -} - -.#{$primaryStyleName}.v-has-height > div.popupContent, -.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents, -.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents > div { - height: 100%; -} - -.#{$primaryStyleName}-outerheader { - padding: 0.3em 1em; - height: 1.6em; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.#{$primaryStyleName}-outerheader, -.#{$primaryStyleName}-draggingCurtain { - cursor: move; -} -.#{$primaryStyleName}-header { - font-weight: bold; - -khtml-user-select: none; - -moz-user-select: none; - -ie-user-select: none; - user-select: none; -} -/* A more specific selector to make sure padding isn't so easily overridden */ -div.#{$primaryStyleName}-header { - white-space: nowrap; - text-overflow: ellipsis; - -ms-text-overflow: ellipsis; - overflow: hidden; - padding: 0; -} -.#{$primaryStyleName}-header .v-icon { - vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */ -} -.#{$primaryStyleName}-contents > div { - outline: none; -} -.#{$primaryStyleName}-footer { - overflow: hidden; - zoom: 1; - height: 10px; - position: relative; - cursor: move; -} -.#{$primaryStyleName}-resizebox { - width: 10px; - height: 10px; - background: #ddd; - overflow: hidden; - position: absolute; - right: 0; -} - -.#{$primaryStyleName}-resizebox, -.#{$primaryStyleName}-resizingCurtain { - cursor: se-resize; -} - -.#{$primaryStyleName} div.#{$primaryStyleName}-footer-noresize { - height: 0; -} -.#{$primaryStyleName}-resizebox-disabled, -.#{$primaryStyleName}-closebox-disabled, -.#{$primaryStyleName}-restorebox-disabled, -.#{$primaryStyleName}-maximizebox-disabled { - cursor: default; - display: none; -} -.#{$primaryStyleName}-closebox, -.#{$primaryStyleName}-restorebox, -.#{$primaryStyleName}-maximizebox { - position: absolute; - top: 0; - right: 0; - width: 1em; - height: 1em; - cursor: pointer; - overflow: hidden; -} -.#{$primaryStyleName}-maximizebox, -.#{$primaryStyleName}-restorebox { - right: 1.1em; -} - -.#{$primaryStyleName}-closebox { - background: red; -} -.#{$primaryStyleName}-maximizebox { - background: blue; -} -.#{$primaryStyleName}-restorebox { - background: yellow; -} -.#{$primaryStyleName}-modalitycurtain { - top: 0; - left: 0; - background: #999; - opacity: 0.5; - position: fixed; - width: 100%; - height: 100%; - filter: alpha(opacity=50); -} -/* Shadow for window */ -.v-shadow-window { - position: absolute; - display: none; - pointer-events: none; - - .v-ie8 & { - display: block; - } -} -.v-shadow-window .top-left { - position: absolute; overflow: hidden; - top: -10px; left: -15px; - width: 28px; height: 28px; - background: transparent url(img/shadow/top-left.png); -} -.v-shadow-window .top { - position: absolute; overflow: hidden; - top: -10px; left: 13px; - height: 28px; - right: 13px; - background: transparent url(img/shadow/top.png); -} -.v-shadow-window .top-right { - position: absolute; overflow: hidden; - top: -10px; right: -15px; - width: 28px; height: 28px; - background: transparent url(img/shadow/top-right.png); -} -.v-shadow-window .left { - position: absolute; overflow: hidden; - top: 18px; left: -15px; - width: 28px; - bottom: 10px; - background: transparent url(img/shadow/left.png); -} -.v-shadow-window .center { - position: absolute; overflow: hidden; - top: 18px; left: 13px; - bottom: 10px; right: 13px; - background: transparent url(img/shadow/center.png); -} -.v-shadow-window .right { - position: absolute; overflow: hidden; - top: 18px; right: -15px; - width: 28px; - bottom: 10px; - background: transparent url(img/shadow/right.png); -} -.v-shadow-window .bottom-left { - position: absolute; overflow: hidden; - bottom: -18px; left: -15px; - width: 28px; height: 28px; - background: transparent url(img/shadow/bottom-left.png); -} -.v-shadow-window .bottom { - position: absolute; overflow: hidden; - bottom: -18px; left: 13px; - right: 13px; height: 28px; - background: transparent url(img/shadow/bottom.png); -} -.v-shadow-window .bottom-right { - position: absolute; overflow: hidden; - bottom: -18px; right: -15px; - width: 28px; height: 28px; - background: transparent url(img/shadow/bottom-right.png); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/chameleon.scss b/WebContent/VAADIN/themes/chameleon/chameleon.scss deleted file mode 100644 index b315678308..0000000000 --- a/WebContent/VAADIN/themes/chameleon/chameleon.scss +++ /dev/null @@ -1,17 +0,0 @@ -$font-size: 13px !default; -$line-height: 1.4 !default; - -@import "../base/base.scss"; -@import "common/common.scss"; -@import "components/components.scss"; -@import "compound/compound.scss"; - -@mixin chameleon { - // TODO move this? - @include base; - // TODO each - @include chameleon-app; - @include chameleon-common; - @include chameleon-components; - @include chameleon-compound; -} diff --git a/WebContent/VAADIN/themes/chameleon/common/common.scss b/WebContent/VAADIN/themes/chameleon/common/common.scss deleted file mode 100644 index 82e0810bc2..0000000000 --- a/WebContent/VAADIN/themes/chameleon/common/common.scss +++ /dev/null @@ -1,176 +0,0 @@ -// this file defines the common chameleon mixin any related variables etc. - -$chameleon-app-background: transparent; - -$chameleon-font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; -$chameleon-font-size: 13px; -$chameleon-font-size-small: 11.05px; -$chameleon-font-size-big: 15.6px; -$chameleon-line-height: 1.4; - - -// rules on the application level, above theme selection -@mixin chameleon-app { - // App background & tooltip - &.v-app { - background: transparent; - overflow: hidden; - } - - .v-ui { - margin-top: 0; - border-top: none; - } - - .v-tooltip { - background: #fdfdee; - border: 1px solid #c0c0b9; - padding: 1px 5px; - color: #222; - font-size: 11.7px; - line-height: normal; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - } - - .v-sa & .v-tooltip { - outline-color: #000000; /* Fallback for browsers that does not support RGBA such as IE8 */ - outline-color: rgba(0,0,0,.2); - outline: 1px solid; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border: none; - } - - // TODO move most of the rest to chameleon-common - - // Global fonts - - // First all the containers that have other components inside them, and are - // possibly overlay elements (which reside inside the BODY element, not the .v-app element) - - // Then come all other overlay elements, that do not have other arbitrary - // components inside them (from v-filterselect-suggestpopup onwards) - - &.v-app, - .v-window, - .v-popupview-popup, - .v-tooltip, - &.v-app input, - &.v-app select, - &.v-app button, - &.v-app textarea, - .v-window input, - .v-window select, - .v-window button, - .v-window textarea, - .v-popupview-popup input, - .v-popupview-popup select, - .v-popupview-popup button, - .v-popupview-popup textarea, - .v-filterselect-suggestpopup, - .v-datefield-popup, - .v-contextmenu, - .v-Notification, - .v-menubar-submenu, - .v-table-header-drag, - .v-menubar-submenu, - .v-drag-element { - font-family: $chameleon-font-family; - font-size: $chameleon-font-size; - line-height: $chameleon-line-height; - color: #222; - } - - - - // Generic overlay elements - - .v-window, - .v-popupview-popup, - .v-filterselect-suggestpopup, - .v-datefield-popup, - .v-contextmenu, - .v-Notification, - .v-menubar-submenu { - border: 1px solid #adadad; - border-color: #000000; /* Fallback for browsers that does not support RGBA such as IE8 */ - border-color: rgba(0,0,0,.4); - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - overflow: hidden; - } - .v-window, - .v-popupview-popup, - .v-filterselect-suggestpopup, - .v-datefield-popup, - .v-contextmenu, - .v-menubar-submenu{ - background: #e8e8e8; /* Fallback for browsers that does not support RGBA such as IE8 */ - background: rgba(232,232,232,.90); - background-image: url(../img/grad-light-top.png) repeat-x; - } - .v-filterselect-suggestpopup, - .v-contextmenu, - .v-menubar-submenu { - padding: 3px 0; - } - - .v-contextmenu .gwt-MenuItem, - .v-filterselect-suggestpopup .gwt-MenuItem, - .v-menubar-submenu .v-menubar-menuitem { - padding: .05em .7em; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - cursor: default; - } - - .v-contextmenu td.gwt-MenuItem-selected div, - .v-filterselect-suggestpopup td.gwt-MenuItem-selected, - .v-table .v-table-body .v-selected, - .v-menubar-submenu span.v-menubar-menuitem-selected { - text-shadow: none; - } - - .v-contextmenu .gwt-MenuItem-selected, - .v-filterselect-suggestpopup .gwt-MenuItem-selected, - .v-table .v-selected, - .v-menubar-submenu .v-menubar-menuitem-selected { - background-color: #333; - } - - .v-contextmenu .gwt-MenuItem-selected div { - background: transparent; - } - - - // Misc. generics - - .v-tooltip .v-errormessage { - color: #b2320b; - padding-left: 14px; - background: transparent url(../img/error-indicator.png) no-repeat 0 50%; - } - -} - -@mixin chameleon-common { - // Misc. generics - - .v-errorindicator { - width: 13px; - height: 1.4em; - background: transparent url(../img/error-indicator.png) no-repeat right 50%; - } - - .v-caption-small .v-errorindicator { - height: 1.2em; - } - - .v-caption-big .v-errorindicator { - height: 1.8em; - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/accordion/accordion.scss b/WebContent/VAADIN/themes/chameleon/components/accordion/accordion.scss deleted file mode 100644 index 2fe0307fe0..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/accordion/accordion.scss +++ /dev/null @@ -1,80 +0,0 @@ -@mixin chameleon-accordion($primaryStyleName : v-accordion) { - -.#{$primaryStyleName} { - border: 1px solid #b3b3b3; - } - -.#{$primaryStyleName}-item-open { - border-bottom: 1px solid #b3b3be; - } - -.#{$primaryStyleName}-item-caption, -.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { - padding: 0; - background: transparent url(../../img/grad-light-top.png) repeat-x; - border-width: 0 0 1px 0; - border-style: solid none; - } - -div.#{$primaryStyleName}-item-caption, -div.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { - background-color: transparent; - } - -.#{$primaryStyleName}-item-caption .v-caption { - padding: .2em .9em; - } - -.#{$primaryStyleName}-item-caption:active { - background-image: url(../../img/grad-dark-bottom.png); - background-position: left bottom; - } - -/******************************************************************************* - * Opaque - ******************************************************************************/ -.#{$primaryStyleName}-opaque { - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - } - -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-caption, -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open { - border: none; - } - -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-caption, -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { - background-color: #b8b8b8; - } - -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open { - background-color: #fff; - } - -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-first, -.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - -moz-border-radius-topleft: 3px; - -moz-border-radius-topright: 3px; - overflow: hidden; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -.#{$primaryStyleName}-borderless { - border: none; - } - -.#{$primaryStyleName}-opaque.borderless, -.#{$primaryStyleName}-opaque.borderless .#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { - border-radius: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/button/button.scss b/WebContent/VAADIN/themes/chameleon/components/button/button.scss deleted file mode 100644 index f2b597c59a..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/button/button.scss +++ /dev/null @@ -1,261 +0,0 @@ -@mixin chameleon-button($primaryStyleName : v-button) { - -.#{$primaryStyleName}:active, -.v-ie8 & .v-pressed.#{$primaryStyleName}, -div.#{$primaryStyleName}-down { - background-image: url(../../img/grad-dark-bottom2.png); - background-color: #afafaf; - } - -.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, -.v-ie8 & .v-pressed.#{$primaryStyleName} .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-down .#{$primaryStyleName}-wrap { - background-image: url(../../img/grad-dark-top2.png); - border: 1px solid #888; - padding: 3px 12px; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -div.#{$primaryStyleName}-down .#{$primaryStyleName}-wrap { - background-image: url(../../img/grad-dark-top2.png); - } - -.#{$primaryStyleName} { - overflow: hidden; - } - -.#{$primaryStyleName}, -.v-disabled.#{$primaryStyleName}:focus, -.v-disabled.#{$primaryStyleName}:active { - border: 1px solid #8b8b8b; - background: #c9c9c9; - border-radius: 3px; - background: #c9c9c9 url(../../img/grad-dark-bottom.png) repeat-x left bottom; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2); - -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2); - text-shadow: 0 1px 0 #fff; - padding: 0; - } - -.#{$primaryStyleName}-wrap, -.v-disabled:active .#{$primaryStyleName}-wrap { - display: block; - padding: 4px 13px; - border: none; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - background: transparent url(../../img/grad-light-top.png) repeat-x; - height: 100%; - text-overflow: ellipsis; - -ms-text-overflow: ellipsis; - } - -.v-sa & .#{$primaryStyleName}, -.v-sa & .#{$primaryStyleName}-wrap, -.v-ff & .#{$primaryStyleName}, -.v-ff & .#{$primaryStyleName}-wrap { - overflow: hidden; - } - -.#{$primaryStyleName}:focus { - outline: none; - } - -.#{$primaryStyleName} .v-icon { - margin-left: -0.5em; - } - -.#{$primaryStyleName} .#{$primaryStyleName}-caption { - line-height: 1.26; - } - - -/******************************************************************************* - * Big - ******************************************************************************/ -.#{$primaryStyleName}-big { - font-size: $chameleon-font-size-big; - } - - -/******************************************************************************* - * Small - ******************************************************************************/ -.#{$primaryStyleName}-small { - font-size: $chameleon-font-size-small; - font-weight: normal; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { - padding: 3px 11px; - } - -.#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, -.v-ie8 & .#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-down.small .#{$primaryStyleName}-wrap { - padding: 2px 10px; - } - -.#{$primaryStyleName}-small .v-icon { - margin-top: -4px; - margin-bottom: -4px; - } - - -/******************************************************************************* - * Wide - ******************************************************************************/ -.#{$primaryStyleName}-wide .#{$primaryStyleName}-wrap { - padding-left: 26px; - padding-right: 26px; - } - -.#{$primaryStyleName}-wide:active .#{$primaryStyleName}-wrap, -.v-ie8 & .#{$primaryStyleName}-wide.v-pressed .#{$primaryStyleName}-wrap { - padding-left: 25px; - padding-right: 25px; - } - - -/******************************************************************************* - * Tall - ******************************************************************************/ -.#{$primaryStyleName}-tall .#{$primaryStyleName}-wrap { - padding-top: 13px; - padding-bottom: 13px; - } - -.#{$primaryStyleName}-tall:active .#{$primaryStyleName}-wrap, -.v-ie8 & .#{$primaryStyleName}-tall.v-pressed .#{$primaryStyleName}-wrap { - padding-top: 12px; - padding-bottom: 12px; - } - - -/******************************************************************************* - * Default - ******************************************************************************/ -.#{$primaryStyleName}-default, -.v-disabled.#{$primaryStyleName}-default:focus { - font-weight: bold; - } - - -/******************************************************************************* - * Link & borderless - ******************************************************************************/ -div.#{$primaryStyleName}-link, -div.#{$primaryStyleName}-link:focus, -.#{$primaryStyleName}-link:active, -div.v-disabled.#{$primaryStyleName}-link, -div.v-disabled.#{$primaryStyleName}-link:focus, -body.v-ie & .v-pressed.#{$primaryStyleName}-link, -div.#{$primaryStyleName}-borderless, -div.#{$primaryStyleName}-borderless:focus, -.#{$primaryStyleName}-borderless:active, -div.v-disabled.#{$primaryStyleName}-borderless, -div.v-disabled.#{$primaryStyleName}-borderless:focus, -body.v-ie & .v-pressed.#{$primaryStyleName}-borderless { - background: transparent; - font-weight: normal; - text-shadow: none; - border: none; - margin: 1px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - } - -.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap { - display: inline; - } - -div.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -div.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, -div.v-disabled.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -div.v-disabled.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, -body.v-ie & .v-pressed.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap, -div.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-wrap, -div.v-disabled.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap, -div.v-disabled.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-wrap, -body.v-ie & .v-pressed.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap { - background: transparent; - font-weight: normal; - text-shadow: none; - border: none; - padding: 1px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - } - -.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption, -.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-caption { - border: 1px dotted gray; - margin: -1px; - } - -.#{$primaryStyleName}-link:active .#{$primaryStyleName}-caption, -.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-caption { - border: none; - margin: 0; - } - -.#{$primaryStyleName}-borderless:active .v-icon { - opacity: .6; - } - -.#{$primaryStyleName}-link .v-icon, -.#{$primaryStyleName}-borderless .v-icon { - margin-left: 0; - } - - -/******************************************************************************* - * Icon-on-top - ******************************************************************************/ -.#{$primaryStyleName}-icon-on-top.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-caption { - margin-top: 1px; - } - -.#{$primaryStyleName}-icon-on-top .#{$primaryStyleName}-caption, -.#{$primaryStyleName}-icon-on-top:focus .#{$primaryStyleName}-caption, -.#{$primaryStyleName}-icon-on-top.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-caption { - display: block; - margin-top: 2px; - } - -.#{$primaryStyleName}-icon-on-top .v-icon { - margin: 0; - } - - -/******************************************************************************* - * Icon-on-right - ******************************************************************************/ -.#{$primaryStyleName}-icon-on-right .v-icon { - float: right; - margin-left: 3px; - margin-right: -0.5em; - } - - -/******************************************************************************* - * Icon-only - ******************************************************************************/ -.#{$primaryStyleName}-icon-only .#{$primaryStyleName}-caption { - display: none; - } - -.#{$primaryStyleName}-icon-only .v-icon { - margin-right: -.5em; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss b/WebContent/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss deleted file mode 100644 index 98f00f0626..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin chameleon-colorpicker($name : v-colorpicker) { - -.#{$name}-button-color { - border: 1px solid #8B8B8B; -} - -.#{$name}-popup { - width: 248px; -} - -.#{$name}-popup .v-tabsheet .#{$name}-grid { - height: 308px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/components.scss b/WebContent/VAADIN/themes/chameleon/components/components.scss deleted file mode 100644 index 578ea23bf3..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/components.scss +++ /dev/null @@ -1,53 +0,0 @@ -@import "accordion/accordion.scss"; -@import "button/button.scss"; -@import "colorpicker/colorpicker.scss"; -@import "grid/grid.scss"; -@import "label/label.scss"; -@import "menubar/menubar.scss"; -@import "notification/notification.scss"; -@import "panel/panel.scss"; -@import "popupview/popupview.scss"; -@import "progressindicator/progressindicator.scss"; -@import "slider/slider.scss"; -@import "splitpanel/splitpanel.scss"; -@import "table/table.scss"; -@import "textfield/textfield.scss"; -// datefield and selects must be after textfield -@import "datefield/datefield.scss"; -@import "inlinedatefield/inlinedatefield.scss"; -@import "selects/selects.scss"; -@import "tabsheet/tabsheet.scss"; -@import "tree/tree.scss"; -@import "window/window.scss"; - -@mixin chameleon-components { - - @include chameleon-accordion; - @include chameleon-button; - @include chameleon-colorpicker; - @include chameleon-grid; - @include chameleon-label; - @include chameleon-menubar; - @include chameleon-notification; - @include chameleon-panel; - @include chameleon-popupview; - - @include chameleon-progressindicator(v-progressbar); - /* For legacy ProgressIndicator component */ - @include chameleon-progressindicator(v-progressindicator); - - @include chameleon-slider; - @include chameleon-splitpanel; - @include chameleon-table; - @include chameleon-textfield; - - // datefield and selects must be after textfield - @include chameleon-datefield; - @include chameleon-inline-datefield; - - @include chameleon-selects; - @include chameleon-tabsheet; - @include chameleon-tree; - @include chameleon-window; - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/datefield/datefield.scss b/WebContent/VAADIN/themes/chameleon/components/datefield/datefield.scss deleted file mode 100644 index 2947a71896..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/datefield/datefield.scss +++ /dev/null @@ -1,285 +0,0 @@ -@mixin chameleon-datefield($primaryStyleName : v-datefield) { - -$popupdatefield-button-width: 25px; -$negative-popupdatefield-button-width: -25px; - -$popupdatefield-height: 1.7em; -$popupdatefield-small-height: 1.6em; -$popupdatefield-big-height: 1.9em; - -.#{$primaryStyleName}-button { - background: #dadada url(../../img/date-btn.png) repeat-x 50% 0; - border: 1px solid gray; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; - width: $popupdatefield-button-width; - margin-right: $negative-popupdatefield-button-width; - height: $popupdatefield-height; - padding: .2em 0; - } - - -input.#{$primaryStyleName}-textfield[type="text"] { - border-right: none; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - height: $popupdatefield-height; - } - -/******************************************************************************* - * Big - ******************************************************************************/ -.#{$primaryStyleName}-big { - .#{$primaryStyleName}-button { - padding: .3em 0; - height: $popupdatefield-big-height; - width: 32px; - background-image: url(../../img/date-btn-big.png); - font-size: $chameleon-font-size-big; - } - input.#{$primaryStyleName}-textfield[type="text"] { - height: $popupdatefield-big-height; - font-size: $chameleon-font-size-big; - } -} - - -/******************************************************************************* - * Small - ******************************************************************************/ -.#{$primaryStyleName}-small { - .#{$primaryStyleName}-button { - height: $popupdatefield-small-height; - width: 19px; - background-position: 50% -2px; - font-size: $chameleon-font-size-small; - } - input.#{$primaryStyleName}-textfield[type="text"] { - height: $popupdatefield-small-height; - font-size: $chameleon-font-size-small; - } - -} - -/******************************************************************************* - * Calendar panel - ******************************************************************************/ -.#{$primaryStyleName}-calendarpanel { - border-collapse: collapse; - margin: 0; - padding: 0; - height: auto !important; - font-size: 11.7px; - } - -.#{$primaryStyleName}-month .#{$primaryStyleName}-textfield { - width: 6.4em; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-textfield { - width: 4.4em; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevmonth, -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextmonth { - display: none; - } - -.#{$primaryStyleName}-calendarpanel-header td { - border-bottom: 1px solid #666; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-header td, -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-header td { - border-bottom: none; - } - -td.#{$primaryStyleName}-calendarpanel-month { - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -1px; - text-shadow: 0 1px 0 rgba(255,255,255,.7); - } - -span.#{$primaryStyleName}-calendarpanel-month { - display: block; - text-align: center; - overflow: hidden; - line-height: 2em; - height: 1.8em; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { - width: 5.4em; - } - -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { - width: 9.4em; - } - -.#{$primaryStyleName}-popupcalendar { - min-width: 0; - padding-right: $popupdatefield-button-width; -} - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { - width: 8.4em; - } - -td.#{$primaryStyleName}-calendarpanel-prevyear { - text-align: right; - } - -td.#{$primaryStyleName}-calendarpanel-nextyear { - text-align: left; - } - -.#{$primaryStyleName}-calendarpanel-header button { - font-size: 13px; - line-height: normal; - width: 100%; - padding: 0 .8em; - height: 1.8em; - border: none; - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -1px; - overflow: hidden; - outline: none; - cursor: pointer; - } - -.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel-header button { - background-position: 0 0; - } - -.#{$primaryStyleName}-calendarpanel-header button:active { - background-image: url(../../img/grad-dark-top2.png); - } - -.#{$primaryStyleName}-calendarpanel-prevyear button { - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - } - -.#{$primaryStyleName}-calendarpanel-nextyear button { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevyear button, -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-prevyear button { - -webkit-border-bottom-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - } - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextyear button, -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-nextyear button { - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - } - -.#{$primaryStyleName}-calendarpanel-body, -.#{$primaryStyleName}-calendarpanel-time { - text-align: center; - vertical-align: top; - } - -.#{$primaryStyleName}-calendarpanel-body table { - border-collapse: collapse; - margin: 0; - padding: 0; - margin: 0 auto; - } - -.#{$primaryStyleName}-calendarpanel-weekdays td { - width: 14.2%; - overflow: hidden; - line-height: normal; - text-transform: uppercase; - vertical-align: top; - } - -.#{$primaryStyleName}-calendarpanel-weeknumbers td { - width: 12.5%; - } - -.#{$primaryStyleName}-calendarpanel-weekdays strong { - display: block; - text-align: right; - font-size: 10.4px; - padding: .3em .5em .35em 0; - height: 1.1em; - color: #fff; - text-shadow: 0 1px 0 rgba(0,0,0,.5); - background: #c9c9c9 url(../../img/grad-dark-top2.png) repeat-x; - margin-bottom: 2px; - } - -.#{$primaryStyleName}-calendarpanel .v-first strong { - -webkit-border-bottom-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - } - -.#{$primaryStyleName}-calendarpanel .v-last strong { - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - } - -.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel .v-first strong, -.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel .v-last strong { - -webkit-border-radius: 0; - -moz-border-radius: 0; - } - -.#{$primaryStyleName}-calendarpanel-body td { - text-align: right; - height: 1.6em; - } - -.#{$primaryStyleName}-calendarpanel-weeknumber { - padding: .5em .5em .35em 0; - font-size: 11.7px; - } - -.#{$primaryStyleName}-calendarpanel-day, -.#{$primaryStyleName}-calendarpanel-day-today { - padding: .15em .5em .15em 0; - display: block; - margin: 1px 1px 1px .3em; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -.#{$primaryStyleName}-calendarpanel-day-focused, -.#{$primaryStyleName}-calendarpanel-day:hover { - margin: 0 0 0 .2em; - border: 1px solid #b3b3b3; - outline: none; - } - -.#{$primaryStyleName}-calendarpanel-day-today { - border: none; - background: transparent url(../../img/grad-dark-top2.png) repeat-x; - margin: 0 0 0 .2em; - font-weight: bold; - border: 1px solid #c9c9c9; - } - -.#{$primaryStyleName}-calendarpanel-day-selected, -.#{$primaryStyleName}-calendarpanel-day-selected:hover { - margin: 0 0 0 .3em; - border: none; - } - -.#{$primaryStyleName}-calendarpanel-time select { - padding: 0; - font-size: 11.7px; - margin: 0; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/grid/grid.scss b/WebContent/VAADIN/themes/chameleon/components/grid/grid.scss deleted file mode 100644 index 5007ad6619..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/grid/grid.scss +++ /dev/null @@ -1,12 +0,0 @@ -@mixin chameleon-grid($primaryStyleName: v-grid) { - - // Sidebar - .#{$primaryStyleName}-sidebar.v-contextmenu { - - .v-on:before, .v-off:before { - content: none; - font-size: 0; - margin-right: 0; - } - } -} diff --git a/WebContent/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss b/WebContent/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss deleted file mode 100644 index deceee19be..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss +++ /dev/null @@ -1,10 +0,0 @@ -@mixin chameleon-inline-datefield($primaryStyleName : v-inline-datefield){ - - /* FIXME $primaryStyleName should be passed to the the mixing instead of the default. Fix when SASS compiler works. #9821 */ - @include chameleon-datefield(v-inline-datefield); - - .#{$primaryStyleName}, - .#{$primaryStyleName}-calendarpanel-day { - line-height:16px; /* Override popup datefields line-height:0 to get correct line heights */ - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/label/label.scss b/WebContent/VAADIN/themes/chameleon/components/label/label.scss deleted file mode 100644 index 5afcbd584a..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/label/label.scss +++ /dev/null @@ -1,131 +0,0 @@ -@mixin chameleon-label($primaryStyleName : v-label) { - -/******************************************************************************* - * Different headers - ******************************************************************************/ -.#{$primaryStyleName}-h1, -.#{$primaryStyleName} h1, -.#{$primaryStyleName}-h2, -.#{$primaryStyleName} h2, -.#{$primaryStyleName}-h3, -.#{$primaryStyleName} h3, -.#{$primaryStyleName}-h4, -.#{$primaryStyleName} h4 { - margin: 0; - font-weight: bold; - } - -.#{$primaryStyleName}-h1, -.#{$primaryStyleName} h1 { - padding: .75em 0 .5em 0; - font-size: 24.05px; - } - -.#{$primaryStyleName}-h2, -.#{$primaryStyleName} h2 { - padding: .67em 0 .33em 0; - font-size: 18.2px; - } - -.#{$primaryStyleName}-h3, -.#{$primaryStyleName} h3 { - margin: .71em 0 .29em 0; - font-size: 14.3px; - } - -.#{$primaryStyleName}-h4, -.#{$primaryStyleName} h4 { - padding: .23em 0; - font-size: 13px; - } - - -/******************************************************************************* - * Big - ******************************************************************************/ -.#{$primaryStyleName}-big { - font-size: $chameleon-font-size-big; - } - - -/******************************************************************************* - * Small - ******************************************************************************/ -.#{$primaryStyleName}-small { - font-size: 11.7px; - line-height: 1.3; - opacity: .8; - filter: alpha(opacity=80); - } - - -/******************************************************************************* - * Tiny - ******************************************************************************/ -.#{$primaryStyleName}-tiny { - font-size: $chameleon-font-size-small; - line-height: 1.2; - opacity: .7; - filter: alpha(opacity=70); - } - - -/******************************************************************************* - * Warning & error - ******************************************************************************/ -&.v-app .#{$primaryStyleName}-warning, -&.v-app .#{$primaryStyleName}-error { - color: #574734; - background: #fffec8 url(../../img/label-warning-icon.png) no-repeat .2em 50%; - white-space: nowrap; - padding: .3em 1em .3em 2.4em; - overflow: hidden; - width: auto !important; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - text-shadow: none; - } - -&.v-app .#{$primaryStyleName}-error { - color: #fff; - font-weight: bold; - background: #c22f24 url(../../img/label-error-icon.png) no-repeat .2em 50%; - text-shadow: 0 1px 0 #8f2e27; - } - - -/******************************************************************************* - * Big warning & big error - ******************************************************************************/ -.#{$primaryStyleName}-big.#{$primaryStyleName}-warning, -.#{$primaryStyleName}-big.#{$primaryStyleName}-error { - background-image: url(../../img/label-warning-icon-big.png); - background-position: 0 50%; - padding: .5em 1em .5em 3em; - } - -.#{$primaryStyleName}-big.#{$primaryStyleName}-error { - background-image: url(../../img/label-error-icon-big.png); - } - - -/******************************************************************************* - * Loading - ******************************************************************************/ -&.v-app .#{$primaryStyleName}-loading { - height: 32px; - line-height: 32px; - background-image: url(../../../base/common/img/loading-indicator.gif); - background-repeat: no-repeat; - background-position: 0 50%; - white-space: nowrap; - padding: .3em 1em .3em 36px; - overflow: hidden; - width: auto !important; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss b/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss deleted file mode 100644 index 0db478855d..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss +++ /dev/null @@ -1,31 +0,0 @@ -@mixin chameleon-menubar($primaryStyleName : v-menubar) { - -.#{$primaryStyleName} { - padding: 0 .4em; - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - border: 1px solid #b3b3b3; - border-width: 1px 0; - } - -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { - padding: .2em .5em; - line-height: normal; - } - -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { - padding-right:1.5em; - } - -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { - margin-top: .1em; - font-size: 11.7px; - } - -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected { - background-image: url(../../img/grad-light-top2.png); - background-position: 0 -1px; - } -.#{$primaryStyleName}-popup { - border-radius: 5px; - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/notification/notification.scss b/WebContent/VAADIN/themes/chameleon/components/notification/notification.scss deleted file mode 100644 index a1454ccfad..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/notification/notification.scss +++ /dev/null @@ -1,71 +0,0 @@ -@mixin chameleon-notification($primaryStyleName : v-Notification) { - -div.#{$primaryStyleName} { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - font-size: 16px; - -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.7); - -moz-box-shadow: 0 2px 5px rgba(0,0,0,.7); - box-shadow: 0 2px 5px rgba(0,0,0,.7); - //IE8 does not support rgba, using just rgb - background:rgb(255,255,255) url(../../img/grad-light-top.png) repeat-x; - background:rgba(255,255,255,.90) url(../../img/grad-light-top.png) repeat-x; - } - -.#{$primaryStyleName}-description { - line-height: 1.3; - } - -div.#{$primaryStyleName}-warning { - background-color: #fffec8; - color: #574734; - border: 2px solid #fee3af; - } - -div.#{$primaryStyleName}-warning .#{$primaryStyleName}-caption { - padding-left: 44px; - background: transparent url(../../img/label-warning-icon-big.png) no-repeat 0 50%; - } - -div.#{$primaryStyleName}-error { - color: #fff; - text-shadow: 0 1px 2px rgba(0,0,0,.3); - background: #c22f24 url(../../img/error-close.png) no-repeat right top; - border: 2px solid #ca3030; - } - -div.#{$primaryStyleName}-error .#{$primaryStyleName}-caption { - padding-left: 44px; - background: transparent url(../../img/label-error-icon-big.png) no-repeat 0 50%; - } - -div.#{$primaryStyleName}-tray { - color: #fff; - margin: 0 5px 5px 0; - background: #3b3b3b url(../../img/grad-light-top2.png) repeat-x; - border: 1px solid #5b5b5b; - padding: 0.8em 0.9em; - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - text-shadow: 0 1px 1px rgba(0,0,0,.5); - } - -.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { - font-size: 14px; - line-height: 18px; - } - -.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { - font-size: 12px; - font-weight: normal; - } - -div.#{$primaryStyleName}-system { - color: #fff; - border: none; - background-color: #b40000; - } - -} diff --git a/WebContent/VAADIN/themes/chameleon/components/panel/panel.scss b/WebContent/VAADIN/themes/chameleon/components/panel/panel.scss deleted file mode 100644 index bae827b484..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/panel/panel.scss +++ /dev/null @@ -1,124 +0,0 @@ -@mixin chameleon-panel($primaryStyleName : v-panel) { - -.#{$primaryStyleName}-caption { - background: #b9dcff; - font-size: 15.6px; - border: 1px solid #b3b3b3; - border-bottom: none; - padding: .2em .6em; - } - -.#{$primaryStyleName}-nocaption { - padding: 0; - height: 0; - overflow: hidden; - border-top: 1px solid #b3b3b3; - } - -.#{$primaryStyleName}-content { - background: #fff; - border: 1px solid #b3b3b3; - border-top: none; - border-bottom: none; - } - -.#{$primaryStyleName}-deco { - height: 0; - overflow: hidden; - border-top: 1px solid #b3b3b3; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -div.#{$primaryStyleName}-caption-borderless { - border: none; - } - -div.#{$primaryStyleName}-nocaption-borderless, -div.#{$primaryStyleName}-content-borderless, -div.#{$primaryStyleName}-deco-borderless { - border: none; - background: transparent; - } - - -/******************************************************************************* - * Light - ******************************************************************************/ -.#{$primaryStyleName}-light .#{$primaryStyleName}-caption-light { - background: transparent; - font-weight: normal; - border-bottom: 1px solid #b3b3b3; - } - -div.#{$primaryStyleName}-content-light { - background: transparent; - } - - -/******************************************************************************* - * Bubble - ******************************************************************************/ -.#{$primaryStyleName}-bubble .#{$primaryStyleName}-captionwrap { - border: 1px solid #b3b3b3; - border-bottom: none; - background: #fff; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topleft: 4px; - -moz-border-radius-topright: 4px; - padding: 1px 2px; - overflow: hidden; - } - -.#{$primaryStyleName}-bubble .#{$primaryStyleName}-caption-bubble { - border: none; - background-image: url(../../img/grad-light-top.png); - background-repeat: repeat-x; - background-position: 0 -1px; - color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,.4); - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - margin: 1px 0; - font-size: 13px; - line-height: 1.2; - padding: .3em .6em; - } - -.#{$primaryStyleName}-nocaption-bubble { - padding: 0; - margin: 0; - border: none; - } - -.#{$primaryStyleName}-deco-bubble { - height: 2px; - border: 1px solid #b3b3b3; - border-top: none; - background: #fff; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - } - - -/******************************************************************************* - * Borderless Bubble - ******************************************************************************/ -div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-captionwrap, -div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-deco-bubble { - border: none; - padding: 0; - background: transparent; - } - -div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-content-bubble { - background: transparent; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/popupview/popupview.scss b/WebContent/VAADIN/themes/chameleon/components/popupview/popupview.scss deleted file mode 100644 index 978ca56391..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/popupview/popupview.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin chameleon-popupview($primaryStyleName : v-popupview) { - -.#{$primaryStyleName}-popup { - padding: .3em .4em; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss b/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss deleted file mode 100644 index 56eb2cc6c9..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss +++ /dev/null @@ -1,116 +0,0 @@ -@mixin chameleon-progressindicator($primaryStyleName : v-progressindicator) { - -.#{$primaryStyleName}-wrapper { - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - background: #eee url(../../img/grad-dark-bottom.png) repeat-x left bottom; - overflow: visible; - font-size: 1px; - line-height: 1px; - } - -.#{$primaryStyleName}-indicator { - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -10px; - margin: -1px; - height: 7px; - border: 1px solid #b3b3b3; - } - - -/******************************************************************************* - * Small - ******************************************************************************/ -.#{$primaryStyleName}-small { - width: 110px; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-wrapper, -.#{$primaryStyleName}-small .#{$primaryStyleName}-indicator { - height: 2px; - border-radius: 1px; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - } - - -/******************************************************************************* - * Big - ******************************************************************************/ -.#{$primaryStyleName}-big { - width: 250px; - } - -.#{$primaryStyleName}-big .#{$primaryStyleName}-wrapper, -.#{$primaryStyleName}-big .#{$primaryStyleName}-indicator { - height: 14px; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - } - - -/******************************************************************************* - * Indeterminates - ******************************************************************************/ -.#{$primaryStyleName}-indeterminate.#{$primaryStyleName}-big { - width: 42px; - height: 42px; - background: #fff url(../../../base/common/img/ajax-loader-big.gif) no-repeat 50%; - } - -.#{$primaryStyleName}-indeterminate.v-disabled { - display: none; - } - -.#{$primaryStyleName}-indeterminate.#{$primaryStyleName}-bar { - display: block; - width: 150px; - height: 9px; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-small { - width: 110px; - height: 4px; - } - -.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-big { - width: 200px; - height: 16px; - } - -.#{$primaryStyleName}-indeterminate.bar .#{$primaryStyleName}-wrapper { - display: block; - background: #fff url(../../img/indeterminate-progress.gif); - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - overflow: hidden; - } - -.#{$primaryStyleName}-indeterminate.bar .#{$primaryStyleName}-indicator { - display: block; - background: transparent url(../../img/grad-light-top.png) repeat-x; - border: none; - margin: 0; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - overflow: hidden; - } - -.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-small .#{$primaryStyleName}-indicator { - background: transparent; - } - -.#{$primaryStyleName}-indeterminate.bar.v-disabled .#{$primaryStyleName}-indicator { - background: #fff; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/selects/selects.scss b/WebContent/VAADIN/themes/chameleon/components/selects/selects.scss deleted file mode 100644 index fc51e8a779..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/selects/selects.scss +++ /dev/null @@ -1,177 +0,0 @@ -@mixin chameleon-selects($primaryStyleName : v-filterselect) { - -$select-button-width : 16px; -$select-button-negative-width : -16px; - -.#{$primaryStyleName} { - overflow: hidden; - padding-right: $select-button-width; /* Space for the button */ - } - -&.v-app input.#{$primaryStyleName}-input { - margin: 0; - padding: 0; - border: none; - background: transparent; - line-height: normal; - } - -&.v-app input.#{$primaryStyleName}-input[type=text] { - padding: 0; - } - -.#{$primaryStyleName}-focus .#{$primaryStyleName}-input, -.#{$primaryStyleName} .#{$primaryStyleName}-input:focus { - outline: none; - } - -.#{$primaryStyleName}-big.#{$primaryStyleName}-search { - padding-left: 22px; - } - -.#{$primaryStyleName}-button { - width: $select-button-width; - margin-right: $select-button-negative-width; - height: 1.2em; - background-position: -5px -11px; - opacity: .4; - } - -.#{$primaryStyleName}-button:hover { - opacity: .7; - } - -.#{$primaryStyleName}-button:active { - opacity: 1; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-button { - height: 0.95em; - background-position: -5px -12px; - } - -.#{$primaryStyleName}-suggestpopup { - margin-top: .4em; - } -.#{$primaryStyleName}-suggestmenu tr { - line-height:1.4em; -} - -&.v-app .#{$primaryStyleName}-suggestpopup-small td { - font-size: $chameleon-font-size-small; - } - -&.v-app .#{$primaryStyleName}-suggestpopup-big td { - font-size: 14.3px; - } - -.#{$primaryStyleName}-big .#{$primaryStyleName}-button { - height: 1.4em; - background-position: -5px -9px; - } - -.#{$primaryStyleName}-search .#{$primaryStyleName}-button { - width: 0; - overflow: hidden; - margin-right: 0; - } - -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { - font-style: normal; - } - -.#{$primaryStyleName}-prevpage-off, -.#{$primaryStyleName}-nextpage-off, -.#{$primaryStyleName}-prevpage, -.#{$primaryStyleName}-nextpage { - border-style: solid; - border-width: 1px 0; - border-color: #b3b3b3; - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - height: 12px; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } - -.#{$primaryStyleName}-prevpage:active, -.#{$primaryStyleName}-nextpage:active { - // TODO check - was missing a part of the rule - background-image: #c9c9c9 url(../../img/grad-dark-bottom2.png); - background-position: left bottom; - } - -.#{$primaryStyleName}-prevpage-off span, -.#{$primaryStyleName}-nextpage-off span, -.#{$primaryStyleName}-prevpage span, -.#{$primaryStyleName}-nextpage span { - display: block; - text-indent: -9999px; - height: 12px; - background: transparent url(../../../base/common/img/sprites.png) no-repeat 50% 3px; - } - -.#{$primaryStyleName}-nextpage-off span, -.#{$primaryStyleName}-nextpage span { - background-position: 50% -12px; - } - -.#{$primaryStyleName}-status { - font-size: 11.05px; - margin: 1px 0 -3px; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } - -.#{$primaryStyleName}-suggestmenu .gwt-menuItem-selected { - background-image: url(../../img/grad-light-top2.png); - background-position: 0 -1px; - } - -.#{$primaryStyleName}-suggestpopup-small .#{$primaryStyleName}-status { - font-size: 10.4px; - } - -.#{$primaryStyleName}-suggestpopup-big .#{$primaryStyleName}-status { - font-size: 11.7px; - } - -.v-select-small .v-select-select { - font-size: 10.4px; - } - -.v-select-big .v-select-select { - font-size: $chameleon-font-size-big; - } - - -/******************************************************************************* - * Non-editable combobox (i.e. themable select) - ******************************************************************************/ -.#{$primaryStyleName}-select-button { - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - position: relative; - padding: .3em .5em; - } - -.#{$primaryStyleName}-select-button .#{$primaryStyleName}-input { - display: block; - width: 100% !important; - user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - } - -.#{$primaryStyleName}-select-button .#{$primaryStyleName}-button { - position: absolute; - width: 100%; - top: 0; - left: 0; - height: 100%; - background-position: 100% -8px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss b/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss deleted file mode 100644 index 30c5eb85cb..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/slider/slider.scss +++ /dev/null @@ -1,60 +0,0 @@ -@mixin chameleon-slider($primaryStyleName : v-slider) { - -.#{$primaryStyleName} { - border-top: 1px solid #9a9c9e; - border-bottom: 1px solid #bdbfc1; - margin: 3px 0; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - } - -.#{$primaryStyleName}-base { - height: 4px; - background: #e0e2e2 url(../../img/grad-dark-top2.png) repeat-x; - border-top: 1px solid #adb0b1; - border-left: 1px solid #a0a3a6; - border-right: 1px solid #a0a3a6; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -.#{$primaryStyleName}-handle { - background: #c9c9c9 url(../../img/grad-dark-bottom2.png) repeat-x left bottom; - border: 1px solid #b3b3b3; - width: 10px; - height: 10px; - margin-top: -5px; - border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5); - -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5); - cursor: pointer; - } - -.#{$primaryStyleName}-handle-active { - background-color: #afafaf; - } - -.#{$primaryStyleName}-vertical { - width: auto; - margin: 0 4px; - border-width: 0 1px; - } - -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { - background-image: none; - width: 4px; - border-width: 1px 1px 0; - } - -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { - width: 10px; - height: 10px; - margin: 0; - margin-left: -5px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss deleted file mode 100644 index 2496be6513..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss +++ /dev/null @@ -1,67 +0,0 @@ -@mixin chameleon-splitpanel($primaryStyleName : v-splitpanel) { - -.#{$primaryStyleName}-hsplitter div, -.#{$primaryStyleName}-vsplitter div { - background: transparent url(../../img/split-handle.png) no-repeat 2px 50%; - margin: 0 -1px; - width: 9px; - } - -.#{$primaryStyleName}-vsplitter div { - background-position: 50% 2px; - margin: -1px 0; - width: auto; - height: 9px; - } - -.#{$primaryStyleName}-hsplitter, -.#{$primaryStyleName}-hsplitter-locked { - border-style: solid; - border-width: 0 1px; - border-color: #b0b0b0; - width: 7px; - background: #b3b3b3 url(../../img/grad-light-left.png) repeat-y; - } - -.#{$primaryStyleName}-vsplitter, -.#{$primaryStyleName}-vsplitter-locked { - border-style: solid; - border-width: 1px 0; - border-color: #b0b0b0; - height: 7px; - background: #b3b3b3 url(../../img/grad-light-top.png) repeat-x; - } - -/******************************************************************************* - * Small - ******************************************************************************/ -&.v-app .#{$primaryStyleName}-hsplitter-small, -&.v-app .#{$primaryStyleName}-hsplitter-small-locked { - width: 1px; - border: none; - background-image: none; - } - -&.v-app .#{$primaryStyleName}-vsplitter-small, -&.v-app .#{$primaryStyleName}-vsplitter-small-locked { - height: 1px; - border: none; - background-image: none; - font-size: 1px; - line-height: 1px; - } - -.#{$primaryStyleName}-hsplitter-small div { - width: 7px; - margin-left: -2px; - background: transparent; - } - -.#{$primaryStyleName}-vsplitter-small div { - height: 7px; - margin-top: -2px; - background: transparent; - overflow: hidden; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/table/table.scss b/WebContent/VAADIN/themes/chameleon/components/table/table.scss deleted file mode 100644 index f224e898f1..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/table/table.scss +++ /dev/null @@ -1,171 +0,0 @@ -@mixin chameleon-table($primaryStyleName : v-table) { - -.#{$primaryStyleName}-table { - line-height: $line-height; -} - -.#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-header-drag { - background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; - height: 1.4em; - line-height: normal; - } - -.#{$primaryStyleName}-caption-container, -.#{$primaryStyleName}-header-drag { - padding-top: .2em; - padding-right: 4px; - } - -.#{$primaryStyleName}-header-drag { - padding-left: .3em; - } - -.#{$primaryStyleName}-resizer { - background: transparent; - border-right: 1px solid #b3b3b3; - padding-left: 1px; - height: 1.4em; - } - -/* Targets the same element as .#{$primaryStyleName}-resizer */ -div.#{$primaryStyleName}-focus-slot-left { - background: transparent; - border-left: 2px solid #b3b3b3; - border-right: none; - padding-left: 0; - padding-right: 1px; - float: left; - margin: 0; - } - -.#{$primaryStyleName}-row, -.#{$primaryStyleName}-row-odd { - background: transparent; - } - -.#{$primaryStyleName}-generated-row { - background: #c9c9c9; - } - -.#{$primaryStyleName} tr.v-selected { - background-image: url(../../img/grad-light-top2.png); - background-position: 0 -1px; - } - -div.#{$primaryStyleName}-focus-slot-right { - background: transparent; - border-right: 2px solid #b3b3b3; - padding-left: 0; - margin: 0; - } - -.#{$primaryStyleName}-column-selector { - margin-top: -1.35em; - } - -.#{$primaryStyleName}-cell-content { - border-right: none; - padding-right: 7px; - } - -.#{$primaryStyleName}-caption-container .v-icon { - vertical-align: middle; - margin: -0.37em 2px 0 0; - } - -.#{$primaryStyleName}-header-drag .v-icon { - vertical-align: middle; - } - -/* column selector */ -.v-contextmenu .v-on, -.v-contextmenu .v-off { - display: block; - background: transparent url(../../icons/bullet.png) no-repeat 0 4px; - padding-left: 12px; - } - -.v-contextmenu .v-off { - background-image: none; - color: #666; - } - -.v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(../../icons/bullet-white.png); - } - -.#{$primaryStyleName}-scrollposition { - font-size: 11.7px; - opacity: .85; - filter: alpha(opacity=85); - } - -/******************************************************************************* - * Small - ******************************************************************************/ -.#{$primaryStyleName}-small .#{$primaryStyleName}-caption-container, -.#{$primaryStyleName}-small .#{$primaryStyleName}-body { - font-size: $chameleon-font-size-small; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-resizer, -.#{$primaryStyleName}-small .#{$primaryStyleName}-header-wrap { - height: 1.2em; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-column-selector { - margin-top: -1.2em; - } - - -/******************************************************************************* - * Big - ******************************************************************************/ -.#{$primaryStyleName}-big .#{$primaryStyleName}-caption-container, -.#{$primaryStyleName}-big .#{$primaryStyleName}-body { - font-size: $chameleon-font-size-big; - } - -.#{$primaryStyleName}-big .#{$primaryStyleName}-caption-container { - padding-top: .3em; - } - -.#{$primaryStyleName}-big .#{$primaryStyleName}-resizer, -.#{$primaryStyleName}-big .#{$primaryStyleName}-header-wrap { - height: 1.8em; - } - -.#{$primaryStyleName}-big .#{$primaryStyleName}-column-selector { - margin-top: -1.5em; - } - -/******************************************************************************* - * Striped - ******************************************************************************/ -.#{$primaryStyleName}-striped .#{$primaryStyleName}-row-odd { - background-color: #e6e6e6; - } - - -/******************************************************************************* - * Strong - ******************************************************************************/ -.#{$primaryStyleName}-strong .#{$primaryStyleName}-caption-container { - font-weight: bold; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - border: none; - } - -div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - background: transparent; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss deleted file mode 100644 index d7f968fe43..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss +++ /dev/null @@ -1,163 +0,0 @@ -@mixin chameleon-tabsheet($primaryStyleName : v-tabsheet) { - -.#{$primaryStyleName}-spacertd div { - border-color: #b3b3b3; - border-left: none; - } - -.#{$primaryStyleName}-tabitem { - border: none; - border-bottom: 1px solid #b3b3b3; - padding: 0; - } - -.#{$primaryStyleName}-tabitem .v-caption { - padding: .2em .8em; - margin: 1px; - margin-bottom: 0; - } - -.#{$primaryStyleName}-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; - } - -.#{$primaryStyleName}-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; - } - -.#{$primaryStyleName}-content { - background: #fff; - border-color: #b3b3b3; - } - -.#{$primaryStyleName}-deco { - height: 0; - background: transparent; - border-top: 1px solid #b3b3b3; - } - -.#{$primaryStyleName}-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; - } - -.#{$primaryStyleName}-caption-close:hover { - background-position: .5em -25px; - } - -.#{$primaryStyleName}-caption-close:active { - background-position: .5em -50px; - } - -/******************************************************************************* - * Scroller - ******************************************************************************/ -.#{$primaryStyleName}-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; - } - -.#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled, -.#{$primaryStyleName}-scrollerPrev-disabled:active, -.#{$primaryStyleName}-scrollerNext-disabled:active { - padding-top: 12px; - 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); - } - -.#{$primaryStyleName}-scroller button::-moz-focus-inner { - border: none; - padding: 0; - } - -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerNext-disabled, -.#{$primaryStyleName}-scrollerNext-disabled:active { - background-position: -10px 50%; - border-left-width: 1px; - } - -.#{$primaryStyleName}-scrollerPrev:hover, -.#{$primaryStyleName}-scrollerNext:hover { - opacity: .75; - filter: alpha(opacity=75); - } - -.#{$primaryStyleName}-scrollerPrev:active, -.#{$primaryStyleName}-scrollerNext:active { - opacity: 1; - filter: none; - } - -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled, -.#{$primaryStyleName}-scrollerPrev-disabled:active, -.#{$primaryStyleName}-scrollerNext-disabled:active { - opacity: .1; - filter: alpha(opacity=10); - } - - - -/******************************************************************************* - * open-only-closable - ******************************************************************************/ -.#{$primaryStyleName}-open-only-closable .#{$primaryStyleName}-caption-close { - visibility: hidden; - } - -.#{$primaryStyleName}-open-only-closable .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { - visibility: visible; - } - - -/******************************************************************************* - * Borderless - ******************************************************************************/ -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-content-borderless, -.#{$primaryStyleName}-deco-borderless { - border: none; - background: transparent; - } - -.#{$primaryStyleName}-tabs-borderless .#{$primaryStyleName}-tabitem-selected, -.#{$primaryStyleName}-tabs-borderless .#{$primaryStyleName}-tabitem-selected .v-caption { - background-color: transparent; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/textfield/textfield.scss b/WebContent/VAADIN/themes/chameleon/components/textfield/textfield.scss deleted file mode 100644 index 4554672da4..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/textfield/textfield.scss +++ /dev/null @@ -1,131 +0,0 @@ -@mixin chameleon-textfield($primaryStyleName : v-textfield) { - -input.#{$primaryStyleName}, -textarea.v-textarea, -.v-filterselect { - line-height: normal; - border: 1px solid #b3b3b3; - border-top-color: #808080; - border-color: rgba(0,0,0,.3); - border-top-color: rgba(0,0,0,.5); - background: #fff url(../../img/input-bg.png) repeat-x; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2); - -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2); - margin: 0; - } - -input.#{$primaryStyleName}[type="text"], -textarea.v-textarea, -.v-filterselect { - padding-bottom: .1em; - padding-top: .1em; - padding-left: .2em; - padding-right: .2em; - } - -input.#{$primaryStyleName}[type="text"] { - height: 1.2em; - } - -input.v-widget.#{$primaryStyleName}[type="text"], -.v-filterselect { - height: 1.7em; - } - -&.v-app input.#{$primaryStyleName}, -&.v-app textarea.v-textarea, -&.v-app input.v-filterselect-input { - color: #222; - } - -.v-ie & input.#{$primaryStyleName}, -.v-ie & textarea.v-textarea, -.v-ie & .v-filterselect { - border-top-color: #808080; - } - -&.v-app input.#{$primaryStyleName}-prompt, -&.v-app textarea.v-textarea-prompt { - font-style: normal; - color: #999; - } - -input.#{$primaryStyleName}-focus, -textarea.v-textarea-focus { - background-color: #fffce1; - } - - -/******************************************************************************* - * Readonly - ******************************************************************************/ -input.#{$primaryStyleName}-readonly, -textarea.v-textarea-readonly { - border: none; - background: transparent; - } - - -/******************************************************************************* - * Small - ******************************************************************************/ -&.v-app input.#{$primaryStyleName}-small, -&.v-app textarea.v-textarea-small, -.v-filterselect-small .v-filterselect-input { - font-size: $chameleon-font-size-small; - } - -/******************************************************************************* - * Big (and big search) - ******************************************************************************/ -&.v-app input.#{$primaryStyleName}-big, -&.v-app textarea.v-textarea-big, -.v-filterselect-big .v-filterselect-input { - font-size: $chameleon-font-size-big; - } - -input.#{$primaryStyleName}-big[type=text], -.v-datefield-big input.v-datefield-textfield[type=text] { - padding: .3em; - } - -textarea.v-textarea, -.v-filterselect-big { - padding: .3em; - } - -input.#{$primaryStyleName}-big.#{$primaryStyleName}-search, -.v-filterselect-search.v-filterselect-big { - background-image: url(../../img/magnifier-big.png); - background-repeat: no-repeat; - background-position: 4px 50%; - } - -input.#{$primaryStyleName}-big.#{$primaryStyleName}-search[type=text] { - padding-left: 26px; - } - -.v-filterselect-search.v-filterselect-big { - padding-left: 26px; - } - - -/******************************************************************************* - * Search - ******************************************************************************/ -input.#{$primaryStyleName}-search, -.v-filterselect-search { - background-image: url(../../img/magnifier.png); - background-repeat: no-repeat; - background-position: 3px 50%; - } - -input.#{$primaryStyleName}-search[type=text], -.v-filterselect-search { - padding-left: 17px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/tree/tree.scss b/WebContent/VAADIN/themes/chameleon/components/tree/tree.scss deleted file mode 100644 index 9b33cd0155..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/tree/tree.scss +++ /dev/null @@ -1,26 +0,0 @@ -@mixin chameleon-tree($primaryStyleName : v-tree) { - -.#{$primaryStyleName}-node-caption { - margin-left: 16px; - } - -.#{$primaryStyleName}-node span { - padding: .1em .3em; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - } - -.#{$primaryStyleName}-node-children { - padding-left: 16px; - } - -.#{$primaryStyleName}-node-selected span { - background-color: #333; - } - -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { - padding-bottom: 1px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/components/window/window.scss b/WebContent/VAADIN/themes/chameleon/components/window/window.scss deleted file mode 100644 index 16de81a785..0000000000 --- a/WebContent/VAADIN/themes/chameleon/components/window/window.scss +++ /dev/null @@ -1,74 +0,0 @@ -@mixin chameleon-window($primaryStyleName : v-window) { - -.#{$primaryStyleName} { - border-radius: 3px; -} -.#{$primaryStyleName}-closebox, -.#{$primaryStyleName}-restorebox, -.#{$primaryStyleName}-maximizebox { - width: 14px; - height: 15px; - overflow: hidden; - vertical-align: middle; - margin: 0; - top: .3em; - z-index: 2; - &:hover { - background-position: 0 -25px; - } - &:active { - background-position: 0 -50px; - } -} -.#{$primaryStyleName}-closebox { - text-indent: -50px; - background: transparent url(../../img/close-btn.png) no-repeat; - right: .4em; -} -.#{$primaryStyleName}-restorebox, -.#{$primaryStyleName}-maximizebox { - right: 1.8em; -} - -.#{$primaryStyleName}-restorebox { - background: transparent url(../../img/restore.png) no-repeat; -} -.#{$primaryStyleName}-maximizebox { - background: transparent url(../../img/maximize.png) no-repeat; -} - - -.#{$primaryStyleName} { - background-image: none; - } - -.#{$primaryStyleName}-wrap { - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - background-image: url(../../img/grad-light-top.png); - background-repeat: repeat-x; - } -.#{$primaryStyleName}-outerheader { - padding: .2em 1.7em .5em 1.2em; - height: auto; - text-align: center; - } - -.#{$primaryStyleName}-header { - font-weight: normal; - } - -.#{$primaryStyleName}-footer { - height: 0; - position: static; - } - -.#{$primaryStyleName}-resizebox { - background: transparent url(../../img/resize.png) no-repeat; - width: 14px; - height: 14px; - bottom: 0; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/chameleon/compound/compound.scss b/WebContent/VAADIN/themes/chameleon/compound/compound.scss deleted file mode 100644 index 43a8717dbb..0000000000 --- a/WebContent/VAADIN/themes/chameleon/compound/compound.scss +++ /dev/null @@ -1,134 +0,0 @@ -@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: 11.05px; - 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/favicon.ico b/WebContent/VAADIN/themes/chameleon/favicon.ico deleted file mode 100644 index 1f81f0de76..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png b/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png deleted file mode 100644 index f0a0b1bfba..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/icons/bullet.png b/WebContent/VAADIN/themes/chameleon/icons/bullet.png deleted file mode 100644 index 5047f6b27c..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/icons/bullet.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/app-bg.png b/WebContent/VAADIN/themes/chameleon/img/app-bg.png deleted file mode 100644 index 0eb0022781..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/app-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/close-btn.png b/WebContent/VAADIN/themes/chameleon/img/close-btn.png deleted file mode 100644 index a1337676e1..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/close-btn.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png b/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png deleted file mode 100644 index d4562a1368..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/date-btn.png b/WebContent/VAADIN/themes/chameleon/img/date-btn.png deleted file mode 100644 index 522a77539e..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/date-btn.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/error-close.png b/WebContent/VAADIN/themes/chameleon/img/error-close.png deleted file mode 100644 index 587a680604..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/error-close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/error-indicator.png b/WebContent/VAADIN/themes/chameleon/img/error-indicator.png deleted file mode 100644 index ab7b4bb2f0..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/error-indicator.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png deleted file mode 100644 index 3d86693c5f..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png deleted file mode 100644 index 1bf7a557ef..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png deleted file mode 100644 index 8509f462e0..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png deleted file mode 100644 index a6965e4772..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png deleted file mode 100644 index d9479f195e..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png deleted file mode 100644 index 51ec5e60b3..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif b/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif deleted file mode 100644 index 46136f0339..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/input-bg.png b/WebContent/VAADIN/themes/chameleon/img/input-bg.png deleted file mode 100644 index 08b67dd7bd..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/input-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png b/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png deleted file mode 100644 index 6de95c9595..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png b/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png deleted file mode 100644 index 8802ac417c..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png b/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png deleted file mode 100644 index e6bb96cbdd..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png b/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png deleted file mode 100644 index 67886c067c..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png b/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png deleted file mode 100644 index 19d662fe7c..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/magnifier.png b/WebContent/VAADIN/themes/chameleon/img/magnifier.png deleted file mode 100644 index 3fed5eeaab..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/magnifier.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/maximize.png b/WebContent/VAADIN/themes/chameleon/img/maximize.png deleted file mode 100644 index 5c6488d1a5..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/resize.png b/WebContent/VAADIN/themes/chameleon/img/resize.png deleted file mode 100644 index 86ae55eced..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/resize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/restore.png b/WebContent/VAADIN/themes/chameleon/img/restore.png deleted file mode 100644 index 55d004fe53..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/split-handle.png b/WebContent/VAADIN/themes/chameleon/img/split-handle.png deleted file mode 100644 index 01085cdd4d..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/split-handle.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png b/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png deleted file mode 100644 index 8a16d80e55..0000000000 Binary files a/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/chameleon/legacy-styles.scss b/WebContent/VAADIN/themes/chameleon/legacy-styles.scss deleted file mode 100644 index 843f81475c..0000000000 --- a/WebContent/VAADIN/themes/chameleon/legacy-styles.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "chameleon.scss"; -// For legacy themes; does not wrap styles in .themename -// Creates legacy-styles.css that can be imported into non-sass themes. -// NOTE: can not be used in scenarios where multiple themes are used on the -// same page (e.g portals). -@include chameleon; diff --git a/WebContent/VAADIN/themes/chameleon/styles.scss b/WebContent/VAADIN/themes/chameleon/styles.scss deleted file mode 100644 index 0c55a57239..0000000000 --- a/WebContent/VAADIN/themes/chameleon/styles.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "chameleon.scss"; -.chameleon { - @include chameleon; -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/accordion/accordion.scss b/WebContent/VAADIN/themes/liferay/accordion/accordion.scss deleted file mode 100644 index 9a37fd463e..0000000000 --- a/WebContent/VAADIN/themes/liferay/accordion/accordion.scss +++ /dev/null @@ -1,35 +0,0 @@ -@mixin liferay-accordion { - -.v-accordion { - border: 1px solid #999; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-accordion-item-caption { - color: #222; - text-shadow: 1px 1px #FFFFFF; - font-weight: bold; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0; - border-top: 1px solid #999; - border-bottom: none; - padding: 4px 5px 5px 5px; -} - -.v-accordion-item-caption .v-caption { - font-size: 12px; -} - -.v-accordion-item-first .v-accordion-item-caption { - border-top: none; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; -} - -.v-accordion-item-open .v-accordion-item-caption { - border-bottom: 1px solid #999; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/button/button.scss b/WebContent/VAADIN/themes/liferay/button/button.scss deleted file mode 100644 index 85c1eb4094..0000000000 --- a/WebContent/VAADIN/themes/liferay/button/button.scss +++ /dev/null @@ -1,110 +0,0 @@ -@mixin liferay-button { - -.v-button:focus { - outline: none; -} - -.v-button:hover .v-button-wrap { - background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0; - border-color: #627782; - color: #369; -} - -.v-button:active .v-button-wrap, -.v-button.v-pressed .v-button-wrap, -.v-button:focus .v-button-wrap { - background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; - border-color: #555; -} - -.v-button { - padding: 0; - border: none; - height: 26px; - overflow: hidden; -} - -.v-nativebutton { - font-size: $font-size; -} -.v-button .v-button-wrap, -.v-disabled.v-button .v-button-wrap { - display: block; - font-size: $font-size; - font-weight: bold; - border: 1px solid #c8c9ca; - border-right-color: #9e9e9e; - border-bottom-color: #9e9e9e; - background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0; - -webkit-background-origin: padding; - -moz-background-origin: padding; - padding: 4px 4px 0px 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - line-height: 16px; - min-height: 16px; - text-shadow: 1px 1px #fff; - color: #34404f; - text-overflow: ellipsis; - height: 20px; -} - -.v-button-caption { - line-height: 16px; -} - -/* Link style button */ -.v-button-link, -.v-disabled.v-button-link, -.v-button-link:focus, -.v-button-link:active, -.v-button-link:hover, -.v-button-link-pressed, -button.v-nativebutton-link, -.v-disabled.v-nativebutton-link, -button.v-nativebutton-link:focus, -button.v-nativebutton-link:active, -button.v-nativebutton-link:hover, -button.v-nativebutton-link-pressed, -.v-button.v-button-link .v-button-wrap, -.v-button.v-button-link:focus .v-button-wrap, -.v-button.v-button-link:active .v-button-wrap, -.v-disabled.v-button.v-button-link .v-button-wrap { - color: #5B677D; - font-weight: normal; - border: none; - border-style: none; - background: transparent; - padding: 0; - font-size: $font-size; - -webkit-box-shadow: none; - -mox-box-shadow: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - text-shadow: none; - height: auto; -} - -.v-button-link:hover { - color: #0066cc; - text-decoration: none; -} - -.v-button-link:focus, -.v-sa & .v-button-link:focus { - outline: 1px dotted #1b699f; - outline-offset: -1px; -} - -.v-sa & .v-button-link:focus { - outline-offset: -1px; -} - -/* CheckBox */ -.v-checkbox input { - margin-right: 3px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/colorpicker/colorpicker.scss b/WebContent/VAADIN/themes/liferay/colorpicker/colorpicker.scss deleted file mode 100644 index fc50297388..0000000000 --- a/WebContent/VAADIN/themes/liferay/colorpicker/colorpicker.scss +++ /dev/null @@ -1,19 +0,0 @@ -@mixin liferay-colorpicker($name : v-colorpicker) { - -.#{$name}-button-color { - border: 1px solid #999999; -} - -.#{$name}-popup { - width: 252px; -} - -.#{$name}-popup .v-tabsheet .#{$name}-grid { - height: 312px; -} - -.#{$name}-popup .v-filterselect { - padding-right: 24px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/common/buttons_sprites.png b/WebContent/VAADIN/themes/liferay/common/buttons_sprites.png deleted file mode 100644 index 70521dffce..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/common/buttons_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/common/common.scss b/WebContent/VAADIN/themes/liferay/common/common.scss deleted file mode 100644 index 0d653baf7c..0000000000 --- a/WebContent/VAADIN/themes/liferay/common/common.scss +++ /dev/null @@ -1,39 +0,0 @@ -@mixin liferay-common { - -body &.v-app { - background-color: transparent; -} - -.v-caption { - font-weight: bold; -} - -.v-tooltip { - background-color: #fffcdd; - border: 1px solid #b8b295; - font-size: 11px; - color: #222; -} -.v-tooltip-text { - padding: 2px 4px; -} -.v-tooltip .v-errormessage { - padding: 3px 4px; - background: #ffecc6; - color: #b74100; - border: none; - border-top: 1px solid #fff3dc; -} -.v-tooltip .v-errormessage h2 { - font-size: 16px; - font-weight: normal; - color: #ab3101; - margin: 2px 0 8px 0; -} -.v-tooltip .v-errormessage h3 { - font-size: 13px; - font-weight: bold; - margin: 1px 0 4px 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.scss b/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.scss deleted file mode 100644 index 7748580f0c..0000000000 --- a/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.scss +++ /dev/null @@ -1,44 +0,0 @@ -@mixin liferay-contextmenu { - -.v-contextmenu { - background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; - border: 1px solid; - border-color: #aeafb1 #777879 #777879 #aeafb1; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-contextmenu table { - border-collapse: separate; -} - -.v-contextmenu .gwt-MenuItem { - padding: 3px 8px 2px 8px; - height: 16px; - color: #2c2f34; - text-shadow: -1px -1px #fff; - font-weight: bold; - border-bottom: 1px solid #bcbbbb; - border-top: 1px solid #eee; -} - -.v-contextmenu tr:last-child .gwt-MenuItem { - border-bottom-width: 0; -} - -.v-contextmenu .gwt-MenuItem img { - margin-right: 4px; -} - -.v-contextmenu .gwt-MenuItem-selected { - background-color: #5b677d; - color: #FFF; - text-shadow: -1px -1px #2c2f34; -} - -.v-contextmenu .gwt-MenuItem-selected div { - background: transparent; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/datefield/datefield.scss b/WebContent/VAADIN/themes/liferay/datefield/datefield.scss deleted file mode 100644 index c9ef7180a5..0000000000 --- a/WebContent/VAADIN/themes/liferay/datefield/datefield.scss +++ /dev/null @@ -1,171 +0,0 @@ -@mixin liferay-datefield($primaryStyleName : v-datefield) { - -.#{$primaryStyleName}-popup { - padding: 3px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.#{$primaryStyleName}-calendarpanel-header { - height: 28px; -} - -.#{$primaryStyleName}-calendarpanel:focus { - outline: none; -} - -.#{$primaryStyleName}-calendarpanel-body { - text-align: right; - vertical-align: top; -} - -.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { - background: transparent url(../common/buttons_sprites.png) no-repeat 0 -48px; - width: 24px; - height: 24px; - border: none; -} - -.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:hover { - background-position: 0px -72px; -} - -.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:focus { - background-position: 0px -96px; -} - -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { - width: 124px; -} - -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { - width: 35px; -} - -.#{$primaryStyleName}-calendarpanel-month { - background: transparent url(datefield_sprites.png) repeat-x 0 -112px; - font-weight: bold; -} - -span.#{$primaryStyleName}-calendarpanel-month { - display: block; - text-align: center; - background: transparent; - overflow: hidden; - padding: 1px 3px 0; -} - -.#{$primaryStyleName}-calendarpanel-prevyear, -.#{$primaryStyleName}-calendarpanel-nextyear { - width: 22px; -} - -.#{$primaryStyleName}-calendarpanel-prevyear button, -.#{$primaryStyleName}-calendarpanel-prevmonth button, -.#{$primaryStyleName}-calendarpanel-nextmonth button, -.#{$primaryStyleName}-calendarpanel-nextyear button { - width: 22px; - height: 28px; - border: none; - background: transparent; - background-repeat: no-repeat; - background-image: url(datefield_sprites.png); - background-position: 0 0; - overflow: hidden; - padding: 0; - text-indent: -9999px; - outline: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button, -.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { - text-indent: 0; - font-size: 1px; -} - -.#{$primaryStyleName}-calendarpanel-prevmonth button { - background-position: 0 -56px; -} - -.#{$primaryStyleName}-calendarpanel-prevmonth { - background: transparent url(datefield_sprites.png) repeat-x 0 -112px; -} - -.#{$primaryStyleName}-calendarpanel-nextyear button { - background-position: 0 -28px; - width: 100%; - min-width: 22px; -} - -.#{$primaryStyleName}-calendarpanel-nextmonth button { - background-position: 0 -84px; -} - -.#{$primaryStyleName}-calendarpanel-nextmonth { - background: transparent url(datefield_sprites.png) repeat-x 0 -112px; -} - -.#{$primaryStyleName}-calendarpanel-prevyear button { - width: 100%; - min-width: 22px; -} - -.#{$primaryStyleName}-calendarpanel-day { - display: block; - width: 22px; - margin: 0 0 3px 3px; - text-align: center; - background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; - border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca; - border-style: solid; - border-width: 1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.#{$primaryStyleName}-calendarpanel-day-today { - font-weight: bold; -} - -.#{$primaryStyleName}-calendarpanel-day-selected { - background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; - color: #000; - border-color: #555; -} - -.#{$primaryStyleName}-calendarpanel-day-focused { - outline: 1px dotted #555; -} - - -.#{$primaryStyleName}-calendarpanel-weekdays { - text-align: center; -} - -.#{$primaryStyleName}-calendarpanel-weekdays strong { - font-weight: normal; -} - -.#{$primaryStyleName}-calendarpanel-weeknumber { - display: block; - border: none; - padding: 2px 0 2px 0; - margin: 0; - font-size: 9.9px; -} - -.#{$primaryStyleName}-calendarpanel-body table { - margin: 0 auto; - width: 200px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/datefield/datefield_sprites.png b/WebContent/VAADIN/themes/liferay/datefield/datefield_sprites.png deleted file mode 100644 index 7da07e33ca..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/datefield/datefield_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/favicon.ico b/WebContent/VAADIN/themes/liferay/favicon.ico deleted file mode 100644 index 1f81f0de76..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/formlayout/formlayout.scss b/WebContent/VAADIN/themes/liferay/formlayout/formlayout.scss deleted file mode 100644 index 3fa6fa20ee..0000000000 --- a/WebContent/VAADIN/themes/liferay/formlayout/formlayout.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin liferay-formlayout { - -.v-formlayout .v-caption { - font-weight: normal; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss b/WebContent/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss deleted file mode 100644 index 80e3b467ec..0000000000 --- a/WebContent/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin liferay-inlinedatefield ($primaryStyleName : v-inline-datefield) { - - @include liferay-datefield(v-inline-datefield); - - .#{$primaryStyleName} { - line-height:19px; /* Override popup datefields line-height:0 to get correct line heights */ - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/legacy-styles.scss b/WebContent/VAADIN/themes/liferay/legacy-styles.scss deleted file mode 100644 index 4f304fd397..0000000000 --- a/WebContent/VAADIN/themes/liferay/legacy-styles.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "liferay.scss"; -// For legacy themes; does not wrap styles in .themename -// Creates legacy-styles.css that can be imported into non-sass themes. -// NOTE: can not be used in scenarios where multiple themes are used on the -// same page (e.g portals). -@include liferay; \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/liferay.scss b/WebContent/VAADIN/themes/liferay/liferay.scss deleted file mode 100644 index 273c065772..0000000000 --- a/WebContent/VAADIN/themes/liferay/liferay.scss +++ /dev/null @@ -1,56 +0,0 @@ -@import "../base/base.scss"; - -@import "accordion/accordion.scss"; -@import "button/button.scss"; -@import "colorpicker/colorpicker.scss"; - -@import "common/common.scss"; - -@import "contextmenu/contextmenu.scss"; -@import "datefield/datefield.scss"; -@import "inlinedatefield/inlinedatefield.scss"; -@import "formlayout/formlayout.scss"; -@import "menubar/menubar.scss"; -@import "notification/notification.scss"; -@import "panel/panel.scss"; -@import "popupview/popupview.scss"; -@import "progressindicator/progressindicator.scss"; -@import "select/select.scss"; -@import "slider/slider.scss"; -@import "splitpanel/splitpanel.scss"; -@import "table/table.scss"; -@import "tabsheet/tabsheet.scss"; -@import "textfield/textfield.scss"; -@import "tree/tree.scss"; -@import "window/window.scss"; - -@mixin liferay { - // TODO move? - $font-size: 11px; - @include base; - // TODO @each - @include liferay-accordion; - @include liferay-button; - @include liferay-colorpicker; - - @include liferay-common; - @include liferay-contextmenu; - @include liferay-datefield; - @include liferay-inlinedatefield; - @include liferay-formlayout; - @include liferay-menubar; - @include liferay-notification; - @include liferay-panel; - @include liferay-popupview; - @include liferay-progressindicator(v-progressbar); - /* For legacy ProgressIndicator component */ - @include liferay-progressindicator(v-progressindicator); - @include liferay-select; - @include liferay-slider; - @include liferay-splitpanel; - @include liferay-table; - @include liferay-tabsheet; - @include liferay-textfield; - @include liferay-tree; - @include liferay-window; -} diff --git a/WebContent/VAADIN/themes/liferay/menubar/menubar.scss b/WebContent/VAADIN/themes/liferay/menubar/menubar.scss deleted file mode 100644 index dd31608e79..0000000000 --- a/WebContent/VAADIN/themes/liferay/menubar/menubar.scss +++ /dev/null @@ -1,72 +0,0 @@ -@mixin liferay-menubar { - -.v-menubar { - background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0; - border-bottom: 1px solid #636364; -} - -.v-menubar-separator span { - display: none; -} - -.v-menubar-menuitem { - padding: 3px 8px; - line-height: 16px; - font-weight: bold; - color: #2c2f34; - text-shadow: -1px -1px #FFF; -} - -.v-menubar-menuitem-selected { - color: #FFF; - text-shadow: -1px -1px #2c2f34; -} - -.v-menubar-submenu { - background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; - border: 1px solid; - border-color: #aeafb1 #777879 #777879 #aeafb1; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; - padding: 2px 0; -} -.v-menubar-submenu .v-menubar-submenu-indicator { - font-size: 9.9px; -} -.v-menubar-submenu .v-menubar-menuitem { - color: #2c2f34; - font-weight: bold; - text-shadow: 1px 1px #fff; - padding: 1px 26px 1px 10px; - line-height: 16px; - border-bottom: 1px solid #bcbbbb; - border-top: 1px solid #eee; -} - -.v-menubar-submenu .v-menubar-menuitem:last-child { - border-bottom-width: 0; -} - -.v-menubar-submenu .v-menubar-menuitem-caption * { - vertical-align: middle; -} - -.v-menubar .v-menubar-menuitem-selected, -.v-menubar-submenu .v-menubar-menuitem-selected { - color: #fff; - text-shadow: 1px 1px #000; - background-color: #5b677d; -} -.v-menubar-popup { - border-radius: 5px; - } -.v-menubar-menuitem-disabled, -.v-menubar-submenu .v-menubar-menuitem-disabled, -.v-menubar span.v-menubar-menuitem-disabled:hover, -.v-menubar span.v-menubar-menuitem-disabled:focus, -.v-menubar span.v-menubar-menuitem-disabled:active { - color: #999; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/notification/notification.scss b/WebContent/VAADIN/themes/liferay/notification/notification.scss deleted file mode 100644 index 75b5e6a0a9..0000000000 --- a/WebContent/VAADIN/themes/liferay/notification/notification.scss +++ /dev/null @@ -1,48 +0,0 @@ -@mixin liferay-notification { - -.v-Notification { - background: #dff4ff; - color: #34404F; - font-weight: bold; - cursor: pointer; - overflow: hidden; - padding: 1em; - max-width: 85%; - border: 1px solid #a7cedf; -} - -.v-Notification-caption, -.v-Notification-description { - display: inline; - margin: 0 0.5em 0 0; -} -.v-Notification-warning { - background: #ffc; - border-color: #fc0; -} -.v-Notification-error { - background-color: #ffdddd; - border-color: #ff0000; -} - -.v-Notification-tray { - color: #111111; - background-color: #e5e5e5; - border-color: #b5b5b5; -} -.v-Notification-tray .v-Notification-caption { - display: block; -} -.v-Notification-tray .v-Notification-description { - display: block; -} -.v-Notification-system { - background-color: #ffdddd; - border-color: #ff0000; -} -.v-Notification-system .v-Notification-caption { - display: block; - margin: 0; -} - -} diff --git a/WebContent/VAADIN/themes/liferay/panel/panel.scss b/WebContent/VAADIN/themes/liferay/panel/panel.scss deleted file mode 100644 index cb65560a74..0000000000 --- a/WebContent/VAADIN/themes/liferay/panel/panel.scss +++ /dev/null @@ -1,86 +0,0 @@ -@mixin liferay-panel { - -.v-panel { - background: transparent url(top-left.png) no-repeat; -} - -.v-panel-caption, -.v-panel-nocaption { - text-shadow: 1px 1px #fff; - font-size: 12px; - color: #222; - margin-left: 4px; - background: transparent url(top-right.png) no-repeat right top; - padding: 5px 5px 10px 2px; - height: 12px; -} - -.v-panel-caption .v-icon { - padding-right: 2px; -} - -.v-panel-content { - border: 1px solid #999; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} - -/* Light style Panel */ - -.v-panel-light { - background: transparent; -} - -.v-panel-caption-light, -.v-panel-nocaption-light { - margin: 0; - border: none; - background: none; -} - -.v-panel-caption-light { - border-bottom: 1px solid #999; -} - -.v-panel-nocaption-light { - padding: 0; - height: 0; -} - -.v-panel-content-light { - border: none; -} -.v-panel-content-light > div { - background: transparent; -} - -.v-panel-deco { - height: 0; - overflow: hidden; -} - -/* IE specific rules */ -.v-ie & .v-panel { - background: transparent; -} -.v-ie & .v-panel-caption, -.v-ie & .v-panel-nocaption { - border: 1px solid #999; - border-bottom: none; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; - margin: 0; - padding-left: 5px; -} - -.v-ie & .v-panel-caption-light, -.v-ie & .v-panel-nocaption-light { - border: none; - background: transparent; -} - -.v-ie & .v-panel-caption-light { - border-bottom: 1px solid #999; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/panel/top-left.png b/WebContent/VAADIN/themes/liferay/panel/top-left.png deleted file mode 100644 index 12e0780d42..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/panel/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/panel/top-right.png b/WebContent/VAADIN/themes/liferay/panel/top-right.png deleted file mode 100644 index 08203ae8a2..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/panel/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/popupview/popupview.scss b/WebContent/VAADIN/themes/liferay/popupview/popupview.scss deleted file mode 100644 index ab06d18c98..0000000000 --- a/WebContent/VAADIN/themes/liferay/popupview/popupview.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin liferay-popupview { - -.v-popupview-popup { - background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; - padding: 8px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border: 1px solid #c8c9ca; - border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.scss b/WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.scss deleted file mode 100644 index 4371b2aeef..0000000000 --- a/WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.scss +++ /dev/null @@ -1,16 +0,0 @@ -@mixin liferay-progressindicator { - -.v-progressindicator-wrapper { - background: #dfe2e4 url(../../reindeer/progressindicator/img/base.gif) repeat-x; - border: 1px solid #bfbfbf; -} - -.v-disabled .v-progressindicator-wrapper { - background-image: url(../../reindeer/progressindicator/img/disabled.gif); -} - -.v-progressindicator-indicator { - background: #f7f9f9 url(../../reindeer/progressindicator/img/progress.png); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/select/select.scss b/WebContent/VAADIN/themes/liferay/select/select.scss deleted file mode 100644 index 5ae302be9a..0000000000 --- a/WebContent/VAADIN/themes/liferay/select/select.scss +++ /dev/null @@ -1,87 +0,0 @@ -@mixin liferay-select { - -$select-button-width : 24px; -$select-button-negative-width : -24px; - -&.v-app select, -.v-window select { - padding: 1px; -} - -select { - background-color: #fff; -} -.v-filterselect { - padding-right: $select-button-width; /* Space for the button */ -} -.v-filterselect-button { - width: $select-button-width; - margin-right: $select-button-negative-width; - height: 24px; - background: transparent url(../common/buttons_sprites.png) no-repeat 0 0; -} - -.v-filterselect-button:hover { - background-position: 0px -24px; -} - -.v-filterselect-suggestpopup { - border: 1px solid #98C0F4; -} - -.v-filterselect-suggestmenu { - min-height: 2px; -} - -.v-filterselect-prevpage, -.v-filterselect-prevpage-off, -.v-filterselect-nextpage, -.v-filterselect-nextpage-off { - background-color: #fff; -} - -.v-filterselect-prevpage span, -.v-filterselect-prevpage-off span, -.v-filterselect-nextpage span, -.v-filterselect-nextpage-off span { - display: block; - height: 8px; - width: 16px; - margin-left: auto; - margin-right: auto; - text-indent: -99999px; -} - -.v-filterselect-prevpage span, .v-filterselect-nextpage span { - background: transparent no-repeat 0 -4px; - background-image: url(/html/themes/classic/images/aui/icon_sprite.png); -} - -.v-filterselect-nextpage span { - background-position: -65px -4px; -} -.v-filterselect-suggestmenu .gwt-MenuItem span { - display: block; - width: 100%; - height: 18px; - border: 1px solid #fff; - border-style: solid none; - -} - -.v-filterselect-suggestmenu .gwt-MenuItem-selected span { - color: #000; - background: #dfe8f6; - border-color: #a3bae9; -} - -.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { - float: left; -} - -.v-select-twincol-buttons .v-button-wrap { - padding-left: 11px; - padding-right: 11px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/slider/slider.scss b/WebContent/VAADIN/themes/liferay/slider/slider.scss deleted file mode 100644 index d30de67da0..0000000000 --- a/WebContent/VAADIN/themes/liferay/slider/slider.scss +++ /dev/null @@ -1,36 +0,0 @@ -@mixin liferay-slider { - -.v-slider { - border: 1px solid #9e9e9e; - border-right: 1px solid #c8c9ca; - border-bottom: 1px solid #c8c9ca; - margin: 4px 0; -} - -.v-slider-base { - height: 1px; -} - -.v-slider-vertical { - margin: 0 5px; - width: 2px; -} - -.v-slider-vertical .v-slider-base { - width: 1px; -} - -.v-slider-handle { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px; - width: 10px; - height: 10px; -} - -/* Invalid rule (not used at least by some browsers */ -/* -.v-slider-feedback { - background: #33; -} -*/ - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/splitpanel/hsplit.png b/WebContent/VAADIN/themes/liferay/splitpanel/hsplit.png deleted file mode 100644 index 32e689b668..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/splitpanel/hsplit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.scss deleted file mode 100644 index b8058f8cb1..0000000000 --- a/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.scss +++ /dev/null @@ -1,67 +0,0 @@ -@mixin liferay-splitpanel { - -.v-splitpanel-hsplitter, -.v-splitpanel-hsplitter-locked { - font-size: 1px; - width: 3px; - background-color: #c8c9ca; -} - -.v-splitpanel-hsplitter div { - font-size: 1px; - width: 3px; - background: transparent; - background-repeat: no-repeat; - background-image: url(hsplit.png); - background-position: center; -} - -.v-splitpanel-hsplitter-locked div { - font-size: 1px; - width: 3px; -} - -.v-splitpanel-vsplitter, -.v-splitpanel-vsplitter-locked { - font-size: 1px; - height: 3px; -} - -.v-splitpanel-vsplitter div { - font-size: 1px; - height: 3px; - background: transparent; - background-color: #c8c9ca; - background-repeat: no-repeat; - background-image: url(vsplit.png); - background-position: center; -} - -.v-splitpanel-vsplitter-locked, -.v-splitpanel-vsplitter-locked div { - font-size: 1px; - height: 3px; - background-color: #c8c9ca; -} - -/* Small SplitPanel */ - -.v-splitpanel-hsplitter-small, -.v-splitpanel-hsplitter-small div, -.v-splitpanel-hsplitter-small-locked, -.v-splitpanel-hsplitter-small-locked div { - font-size: 1px; - width: 1px; - background: #c8c9ca; -} - -.v-splitpanel-vsplitter-small, -.v-splitpanel-vsplitter-small div, -.v-splitpanel-vsplitter-small-locked, -.v-splitpanel-vsplitter-small-locked div { - font-size: 1px; - height: 1px; - background: #c8c9ca; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/splitpanel/vsplit.png b/WebContent/VAADIN/themes/liferay/splitpanel/vsplit.png deleted file mode 100644 index 2ffe03a71b..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/splitpanel/vsplit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/styles.scss b/WebContent/VAADIN/themes/liferay/styles.scss deleted file mode 100644 index b76e5f756b..0000000000 --- a/WebContent/VAADIN/themes/liferay/styles.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "liferay.scss"; -.liferay { - @include liferay; -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/table/columnselect.png b/WebContent/VAADIN/themes/liferay/table/columnselect.png deleted file mode 100644 index 34b4834051..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/table/columnselect.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/table/table.scss b/WebContent/VAADIN/themes/liferay/table/table.scss deleted file mode 100644 index ecb260709b..0000000000 --- a/WebContent/VAADIN/themes/liferay/table/table.scss +++ /dev/null @@ -1,139 +0,0 @@ -@mixin liferay-table { - -.v-table-body { - border: 1px solid #999; -} - -.v-table-body:focus, -.v-table-body-wrapper:focus { - outline: none; -} - -.v-table-body.focused { - border-color: #555; -} - -.v-table-focus .v-table-cell-content { - border-top: 1px dotted #555; - border-bottom: 1px dotted #555; -} - -.v-table-header-wrap, -.v-table-footer-wrap { - border-color: #999; - background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; - height: 26px; -} - -.v-table-footer-wrap { - border: 1px solid #999; - border-top: none; -} - -.v-table-footer td { - height: 100%; - border-right: 1px solid #999; - padding-bottom: 5px; - padding-top: 5px; -} - -.v-table-footer-container { - height: 16px; - float: right; - padding-right: 7px; - overflow: hidden; - white-space: nowrap; -} - -.v-table-caption-container { - color: #336699; - font-weight: bold; - font-size: 11px; - padding-left: 0px; - padding-top: 6px; -} - -.v-table-caption-container-align-right { - margin-left: 0; - margin-right: 6px; - padding-left: 0; -} - -.v-table-caption-container .v-icon { - height: 16px; - margin: -4px 3px 0 0; -} - -.v-ie & .v-table-caption-container .v-icon { - margin-top: -2px; -} - -.v-table-header-cell-asc .v-table-sort-indicator { - background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; - height: 26px; -} - -.v-table-header-cell-desc .v-table-sort-indicator { - background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; - height: 26px; -} - -.v-table-resizer { - height: 26px; - background: #999; -} - -.v-table-focus-slot-left { - margin-bottom: -26px; - background: transparent; -} - -.v-table-column-selector { - background: transparent url(columnselect.png); - width: 16px; - height: 26px; - margin: -26px 0 0; -} - -.v-table-row-odd { - background: #dde1e6; -} - -.v-table-row { - background: #eef0f2; -} - -.v-table-generated-row { - color: #336699; - font-weight: bold; - font-size: 11px; - padding-left: 0px; - padding-top: 6px; - background: #c0c2c5; -} - -.v-table .v-selected { - background-color: #5B677D; - color: #FFF; - text-shadow: -1px -1px #2C2F34; -} - -.v-table-cell-wrapper { - padding-top: 3px; - padding-bottom: 3px; -} - -.v-table-cell-content { - border-right: 1px solid #999; - padding: 0 6px; -} - -.v-table-cell-content:last-child { - border-right-color: transparent; -} - -.v-off { - color: #999; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/tabsheet/close.png b/WebContent/VAADIN/themes/liferay/tabsheet/close.png deleted file mode 100644 index 3b436159be..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/tabsheet/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.scss deleted file mode 100644 index 83a36dd80f..0000000000 --- a/WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.scss +++ /dev/null @@ -1,153 +0,0 @@ -@mixin liferay-tabsheet { - -.v-tabsheet-content { - border: none; -} - -.v-tabsheet-deco { - background: transparent; -} - -.v-tabsheet-tabitem { - border: none; -} - -.v-tabsheet-tabitem .v-caption { - height: 14px; - padding: 3px 10px; -} - -.v-tabsheet-tabitem .v-captiontext { - color: #336699; - font-size: 11px; - font-weight: bold; - text-decoration: underline; -} - -.v-tabsheet-tabitem-selected .v-caption { - background: none repeat scroll 0 0 #333; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-tabsheet-tabitem-selected .v-captiontext { - color: #fff; - text-decoration: none; - text-shadow: -1px -1px #000; -} - -.v-tabsheet-tabitem-selected { - position: relative; -} - -.v-tabsheet-tabitem-selected:after { - border: 10px solid; - border-bottom-width: 0; - border-color: #333 transparent transparent; - bottom: -6px; - content: '-'; - display: block; - height: 0; - left: 50%; - margin-left: -10px; - position: absolute; - text-indent: -9999px; - width: 0; -} - -.v-tabsheet-tabs { - height: 35px; -} - -.v-tabsheet-tabcontainer, -.v-tabsheet-tabs { - overflow: visible !important; -} - -.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem { - border-left: 1px solid #c8c9ca; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} - -.v-tabsheet-tabitemcell, .v-tabsheet-spacertd { - vertical-align: top; -} - -.v-tabsheet-spacertd div { - height: 28px; - border: 1px solid #c8c9ca; - border-left: none; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - padding: 0; -} - -.v-tabsheet-tabitem { - height: 20px; - border-top: 1px solid #c8c9ca; - border-bottom: 1px solid #c8c9ca; - padding: 4px; -} - -.v-tabsheet-scroller { - float: right; - width: 33px; - height: 28px; - margin-top: -35px; - background-color: #eef0f2; - border: 1px solid #c8c9ca; - border-left: none; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - position: relative; -} - -.v-tabsheet-scroller button { - padding: 0; - margin-top: 6px; - width: 16px; - height: 16px; - border: none; - background: transparent; -} - -.v-tabsheet-scroller .v-tabsheet-scrollerPrev, -.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px; -} - -.v-tabsheet-scroller .v-tabsheet-scrollerNext, -.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px; -} - -.v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-scrollerNext-disabled { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.v-tabsheet-caption-close { - background: transparent url(close.png) no-repeat right top; - cursor: default; - float: right; - margin: 3px -1px 0; - overflow: hidden; - text-indent: -999px; - width: 13px; - height: 9px; -} - -.v-ff & .v-tabsheet-caption-close{ - margin-top: -10px; -} -.v-ff & .v-tabsheet-caption-close:only-child { - margin-top: -1px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/textfield/textfield.scss b/WebContent/VAADIN/themes/liferay/textfield/textfield.scss deleted file mode 100644 index a260156bc8..0000000000 --- a/WebContent/VAADIN/themes/liferay/textfield/textfield.scss +++ /dev/null @@ -1,19 +0,0 @@ -@mixin liferay-textfield { - -&.v-app input[type="text"], -&.v-app input[type="password"], -&.v-app input[type="reset"], -&.v-app textarea , -.v-window input[type="text"], -.v-window input[type="password"], -.v-window input[type="reset"], -.v-window textarea { - padding: 5px 1px; -} - -input.v-textfield-prompt, -textarea.v-textarea-prompt { - font-style: normal; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/tree/arrows_sprites.png b/WebContent/VAADIN/themes/liferay/tree/arrows_sprites.png deleted file mode 100644 index 0a6ab35a26..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/tree/arrows_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/tree/tree.scss b/WebContent/VAADIN/themes/liferay/tree/tree.scss deleted file mode 100644 index 99ce8e709f..0000000000 --- a/WebContent/VAADIN/themes/liferay/tree/tree.scss +++ /dev/null @@ -1,62 +0,0 @@ -@mixin liferay-tree { - -.v-tree-node { - background: transparent url(arrows_sprites.png) no-repeat -42px 1px; -} - -.v-tree-node span { - color: #336699; - padding: 1px 2px; - display: inline-block; -} - -.v-tree-node:hover { - background-position: -14px -30px; -} - -.v-tree-node-expanded { - background-position: -28px -14px; -} - -.v-tree-node-expanded:hover { - background-position: 0 -47px; -} - -.v-tree .v-tree-node-drag-top { - background-position: -42px 0px; -} - -.v-tree .v-tree-node-drag-top.v-tree-node-expanded { - background-position: -28px -15px; -} - -.v-tree-node-selected { - background: #333; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-tree-node-selected span { - display: inline-block; - background: transparent; - color: #fff; - text-shadow: -1px -1px #000; - padding: 1px 2px; -} - -.v-tree-node-caption { - margin-left: 14px; - padding: 1px; -} - -.v-tree-node-focused { - border: 1px dotted #555; - padding: 0; -} - -.v-tree-node-children { - padding-left: 14px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/window/closebutton_sprites.png b/WebContent/VAADIN/themes/liferay/window/closebutton_sprites.png deleted file mode 100644 index ca8eb278a1..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/window/closebutton_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/window/maximize_sprites.png b/WebContent/VAADIN/themes/liferay/window/maximize_sprites.png deleted file mode 100644 index 06510063cd..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/window/maximize_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/window/restore_sprites.png b/WebContent/VAADIN/themes/liferay/window/restore_sprites.png deleted file mode 100644 index 41ccfaf79f..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/window/restore_sprites.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/window/top-left.png b/WebContent/VAADIN/themes/liferay/window/top-left.png deleted file mode 100644 index 3beb6bdca9..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/window/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/window/top-right.png b/WebContent/VAADIN/themes/liferay/window/top-right.png deleted file mode 100644 index dd8d61fdee..0000000000 Binary files a/WebContent/VAADIN/themes/liferay/window/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/liferay/window/window.scss b/WebContent/VAADIN/themes/liferay/window/window.scss deleted file mode 100644 index d78c69a72f..0000000000 --- a/WebContent/VAADIN/themes/liferay/window/window.scss +++ /dev/null @@ -1,82 +0,0 @@ -@mixin liferay-window { - -.v-window { - background: transparent; -} - -.v-window-wrap { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - background: #fff url(top-left.png) no-repeat; -} - -.v-window-outerheader { - height: 38px; - margin-left: 9px; - padding: 10px 40px 12px 2px; - background: transparent url(top-right.png) no-repeat right top; - - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -.v-window-header { - color: #000; - font-size: 12px; - text-shadow: 1px 1px #fff; -} - -.v-window-contents { - padding: 0 5px 0 5px; -} - -.v-window-footer { - height: 5px; - overflow: visible; -} - -.v-window div.v-window-footer-noresize { - height: 5px; -} - -.v-window-restorebox, -.v-window-maximizebox, -.v-window-closebox { - position: absolute; - width: 24px; - height: 24px; - top: 8px; - &:hover { - background-position: 0 -24px; - } - &:active { - background-position: 0 -48px; - } - -} -.v-window-closebox { - right: 9px; - background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent; -} - -.v-window-restorebox, -.v-window-maximizebox { - right: 36px; -} -.v-window-restorebox { - background: url(restore_sprites.png) no-repeat scroll 0 0 transparent; -} -.v-window-maximizebox { - background: url(maximize_sprites.png) no-repeat scroll 0 0 transparent; -} - -.v-window-resizebox { - background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -69px -229px; - width: 10px; - height: 10px; - bottom: 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss b/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss deleted file mode 100644 index ffa7ca349a..0000000000 --- a/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss +++ /dev/null @@ -1,14 +0,0 @@ -/*------------ - * General vertical and horizontal sprites - * -----------*/ -/** sprite: verticals; sprite-image: url(common/img/vertical-sprites.png); sprite-layout: vertical */ -/** sprite: horizontals; sprite-image: url(common/img/horizontal-sprites.png); sprite-layout: horizontal */ - -/** sprite: black-verticals; sprite-image: url(common/img/black-vertical-sprites.png); sprite-layout: vertical; sprite-matte-color: #1e2022 */ -/** sprite: black-horizontals; sprite-image: url(common/img/black-horizontal-sprites.png); sprite-layout: horizontal; sprite-matte-color: #1e2022 */ - -/*------------ - * Buttons - * -----------*/ -/** sprite: buttons; sprite-image: url(button/img/button-sprites.png); sprite-layout: vertical */ -/** sprite: black-buttons; sprite-image: url(button/img/black-button-sprites.png); sprite-layout: vertical */ diff --git a/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss b/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss deleted file mode 100644 index cd2ca4b21d..0000000000 --- a/WebContent/VAADIN/themes/reindeer/accordion/accordion.scss +++ /dev/null @@ -1,55 +0,0 @@ -@mixin reindeer-accordion($primaryStyleName : v-accordion) { - -.#{$primaryStyleName} { - border: 1px solid #bebebe; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; -} -.#{$primaryStyleName}-item { - background-color: #fff; -} -.#{$primaryStyleName}-item-caption { - height: 19px; - background: #e4e4e4 repeat-x; - background-image: url(../tabsheet/img/tabbar-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - font-size: 11px; - line-height: normal; - border-top: 1px solid #bebebe; - text-shadow: #fff 0 1px 0; -} -.#{$primaryStyleName}-item-caption .v-caption { - font-size: 11px; -} - -.#{$primaryStyleName}-item-caption .v-captiontext{ - vertical-align:baseline; -} - -.#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { - border-top: none; -} -.#{$primaryStyleName}-item-caption .v-caption { - padding: 3px 0 0 10px; -} -.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption { - background-image: url(../tabsheet/img/tabbar-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - border-bottom: 1px solid #bbb; -} -.#{$primaryStyleName}-item-caption .v-icon { - margin-top: -3px; -} -.v-ie & .#{$primaryStyleName}-item-caption .v-icon, -.v-ff & .#{$primaryStyleName}-item-caption .v-icon { - margin-top: -6px; -} - -/* Borderless style */ -.#{$primaryStyleName}-borderless { - border: none; - border-radius: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button-ie.scss b/WebContent/VAADIN/themes/reindeer/button/button-ie.scss deleted file mode 100644 index 6732aeb2aa..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button-ie.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin reindeer-button-ie($primaryStyleName : v-nativebutton) { - -.v-ie8 & .#{$primaryStyleName}-link { - padding: 0; - text-align: left; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button-link-style.scss b/WebContent/VAADIN/themes/reindeer/button/button-link-style.scss deleted file mode 100644 index 2064cb1650..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button-link-style.scss +++ /dev/null @@ -1,37 +0,0 @@ -@mixin reindeer-button-link-style($primaryStyleName : v-button) { - -.#{$primaryStyleName}.#{$primaryStyleName}-link, -.#{$primaryStyleName}.#{$primaryStyleName}-link:focus, -.#{$primaryStyleName}.#{$primaryStyleName}-link:active, -.#{$primaryStyleName}-link.v-pressed, -.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link, -.#{$primaryStyleName}.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-link.v-pressed .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap { - background: transparent; - height: auto; - padding: 0; - cursor: pointer; - line-height: inherit; - } - -.#{$primaryStyleName}.#{$primaryStyleName}-link.v-disabled, -.#{$primaryStyleName}.#{$primaryStyleName}-link.v-disabled .#{$primaryStyleName}-wrap { - cursor: default; - } - -.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { - line-height: inherit; - font-weight: normal; - color: #1b699f; - font-size: 12px; - text-shadow: none; - } - -.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption { - outline: 1px dotted #1b699f; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss b/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss deleted file mode 100644 index 238a694e28..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss +++ /dev/null @@ -1,66 +0,0 @@ -@mixin reindeer-button-primary-style($primaryStyleName : v-button) { - -.#{$primaryStyleName}-primary:focus { - background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */ - } - -.#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap { - background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - -.#{$primaryStyleName}-primary:active, -.#{$primaryStyleName}-primary.v-pressed { - background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */ - } - -.#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - -.#{$primaryStyleName}-primary, -.v-disabled.#{$primaryStyleName}-primary { - background-image: url(img/primary-left.png); /** sprite-ref: buttons */ - } - -.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap { - background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - - - - -/* Black style */ - - -.black .#{$primaryStyleName}-primary:focus { - background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap { - background-image: url(img/black/primary-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - color: #eaf4fb; - } - -.black .#{$primaryStyleName}-primary:active, -.black .#{$primaryStyleName}-primary.v-pressed { - background-image: url(img/black/primary-left-pressed.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap, -.black .#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/black/primary-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}-primary, -.black .v-disabled.#{$primaryStyleName}-primary { - background-image: url(img/black/primary-left.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap, -.black .v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap { - background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button-small-style.scss b/WebContent/VAADIN/themes/reindeer/button/button-small-style.scss deleted file mode 100644 index 5c9e8a32bb..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button-small-style.scss +++ /dev/null @@ -1,71 +0,0 @@ -@mixin reindeer-button-small-style($primaryStyleName : v-button) { - -.#{$primaryStyleName}-small:focus { - background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */ - } - -.#{$primaryStyleName}-small:focus .#{$primaryStyleName}-wrap { - background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - -.#{$primaryStyleName}-small:active, -.#{$primaryStyleName}-small.v-pressed { - background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */ - } - -.#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - -.#{$primaryStyleName}-small, -.v-disabled.#{$primaryStyleName}-small { - background-image: url(img/small-left.png); /** sprite-ref: buttons */ - height: 20px; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { - background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */ - height: 19px; - padding: 1px 14px 0 8px; - } - -.#{$primaryStyleName}-small .#{$primaryStyleName}-caption { - font-weight: normal; - } - - - - -/* Black style */ - -.black .#{$primaryStyleName}-small:focus { - background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-small:focus .#{$primaryStyleName}-wrap { - background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}-small:active, -.black .#{$primaryStyleName}-small.v-pressed { - background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, -.black .#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}-small, -.black .v-disabled.#{$primaryStyleName}-small { - background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, -.black .v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { - background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button-standard.scss b/WebContent/VAADIN/themes/reindeer/button/button-standard.scss deleted file mode 100644 index 632340f228..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button-standard.scss +++ /dev/null @@ -1,94 +0,0 @@ -@mixin reindeer-button-standard($primaryStyleName : v-button) { - -.#{$primaryStyleName}:focus { - background-image: url(img/left-focus.png); /** sprite-ref: buttons */ - outline: none; - } - -.#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { - background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ - outline: none; - } - -.#{$primaryStyleName}:active, -.#{$primaryStyleName}.v-pressed { - background-image: url(img/left-pressed.png); /** sprite-ref: buttons */ - outline: none; - } - -.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ - outline: none; - } - -.#{$primaryStyleName}, -.v-disabled.#{$primaryStyleName} { - height: 26px; - padding: 0 0 0 6px; - background-color: transparent; - background-repeat: no-repeat; - background-image: url(img/left.png); /** sprite-ref: buttons */ - border: none; - cursor: default; - } - -.#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { - display: block; - height: 22px; - padding: 4px 15px 0 9px; - background-color: transparent; - background-repeat: no-repeat; - background-position: right top; - background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */ - } - -.#{$primaryStyleName}-caption { - color: #222; - text-shadow: #fff 0 1px 0; - font-weight: bold; - font-size: 11px; - line-height: 16px; - } - - - - -/************************** - * Black style - **************************/ -.black .#{$primaryStyleName}:focus { - background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { - background-image: url(img/black/right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}:active, -.black .#{$primaryStyleName}.v-pressed { - background-image: url(img/black/left-pressed.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, -.black .#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { - background-image: url(img/black/right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}, -.black .v-disabled.#{$primaryStyleName} { - background-image: url(img/black/left.png); /** sprite-ref: black-buttons */ - } - -.black .#{$primaryStyleName}-wrap, -.black .v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { - background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ - } - -.black .#{$primaryStyleName}-caption { - color: #c9ccce; - text-shadow: #121314 0 -1px 0; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/button/button.scss b/WebContent/VAADIN/themes/reindeer/button/button.scss deleted file mode 100644 index 2fd34ef2c8..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/button.scss +++ /dev/null @@ -1,15 +0,0 @@ -/* Standard implementation of the button theme - * These files contain styles that apply to all browsers - */ -@import "button-standard.scss"; -@import "button-primary-style.scss"; -@import "button-small-style.scss"; -@import "button-link-style.scss"; - -@mixin reindeer-button($primaryStyleName : v-button) { - // TODO use $exclude - @include reindeer-button-standard; - @include reindeer-button-primary-style; - @include reindeer-button-small-style; - @include reindeer-button-link-style; -} diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/left-focus.png deleted file mode 100644 index 4361800079..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/left-pressed.png deleted file mode 100644 index ab0d245b15..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/left.png b/WebContent/VAADIN/themes/reindeer/button/img/black/left.png deleted file mode 100644 index e77900abc5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png deleted file mode 100644 index 47bfc36a5b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png deleted file mode 100644 index d20fa467f8..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left.png deleted file mode 100644 index e05e8cf8ae..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png deleted file mode 100644 index ecc06c52ab..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png deleted file mode 100644 index b71eecc3d8..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right.png b/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right.png deleted file mode 100644 index 94d5e93f85..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/primary-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/right-focus.png deleted file mode 100644 index 43e6edb2b9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/right-pressed.png deleted file mode 100644 index 2612f6869d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/right.png b/WebContent/VAADIN/themes/reindeer/button/img/black/right.png deleted file mode 100644 index bfeafb779e..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-focus.png deleted file mode 100644 index 55e76701b8..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png deleted file mode 100644 index 01eea1ea58..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-left.png deleted file mode 100644 index 28aca63243..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-focus.png deleted file mode 100644 index 4415262cb6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png deleted file mode 100644 index 7095241499..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right.png b/WebContent/VAADIN/themes/reindeer/button/img/black/small-right.png deleted file mode 100644 index 1be4b2c327..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/black/small-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png deleted file mode 100644 index 636cf840c3..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png deleted file mode 100644 index e70f56b84b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left.png b/WebContent/VAADIN/themes/reindeer/button/img/left.png deleted file mode 100644 index c4209e8119..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png deleted file mode 100644 index 7952ae5022..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png deleted file mode 100644 index 7ff5296025..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png deleted file mode 100644 index abb6bcc5af..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png deleted file mode 100644 index 7b7ae32d84..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png deleted file mode 100644 index dbcc59c906..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png deleted file mode 100644 index a600b84c34..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png deleted file mode 100644 index fa59dfefa3..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png deleted file mode 100644 index 2cbe6c010f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right.png b/WebContent/VAADIN/themes/reindeer/button/img/right.png deleted file mode 100644 index af80f785e8..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png deleted file mode 100644 index 96408f225f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png deleted file mode 100644 index 90f0d5cbef..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left.png deleted file mode 100644 index 4efaa98ac2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png deleted file mode 100644 index 03c4c92e68..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png deleted file mode 100644 index 90a22c8b8b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right.png deleted file mode 100644 index 96f11915c1..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/button/img/small-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/button/nativebutton.scss b/WebContent/VAADIN/themes/reindeer/button/nativebutton.scss deleted file mode 100644 index ca7a16e88e..0000000000 --- a/WebContent/VAADIN/themes/reindeer/button/nativebutton.scss +++ /dev/null @@ -1,25 +0,0 @@ -/* Browser-specific corrections to the standard implementation */ -@import "button-ie.scss"; - -@mixin reindeer-nativebutton-link($primaryStyleName : v-nativebutton) { - -.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { - line-height: inherit; - font-weight: normal; - color: #1b699f; - font-size: 12px; - text-shadow: none; - } - -.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption { - outline: 1px dotted #1b699f; - } - -} - -@mixin reindeer-nativebutton($primaryStyleName : v-nativebutton) { - @include reindeer-nativebutton-link($primaryStyleName); - - /* Browser-specific corrections to the standard implementation */ - @include reindeer-button-ie($primaryStyleName); -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/colorpicker/colorpicker.scss b/WebContent/VAADIN/themes/reindeer/colorpicker/colorpicker.scss deleted file mode 100644 index 4224691d12..0000000000 --- a/WebContent/VAADIN/themes/reindeer/colorpicker/colorpicker.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin reindeer-colorpicker($name : v-colorpicker) { - -.#{$name}-popup { - width: 246px; -} - -.#{$name}-popup .v-tabsheet .#{$name}-grid { - height: 284px; -} - -.#{$name}-popup .v-filterselect { - padding-right: 25px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/common/common.scss b/WebContent/VAADIN/themes/reindeer/common/common.scss deleted file mode 100644 index 5e85cb09bc..0000000000 --- a/WebContent/VAADIN/themes/reindeer/common/common.scss +++ /dev/null @@ -1,125 +0,0 @@ -@mixin reindeer-common { - -&.v-app { - background: #f5f5f5; -} -/* Global font styles */ -&.v-app, -.v-window, -.v-popupview-popup, -.v-tooltip, -&.v-app input, -&.v-app select, -&.v-app button, -&.v-app textarea, -.v-window input, -.v-window select, -.v-window button, -.v-window textarea, -.v-popupview-popup input, -.v-popupview-popup select, -.v-popupview-popup button, -.v-popupview-popup textarea, -.v-filterselect-suggestpopup, -.v-datefield-popup, -.v-contextmenu, -.v-Notification, -.v-menubar-submenu, -.v-drag-element, -.v-table-header-drag { - font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; - font-size: 12px; - line-height: normal; - color: #222; -} -/* Fonts on black background */ -&.v-app .black, -.v-window-black, -.v-window .black, -.v-popupview-popup .black { - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.v-errorindicator { - width: 13px; - height: 15px; - background: transparent url(../common/icons/error.png) no-repeat 50%; -} -.v-tooltip { - background-color: #fffcdd; - border: 1px solid #b8b295; - font-size: 11px; - color: #222; -} -.v-tooltip-text { - padding: 2px 4px; -} -.v-tooltip .v-errormessage { - padding: 3px 4px; - background: #ffecc6; - color: #b74100; - border: none; - border-top: 1px solid #fff3dc; -} -.v-tooltip .v-errormessage h2 { - font-size: 16px; - font-weight: normal; - color: #ab3101; - margin: 2px 0 8px 0; -} -.v-tooltip .v-errormessage h3 { - font-size: 13px; - font-weight: bold; - margin: 1px 0 4px 0; -} -.v-contextmenu { - background: #f8f8f9; - border: none; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - overflow: hidden; - padding: 4px 0; -} -.v-contextmenu .gwt-MenuItem { - padding: 1px 12px 1px 8px; - height: 16px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - cursor: default; -} -.v-contextmenu .gwt-MenuItem .v-icon { - margin-right: 3px; -} -.v-contextmenu .gwt-MenuItem-selected { - background: transparent repeat-x; - background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.v-ie & .v-contextmenu .gwt-MenuItem-selected { - background-image: url(img/sel-bg.png); - background-position: left top; -} -.v-contextmenu .gwt-MenuItem-selected div { - background: transparent; - cursor: default; -} - -/* Fixes for Liferay 6.0 */ -.portlet &.v-app { - background: transparent; -} -.portlet &.v-app .v-radiobutton input, -.portlet .v-window .v-radiobutton input, -.portlet .v-popupview-popup .v-radiobutton input, -.portlet &.v-app .v-checkbox input, -.portlet .v-window .v-checkbox input, -.portlet .v-popupview-popup .v-checkbox input { - margin-right: 3px; - background: transparent; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/common/icons/bullet-white.png b/WebContent/VAADIN/themes/reindeer/common/icons/bullet-white.png deleted file mode 100644 index f0a0b1bfba..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/common/icons/bullet-white.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/common/icons/bullet.png b/WebContent/VAADIN/themes/reindeer/common/icons/bullet.png deleted file mode 100644 index 5047f6b27c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/common/icons/bullet.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/common/icons/error.png b/WebContent/VAADIN/themes/reindeer/common/icons/error.png deleted file mode 100644 index 14200fcfda..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/common/icons/error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/common/img/sel-bg.png b/WebContent/VAADIN/themes/reindeer/common/img/sel-bg.png deleted file mode 100644 index 272db0e9f5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/common/img/sel-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.scss b/WebContent/VAADIN/themes/reindeer/datefield/datefield.scss deleted file mode 100644 index d486316419..0000000000 --- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.scss +++ /dev/null @@ -1,370 +0,0 @@ -@mixin reindeer-datefield($primaryStyleName : v-datefield) { - -.#{$primaryStyleName} { - overflow: hidden; -} -input.v-textfield-readonly:focus{ - background-color: transparent; -} -.#{$primaryStyleName}-calendarpanel { - border-collapse: collapse; - margin: 0; - padding: 0; - height: auto !important; -} -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevmonth, -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextmonth { - display: none; -} -.#{$primaryStyleName}-calendarpanel td { - vertical-align: top; -} -td.#{$primaryStyleName}-calendarpanel-month { - height: 23px; - background-repeat: repeat-x; - background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -span.#{$primaryStyleName}-calendarpanel-month { - display: block; - text-align: center; - height: 16px; - padding: 3px 10px 0 10px; - border-left: 1px solid #efefef; - border-right: 1px solid #d8d8d8; - text-shadow: #fff 0 1px 0; - overflow: hidden; - margin-top: 1px; -} -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { - width: 35px; -} -.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, -.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { - width: 124px; -} -.#{$primaryStyleName}-month, -.#{$primaryStyleName}-day, -.#{$primaryStyleName}-full { - min-width: 240px; -} -.#{$primaryStyleName}-popupcalendar { - min-width: 0; - padding-right: 24px; -} -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { - width: 100px; -} -td.#{$primaryStyleName}-calendarpanel-prevyear { - text-align: right; -} -td.#{$primaryStyleName}-calendarpanel-nextyear { - text-align: left; -} -.#{$primaryStyleName}-calendarpanel-prevyear button, -.#{$primaryStyleName}-calendarpanel-nextyear button, -.#{$primaryStyleName}-calendarpanel-prevmonth button, -.#{$primaryStyleName}-calendarpanel-nextmonth button { - width: 24px; - height: 23px; - border: none; - background: transparent; - background-repeat: no-repeat; - background-image: url(img/year-prev.png); /** sprite-ref: verticals */ - overflow: hidden; - padding: 0; - text-indent: -9999px; - outline: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button, -.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { - text-indent: 0; - font-size: 1px; -} -.#{$primaryStyleName}-calendarpanel-nextyear button { - background-position: left top; - background-image: url(img/year-next.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-calendarpanel-prevyear button:active, -.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button.v-pressed { - background-image: url(img/year-prev-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-calendarpanel-nextyear button:active, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button.v-pressed { - background-image: url(img/year-next-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-calendarpanel-prevmonth, -.#{$primaryStyleName}-calendarpanel-nextmonth { - width: 24px; - background-repeat: repeat-x; - background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-calendarpanel-prevmonth button, -.#{$primaryStyleName}-calendarpanel-nextmonth button { - width: 100%; - height: 21px; - border-left: 1px solid #efefef; - border-right: 1px solid #d8d8d8; - background: transparent; - background-position: center top; - background-image: url(img/month-prev.png); /** sprite-ref: verticals; sprite-alignment: center */ - min-width: 24px; - margin-top: 1px; -} -.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { - border: none; -} -.#{$primaryStyleName}-calendarpanel-nextmonth button { - background-image: url(img/month-next.png); /** sprite-ref: verticals; sprite-alignment: center */ -} -.#{$primaryStyleName}-calendarpanel-prevmonth button:active, -.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button.v-pressed { - background-position: center top; - background-image: url(img/month-prev-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ -} -.#{$primaryStyleName}-calendarpanel-nextmonth button:active, -.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button.v-pressed { - background-position: center top; - background-image: url(img/month-next-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ -} -.#{$primaryStyleName}-calendarpanel-body, -.#{$primaryStyleName}-calendarpanel-time { - text-align: center; - vertical-align: top; -} -.#{$primaryStyleName}-calendarpanel-body table { - border-collapse: collapse; - margin: 0; - padding: 0; - width: 220px; - margin: 0 auto; -} -.#{$primaryStyleName}-calendarpanel-weekdays td { - width: 14.2%; - overflow: hidden; - background-repeat: repeat-x; - background-image: url(img/weekday-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 3px */ - font-size: 10px; - line-height: normal; - text-transform: uppercase; - color: #eaeff1; - text-shadow: #3b4651 0 -1px 0; - vertical-align: top; - padding:0; -} -.#{$primaryStyleName}-calendarpanel-weeknumbers td { - width: 12.4%; -} -.#{$primaryStyleName}-calendarpanel-weekdays strong { - display: block; - text-align: right; - padding: 1px 5px 0 0; - height: 14px; - border-top: 1px solid #596775; -} -.#{$primaryStyleName}-calendarpanel-weekdays .v-first { - background-repeat: no-repeat; - background-image: url(img/weekday-first.png); /** sprite-ref: verticals; sprite-margin-bottom: 3px */ -} -.#{$primaryStyleName}-calendarpanel-weekdays .v-last { - background-repeat: no-repeat; - background-position: right top; - background-image: url(img/weekday-last.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-bottom: 3px */ -} -/* IE fails to position backgrounds inside table element */ -.v-ie & .#{$primaryStyleName}-calendarpanel-weekdays td { - background: url(img/weekday-bg.png) repeat-x; - background-position: left top; -} -.v-ie & .#{$primaryStyleName}-calendarpanel .v-first { - background: url(img/weekday-first.png) no-repeat; -} -.v-ie & .#{$primaryStyleName}-calendarpanel .v-last { - background: url(img/weekday-last.png) no-repeat right top; -} -.#{$primaryStyleName}-calendarpanel-body td { - text-align: right; - height: 19px; -} -.#{$primaryStyleName}-calendarpanel-day, -.#{$primaryStyleName}-calendarpanel-weeknumber, -.#{$primaryStyleName}-calendarpanel-day-today { - padding: 2px 5px 2px 0; - display: block; - margin: 1px 0 0 5px; -} -.#{$primaryStyleName}-calendarpanel-weeknumber { - margin: 0; - padding-top: 4px; - padding-bottom: 3px; - font-size: 10.8px; -} -.#{$primaryStyleName}-calendarpanel-day-today { - color: #4095d1; - border: none; -} -.#{$primaryStyleName}-calendarpanel-day-selected { - background: #507ba3; - color: #fff; - text-shadow: #3b5b79 0 1px 0; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; -} -.#{$primaryStyleName}-calendarpanel-time select { - padding: 0; - font-size: 11px; - margin: 2px; -} -.#{$primaryStyleName}-popup { - background: #f8f8f9; - padding: 8px 4px; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} -.v-sa & .#{$primaryStyleName}-popup, -.v-op & .#{$primaryStyleName}-popup { - background: rgba(255,255,255,.95); -} -.#{$primaryStyleName}-year > .#{$primaryStyleName}-textfield { - width: 4.5em; -} -.#{$primaryStyleName}-month > .#{$primaryStyleName}-textfield { - width: 5.5em; -} -.#{$primaryStyleName}-day > .#{$primaryStyleName}-textfield { - width: 6em; -} -.#{$primaryStyleName}-full >.#{$primaryStyleName}-textfield { - width: 12.5em; -} -.#{$primaryStyleName}-popupcalendar input.#{$primaryStyleName}-textfield { - border-right-width: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - height: 23px; -} -.#{$primaryStyleName}.v-readonly input.#{$primaryStyleName}-textfield { - border-right-width: 1px; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { - color: #999; - font-style: normal; -} -.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { - width: 24px; - margin-right: -24px; - height: 23px; - background: transparent; - border: none; - padding: 0; - background-image: url(img/popup-btn.png); /** sprite-ref: verticals */ - cursor: pointer; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:active { - background-image: url(img/popup-btn-pressed.png); /** sprite-ref: verticals */ -} - -/* over black background */ -.black .#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { - background-image: url(img/popup-btn-black.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:active { - background-image: url(img/popup-btn-black-pressed.png); /** sprite-ref: black-verticals */ -} - - -/*------------ -* on black background -*/ - -.black td.#{$primaryStyleName}-calendarpanel-month { - background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ - height: 21px; -} -.black span.#{$primaryStyleName}-calendarpanel-month { - border-left: 1px solid #333638; - border-right: 1px solid #232527; - color: #c9ccce; - text-shadow: #000 0 -1px 0; - padding: 4px 10px 1px 10px; - margin-top: 0; -} -.black .#{$primaryStyleName}-calendarpanel-prevyear button, -.black .#{$primaryStyleName}-calendarpanel-nextyear button, -.black .#{$primaryStyleName}-calendarpanel-prevmonth button, -.black .#{$primaryStyleName}-calendarpanel-nextmonth button { - background-image: url(img/year-prev-black.png); /** sprite-ref: black-verticals */ - height: 21px; -} -.black .#{$primaryStyleName}-calendarpanel-nextyear button { - background-image: url(img/year-next-black.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-calendarpanel-prevyear button:active, -.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevyear button.v-pressed { - background-image: url(img/year-prev-black-pressed.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-calendarpanel-nextyear button:active, -.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextyear button.v-pressed { - background-image: url(img/year-next-black-pressed.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-calendarpanel-prevmonth, -.black .#{$primaryStyleName}-calendarpanel-nextmonth { - background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ -} -.black .#{$primaryStyleName}-calendarpanel-prevmonth button, -.black .#{$primaryStyleName}-calendarpanel-nextmonth button { - border-left: 1px solid #333638; - border-right: 1px solid #232527; - background-image: url(img/month-prev-black.png); /** sprite-ref: black-verticals; sprite-alignment: center */ - margin-top: 0; -} -.black .#{$primaryStyleName}-calendarpanel-nextmonth button { - background-image: url(img/month-next-black.png); /** sprite-ref: black-verticals; sprite-alignment: center */ -} -.black .#{$primaryStyleName}-calendarpanel-prevmonth button:active, -.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevmonth button.v-pressed { - background-image: url(img/month-prev-black-pressed.png); /** sprite-ref: black-verticals; sprite-alignment: center */ -} -.black .#{$primaryStyleName}-calendarpanel-nextmonth button:active, -.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextmonth button.v-pressed { - background-image: url(img/month-next-black-pressed.png); /** sprite-ref: black-verticals; sprite-alignment: center */ -} -.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevmonth button, -.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextmonth button { - border: none; -} -.black .#{$primaryStyleName}-calendarpanel-weekdays td { - background-image: url(img/weekday-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 3px */ - color: #0a0b0b; - text-shadow: #5a5c5e 0 1px 0; -} -.black .#{$primaryStyleName}-calendarpanel-weekdays strong { - border-top-color: #1b1c1d; -} -.black .#{$primaryStyleName}-calendarpanel .v-first { - background-image: url(img/weekday-first-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 3px */ -} -.black .#{$primaryStyleName}-calendarpanel .v-last { - background-image: url(img/weekday-last-black.png); /** sprite-ref: black-verticals; sprite-alignment: right */ -} -.black .#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { - color: #5f6366; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png deleted file mode 100644 index 4da33f2113..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black.png deleted file mode 100644 index 94517547c0..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png deleted file mode 100644 index 48a3bc8ff5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png deleted file mode 100644 index f033b5316d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png deleted file mode 100644 index f4c54cd177..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black.png deleted file mode 100644 index 37001e2794..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png deleted file mode 100644 index 22393c7973..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png deleted file mode 100644 index 50732c44ad..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png deleted file mode 100644 index d57ed56a45..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black.png deleted file mode 100644 index 2d525f5751..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png deleted file mode 100644 index ad39a9ae22..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png deleted file mode 100644 index 19bb013151..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png deleted file mode 100644 index 393b1c5d5f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png deleted file mode 100644 index 927fba5b31..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png deleted file mode 100644 index 26f237ba0b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn.png b/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn.png deleted file mode 100644 index e51b1f0602..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/popup-btn.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png deleted file mode 100644 index f64cdafd5c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg.png deleted file mode 100644 index 19fd2b4288..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png deleted file mode 100644 index ff6ee7ba1b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first.png deleted file mode 100644 index f77ed233ae..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-first.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png deleted file mode 100644 index 984d2c2129..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last.png b/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last.png deleted file mode 100644 index 500dc8bdaa..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/weekday-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png deleted file mode 100644 index 038f46149b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black.png deleted file mode 100644 index 45c762fbcd..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png deleted file mode 100644 index 60b57c370b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png deleted file mode 100644 index bb015ef73d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png deleted file mode 100644 index 3df767e493..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black.png deleted file mode 100644 index 05b7178722..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png deleted file mode 100644 index c760d022e8..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png deleted file mode 100644 index 3cd62e4e95..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/favicon.ico b/WebContent/VAADIN/themes/reindeer/favicon.ico deleted file mode 100644 index 1f81f0de76..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/formlayout/formlayout.scss b/WebContent/VAADIN/themes/reindeer/formlayout/formlayout.scss deleted file mode 100644 index 7f8871fdac..0000000000 --- a/WebContent/VAADIN/themes/reindeer/formlayout/formlayout.scss +++ /dev/null @@ -1,65 +0,0 @@ -@mixin reindeer-formlayout($primaryStyleName : v-formlayout) { - -.#{$primaryStyleName}-errorcell { - width: 13px; - min-width: 13px; -} -.#{$primaryStyleName}-cell .v-errorindicator { - width: 13px; - height: 16px; - background: transparent url(../common/icons/error.png) no-repeat 50%; -} -.#{$primaryStyleName}-captioncell { - text-align: right; - white-space: nowrap; -} -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { - padding-top: 8px; -} -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { - padding-top: 15px; -} -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { - padding-bottom: 15px; -} -.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { - padding-left: 18px; -} -.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { - padding-right: 18px; -} -/* form */ -.v-form-errormessage { - background: transparent url(../common/icons/error.png) no-repeat 3px 2px; - padding-left: 20px; - margin-bottom: 5px; - margin-top: 5px; - min-height: 20px; -} -.v-form fieldset { - border: none; - border-top: 1px solid #babfc0; -} -.v-form-nocaption fieldset { - border: none; -} -.v-form-nocaption legend { - display: none; -} -.v-form legend { - margin: 0 0 0 20px; - padding: 0 5px; - font-weight: bold; - color: #222; -} -.black .v-form legend { - color: #e3e6e8; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/grid/grid.scss b/WebContent/VAADIN/themes/reindeer/grid/grid.scss deleted file mode 100644 index 71d7a864f6..0000000000 --- a/WebContent/VAADIN/themes/reindeer/grid/grid.scss +++ /dev/null @@ -1,110 +0,0 @@ -// Variables defined in reindeer.scss - -@mixin reindeer-grid($primaryStyleName: v-grid) { - - .#{$primaryStyleName}-header, - .#{$primaryStyleName}-footer { - .#{$primaryStyleName}-cell { - background-image: url(img/header-bg-light.png); - color: #222; - font-weight: bold; - text-shadow: #f3f5f8 0 1px 0; - text-transform: uppercase; - } - } - - .#{$primaryStyleName}-header-deco, - .#{$primaryStyleName}-footer-deco, - .#{$primaryStyleName}-horizontal-scrollbar-deco { - background-image: url(img/header-bg-light.png); - } - - // Selected row - .#{$primaryStyleName}-row-selected { - color: #fff; - text-shadow: #3b5a7a 0 1px 0; - - > .#{$primaryStyleName}-cell { - background: #4d749f url(../common/img/sel-bg.png) repeat-x; - border-color: #466c90; - } - - // Selected and focused - > .#{$primaryStyleName}-cell-focused:before { - border-color: #b1cde4; - } - } - - // Sidebar - .#{$primaryStyleName}-sidebar.v-contextmenu { - .#{$primaryStyleName}-sidebar-content { - background-color: #f8f8f9; - } - - .v-on:before, .v-off:before { - content: none; - font-size: 0; - margin-right: 0; - } - } - - // Sort indicators - .#{$primaryStyleName} th.sort-asc, - .#{$primaryStyleName} th.sort-desc { - padding-right: 16px + $v-grid-cell-padding-horizontal; - - &:after { - content: " " attr(sort-order); - background: transparent no-repeat right 7px; - width: 16px; - height: 12px; - top: 0; - } - } - - .#{$primaryStyleName} th.sort-asc:after { - background-image: url(img/asc-light.png); - } - - .#{$primaryStyleName} th.sort-desc:after { - background-image: url(img/desc-light.png); - } - - .#{$primaryStyleName}-editor-footer { - background: #dfe1e3; - } - - .#{$primaryStyleName}-editor-cells > div { - .v-textfield, - .v-textfield-focus, - .v-datefield, - .v-datefield .v-textfield-focus, - .v-filterselect, - .v-filterselect-input, - .v-filterselect-input:focus { - border: none; - border-radius: 0; - background: transparent; - } - - .v-datefield-button { - .v-ie8 & { - margin-top: -2px; - } - } - - .v-filterselect { - overflow: hidden; - } - - .v-filterselect-input { - height: 100%; - } - - .v-filterselect-button { - // 24px is the height of v-filterselect - margin-top: round((24px - $v-grid-row-height) / -2) - } - } - -} diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/asc-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/asc-light.png deleted file mode 100644 index 44ed76001a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/asc-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/desc-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/desc-light.png deleted file mode 100644 index 84d15a0628..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/desc-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/focus-bg-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/focus-bg-light.png deleted file mode 100644 index 20b34474c7..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/focus-bg-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png deleted file mode 100644 index 4e83df03cb..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png deleted file mode 100644 index 249fd5917c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/grid/img/header-bg-light.png b/WebContent/VAADIN/themes/reindeer/grid/img/header-bg-light.png deleted file mode 100644 index 0b913e2ef1..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/grid/img/header-bg-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss b/WebContent/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss deleted file mode 100644 index 8ad3c1a012..0000000000 --- a/WebContent/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin reindeer-inlinedatefield ($primaryStyleName : v-inline-datefield) { - - @include reindeer-datefield(v-inline-datefield); - - .#{$primaryStyleName} { - line-height:14px; /* Override popup datefields line-height:0 to get correct line heights */ - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/label/label.scss b/WebContent/VAADIN/themes/reindeer/label/label.scss deleted file mode 100644 index 9a6f9b33ad..0000000000 --- a/WebContent/VAADIN/themes/reindeer/label/label.scss +++ /dev/null @@ -1,126 +0,0 @@ -@mixin reindeer-label($primaryStyleName : v-label) { - -.#{$primaryStyleName} { - line-height: 18px; -} - -/********************** - * Black styles - **********************/ -.white .black, -.blue .black { - color: #C9CCCE; - text-shadow: 0 0 1px #000; -} -.black .#{$primaryStyleName}-h1, -.black .#{$primaryStyleName}-h2, -.black .v-caption-h1, -.black .v-caption-h2, -.white .black .#{$primaryStyleName}-h1, -.white .black .#{$primaryStyleName}-h2, -.white .black .v-caption-h1, -.white .black .v-caption-h2, -.blue .black .#{$primaryStyleName}-h1, -.blue .black .#{$primaryStyleName}-h2, -.blue .black .v-caption-h1, -.blue .black .v-caption-h2 { - color: #fff; - text-shadow: rgba(0,0,0,.8) 0 2px 2px; -} -.black .#{$primaryStyleName}-light, -.white .black .#{$primaryStyleName}-light { - color: #72787c; -} -.black .#{$primaryStyleName} hr, -.white .black .#{$primaryStyleName} hr { - background: #0c0d0e; - color: #0c0d0e; - border-bottom-color: #292b2e; -} - -/********************** - * Blue styles - **********************/ -&.v-app .white, -.v-window .white, -&.v-app .blue, -.v-window .blue { - color: #222; - text-shadow: none; -} -.blue .#{$primaryStyleName}-h1, -.blue .#{$primaryStyleName}-h2, -.blue .v-caption-h1, -.blue .v-caption-h2, -.white .blue .#{$primaryStyleName}-h1, -.white .blue .#{$primaryStyleName}-h2, -.white .blue .v-caption-h1, -.white .blue .v-caption-h2 { - color: #fff; - text-shadow: rgba(0,0,0,.3) 0 1px 1px; -} -.blue .#{$primaryStyleName}-light, -.white .blue .#{$primaryStyleName}-light { - color: #6e7c83; -} -.blue .#{$primaryStyleName} hr, -.white .blue .#{$primaryStyleName} hr { - background: #a3bcc9; - color: #a3bcc9; - border-bottom-color: #cfe2eb; -} - -/********************** - * Default & white styles - **********************/ -.#{$primaryStyleName}-h1, -.#{$primaryStyleName}-h2, -.v-caption-h1, -.v-caption-h2, -.white .#{$primaryStyleName}-h1, -.white .#{$primaryStyleName}-h2, -.white .v-caption-h1, -.white .v-caption-h2 { - font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; - font-size: 24px; - line-height: 30px; - font-weight: bold; - color: #44698b; - letter-spacing: -0.02em; - text-shadow: #fff 0 -1px 1px; -} -.#{$primaryStyleName}-h2, -.v-caption-h2, -.white .#{$primaryStyleName}-h2, -.white .v-caption-h2 { - font-size: 16px; - line-height: 22px; -} -.#{$primaryStyleName}-light, -.white .#{$primaryStyleName}-light { - font-size: 11px; - line-height: 13px; - color: #707070; -} - -.#{$primaryStyleName} hr, -.white .#{$primaryStyleName} hr { - height: 2px; - overflow: hidden; - background: #dcdcdc; - color: #dcdcdc; /* For IE */ - border: none; - border-bottom: 1px solid #fff; -} - -.v-sa & .#{$primaryStyleName} hr, -.v-ie8 & .#{$primaryStyleName} hr { - height: 1px; -} - -/* Labels inside Table don't need a line-height */ -.v-table .#{$primaryStyleName} { - line-height: normal; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/layouts/img/black-bg.png b/WebContent/VAADIN/themes/reindeer/layouts/img/black-bg.png deleted file mode 100644 index f2e0ac0537..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/layouts/img/black-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss b/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss deleted file mode 100644 index 0b0b311daa..0000000000 --- a/WebContent/VAADIN/themes/reindeer/layouts/layouts.scss +++ /dev/null @@ -1,86 +0,0 @@ -@mixin reindeer-layouts { - -.v-orderedlayout-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top, -.v-layout.v-margin-top { - padding-top: 18px; -} -.v-orderedlayout-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right, -.v-layout.v-margin-right { - padding-right: 18px; -} -.v-orderedlayout-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom, -.v-layout.v-margin-bottom { - padding-bottom: 18px; -} -.v-orderedlayout-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left, -.v-layout.v-margin-left { - padding-left: 18px; -} -.v-orderedlayout-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 7px; - padding-left: 6px; -} -.v-spacing { - height: 7px; - width: 6px; -} - -/* Blue background */ -.v-verticallayout-blue, -.v-horizontallayout-blue, -.v-orderedlayout-blue, -.v-gridlayout-blue, -.v-csslayout-blue, -.v-formlayout-blue, -.v-absolutelayout-blue, -.v-splitpanel-vertical-blue, -.v-splitpanel-horizontal-blue { - background-color: #bcd3de; -} -.v-panel-content > div.blue { - background-color: #bcd3de; -} -/* White background */ -.v-verticallayout-white, -.v-horizontallayout-white, -.v-orderedlayout-white, -.v-gridlayout-white, -.v-csslayout-white, -.v-formlayout-white, -.v-absolutelayout-white, -.v-splitpanel-vertical-white, -.v-splitpanel-horizontal-white { - background-color: #fff; - color: #222; -} -.v-panel-content > div.white { - background-color: #fff; - color: #222; -} -/* Black background */ -.v-verticallayout-black, -.v-horizontallayout-black, -.v-orderedlayout-black, -.v-gridlayout-black, -.v-csslayout-black, -.v-formlayout-black, -.v-absolutelayout-black, -.v-splitpanel-vertical-black, -.v-splitpanel-horizontal-black { - background: #1e2022 url(img/black-bg.png) repeat-x; -} -.v-panel-content > div.black { - background: #1e2022 url(img/black-bg.png) repeat-x; -} - -} diff --git a/WebContent/VAADIN/themes/reindeer/legacy-styles.scss b/WebContent/VAADIN/themes/reindeer/legacy-styles.scss deleted file mode 100644 index 6c59b887d8..0000000000 --- a/WebContent/VAADIN/themes/reindeer/legacy-styles.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "reindeer.scss"; -// For legacy themes; does not wrap styles in .themename -// Creates legacy-styles.css that can be imported into non-sass themes. -// NOTE: can not be used in scenarios where multiple themes are used on the -// same page (e.g portals). -@include reindeer; \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/link/link.scss b/WebContent/VAADIN/themes/reindeer/link/link.scss deleted file mode 100644 index f1d2a31d83..0000000000 --- a/WebContent/VAADIN/themes/reindeer/link/link.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin reindeer-link($primaryStyleName : v-link) { - -.#{$primaryStyleName} a:link span { - color: #1b699f; -} -.#{$primaryStyleName} a:visited span { - color: #5c7485; -} -.#{$primaryStyleName} a:hover span { - color: #2483c4; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/bg.png b/WebContent/VAADIN/themes/reindeer/menubar/img/bg.png deleted file mode 100644 index 0ce20b9aca..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/checked-selected.png b/WebContent/VAADIN/themes/reindeer/menubar/img/checked-selected.png deleted file mode 100644 index 192c404617..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/checked-selected.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/checked.png b/WebContent/VAADIN/themes/reindeer/menubar/img/checked.png deleted file mode 100644 index 418e951166..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/checked.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png b/WebContent/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png deleted file mode 100644 index d61d9ad6df..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png b/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png deleted file mode 100644 index dcf5e1ac55..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon.png b/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon.png deleted file mode 100644 index 4dc376b78e..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/submenu-icon.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png b/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png deleted file mode 100644 index bac6587c20..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked.png b/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked.png deleted file mode 100644 index 92a2b582c5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/menubar/img/unchecked.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss b/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss deleted file mode 100644 index 0b1672dab1..0000000000 --- a/WebContent/VAADIN/themes/reindeer/menubar/menubar.scss +++ /dev/null @@ -1,77 +0,0 @@ -@mixin reindeer-menubar($primaryStyleName : v-menubar) { - -.#{$primaryStyleName} { - height: 23px; - background: #323336 repeat-x; - background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #d1d3d6; - text-shadow: rgba(0,0,0,.9) 0 1px 0; - padding: 0 8px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { - padding: 3px 8px; - height: 17px; - line-height: 16px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem:hover { - color: #fff; -} -.#{$primaryStyleName}-submenu { - background: #f8f8f9; - border: none; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - overflow: hidden; - padding: 4px 0; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { - padding: 1px 26px 1px 10px; - line-height: 16px; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption .v-icon { - vertical-align: middle; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-selected, -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected { - background: #4d749f repeat-x; - background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #fff; - text-shadow: 0 1px 0 #3b5a7a; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-selected { - background-image: url(img/menu-sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { - background: transparent url(img/submenu-icon.png) no-repeat right 70%; - width: 26px; - height: 16px; - text-indent: -9999px; - font-size: 10.8px; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected .#{$primaryStyleName}-submenu-indicator { - background-image: url(img/submenu-icon-hover.png); -} - -/* Checkboxes for checkable/checked menu items */ -.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem { - padding-left: 6px; -} -.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption { - padding-left: 18px; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-checked .#{$primaryStyleName}-menuitem-caption { - background: transparent url(img/checked.png) no-repeat left; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-unchecked .#{$primaryStyleName}-menuitem-caption { - background: transparent url(img/unchecked.png) no-repeat left; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected-checked .#{$primaryStyleName}-menuitem-caption { - background: transparent url(img/checked-selected.png) no-repeat left; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected-unchecked .#{$primaryStyleName}-menuitem-caption { - background: transparent url(img/unchecked-selected.png) no-repeat left; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png b/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png deleted file mode 100644 index 2ce85b628a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/notification/img/error-close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/notification/notification.scss b/WebContent/VAADIN/themes/reindeer/notification/notification.scss deleted file mode 100644 index 85eab598fe..0000000000 --- a/WebContent/VAADIN/themes/reindeer/notification/notification.scss +++ /dev/null @@ -1,49 +0,0 @@ -@mixin reindeer-notification($primaryStyleName : v-Notification) { - -.#{$primaryStyleName} { - color: #fff; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - font-size: 16px; - background: #c8ccd0; - font-weight: bold; -} - -.v-ie9 &, .v-ie10 & { - .#{$primaryStyleName}-caption { - /* Fix for #6793 */ - font-weight: bold; - } -} -.#{$primaryStyleName}-description { - line-height: 1.3; -} -.#{$primaryStyleName}-warning { - background: #fdf3b5; - color: #ca9a61; - border: 3px solid #fee3af; -} -.#{$primaryStyleName}-error { - background: #b40000 url(img/error-close.png) no-repeat right top; - border: 3px solid #ca3030; -} -.#{$primaryStyleName}-tray { - margin: 0 5px 5px 0; - background: #3b3c3e; - border: 2px solid #585b5c; - padding: 0.8em 0.9em; -} -.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { - font-size: 14px; - line-height: 18px; -} -.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { - font-size: 12px; - font-weight: normal; -} -.#{$primaryStyleName}-system { - background-color: #b40000; -} - -} diff --git a/WebContent/VAADIN/themes/reindeer/panel/panel.scss b/WebContent/VAADIN/themes/reindeer/panel/panel.scss deleted file mode 100644 index 74ee10837d..0000000000 --- a/WebContent/VAADIN/themes/reindeer/panel/panel.scss +++ /dev/null @@ -1,78 +0,0 @@ -@mixin reindeer-panel($primaryStyleName : v-panel) { - -.blue .#{$primaryStyleName}-caption, -.blue .#{$primaryStyleName}-nocaption, -.blue .#{$primaryStyleName}-content { - border-color: #a8bcc5; -} -.#{$primaryStyleName}-caption, -.#{$primaryStyleName}-nocaption, -.white .#{$primaryStyleName}-caption, -.white .#{$primaryStyleName}-nocaption { - border-bottom: 1px solid #e5e5e5; - line-height: 16px; /* accommodate minimum icon size */ -} - -.v-webkit &, -.v-gecko &, -.v-ie9 &, -.v-ie10 & { - .#{$primaryStyleName}-caption, - .#{$primaryStyleName}-nocaption { - border-bottom-color: rgba(0,0,0,.08); - } - .#{$primaryStyleName}-content { - border-top-color: rgba(0,0,0,.07); - } - .#{$primaryStyleName}-deco { - border-top-color: rgba(0,0,0,.1); - background: rgba(0,0,0,.08); - } -} - -.#{$primaryStyleName}-caption { - padding-bottom: 2px; -} -.#{$primaryStyleName}-content, -.white .#{$primaryStyleName}-content { - background: #fff; - border: 1px solid #dcdcdc; - border-bottom: none; - border-top: none; -} - -.blue .#{$primaryStyleName}-deco { - border-color: #92a3ac; - background: #adc2cd; -} -.#{$primaryStyleName}-deco, -.white .#{$primaryStyleName}-deco { - height: 1px; - border-top: 1px solid #bebebe; - background: #e2e2e2; - overflow: hidden; -} -.#{$primaryStyleName}-caption .v-errorindicator { - height: 16px; - width: 13px; - background: url(../common/icons/error.png) no-repeat 50%; - display: inline; - display: inline-block; - vertical-align: middle; -} - -/* Light style */ -.#{$primaryStyleName}-light .#{$primaryStyleName}-caption-light, -.#{$primaryStyleName}-light .#{$primaryStyleName}-nocaption-light { - border: none; -} -.#{$primaryStyleName}-light .#{$primaryStyleName}-content-light { - border: none; - background: transparent; -} -.#{$primaryStyleName}-light .#{$primaryStyleName}-deco-light { - height: 0; - border: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/popupview/popupview.scss b/WebContent/VAADIN/themes/reindeer/popupview/popupview.scss deleted file mode 100644 index a6e7ad9843..0000000000 --- a/WebContent/VAADIN/themes/reindeer/popupview/popupview.scss +++ /dev/null @@ -1,14 +0,0 @@ -@mixin reindeer-popupview($primaryStyleName : v-popupview) { - -.#{$primaryStyleName} { - color: #1b699f; -} -.#{$primaryStyleName}:hover { - color: #2483c4; -} -.#{$primaryStyleName}-popup { - background: #fff; - padding: 3px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/progressindicator/img/base-static.gif b/WebContent/VAADIN/themes/reindeer/progressindicator/img/base-static.gif deleted file mode 100644 index 474b684196..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/progressindicator/img/base-static.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/progressindicator/img/base.gif b/WebContent/VAADIN/themes/reindeer/progressindicator/img/base.gif deleted file mode 100644 index 6c6f15ef9e..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/progressindicator/img/base.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/progressindicator/img/disabled.gif b/WebContent/VAADIN/themes/reindeer/progressindicator/img/disabled.gif deleted file mode 100644 index 7a64d034b2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/progressindicator/img/disabled.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/progressindicator/img/progress.png b/WebContent/VAADIN/themes/reindeer/progressindicator/img/progress.png deleted file mode 100644 index 4a9803308c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/progressindicator/img/progress.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/progressindicator/progressindicator.scss b/WebContent/VAADIN/themes/reindeer/progressindicator/progressindicator.scss deleted file mode 100644 index 2417202828..0000000000 --- a/WebContent/VAADIN/themes/reindeer/progressindicator/progressindicator.scss +++ /dev/null @@ -1,20 +0,0 @@ -@mixin reindeer-progressindicator($primaryStyleName : v-progressindicator) { - -.#{$primaryStyleName}-wrapper { - background: #dfe2e4 url(img/base.gif) repeat-x; - border: 1px solid #bfbfbf; -} -.v-disabled .#{$primaryStyleName}-wrapper { - background-image: url(img/disabled.gif); -} -.#{$primaryStyleName}-indicator { - background: #f7f9f9 url(img/progress.png); -} - -// Static style - -.#{$primaryStyleName}-static .#{$primaryStyleName}-wrapper { - background: #dfe2e4 url(img/base-static.gif) repeat-x; -} - -} diff --git a/WebContent/VAADIN/themes/reindeer/reindeer.scss b/WebContent/VAADIN/themes/reindeer/reindeer.scss deleted file mode 100644 index c5d88f4a02..0000000000 --- a/WebContent/VAADIN/themes/reindeer/reindeer.scss +++ /dev/null @@ -1,87 +0,0 @@ -$font-size: 12px !default; -$line-height: normal !default; - - -// Override Base Grid variables -$v-grid-border: 1px solid #c2c3c4 !default; -$v-grid-cell-vertical-border: 1px solid #d4d4d4 !default; -$v-grid-cell-horizontal-border: none !default; -$v-grid-cell-focused-border: 1px solid #0f68ba !default; -$v-grid-row-height: 20px !default; -$v-grid-row-stripe-background-color: #eff0f1 !default; -$v-grid-row-selected-background-color: #4d749f !default; -$v-grid-header-font-size: 10px !default; -$v-grid-header-background-color: rgb(217,219,221) !default; -$v-grid-cell-padding-horizontal: 10px !default; - - -@import "../base/base.scss"; - -// common between others for now for backwards compatibility -@import "accordion/accordion.scss"; -@import "a-sprite-definitions/a-sprite-definitions.scss"; -@import "button/button.scss"; -@import "button/nativebutton.scss"; -@import "colorpicker/colorpicker.scss"; - -@import "common/common.scss"; - -@import "datefield/datefield.scss"; -@import "inlinedatefield/inlinedatefield.scss"; -@import "formlayout/formlayout.scss"; -@import "grid/grid.scss"; -@import "label/label.scss"; -@import "layouts/layouts.scss"; -@import "link/link.scss"; -@import "menubar/menubar.scss"; -@import "notification/notification.scss"; -@import "panel/panel.scss"; -@import "popupview/popupview.scss"; -@import "progressindicator/progressindicator.scss"; -@import "select/select.scss"; -@import "slider/slider.scss"; -@import "splitpanel/splitpanel.scss"; -@import "table/table.scss"; -@import "tabsheet/tabsheet.scss"; -@import "textfield/textfield.scss"; -@import "tree/tree.scss"; -@import "window/window.scss"; - -.v-generated-body { - background: #f5f5f5; -} - -@mixin reindeer { - @include base; - // TODO @each - - @include reindeer-accordion; - // TODO @include a-sprite-definitions; - @include reindeer-button; - @include reindeer-nativebutton; - @include reindeer-colorpicker; - @include reindeer-common; - @include reindeer-datefield; - @include reindeer-inlinedatefield; - @include reindeer-formlayout; - @include reindeer-grid; - @include reindeer-label; - @include reindeer-layouts; - @include reindeer-link; - @include reindeer-menubar; - @include reindeer-notification; - @include reindeer-panel; - @include reindeer-popupview; - @include reindeer-progressindicator(v-progressbar); - /* For legacy ProgressIndicator component */ - @include reindeer-progressindicator(v-progressindicator); - - @include reindeer-select; - @include reindeer-slider; - @include reindeer-splitpanel; - @include reindeer-table; - @include reindeer-tabsheet; - @include reindeer-textfield; - @include reindeer-tree; - @include reindeer-window; -} diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png deleted file mode 100644 index 2061e31bee..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png deleted file mode 100644 index 6fba8ab906..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png deleted file mode 100644 index a2d3ea6706..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png deleted file mode 100644 index 3c9b52c9fc..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/center-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/black/center-black-focus.png deleted file mode 100644 index 1d47349076..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/center-black-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/center-black.png b/WebContent/VAADIN/themes/reindeer/select/img/black/center-black.png deleted file mode 100644 index a5cfcebf3b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/center-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/left-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/black/left-black-focus.png deleted file mode 100644 index 720c310c35..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/left-black-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/left-black.png b/WebContent/VAADIN/themes/reindeer/select/img/black/left-black.png deleted file mode 100644 index 9908a79990..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/left-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png deleted file mode 100644 index 2f98d641d2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png deleted file mode 100644 index 5a8012b861..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus.png deleted file mode 100644 index a5c88ed7cb..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-hover.png deleted file mode 100644 index 8113640f15..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png deleted file mode 100644 index ef5ee44451..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black.png b/WebContent/VAADIN/themes/reindeer/select/img/black/right-black.png deleted file mode 100644 index 1bd04abb46..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/black/right-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png deleted file mode 100644 index e236f2a24d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center.png b/WebContent/VAADIN/themes/reindeer/select/img/center.png deleted file mode 100644 index fae6766cce..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/center.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png deleted file mode 100644 index 528d53203b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left.png b/WebContent/VAADIN/themes/reindeer/select/img/left.png deleted file mode 100644 index e4179a0078..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png deleted file mode 100644 index 5479c21ee9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png deleted file mode 100644 index 8d621bd96e..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png deleted file mode 100644 index ba08d141fd..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png deleted file mode 100644 index 08c044abc6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png deleted file mode 100644 index 9b8ddc7676..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png deleted file mode 100644 index 9c7b6dc0ac..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png deleted file mode 100644 index 127c3e03d2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png deleted file mode 100644 index 5d1c8f8153..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png deleted file mode 100644 index f9450d2d43..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right.png b/WebContent/VAADIN/themes/reindeer/select/img/right.png deleted file mode 100644 index d341745cce..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png b/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png deleted file mode 100644 index c93bfeb350..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/select/select.scss b/WebContent/VAADIN/themes/reindeer/select/select.scss deleted file mode 100644 index a15ba4ab87..0000000000 --- a/WebContent/VAADIN/themes/reindeer/select/select.scss +++ /dev/null @@ -1,265 +0,0 @@ -@mixin reindeer-select($primaryStyleName : v-filterselect) { - -$select-button-width : 25px; -$select-button-negative-width : -25px; - -.#{$primaryStyleName} { - height: 24px; - background-repeat: no-repeat; - background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ - padding-left: 2px; - padding-right: $select-button-width; /* Space for the button */ -} -&.v-app .#{$primaryStyleName}-input, -.v-window .#{$primaryStyleName}-input, -.v-popupview-popup .#{$primaryStyleName}-input { - background: transparent repeat-x; - background-image: url(img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ - border: none; - height: 24px; -} -/* More specific selector to override padding */ -&.v-app input.#{$primaryStyleName}-input, -.v-window input.#{$primaryStyleName}-input, -.v-popupview-popup input.#{$primaryStyleName}-input { - padding: 4px 0 4px 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { - font-style: normal; -} -.#{$primaryStyleName}-input:focus { - outline: none; -} -.#{$primaryStyleName}-focus { - background-image: url(img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-input { - background-image: url(img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-button { - overflow: hidden; - width: $select-button-width; - height: 24px; - background-position: 0 0; - background-image: url(img/right.png); /** sprite-ref: verticals ; sprite-margin-bottom: 1px */ - cursor: default; - margin-right: $select-button-negative-width; -} -.#{$primaryStyleName}-button:hover { - background-image: url(img/right-hover.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-button:active { - background-image: url(img/right-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-button { - background-image: url(img/right-focus.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-button:hover { - background-image: url(img/right-focus-hover.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-focus .#{$primaryStyleName}-button:active { - background-image: url(img/right-focus-pressed.png); /** sprite-ref: verticals */ -} -.v-disabled .#{$primaryStyleName}-button:hover, -.v-readonly .#{$primaryStyleName}-button:hover { - background-image: url(img/right.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-suggestpopup { - background: #f8f8f9; - border: none; - border-radius: 3px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - overflow: hidden; -} -.#{$primaryStyleName}-suggestmenu { - margin: 4px 0; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem { - padding: 1px 8px; - height: 16px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - cursor: default; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem .v-icon { - margin-right: 3px; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { - background: transparent repeat-x; - background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.#{$primaryStyleName}-nextpage, -.#{$primaryStyleName}-nextpage-off, -.#{$primaryStyleName}-prevpage-off, -.#{$primaryStyleName}-prevpage { - height: 11px; - width: 100%; - background: transparent; - margin-bottom: -4px; -} -.#{$primaryStyleName}-nextpage, -.#{$primaryStyleName}-nextpage-off { - margin: -4px 0 0; -} -.#{$primaryStyleName}-nextpage:hover { - background-repeat: repeat-x; - background-image: url(img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-prevpage:hover { - background-repeat: repeat-x; - background-image: url(img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-nextpage:active { - background-repeat: repeat-x; - background-image: url(img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-prevpage:active { - background-repeat: repeat-x; - background-image: url(img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-nextpage-off span, -.#{$primaryStyleName}-prevpage-off span { - display: none; -} -.#{$primaryStyleName}-nextpage span, -.#{$primaryStyleName}-prevpage span { - display: block; - height: 11px; - width: 100%; - overflow: hidden; - text-indent: -99999px; - background: transparent no-repeat center 3px; - background-image: url(img/arrow-down.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -.#{$primaryStyleName}-prevpage span { - background-image: url(img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ -} -.#{$primaryStyleName}-nextpage:hover span { - background-image: url(img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ -} -.#{$primaryStyleName}-prevpage:hover span { - background-image: url(img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ -} -.#{$primaryStyleName}-status { - text-shadow: #e9eaeb 0 1px 0; - font-size: 11px; - line-height: normal; - width: 100%; - padding: 3px 0; - height: 11px; - overflow: hidden; - background-repeat: repeat-x; - background-image: url(img/status-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} -/* IE fails to position background images properly inside table elements */ -.v-ie & .#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { - background: transparent url(../common/img/sel-bg.png) repeat-x; -} -.v-ie & .#{$primaryStyleName}-nextpage:hover { - background: transparent url(img/page-down-hover.png) repeat-x; -} -.v-ie & .#{$primaryStyleName}-prevpage:hover { - background: transparent url(img/page-up-hover.png) repeat-x; -} -.v-ie & .#{$primaryStyleName}-prevpage span { - background: transparent url(img/arrow-up.png) no-repeat center 3px; -} -.v-ie & .#{$primaryStyleName}-nextpage span { - background: transparent url(img/arrow-down.png) no-repeat center 3px; -} -.v-ie & .#{$primaryStyleName}-prevpage:hover span { - background: transparent url(img/arrow-up-hover.png) no-repeat center 3px; -} -.v-ie & .#{$primaryStyleName}-nextpage:hover span { - background: transparent url(img/arrow-down-hover.png) no-repeat center 3px; -} -.v-ie & .#{$primaryStyleName}-status { - background: transparent url(img/status-bg.png) repeat-x; -} -/* Filterselect with icon needs a similar fix than in buttons */ -.#{$primaryStyleName} .v-icon { - width: 16px; - position: relative; -} -.#{$primaryStyleName} .v-icon + .#{$primaryStyleName}-input { - margin-left: -16px; - padding-left: 18px; -} - - - - -/* Combobox on black background */ -.black .#{$primaryStyleName} { - background-image: url(img/black/left-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -&.v-app .black .#{$primaryStyleName}-input, -.v-window .black .#{$primaryStyleName}-input, -.v-window-black .#{$primaryStyleName}-input, -.v-popupview-popup .black .#{$primaryStyleName}-input { - color: #c9ccce; - background-image: url(img/black/center-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-focus { - background-image: url(img/black/left-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-input { - background-image: url(img/black/center-black-focus.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-button { - background-image: url(img/black/right-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-button:hover { - background-image: url(img/black/right-black-hover.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-button:active { - background-image: url(img/black/right-black-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button { - background-image: url(img/black/right-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button:hover { - background-image: url(img/black/right-black-focus-hover.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button:active { - background-image: url(img/black/right-black-focus-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .v-disabled .#{$primaryStyleName}-button:hover, -.black .v-readonly .#{$primaryStyleName}-button:hover { - background-image: url(img/black/right-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ -} -.black .#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { - color: #5f6366; -} - - - -/* Native selects on black background */ -.black .v-select select, -.black .v-select-twincol select { - border-color: #38393a; - border-top-color: #2c2d2e; - border-bottom-color: #3e3f3f; - background: #151717; - color: #c9ccce; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png b/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png deleted file mode 100644 index d5afcb71a0..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/slider/img/knob-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/slider/img/knob.png b/WebContent/VAADIN/themes/reindeer/slider/img/knob.png deleted file mode 100644 index 897d45b415..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/slider/img/knob.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/slider/slider.scss b/WebContent/VAADIN/themes/reindeer/slider/slider.scss deleted file mode 100644 index ed286d7c68..0000000000 --- a/WebContent/VAADIN/themes/reindeer/slider/slider.scss +++ /dev/null @@ -1,45 +0,0 @@ -@mixin reindeer-slider($primaryStyleName : v-slider) { - -.#{$primaryStyleName} { - border-top: 1px solid #9a9c9e; - border-bottom: 1px solid #bdbfc1; - margin: 4px 0; -} -.#{$primaryStyleName}-base { - height: 1px; - background: #e0e2e2; - border-top: 1px solid #adb0b1; - border-left: 1px solid #a0a3a6; - border-right: 1px solid #a0a3a6; -} -.#{$primaryStyleName}-handle { - background: transparent; - background-image: url(img/knob.png); /** sprite-ref: verticals */ - width: 10px; - height: 10px; - margin-top: -5px; -} -.#{$primaryStyleName}-handle-active { - background-image: url(img/knob-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-vertical { - width: 2px; - margin: 0 5px; - border: none; - border-left: 1px solid #9a9c9e; - border-right: 1px solid #bdbfc1; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { - width: 2px; - border-left: 1px solid #adb0b1; - border-right: none; - border-top: 1px solid #adb0b1; - border-bottom: 1px solid #adb0b1; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { - width: 10px; - height: 10px; - margin-left: -5px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png deleted file mode 100644 index 4ce1cabffc..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png deleted file mode 100644 index 50645f41f1..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png deleted file mode 100644 index 1e6968dd1c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png deleted file mode 100644 index bf5ca89ca5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss deleted file mode 100644 index 2e612e2e21..0000000000 --- a/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.scss +++ /dev/null @@ -1,70 +0,0 @@ -@mixin reindeer-splitpanel($primaryStyleName : v-splitpanel) { - -.#{$primaryStyleName}-hsplitter, -.#{$primaryStyleName}-hsplitter-locked { - width: 7px; - background-repeat: repeat-y; - background-image: url(img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-hsplitter div { - width: 7px; - height: 100%; /* for Opera */ - background: transparent; - background-repeat: no-repeat; - background-position: 50%; - background-image: url(img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: center */ -} -.#{$primaryStyleName}-vsplitter, -.#{$primaryStyleName}-vsplitter-locked { - height: 7px; - background-repeat: repeat-x; - background-image: url(img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-vsplitter div { - height: 7px; - background: transparent; - background-repeat: no-repeat; - background-position: 50%; - background-image: url(img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */ -} - - -/* Splitpanels on blue background */ -.blue .#{$primaryStyleName}-hsplitter-small, -.blue .#{$primaryStyleName}-hsplitter-small-locked { - background: #7c8a91; -} - -/* Splitpanels on black background */ -.black .#{$primaryStyleName}-hsplitter-small, -.black .#{$primaryStyleName}-hsplitter-small-locked { - background: #4e5253; -} - -/* Small style */ -.#{$primaryStyleName}-hsplitter-small, -.#{$primaryStyleName}-hsplitter-small-locked, -.white .#{$primaryStyleName}-hsplitter-small, -.white .#{$primaryStyleName}-hsplitter-small-locked { - width: 1px; - background: #949698; -} -.#{$primaryStyleName}-vsplitter-small, -.#{$primaryStyleName}-vsplitter-small-locked, -.white .#{$primaryStyleName}-vsplitter-small, -.white .#{$primaryStyleName}-vsplitter-small-locked { - height: 1px; - background: #949698; -} -.#{$primaryStyleName}-hsplitter-small div { - width: 5px; - margin-left: -2px; - background: transparent; -} -.#{$primaryStyleName}-vsplitter-small div { - height: 5px; - margin-top: -2px; - background: transparent; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/styles.scss b/WebContent/VAADIN/themes/reindeer/styles.scss deleted file mode 100644 index 89ddb29341..0000000000 --- a/WebContent/VAADIN/themes/reindeer/styles.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "reindeer.scss"; - -.reindeer { - @include reindeer; -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/table/img/asc-light.png b/WebContent/VAADIN/themes/reindeer/table/img/asc-light.png deleted file mode 100644 index 44ed76001a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/asc-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/asc.png b/WebContent/VAADIN/themes/reindeer/table/img/asc.png deleted file mode 100644 index 050d6c715b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/asc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png deleted file mode 100644 index 69ed19c41f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black.png deleted file mode 100644 index 6cf004991d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png deleted file mode 100644 index 02afc74e14..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light.png deleted file mode 100644 index 7b15cb5605..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-pressed.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel-pressed.png deleted file mode 100644 index 774248c447..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/col-sel.png b/WebContent/VAADIN/themes/reindeer/table/img/col-sel.png deleted file mode 100644 index 3a2a0b3f44..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/col-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/desc-light.png b/WebContent/VAADIN/themes/reindeer/table/img/desc-light.png deleted file mode 100644 index 84d15a0628..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/desc-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/desc.png b/WebContent/VAADIN/themes/reindeer/table/img/desc.png deleted file mode 100644 index c3edfa25b9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/desc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/header-bg-black.png b/WebContent/VAADIN/themes/reindeer/table/img/header-bg-black.png deleted file mode 100644 index 1ccbca7168..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/header-bg-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/header-bg-light.png b/WebContent/VAADIN/themes/reindeer/table/img/header-bg-light.png deleted file mode 100644 index 0b913e2ef1..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/header-bg-light.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/header-bg.png b/WebContent/VAADIN/themes/reindeer/table/img/header-bg.png deleted file mode 100644 index a6b897199a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png b/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png deleted file mode 100644 index 060eadee5f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/table/table.scss b/WebContent/VAADIN/themes/reindeer/table/table.scss deleted file mode 100644 index 5896bef014..0000000000 --- a/WebContent/VAADIN/themes/reindeer/table/table.scss +++ /dev/null @@ -1,293 +0,0 @@ -@mixin reindeer-table($primaryStyleName : v-table) { - -/* Table on blue background */ -.blue .#{$primaryStyleName}-header-wrap { - border-color: #92a2aa; -} -.blue .#{$primaryStyleName}-body { - border-color: #92a2aa; - border-top-color: #c2c3c4; -} - -/* Default & white style */ -.#{$primaryStyleName}-header-wrap, -.white .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-footer-wrap, -.white .#{$primaryStyleName}-footer-wrap, -.#{$primaryStyleName}-header-drag { - border-color: #c2c3c4; - background: transparent repeat-x; - background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - height: 20px; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #f3f5f8 0 1px 0; - line-height: normal; -} - -.#{$primaryStyleName}-footer-wrap, -.white .#{$primaryStyleName}-footer-wrap { - text-transform: none; - font-size: 12px; - font-weight: normal; -} - -.#{$primaryStyleName}-footer td, -.white .#{$primaryStyleName}-footer td { - border-color: #c2c3c4; -} - -.#{$primaryStyleName}-footer-container { - padding-right: 7px; -} - - -.#{$primaryStyleName}-header, -.#{$primaryStyleName}-footer, -.#{$primaryStyleName}-footer table { - height: 20px; -} - -.#{$primaryStyleName}-caption-container, -.#{$primaryStyleName}-header-drag { - padding-top: 4px; - padding-right: 4px; -} -.#{$primaryStyleName}-caption-container .v-icon, -.#{$primaryStyleName}-header-drag .v-icon { - height: 16px; - margin: -4px 3px 0 0; - vertical-align: middle; -} -.v-ie & .#{$primaryStyleName}-caption-container .v-icon, -.v-ie & .#{$primaryStyleName}-header-drag .v-icon { - margin-top: -3px; -} -.#{$primaryStyleName}-resizer { - height: 20px; - width: 2px; - background: transparent; - border-right: 1px solid #c2c3c4; -} - -.#{$primaryStyleName}-sort-indicator { - background: transparent; - width: 0px; - height: 20px; -} - -.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(img/asc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ - width: 16px; -} -.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background: transparent no-repeat right 7px; - background-image: url(img/desc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ - width: 16px; -} -.#{$primaryStyleName}-body, -.white .#{$primaryStyleName}-body { - border-color: #c2c3c4; - background: #fff; -} -.#{$primaryStyleName}-cell-content { - padding-top: 0; - border-right-color: #d3d4d5; - vertical-align: top; -} -.#{$primaryStyleName}-cell-wrapper { - padding-top: 3px; - padding-bottom: 3px; -} -.#{$primaryStyleName}-row-odd { - background: #eff0f1; -} -.#{$primaryStyleName}-generated-row { - background: #dcdee0; - text-transform: uppercase; - font-size: 10px; - font-weight: bold; - color: #222; - text-shadow: #f3f5f8 0 1px 0; - line-height: normal; -} -.#{$primaryStyleName}-generated-row .#{$primaryStyleName}-cell-wrapper { - padding-top: 4px; - padding-bottom: 5px; -} -.#{$primaryStyleName}-cell-content:last-child { - border-right-color: transparent; -} -.#{$primaryStyleName} .v-selected, -.black .#{$primaryStyleName} .v-selected { - background: #4d749f url(../common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */ - color: #fff; - text-shadow: #3b5a7a 0 1px 0; -} -.#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { - border-right-color: #466c90; -} -.#{$primaryStyleName}-column-selector { - width: 16px; - height: 20px; - margin-top: -20px; - background: transparent no-repeat; - background-image: url(img/col-sel-light.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-light-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-focus-slot-left { - border-left: 1px solid #222; - margin-bottom: -20px; - width: auto; -} -.#{$primaryStyleName}-focus-slot-right { - border-right-color: #222; - margin-right: 0; -} -.#{$primaryStyleName}-header-drag { - padding-left: 6px; - height: 16px; -} -.#{$primaryStyleName}-header-drag img { - height: 16px; - margin: -3px 3px 0 0; -} -.#{$primaryStyleName}-scrollposition { - width: auto; - background: transparent; - border: none; -} -.#{$primaryStyleName}-scrollposition span { - background: transparent repeat-x; - background-image: url(img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - border: 1px solid #939494; - border: none; - border-radius-bottomleft: 4px; - border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - height: 13px; - padding: 4px 30px; - white-space: nowrap; - color: #222; - text-shadow: #fff 0 1px 0; - position: relative; - top: 1px; - -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px; - -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px; -} -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-scrollposition span { - top: 0; -} -/* row in column selector */ -.v-contextmenu .v-on, -.v-contextmenu .v-off { - display: inline-block; - zoom: 1; - background: transparent no-repeat 0 4px; - background-image: url(../common/icons/bullet.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 4px */ - padding-left: 12px; - padding-right: 4px; -} -.v-contextmenu .v-off { - background-image: none; - color: #666; -} -.v-contextmenu .gwt-MenuItem-selected .v-on { - background-image: url(../common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */ -} - - -/* Strong style */ -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-drag { - border-color: #2b3033; - border-top-color: #2b3033; - background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #e7e9ea; - text-shadow: #000 0 -1px 0; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-body { - border-top-color: #2b3033; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-resizer { - border-right-color: #1c1f21; -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/asc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/desc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector { - background-image: url(img/col-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-left, -.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-right { - border-color: #9ca1a5; -} - - -/* Table on black background (normal style) */ -.black .#{$primaryStyleName}-header-wrap, -.black .#{$primaryStyleName}-header-drag { - border-color: #252729; - background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ - color: #e7eaee; - text-shadow: #000 0 -1px 0; -} -.black .#{$primaryStyleName}-resizer { - border-right-color: #252729; -} -.black .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/asc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.black .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background-image: url(img/desc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ -} -.black .#{$primaryStyleName}-column-selector { - background-image: url(img/col-sel-black.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-column-selector:active { - background-image: url(img/col-sel-black-pressed.png); /** sprite-ref: black-verticals */ -} -.black .#{$primaryStyleName}-focus-slot-left, -.black .#{$primaryStyleName}-focus-slot-right { - border-color: #9ca1a5; -} -.black .#{$primaryStyleName}-body { - border-color: #252729; - background: transparent; -} -.black .#{$primaryStyleName}-cell-content { - border-right-color: #252729; - border-bottom: 1px solid #252729; -} -.black .#{$primaryStyleName}-cell-wrapper { - padding-bottom: 2px; -} -.black .#{$primaryStyleName}-row-odd { - background: transparent; -} -/* Selection background-color combined with the default (white) style selector, so we don't have to duplicate the sprite image in the final sprite collection */ -.black .#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { - border-bottom: 1px solid #4d749f; -} - -/* Borderless style */ -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - border: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png deleted file mode 100644 index 3c6b3a8efb..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png deleted file mode 100644 index 033e1cbd6d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png deleted file mode 100644 index 30188fb070..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png deleted file mode 100644 index 207a0a9040..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png deleted file mode 100644 index 5aa0df6736..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png deleted file mode 100644 index 78a0bd6ff6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png deleted file mode 100644 index acb8aceacf..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png deleted file mode 100644 index 7aedf4c443..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png deleted file mode 100644 index f548db838a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png deleted file mode 100644 index a39a4431b3..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png deleted file mode 100644 index 31a0d1f3f5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png deleted file mode 100644 index 9aae58c427..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png deleted file mode 100644 index e0cd398707..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn.png deleted file mode 100644 index 9407f7b82c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/close-btn.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png deleted file mode 100644 index 69cb79bb07..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png deleted file mode 100644 index ba6ce2d1f6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png deleted file mode 100644 index 39e2eb907d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png deleted file mode 100644 index 5da4f354a7..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png deleted file mode 100644 index 36bda281a2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png deleted file mode 100644 index 8debec889c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png deleted file mode 100644 index 8dd605495f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png deleted file mode 100644 index f02e91260e..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png deleted file mode 100644 index a4d36b63d6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png deleted file mode 100644 index bfdb3d60b9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png deleted file mode 100644 index 3b1d688ea0..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next.png deleted file mode 100644 index 10d8dd96de..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-next.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png deleted file mode 100644 index fbd08f74b2..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png deleted file mode 100644 index 22923aa7e9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png deleted file mode 100644 index aaa748424f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png deleted file mode 100644 index 7084ff1af3..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png b/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png deleted file mode 100644 index 76cf520e04..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss deleted file mode 100644 index e2a92730b4..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss +++ /dev/null @@ -1,24 +0,0 @@ -@mixin reindeer-tabsheet-borderless-style($primaryStyleName : v-tabsheet-borderless) { - -.#{$primaryStyleName} .v-tabsheet-tabitemcell-first { - padding-left: 7px; - background: url(img/framed/tab-first-left.png) no-repeat -3px 0; -} -.#{$primaryStyleName} .v-tabsheet-tabitemcell-selected-first { - background: url(img/framed/tab-first-left-sel.png) no-repeat -3px 0; -} -.#{$primaryStyleName} .v-tabsheet-spacertd div { - margin-right: 0; -} -.#{$primaryStyleName} .v-tabsheet-spacertd { - background: transparent; -} -.#{$primaryStyleName} .v-tabsheet-content { - border: none; -} -.#{$primaryStyleName} .v-tabsheet-deco { - height: 0; - border-top: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss deleted file mode 100644 index 706aea151b..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss +++ /dev/null @@ -1,10 +0,0 @@ -@mixin reindeer-tabsheet-hover-closable-style($primaryStyleName : v-tabsheet) { - -.#{$primaryStyleName}-tabs-hover-closable .#{$primaryStyleName}-caption-close { - visibility: hidden; -} -.#{$primaryStyleName}-tabs-hover-closable .#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { - visibility: visible; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss deleted file mode 100644 index 77d4922535..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss +++ /dev/null @@ -1,157 +0,0 @@ -@mixin reindeer-tabsheet-minimal-style($primaryStyleName : v-tabsheet) { - -/** - * Tabsheet "minimal" style -------------- - */ - -/* Minimal tabsheet on blue background */ -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { - border-color: #7c8a91; -} -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { - color: #7c8a91; -} -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { - color: #BCD3DE; - background: #778d98; -} -.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { - background: #4f6874; -} - -/* Default & white styles */ -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, -.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div { - border-bottom: 1px solid #bfbfbf; - height: auto; - background: transparent; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitemcell, -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd { - height: auto; - background: transparent; - padding-left: 0; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, -.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem { - border: none; - border-bottom: 1px solid #bfbfbf; - color: #4d748f; - padding: 0; - height: auto; - background: transparent; - text-shadow: none; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .v-caption { - padding: 5px 16px; - height: auto; - background: transparent; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitemcell-selected { - background: transparent; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected, -.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { - background: transparent; - border: 1px solid #bfbfbf; - border-bottom: none; - color: #222; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected .v-caption { - background: transparent; - padding: 4px 15px 6px 15px; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .v-caption-closable, -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected .v-caption-closable { - padding-right: 6px; -} -.#{$primaryStyleName}-content-minimal, -.white .#{$primaryStyleName}-content-minimal { - border: none; -} -.#{$primaryStyleName}-content-minimal .#{$primaryStyleName}-tabsheetpanel { - background: transparent; -} -.#{$primaryStyleName}-deco-minimal, -.white .#{$primaryStyleName}-deco-minimal { - height: 0; - border: none; -} -.#{$primaryStyleName}-tabcontainer-minimal .#{$primaryStyleName}-scroller { - margin-top: -20px; - height: 17px; - padding: 0; - border: none; - background: transparent; -} -.#{$primaryStyleName}-tabcontainer-minimal .#{$primaryStyleName}-scroller button { - margin-top: 0; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close, -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { - text-indent: 0; - background: transparent; - margin-left: 3px; - margin-right: -3px; - padding: 0; - color: #999; - width: 14px; - height: 14px; - line-height: 14px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; -} - -.v-ie9 &, .v-ie10 & { - .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .#{$primaryStyleName}-caption-close { - &, &:hover, &:active { - - /* IE9/IE10 suffers from rounding subpixel values errors when measuring the tabs which makes the close button wrap. */ - margin-left: 2.5px; - - /* The close button is a pixel too high in IE9/IE10, adjust for that */ - margin-top: 1px; - } - } -} - -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, -.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { - color: #fff; - background: #aaa; -} -.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active, -.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { - background: #777; -} - -/* Minimal tabsheet on black background */ -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { - border-color: #3e4044; - color: #6a7f89; -} -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { - color: #c9ccce; -} -.black .#{$primaryStyleName}-content-minimal, -.black .#{$primaryStyleName}-content-bar { - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { - color: #72787c; -} -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { - color: #1d2021; - background: #4d5154; -} -.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { - background: #626669; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss deleted file mode 100644 index a2091130a1..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss +++ /dev/null @@ -1,168 +0,0 @@ -@mixin reindeer-tabsheet-normal-style($primaryStyleName : v-tabsheet) { - -/* Default Tabsheet styles */ - -.#{$primaryStyleName}-tabitemcell, -.#{$primaryStyleName}-spacertd { - height: 32px; -} -.#{$primaryStyleName}-tabitemcell { - background: no-repeat; - background-image: url(img/framed/tab-left.png); /** sprite-ref: verticals */ - padding-left: 3px; -} -.#{$primaryStyleName}-tabitemcell-first { - padding-left: 10px; - background-image: url(img/framed/tab-first-left.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitem, -.#{$primaryStyleName}-spacertd div { - border: none; - height: 32px; - background: transparent repeat-x; - background-image: url(img/framed/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - padding: 0; - color: #222; - text-shadow: #fff 0 1px 0; -} -.#{$primaryStyleName}-tabitem .v-caption { - border: none; - height: 23px; - background: no-repeat right top; - background-image: url(img/framed/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */ - padding: 9px 8px 0 6px; -} -.#{$primaryStyleName}-tabitem .v-caption-closable { - padding-right: 0; - padding-left: 17px; -} -.#{$primaryStyleName}-tabitem .v-captiontext { - height: 16px; - line-height: 16px; - vertical-align:baseline; -} -.#{$primaryStyleName}-caption-close { - float: right; - width: 19px; - height: 18px; - margin: -1px -1px 0; - padding-left: 2px; - background: transparent; - background-image: url(img/close-btn.png); /** sprite-ref: verticals */ - cursor: default; - text-indent: -999px; - overflow: hidden; - font-size: 14px; - font-weight: normal; -} -.v-ff & .#{$primaryStyleName}-caption-close{ - margin-top: -17px; -} - -.v-ff & .#{$primaryStyleName}-caption-close:only-child { - margin-top: -1px; -} - - -.#{$primaryStyleName}-caption-close:hover { - background-image: url(img/close-btn-hover.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-caption-close:active { - background-image: url(img/close-btn-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { - background-image: url(img/close-btn-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:hover { - background-image: url(img/close-btn-sel-hover.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:active { - background-image: url(img/close-btn-sel-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitemcell-selected { - background-image: url(img/framed/tab-left-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitemcell-selected-first { - background-image: url(img/framed/tab-first-left-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabitem-selected { - background-image: url(img/framed/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #232930; -} -.#{$primaryStyleName}-tabitem-selected .v-caption { - background-image: url(img/framed/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */ -} -.#{$primaryStyleName}-spacertd div { - margin-right: 4px; -} -.#{$primaryStyleName}-spacertd { - background: transparent no-repeat right top; - background-image: url(img/framed/tab-spacer-right.png); /** sprite-ref: verticals; sprite-alignment: right */ -} -.blue .#{$primaryStyleName}-content { - border-color: #a8bcc5; -} -.#{$primaryStyleName}-content, -.white .#{$primaryStyleName}-content { - border: 1px solid #dcdcdc; - border-bottom: none; - border-top: none; - color: #222; - text-shadow: none; -} -.#{$primaryStyleName}-tabsheetpanel { - background: #fff; -} -.v-sa & .#{$primaryStyleName}-content { - border-color: rgba(0,0,0,.1); -} -.blue .#{$primaryStyleName}-deco { - border-color: #92a3ac; - background: #adc2cd; -} -.#{$primaryStyleName}-deco, -.white .#{$primaryStyleName}-deco { - height: 1px; - border-top: 1px solid #bebebe; - background: #e2e2e2; - overflow: hidden; -} -.v-sa & .#{$primaryStyleName}-deco { - border-top-color: rgba(0,0,0,.1); - background: rgba(0,0,0,.08); -} - - -/* Icons & error indicators */ - -.#{$primaryStyleName}-tabs .v-icon, -.#{$primaryStyleName}-tabs .v-captiontext, -.#{$primaryStyleName}-tabs .v-errorindicator { - display: inline; - float: none; -} -.v-sa & .#{$primaryStyleName}-tabs .v-captiontext { - display: inline-block; -} - -/* Align TabSheet icons differently on Chromes and Safaris #13077 */ -.v-sa & .#{$primaryStyleName}-tabs .v-icon { - vertical-align: top; -} - -.#{$primaryStyleName}-tabs .v-icon { - width: 16px !important; - height: 16px !important; -} -.#{$primaryStyleName}-tabs .v-errorindicator { - display: inline-block; - width: 13px; - height: 16px; - background: transparent url(../common/icons/error.png) no-repeat 50%; -} -.v-ie & .#{$primaryStyleName}-tabs .v-errorindicator { - zoom: 1; - display: inline-block; -} - -} diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss deleted file mode 100644 index 070bb2d724..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss +++ /dev/null @@ -1,55 +0,0 @@ -@mixin reindeer-tabsheet-scroller($primaryStyleName : v-tabsheet) { - -/* Tabsheet scroller styles */ - -.#{$primaryStyleName}-scroller { - height: 31px; - margin-top: -31px; - padding: 0 3px 0 4px; - border-right: 1px solid #c2c2c2; - border-left: 1px solid #cfcfcf; - position: relative; - float: right; - background: transparent url(img/framed/tab-bg.png) repeat-x left -1px; - width: 36px; -} -.#{$primaryStyleName}-scroller button { - margin-top: 7px; -} -.#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled { - border: none; - background: transparent; - background-image: url(img/tab-prev.png); /** sprite-ref: verticals */ - width: 18px; - height: 17px; - overflow: hidden; -} -.#{$primaryStyleName}-scroller button::-moz-focus-inner { - border: none; -} -.#{$primaryStyleName}-scrollerNext { - background-image: url(img/tab-next.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-scrollerPrev:active { - background-image: url(img/tab-prev-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-scrollerNext:active { - background-image: url(img/tab-next-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerPrev-disabled:active { - background-image: url(img/tab-prev-disabled.png); /** sprite-ref: verticals */ - opacity: 1; - filter: none; -} -.#{$primaryStyleName}-scrollerNext-disabled, -.#{$primaryStyleName}-scrollerNext-disabled:active { - background-image: url(img/tab-next-disabled.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ - opacity: 1; - filter: none; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss deleted file mode 100644 index ed1ddcd693..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss +++ /dev/null @@ -1,12 +0,0 @@ -@mixin reindeer-tabsheet-selected-closable-style($primaryStyleName : v-tabsheet) { - -.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem .#{$primaryStyleName}-caption-close, -.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { - visibility: hidden; -} -.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close, -.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem-selected:hover .#{$primaryStyleName}-caption-close { - visibility: visible; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss deleted file mode 100644 index 4141586d5a..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss +++ /dev/null @@ -1,119 +0,0 @@ -@mixin reindeer-tabsheet-small-style($primaryStyleName : v-tabsheet) { - -/** - * Tabsheet bar style --------------- - */ -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell, -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd { - height: 20px; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd { - background: transparent; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell { - background-image: url(img/bar/tab-left.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-first { - padding-left: 6px; - background-image: url(img/bar/tab-first-left.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem, -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd div { - height: 20px; - background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - margin: 0; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem .v-caption { - font-size: 11px; - height: 18px; - background-image: url(img/bar/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */ - padding: 2px 12px 0 10px; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem .v-caption-closable, -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .v-caption-closable { - padding-right: 8px; - padding-left: 14px; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close, -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:hover, -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:active { - text-indent: 0; - background: transparent; - margin-left: 3px; - margin-right: -3px; - padding: 1px 0 0 1px; - color: #3c3c3c; - width: 13px; - height: 13px; - line-height: 12px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close { - margin-top: 1px; -} -.v-ff & .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close { - margin-top: -14px; -} -.v-ie9 &, .v-ie10 & { - .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:only-child, - .#{$primaryStyleName}-tabs-bar .v-captiontext:first-child + .#{$primaryStyleName}-caption-close { - margin-top: -14px; - } -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:hover { - background: #bfbfbf; - -webkit-box-shadow: 0 1px 0 #fff; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:active { - background: #a9a9a9; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { - color: #404142; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:hover { - background: #5e666e; - color: #fff; - text-shadow: 0 -1px 0 #222; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:active { - background: #404142; -} - -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-selected { - background-image: url(img/bar/tab-left-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-selected-first { - background-image: url(img/bar/tab-first-left-sel.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected { - background-image: url(img/bar/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - color: #232930; -} -.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .v-caption { - background-image: url(img/bar/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */ -} -.#{$primaryStyleName}-tabcontainer-bar .#{$primaryStyleName}-scroller { - margin-top: -20px; - height: 19px; - border-right: none; - background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-tabcontainer-bar .#{$primaryStyleName}-scroller button { - margin-top: 1px; -} -.#{$primaryStyleName}-content-bar, -.white .#{$primaryStyleName}-content-bar { - border: none; -} -.#{$primaryStyleName}-content-bar .#{$primaryStyleName}-tabsheetpanel { - background: transparent; -} -.#{$primaryStyleName}-deco-bar, -.white .#{$primaryStyleName}-deco-bar { - height: 0; - border: none; -} -/* Content area font color specified with minimal style (reduces additional selectors) */ - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.scss deleted file mode 100644 index 35001daf4d..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.scss +++ /dev/null @@ -1,20 +0,0 @@ -/* These styles get catenated together on build */ -@import "tabsheet-normal-style.scss"; -@import "tabsheet-scroller.scss"; -@import "tabsheet-borderless-style.scss"; -@import "tabsheet-minimal-style.scss"; -@import "tabsheet-small-style.scss"; -@import "tabsheet-selected-closable-style.scss"; -@import "tabsheet-hover-closable-style.scss"; - -@mixin reindeer-tabsheet { - // TODO use $exclude - @include reindeer-tabsheet-normal-style; - @include reindeer-tabsheet-scroller; - @include reindeer-tabsheet-borderless-style; - @include reindeer-tabsheet-minimal-style; - @include reindeer-tabsheet-small-style; - @include reindeer-tabsheet-selected-closable-style; - @include reindeer-tabsheet-hover-closable-style; - -} diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-black.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-black.png deleted file mode 100644 index 54c41f8bd5..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png deleted file mode 100644 index 9defe8108a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png deleted file mode 100644 index 2f501f3866..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png deleted file mode 100644 index 673212b408..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png deleted file mode 100644 index 38fe3e6d7b..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png deleted file mode 100644 index 4096e9d524..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss b/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss deleted file mode 100644 index 4bca7dbeb6..0000000000 --- a/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss +++ /dev/null @@ -1,120 +0,0 @@ -@mixin reindeer-textfield($primaryStyleName : v-textfield) { - -/* Textfield on blue background */ -.blue .#{$primaryStyleName}, -.blue .v-textarea { - border-color: #92a2aa; - border-top-color: #7c8a90; - border-bottom-color: #a1b3bc; -} -/* Default & white background */ -.#{$primaryStyleName}, -.v-textarea, -.white .#{$primaryStyleName}, -.white .v-textarea { - border: 1px solid #bcbdbe; - border-top-color: #a2a3a4; - border-bottom-color: #d2d3d4; - background: #fff; - background-repeat: repeat-x; - background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - margin: 0; - height: 23px; - line-height: normal; -} -.v-textarea, -.white .v-textarea { - background-image: none; - height: auto; -} -/* Need more specific selector because of #2384 fixes in base/common/common.css */ -&.v-app input.#{$primaryStyleName}, -.v-window input.#{$primaryStyleName}, -&.v-app textarea.v-textarea, -.v-window textarea.v-textarea { - padding: 3px 3px 4px; -} -&.v-app input.#{$primaryStyleName}.v-widget, -.v-window input.#{$primaryStyleName}.v-widget { - height: 24px; -} -&.v-app .#{$primaryStyleName}-focus, -.v-window .#{$primaryStyleName}-focus, -.v-popupview-popup .#{$primaryStyleName}-focus, -&.v-app .v-textarea-focus, -.v-window .v-textarea-focus, -.v-popupview-popup .v-textarea-focus { - border-color: #5b97d0; - border-top-color: #4f83b4; - border-bottom-color: #5ca0df; - outline: none; - background-color: #fff; -} -input.#{$primaryStyleName}-prompt, -textarea.v-textarea-prompt { - font-style: normal; - color: #999; -} -/* Small style textfield */ -&.v-app input.#{$primaryStyleName}-small { - font-size: 11px; - line-height: normal; - height: auto; - padding: 2px; -} -&.v-app textarea.v-textarea-small { - font-size: 11px; -} -&.v-app .v-table input.#{$primaryStyleName}.v-widget, -.v-window .v-table input.#{$primaryStyleName}.v-widget { - padding: 1px 2px; - height: auto; - line-height: normal; -} -.v-table-cell-wrapper > input.#{$primaryStyleName} { - margin-top: -2px; - margin-bottom: -2px; -} -/* Textfield on black background */ -.black .#{$primaryStyleName}, -.black .v-textarea { - border-color: #38393a; - border-top-color: #2c2d2e; - border-bottom-color: #3e3f3f; - background: #151717; - background-image: url(img/bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ - color: #c9ccce; - text-shadow: #000 0 0 1px; -} -.black .v-textarea { - background-image: none; -} -&.v-app .black .#{$primaryStyleName}-focus, -.v-window-black .#{$primaryStyleName}-focus, -.v-window .black .#{$primaryStyleName}-focus, -.v-popupview-popup .black .#{$primaryStyleName}-focus, -&.v-app .black .v-textarea-focus, -.v-window-black .v-textarea-focus, -.v-window .black .v-textarea-focus, -.v-popupview-popup .black .v-textarea-focus { - border-color: #4b7192; - border-top-color: #3b5a75; - border-bottom-color: #507596; - background-color: #151717; -} -.black input.#{$primaryStyleName}-prompt { - color: #5f6366; -} -/* Readonly */ -input.#{$primaryStyleName}-readonly, -.black input.#{$primaryStyleName}-readonly, -textarea.v-textarea-readonly, -.black textarea.v-textarea-readonly { - border: none; - background: transparent; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/tree/img/arrows.png b/WebContent/VAADIN/themes/reindeer/tree/img/arrows.png deleted file mode 100644 index 3f657e34c9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/tree/img/arrows.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/tree/tree.scss b/WebContent/VAADIN/themes/reindeer/tree/tree.scss deleted file mode 100644 index 15e7092dd6..0000000000 --- a/WebContent/VAADIN/themes/reindeer/tree/tree.scss +++ /dev/null @@ -1,55 +0,0 @@ -@mixin reindeer-tree($primaryStyleName : v-tree) { - -.#{$primaryStyleName}-node { - background: transparent url(img/arrows.png) no-repeat 6px -10px; -} -.#{$primaryStyleName}-node-expanded { - background-position: -7px 5px; -} -.#{$primaryStyleName}-node-caption { - margin-left: 16px; - padding-bottom: 1px; -} -.#{$primaryStyleName}-node span { - padding: 1px 2px; - display: inline-block; -} -.#{$primaryStyleName}-node-selected span { - background: #4d749f repeat-x; - background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */ - color: #fff; - padding: 1px 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - text-shadow: #2b425a 0 1px 0; - display: inline-block; -} -.#{$primaryStyleName}-node-children { - padding-left: 16px; -} -.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{ - padding-left: 1px; - padding-top: 0px; - padding-bottom: 0px; -} -.#{$primaryStyleName}-node-focused span{ - border: 1px dotted black; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { - background-position: 6px -11px; -} -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { - background-position: -7px 4px; -} -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { - background-position: 2px -53px; -} -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { - background-position: 2px 50%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/close-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/black/close-hover.png deleted file mode 100644 index bb0a080373..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/close-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/close-pressed.png b/WebContent/VAADIN/themes/reindeer/window/img/black/close-pressed.png deleted file mode 100644 index 07a837b619..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/close-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/close.png b/WebContent/VAADIN/themes/reindeer/window/img/black/close.png deleted file mode 100644 index b26cfb5d57..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/content-bg.png b/WebContent/VAADIN/themes/reindeer/window/img/black/content-bg.png deleted file mode 100644 index caaee49b32..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/content-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/header-bg.png b/WebContent/VAADIN/themes/reindeer/window/img/black/header-bg.png deleted file mode 100644 index a956a6b27d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-active.png b/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-active.png deleted file mode 100644 index 526563c94f..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-active.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-hover.png deleted file mode 100644 index 76d0fdf040..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize.png b/WebContent/VAADIN/themes/reindeer/window/img/black/maximize.png deleted file mode 100644 index ecf4cbed35..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/resize.png b/WebContent/VAADIN/themes/reindeer/window/img/black/resize.png deleted file mode 100644 index 91e0b742d9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/resize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/restore-active.png b/WebContent/VAADIN/themes/reindeer/window/img/black/restore-active.png deleted file mode 100644 index 96f9672605..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/restore-active.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/restore-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/black/restore-hover.png deleted file mode 100644 index b319f07684..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/restore-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/black/restore.png b/WebContent/VAADIN/themes/reindeer/window/img/black/restore.png deleted file mode 100644 index b440383b91..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/black/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/close-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/close-hover.png deleted file mode 100644 index 78bb84d869..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/close-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/close-pressed.png b/WebContent/VAADIN/themes/reindeer/window/img/close-pressed.png deleted file mode 100644 index 4618ad5e0d..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/close-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/close.png b/WebContent/VAADIN/themes/reindeer/window/img/close.png deleted file mode 100644 index e04f31d882..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/footer-bg.png b/WebContent/VAADIN/themes/reindeer/window/img/footer-bg.png deleted file mode 100644 index 28839748e6..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/footer-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/header-bg.png b/WebContent/VAADIN/themes/reindeer/window/img/header-bg.png deleted file mode 100644 index 27f1bf92a7..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/close-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/light/close-hover.png deleted file mode 100644 index 17ac9b8457..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/close-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/close-pressed.png b/WebContent/VAADIN/themes/reindeer/window/img/light/close-pressed.png deleted file mode 100644 index 2c84b5bcfb..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/close-pressed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/close.png b/WebContent/VAADIN/themes/reindeer/window/img/light/close.png deleted file mode 100644 index 4bbc89cee9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/content-bg.png b/WebContent/VAADIN/themes/reindeer/window/img/light/content-bg.png deleted file mode 100644 index b38c902d83..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/content-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-active.png b/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-active.png deleted file mode 100644 index 5ca4e2e6eb..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-active.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-hover.png deleted file mode 100644 index c7930c2f4a..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize.png b/WebContent/VAADIN/themes/reindeer/window/img/light/maximize.png deleted file mode 100644 index a4965ef19c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/resize.png b/WebContent/VAADIN/themes/reindeer/window/img/light/resize.png deleted file mode 100644 index 0c0c9123b9..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/resize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/restore-active.png b/WebContent/VAADIN/themes/reindeer/window/img/light/restore-active.png deleted file mode 100644 index d135c4d66c..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/restore-active.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/restore-hover.png b/WebContent/VAADIN/themes/reindeer/window/img/light/restore-hover.png deleted file mode 100644 index b03639c001..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/restore-hover.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/light/restore.png b/WebContent/VAADIN/themes/reindeer/window/img/light/restore.png deleted file mode 100644 index 1c3fba4020..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/light/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/maximize.png b/WebContent/VAADIN/themes/reindeer/window/img/maximize.png deleted file mode 100644 index 86ffff9760..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/resize.png b/WebContent/VAADIN/themes/reindeer/window/img/resize.png deleted file mode 100644 index 828bb346cc..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/resize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/img/restore.png b/WebContent/VAADIN/themes/reindeer/window/img/restore.png deleted file mode 100644 index 119ea04259..0000000000 Binary files a/WebContent/VAADIN/themes/reindeer/window/img/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/reindeer/window/window.scss b/WebContent/VAADIN/themes/reindeer/window/window.scss deleted file mode 100644 index 66c80c6a44..0000000000 --- a/WebContent/VAADIN/themes/reindeer/window/window.scss +++ /dev/null @@ -1,265 +0,0 @@ -@mixin reindeer-window($primaryStyleName : v-window) { - -.#{$primaryStyleName} { - background: transparent; - border: 1px solid #808386; -} -.#{$primaryStyleName}-wrap { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.v-sa & .#{$primaryStyleName}-wrap, -.v-op & .#{$primaryStyleName}-wrap { - border-color: rgba(0,0,0,.2); -} -.#{$primaryStyleName}-outerheader { - padding: 12px 52px 0 14px; - height: 37px; - background: black repeat-x; - background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ -} -.#{$primaryStyleName}-header { - font-weight: bold; - font-size: 12px; - line-height: normal; - color: #fff; - text-shadow: #000 0 -1px 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -ms-text-overflow: ellipsis; -} -.#{$primaryStyleName}-error .#{$primaryStyleName}-header { - padding-left: 13px; - background: transparent url(../common/icons/error.png) no-repeat 0 50%; -} -.#{$primaryStyleName}-resizebox { - width: 15px; - height: 15px; - cursor: se-resize; - background: transparent; - background-image: url(img/resize.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-footer { - background-color:white; - background-repeat: repeat-x; - background-image: url(img/footer-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - height: 15px; -} -.#{$primaryStyleName}-closebox { - top: 11px; - right: 9px; - width: 15px; - height: 16px; - background: transparent; - background-image: url(img/close.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-closebox:hover { - background-image: url(img/close-hover.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-closebox:active { - background-image: url(img/close-pressed.png); /** sprite-ref: verticals */ -} -.#{$primaryStyleName}-maximizebox, -.#{$primaryStyleName}-restorebox { - top: 11px; - right: 27px; - width: 15px; - height: 16px; - background: transparent; -} -.#{$primaryStyleName}-maximizebox { - &, &:hover,&:active { - background-image: url(img/maximize.png); /** sprite-ref: verticals */ - } -} -.#{$primaryStyleName}-restorebox { - &, &:hover,&:active { - background-image: url(img/restore.png); /** sprite-ref: verticals */ - } -} -.#{$primaryStyleName}-contents { - background: #fff; -} -.#{$primaryStyleName}-modalitycurtain { - background: #56595b; -} - - - - - - -/** - Light style window ----------------------------- -**/ - -.#{$primaryStyleName}-light { - .#{$primaryStyleName}-outerheader { - background: transparent; - padding: 15px 52px 0 18px; - } - .#{$primaryStyleName}-header { - font-size: 16px; - color: #292e34; - text-shadow: none; - } - .#{$primaryStyleName}-resizebox { - width: 12px; - height: 12px; - background-image: url(img/light/resize.png); /** sprite-ref: verticals */ - } - .#{$primaryStyleName}-footer { - background: transparent; - height: 12px; - } - .#{$primaryStyleName}-closebox { - right: 1px; - top: 17px; - width: 19px; - height: 15px; - - background-image: url(img/light/close.png); /** sprite-ref: verticals */ - &:hover { - background-image: url(img/light/close-hover.png); /** sprite-ref: verticals */ - } - &:active { - background-image: url(img/light/close-pressed.png); /** sprite-ref: verticals */ - } - } - - .#{$primaryStyleName}-maximizebox { - top: 17px; - - background-image: url(img/light/maximize.png); /** sprite-ref: verticals */ - &:hover { - background-image: url(img/light/maximize-hover.png); /** sprite-ref: verticals */ - } - &:active { - background-image: url(img/light/maximize-active.png); /** sprite-ref: verticals */ - } - } - .#{$primaryStyleName}-restorebox { - top: 17px; - - background-image: url(img/light/restore.png); /** sprite-ref: verticals */ - &:hover { - background-image: url(img/light/restore-hover.png); /** sprite-ref: verticals */ - } - &:active { - background-image: url(img/light/restore-active.png); /** sprite-ref: verticals */ - } - } - - .#{$primaryStyleName}-contents { - background: transparent; - } - /* This must be the last sprite added to the verticals-sprite image */ - .#{$primaryStyleName}-wrap { - background: #f7f7f8 repeat-x; - background-image: url(img/light/content-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ - } -} - - -/** - Black style window ----------------------------- -**/ -.#{$primaryStyleName}-black { - border-radius: 8px; -} -.#{$primaryStyleName}-black { - .#{$primaryStyleName}-wrap { - border-color: #2e3030; - border-radius: 8px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - overflow: hidden; - } - .v-sa & .#{$primaryStyleName}-wrap, - .v-op & .#{$primaryStyleName}-wrap { - border-color: rgba(0,0,0,.8); - } - - .#{$primaryStyleName}-wrap { - background-color: #1d2021; - -moz-border-radius: 7px; - -webkit-border-radius: 7px; - } - .v-sa & .#{$primaryStyleName}-wrap, - .v-op & .#{$primaryStyleName}-wrap { - background-color: rgba(29,32,33,.9); - } - .#{$primaryStyleName}-outerheader { - height: 29px; - padding: 7px 14px; - background: transparent repeat-x; - background-image: url(img/black/header-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ - text-align: center; - -moz-border-radius-topright: 7px; - -moz-border-radius-topleft: 7px; - -webkit-border-top-right-radius: 7px; - -webkit-border-top-left-radius: 7px; - overflow: hidden; - border: none; - } - .#{$primaryStyleName}-header { - font-size: 12px; - font-weight: normal; - color: #dddfe1; - } - .#{$primaryStyleName}-closebox { - top: 8px; - - background-image: url(img/black/close.png); /** sprite-ref: black-verticals */ - &:hover { - background-image: url(img/black/close-hover.png); /** sprite-ref: black-verticals */ - } - &:active { - background-image: url(img/black/close-pressed.png); /** sprite-ref: black-verticals */ - } - } - .#{$primaryStyleName}-footer { - background: transparent; - border: none; - height: 14px; - } - .#{$primaryStyleName}-resizebox { - background: transparent no-repeat; - background-image: url(img/black/resize.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 4px */ - width: 14px; - height: 14px; - } - .#{$primaryStyleName}-maximizebox { - top: 8px; - - background-image: url(img/black/maximize.png); /** sprite-ref: black-verticals */ - &:hover { - background-image: url(img/black/maximize-hover.png); /** sprite-ref: black-verticals */ - } - &:active { - background-image: url(img/black/maximize-active.png); /** sprite-ref: black-verticals */ - } - } - .#{$primaryStyleName}-restorebox { - top: 8px; - - background-image: url(img/black/restore.png); /** sprite-ref: black-verticals */ - &:hover { - background-image: url(img/black/restore-hover.png); /** sprite-ref: black-verticals */ - } - &:active { - background-image: url(img/black/restore-active.png); /** sprite-ref: black-verticals */ - } - } - - /* Must be last to make this image last in the sprites */ - .#{$primaryStyleName}-contents { - border: none; - background: transparent repeat-x; - background-image: url(img/black/content-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ - } -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss b/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss deleted file mode 100644 index e87d9f64ad..0000000000 --- a/WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin runo-absolutelayout($primaryStyleName : v-absolutelayout) { - -.#{$primaryStyleName}-wrapper { - position: absolute; - overflow:hidden; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/accordion/accordion.scss b/WebContent/VAADIN/themes/runo/accordion/accordion.scss deleted file mode 100644 index 69a52dd22a..0000000000 --- a/WebContent/VAADIN/themes/runo/accordion/accordion.scss +++ /dev/null @@ -1,52 +0,0 @@ -@mixin runo-accordion($primaryStyleName : v-accordion) { - -.#{$primaryStyleName}-item-caption { - height: 31px; - background: #edf0f0 url(img/bg.png); - color: #656d73; - border: none; - border-top: 1px solid #c8cccd; -} -.#{$primaryStyleName}-item-caption .v-caption { - font-size: 15px; - padding: 7px 0 4px 31px; - background: transparent url(img/collapsed-icon.png) no-repeat 18px 55%; -} -.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption { - color: #3b4b57; - background: #d5dee2 url(img/selected-bg.png); - border-bottom: 1px solid #b4b9ba; - text-shadow: 0 1px 0 #fff; -} -.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption .v-caption { - background-image: url(img/expanded-icon.png); - background-position: 17px 55%; -} -.#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { - border-top: none; -} -.#{$primaryStyleName}-item-caption .v-caption:hover { - color: #3b4b57; -} - -/* Light style */ -.#{$primaryStyleName}-light .#{$primaryStyleName}-item-caption { - height: 24px; - padding: 3px 2px; - background: transparent; - border: none; -} -.#{$primaryStyleName}-light .#{$primaryStyleName}-item-caption .v-caption { - padding: 4px 15px 4px 28px; - font-size: 12px; - line-height: 16px; - height: 16px; - font-weight: bold; - border: 1px solid #c8cccd; - -webkit-border-radius: 12px; - -moz-border-radius: 12px; - border-radius: 12px; - background-position: 15px 50%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/accordion/img/bg.png b/WebContent/VAADIN/themes/runo/accordion/img/bg.png deleted file mode 100644 index 0015e4cd0e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/accordion/img/bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png deleted file mode 100644 index dc13f0f786..0000000000 Binary files a/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png deleted file mode 100644 index 0ad8eb074f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png b/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png deleted file mode 100644 index 1c599db14e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/button/button.scss b/WebContent/VAADIN/themes/runo/button/button.scss deleted file mode 100644 index b303dd2e02..0000000000 --- a/WebContent/VAADIN/themes/runo/button/button.scss +++ /dev/null @@ -1,160 +0,0 @@ -@mixin runo-button($primaryStyleName : v-button) { - -.#{$primaryStyleName} { - padding: 1px; - border: none; - background: transparent; - } - -.#{$primaryStyleName}:focus { - outline: none; - } - -.#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { - border-color: #57a7ed; - border-top-color: #60aef1; - border-bottom-color: #4c9adf; - -webkit-box-shadow: 0 0 2px #57a7ed; - -moz-box-shadow: 0 0 2px #57a7ed; - } - -.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { - background-position: 0 -79px; - background-color: #e7e9e9; - border-color: #b8bdbe; - border-top-color: #9da1a2; - border-bottom-color: #babfc0; - border-color: rgba(146,151,152,.9); - border-top-color: rgba(146,151,152,1); - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; - text-shadow: none; - } - -.#{$primaryStyleName} .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { - display: block; - font-size: 12px; - border: 1px solid #bdc1c2; - border-top-color: #cbcfd0; - border-bottom-color: #b6bbbb; - border-color: rgba(146,151,152,.8); - border-top-color: rgba(146,151,152,.6); - background: #e6e8e8 url(img/bg.png) repeat-x; - -webkit-background-origin: padding; - -moz-background-origin: padding; - padding: 3px 15px; - -webkit-border-radius: 11px; - -moz-border-radius: 11px; - border-radius: 11px; - line-height: 14px; - min-height: 14px; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); - -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); - text-shadow: 0 1px 0 #fff; - color: #464f52; - overflow: hidden; - text-overflow: ellipsis; - } - -/* Small style */ -.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { - font-size: 11px; - line-height: 13px; - padding: 1px 12px; - min-height: 13px; - } - - -/* Big style */ -.#{$primaryStyleName}-big .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-big .#{$primaryStyleName}-wrap { - font-size: 15px; - line-height: 18px; - padding: 4px 18px; - min-height: 18px; - -webkit-border-radius: 14px; - -moz-border-radius: 14px; - border-radius: 14px; - } - - - -/* Default style */ -.#{$primaryStyleName}-default:focus .#{$primaryStyleName}-wrap { - background-color: #60839a; - background-position: 0 -158px; - text-shadow: 0 -1px 0 #657883; - } - -.#{$primaryStyleName}-default:active .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-default.v-pressed .#{$primaryStyleName}-wrap { - background-position: 0 -79px; - background-color: #8f9898; - border-color: #737e81; - border-top-color: #576063; - border-bottom-color: #747f82; - color: #f0f2f2; - text-shadow: 0 -1px 0 #5d6969; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; - } - -.#{$primaryStyleName}-default .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-default .#{$primaryStyleName}-wrap { - border-color: #899395; - border-top-color: #a4abae; - border-bottom-color: #727b7d; - background: #869090 url(img/bg-default.png) repeat-x; - text-shadow: 0 -1px 0 #797e7e; - color: #fff; - font-weight: bold; - -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); - -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); - } - - - - -/* Link style */ -.#{$primaryStyleName}-link, -.v-disabled.#{$primaryStyleName}-link { - padding: 0; - } - -.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, -.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, -.v-disabled.#{$primaryStyleName}-pressedv-button-link .#{$primaryStyleName}-wrap { - border: none; - background: transparent; - padding: 0; - font-size: 13px; - -webkit-box-shadow: none; - -mox-box-shadow: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - text-shadow: none; - } - -.#{$primaryStyleName}-link:focus { - outline: 1px dotted #4897dc; - } - -.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap { - -webkit-box-shadow: none; - -moz-box-shadow: none; - } - - - - -/* Checkbox styles */ -.v-checkbox .v-errorindicator { - padding-left: 10px; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/button/img/bg-default.png b/WebContent/VAADIN/themes/runo/button/img/bg-default.png deleted file mode 100644 index bb655872e3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/button/img/bg-default.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/button/img/bg.png b/WebContent/VAADIN/themes/runo/button/img/bg.png deleted file mode 100644 index 4552879208..0000000000 Binary files a/WebContent/VAADIN/themes/runo/button/img/bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/caption/caption.scss b/WebContent/VAADIN/themes/runo/caption/caption.scss deleted file mode 100644 index dab33c99c7..0000000000 --- a/WebContent/VAADIN/themes/runo/caption/caption.scss +++ /dev/null @@ -1,12 +0,0 @@ -@mixin runo-caption { - -.v-captionwrapper { - margin: 0.3em 0 0 0; -} -.v-errorindicator { - width: 12px; - height: 16px; - background: transparent url(../icons/16/error.png) no-repeat top right; -} - -} diff --git a/WebContent/VAADIN/themes/runo/colorpicker/colorpicker.scss b/WebContent/VAADIN/themes/runo/colorpicker/colorpicker.scss deleted file mode 100644 index df48c10a86..0000000000 --- a/WebContent/VAADIN/themes/runo/colorpicker/colorpicker.scss +++ /dev/null @@ -1,20 +0,0 @@ -@mixin runo-colorpicker($name : v-colorpicker) { - -.#{$name}-popup { - width: 248px; -} - -.#{$name}-popup .v-tabsheet .#{$name}-grid { - height: 305px; -} - -.#{$name}-popup .v-tabsheet-deco { - background: none; - height: 0; -} - -.#{$name}-popup .v-filterselect { - padding-right: 25px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/common/common.scss b/WebContent/VAADIN/themes/runo/common/common.scss deleted file mode 100644 index 207660c08e..0000000000 --- a/WebContent/VAADIN/themes/runo/common/common.scss +++ /dev/null @@ -1,119 +0,0 @@ -@mixin runo-common { - -&.v-app { - background: #e9eced url(img/main-bg.png) repeat-x; - font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: $font-size; - line-height: $line-height; -} -/* Global font styles */ -&.v-app, -.v-window, -.v-popupview-popup, -.v-tooltip, -&.v-app input, -&.v-app select, -&.v-app button, -&.v-app textarea, -.v-window input, -.v-window select, -.v-window button, -.v-window textarea, -.v-popupview-popup input, -.v-popupview-popup select, -.v-popupview-popup button, -.v-popupview-popup textarea, -.v-filterselect-suggestpopup, -.v-datefield-popup, -.v-contextmenu, -.v-Notification, -.v-menubar-submenu, -.v-drag-element { - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: $font-size; -} -&.v-app select, -.v-window select { - padding: 0; -} -.v-window -.v-datefield-popup, -.v-filterselect-suggestpopup, -.v-menubar-popup, -.v-slider-feedback, -.v-popupview-popup, -.v-contextmenu { - box-shadow: 0 2px 5px 0 rgba(0,0,0, .28); -} -/* Custom tooltip */ -.v-tooltip { - background-color: #fffcdd; - border: 1px solid #b8b295; - border-top-color: #d5d2c1; - border-left-color: #d5d2c1; - font-size: 11px; - line-height: 14px; - font-family: arial, helvetica, tahoma, verdana, sans-serif; - color: #5d5444; -} -.v-tooltip-text { - padding: 2px 4px; - border: none; - border-top: 1px solid #fffef5; - border-bottom: 1px solid #fbf8d9; -} -.v-tooltip .v-errormessage { - padding: 3px 4px 3px 4px; - background: #ffecc6; - color: #b74100; - border: none; - border-top: 1px solid #fff3dc; - border-bottom: 1px solid #ead7b1; -} -.v-tooltip .v-errormessage h2 { - font-size: 16px; - font-weight: normal; - color: #ab3101; - margin: 2px 0 8px 0; -} -.v-tooltip .v-errormessage h3 { - font-size: 13px; - font-weight: bold; - margin: 1px 0 4px 0; -} -.v-contextmenu { - background: #e9eced url(../tabsheet/img/tab-bg.png); - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #f6f7f7; - color: #464f52; - font-size: 12px; - line-height: 14px; -} -.v-contextmenu .gwt-MenuBar { - border-right: 1px solid #c6cbcc; - border-bottom: 1px solid #c6cbcc; - border-top: 1px solid #d0d4d5; - border-left: 1px solid #d0d4d5; -} -.v-contextmenu .gwt-MenuItem { - padding: 2px 0; -} -.v-contextmenu .gwt-MenuItem div { - padding: 1px 20px 1px 8px; -} -.v-contextmenu .gwt-MenuItem-selected div { - color: #fff; - background: #5daee8; -} -.v-contextmenu .gwt-MenuItem img { - margin-right: 10px; -} -/* Fix icon height to help browsers to load page smoother */ -.v-embedded-icon-16 img { - width:16px; - height:16px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/common/img/blank.gif b/WebContent/VAADIN/themes/runo/common/img/blank.gif deleted file mode 100644 index 3776af0784..0000000000 Binary files a/WebContent/VAADIN/themes/runo/common/img/blank.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/common/img/main-bg.png b/WebContent/VAADIN/themes/runo/common/img/main-bg.png deleted file mode 100644 index a6cd9288f7..0000000000 Binary files a/WebContent/VAADIN/themes/runo/common/img/main-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/datefield.scss b/WebContent/VAADIN/themes/runo/datefield/datefield.scss deleted file mode 100644 index d89fdf786e..0000000000 --- a/WebContent/VAADIN/themes/runo/datefield/datefield.scss +++ /dev/null @@ -1,161 +0,0 @@ -@mixin runo-datefield($primaryStyleName : v-datefield) { - -$popupdatefield-button-width: 22px; -$negative-popupdatefield-button-width: -22px; - -.#{$primaryStyleName} input.v-textfield, -.#{$primaryStyleName} input.v-textfield[type=text] { - height: 22px; // 18px height + 2*2px padding - -} -.#{$primaryStyleName}-button { - font-size:13px; - width: $popupdatefield-button-width; - margin-right: $negative-popupdatefield-button-width; - height: 24px; - padding: 0; - overflow: hidden; - border: none; - background: transparent url(img/open-button.png) no-repeat right 0; -} -.#{$primaryStyleName}-popupcalendar { - min-width: 0; - padding-right: $popupdatefield-button-width; -} - -.#{$primaryStyleName}-popup { - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 12px; - background: #f6f7f7; - border: 1px solid #b6bbbc; - padding: 2px 6px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.#{$primaryStyleName}-calendarpanel { - width: 230px; -} -.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel { - width: 200px; -} -.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { - width: 100px; -} -.#{$primaryStyleName}-calendarpanel td { - text-align: right; -} -.#{$primaryStyleName}-calendarpanel td span { - display: block; -} -.#{$primaryStyleName}-calendarpanel-header { - height: 30px; - font-size: 13px; -} -td.#{$primaryStyleName}-calendarpanel-month { - font-weight: bold; - text-shadow: 0 1px 0 #fff; - width: 150px; -} -.#{$primaryStyleName}-calendarpanel-prevyear, -.#{$primaryStyleName}-calendarpanel-nextyear, -.#{$primaryStyleName}-calendarpanel-prevmonth, -.#{$primaryStyleName}-calendarpanel-nextmonth { - width: 16px; -} -/* Year buttons */ -.#{$primaryStyleName}-calendarpanel .v-button-prevyear, -.#{$primaryStyleName}-calendarpanel .v-button-nextyear { - display: block; - width: 16px; - height: 16px; - border: none; - padding: 0; - background: transparent url(img/prevyear.png) no-repeat; - text-indent: -90000px; - margin: 0 auto; -} -.#{$primaryStyleName}-calendarpanel .v-button-nextyear { - background: transparent url(img/nextyear.png) no-repeat; -} -.#{$primaryStyleName}-calendarpanel .v-button-prevyear:hover, -.#{$primaryStyleName}-calendarpanel .v-button-nextyear:hover { - background-position: left bottom; -} -/* Month buttons */ -.#{$primaryStyleName}-calendarpanel .v-button-prevmonth, -.#{$primaryStyleName}-calendarpanel .v-button-nextmonth { - display: block; - width: 11px; - height: 16px; - border: none; - padding: 0; - background: transparent url(img/prevmonth.png) no-repeat; - text-indent: -90000px; - margin: 0 auto; -} -.#{$primaryStyleName}-calendarpanel .v-button-nextmonth { - background: transparent url(img/nextmonth.png) no-repeat; -} -.#{$primaryStyleName}-calendarpanel .v-button-prevmonth:hover, -.#{$primaryStyleName}-calendarpanel .v-button-nextmonth:hover { - background-position: left bottom; -} -.#{$primaryStyleName}-calendarpanel strong { - color: #ee5311; - display: block; - width: 20px; - font-size: 12px; -} -.#{$primaryStyleName}-calendarpanel-day, -.#{$primaryStyleName}-calendarpanel-weeknumber, -.#{$primaryStyleName}-calendarpanel-day-today { - padding: 1px 3px; - width: 14px; - height: 16px; -} -.#{$primaryStyleName}-calendarpanel-weeknumber { - font-size: 11.7px; -} -.#{$primaryStyleName}-calendarpanel-day-today { - border: 1px solid #429ce9; - width: 12px; - height: 14px; -} -.#{$primaryStyleName}-calendarpanel-day-entry { - color: #6a98b5; -} -.#{$primaryStyleName}-calendarpanel-day-disabled { - font-weight: normal; - color: #dddddd; -} -.#{$primaryStyleName}-calendarpanel-day-entry.#{$primaryStyleName}-calendarpanel-day-disabled { - color: #afd6f8; -} -.#{$primaryStyleName}-calendarpanel-day-selected { - font-weight: bold; - width: 14px; - height: 16px; - color: #fff; - padding: 1px 3px; - background: transparent url(img/selected-bg.png) no-repeat 50% 50%; - border: none; -} -.#{$primaryStyleName}-time { - font-size: 11px; -} -.#{$primaryStyleName}-time .v-select { - font-size: 10px; - padding: 0; - margin: 0; -} -.#{$primaryStyleName}-rendererror .v-textfield { - background: #ff9999; -} -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { - color: #999; - font-style: normal; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/datefield/img/nextmonth.png b/WebContent/VAADIN/themes/runo/datefield/img/nextmonth.png deleted file mode 100644 index 3315125dd1..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/nextmonth.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/img/nextyear.png b/WebContent/VAADIN/themes/runo/datefield/img/nextyear.png deleted file mode 100644 index 22633fd31a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/nextyear.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/img/open-button.png b/WebContent/VAADIN/themes/runo/datefield/img/open-button.png deleted file mode 100644 index 548ca12f70..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/open-button.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/img/prevmonth.png b/WebContent/VAADIN/themes/runo/datefield/img/prevmonth.png deleted file mode 100644 index d114632fef..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/prevmonth.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/img/prevyear.png b/WebContent/VAADIN/themes/runo/datefield/img/prevyear.png deleted file mode 100644 index f174713092..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/prevyear.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/datefield/img/selected-bg.png b/WebContent/VAADIN/themes/runo/datefield/img/selected-bg.png deleted file mode 100644 index 799915ab8f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/datefield/img/selected-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/favicon.ico b/WebContent/VAADIN/themes/runo/favicon.ico deleted file mode 100644 index 1f81f0de76..0000000000 Binary files a/WebContent/VAADIN/themes/runo/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/formlayout/formlayout.scss b/WebContent/VAADIN/themes/runo/formlayout/formlayout.scss deleted file mode 100644 index 59151feeb7..0000000000 --- a/WebContent/VAADIN/themes/runo/formlayout/formlayout.scss +++ /dev/null @@ -1,58 +0,0 @@ -@mixin runo-formlayout($primaryStyleName : v-formlayout) { - -.#{$primaryStyleName}-cell .v-errorindicator { - width: 10px; - height: 16px; - background: transparent url(../icons/16/error.png) no-repeat top right; -} -.#{$primaryStyleName}-captioncell { - text-align:right; - white-space: nowrap; -} -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { - padding-top: 8px; -} -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { - padding-top: 15px; -} -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, -.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { - padding-bottom: 15px; -} -.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { - padding-left: 18px; -} -.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { - padding-right: 18px; -} -/* form */ -.v-form-errormessage { - background: transparent url(../icons/16/error.png) no-repeat top left; - padding-left: 20px; - margin-bottom: 5px; - margin-top: 5px; - min-height: 20px; -} -.v-form fieldset { - border: none; - border-top: 1px solid #babfc0; -} -.v-form-nocaption fieldset { - border: none; -} -.v-form-nocaption legend { - display: none; -} -.v-form legend { - margin: 0; - padding: 0 4px 0.3em 4px; - font-weight: bold; - color: #464f52; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/grid/grid.scss b/WebContent/VAADIN/themes/runo/grid/grid.scss deleted file mode 100644 index 87fe88b9a2..0000000000 --- a/WebContent/VAADIN/themes/runo/grid/grid.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Variables defined in runo.scss - -@mixin runo-grid($primaryStyleName: v-grid) { - - .#{$primaryStyleName}-header, - .#{$primaryStyleName}-footer { - .#{$primaryStyleName}-cell { - background-image: url(img/header-bg.png); - color: #393a3c; - text-shadow: #fff 0 1px 0; - @include box-shadow(inset 1px 0 0 #fff); - } - } - - .#{$primaryStyleName}-header-deco, - .#{$primaryStyleName}-footer-deco, - .#{$primaryStyleName}-horizontal-scrollbar-deco { - background-image: url(img/header-bg.png); - } - - // Selected row - .#{$primaryStyleName}-row-selected { - color: #fff; - - // Selected and focused - > .#{$primaryStyleName}-cell-focused:before { - border-color: lighten($v-grid-row-selected-background-color, 20%); - } - } - - // Sidebar - .#{$primaryStyleName}-sidebar.v-contextmenu { - - .#{$primaryStyleName}-sidebar-content { - background-color: transparent; - - .gwt-MenuBar { - border: none; - } - } - - .v-on:before, .v-off:before { - content: none; - font-size: 0; - margin-right: 0; - } - } - - // Sort indicators - .#{$primaryStyleName} th.sort-asc, - .#{$primaryStyleName} th.sort-desc { - padding-right: 30px + $v-grid-cell-padding-horizontal; - - &:after { - content: attr(sort-order); - background: transparent no-repeat right 50%; - width: 30px; - height: 36px; - top: 0; - } - } - - .#{$primaryStyleName} th.sort-asc:after { - background-image: url(img/sort-asc.png); - } - - .#{$primaryStyleName} th.sort-desc:after { - background-image: url(img/sort-desc.png); - } - - .#{$primaryStyleName}-editor-footer { - background: #e7e9ea; - } - - .#{$primaryStyleName}-column-header-content, .#{$primaryStyleName}-column-footer-content { - line-height: $v-grid-header-row-height; - } - -} diff --git a/WebContent/VAADIN/themes/runo/grid/img/header-bg.png b/WebContent/VAADIN/themes/runo/grid/img/header-bg.png deleted file mode 100644 index 275fbc4382..0000000000 Binary files a/WebContent/VAADIN/themes/runo/grid/img/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/grid/img/resizer-bg.png b/WebContent/VAADIN/themes/runo/grid/img/resizer-bg.png deleted file mode 100644 index d9089775cb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/grid/img/resizer-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/grid/img/sort-asc.png b/WebContent/VAADIN/themes/runo/grid/img/sort-asc.png deleted file mode 100644 index 44e17d5446..0000000000 Binary files a/WebContent/VAADIN/themes/runo/grid/img/sort-asc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/grid/img/sort-desc.png b/WebContent/VAADIN/themes/runo/grid/img/sort-desc.png deleted file mode 100644 index 35fd0595f8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/grid/img/sort-desc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss b/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss deleted file mode 100644 index e3fb628a6b..0000000000 --- a/WebContent/VAADIN/themes/runo/gridlayout/gridlayout.scss +++ /dev/null @@ -1,20 +0,0 @@ -@mixin runo-gridlayout($primaryStyleName : v-gridlayout) { - -.#{$primaryStyleName}-margin-top { - padding-top: 15px; -} -.#{$primaryStyleName}-margin-bottom { - padding-bottom: 15px; -} -.#{$primaryStyleName}-margin-left { - padding-left: 18px; -} -.#{$primaryStyleName}-margin-right { - padding-right: 18px; -} -.#{$primaryStyleName}-spacing-on { - padding-left: 8px; - padding-top: 8px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/icons/16/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/16/arrow-down.png deleted file mode 100644 index ffd0ee50a5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/16/arrow-left.png deleted file mode 100644 index 27dd25110d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/16/arrow-right.png deleted file mode 100644 index 69bf88da8a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/16/arrow-up.png deleted file mode 100644 index 76e5b43e08..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/attention.png b/WebContent/VAADIN/themes/runo/icons/16/attention.png deleted file mode 100644 index 350de56aa5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/calendar.png b/WebContent/VAADIN/themes/runo/icons/16/calendar.png deleted file mode 100644 index 7717a5e220..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/cancel.png b/WebContent/VAADIN/themes/runo/icons/16/cancel.png deleted file mode 100644 index 19a0783733..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-add.png b/WebContent/VAADIN/themes/runo/icons/16/document-add.png deleted file mode 100644 index d84e349526..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-delete.png b/WebContent/VAADIN/themes/runo/icons/16/document-delete.png deleted file mode 100644 index cc3172224a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-doc.png b/WebContent/VAADIN/themes/runo/icons/16/document-doc.png deleted file mode 100644 index 7def77428a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-image.png b/WebContent/VAADIN/themes/runo/icons/16/document-image.png deleted file mode 100644 index 8a1bf253e8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/16/document-pdf.png deleted file mode 100644 index b58ccf7567..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/16/document-ppt.png deleted file mode 100644 index b60f429be2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-txt.png b/WebContent/VAADIN/themes/runo/icons/16/document-txt.png deleted file mode 100644 index 05659b19b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-web.png b/WebContent/VAADIN/themes/runo/icons/16/document-web.png deleted file mode 100644 index fcfd8685f0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/16/document-xsl.png deleted file mode 100644 index 571823847f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/document.png b/WebContent/VAADIN/themes/runo/icons/16/document.png deleted file mode 100644 index a2bab1bb0b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/email-reply.png b/WebContent/VAADIN/themes/runo/icons/16/email-reply.png deleted file mode 100644 index be7fd2244d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/email-send.png b/WebContent/VAADIN/themes/runo/icons/16/email-send.png deleted file mode 100644 index 0ef7a1c398..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/email.png b/WebContent/VAADIN/themes/runo/icons/16/email.png deleted file mode 100644 index 68d6c93465..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/error.gif b/WebContent/VAADIN/themes/runo/icons/16/error.gif deleted file mode 100644 index c9582b2c28..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/error.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/error.png b/WebContent/VAADIN/themes/runo/icons/16/error.png deleted file mode 100644 index 0141e4dfc3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/folder-add.png b/WebContent/VAADIN/themes/runo/icons/16/folder-add.png deleted file mode 100644 index 48aa7c9220..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/16/folder-delete.png deleted file mode 100644 index 7cc389d6b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/folder.png b/WebContent/VAADIN/themes/runo/icons/16/folder.png deleted file mode 100644 index f4fec377c6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/globe.png b/WebContent/VAADIN/themes/runo/icons/16/globe.png deleted file mode 100644 index ea4034c149..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/help.png b/WebContent/VAADIN/themes/runo/icons/16/help.png deleted file mode 100644 index d82a8852bf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/lock.png b/WebContent/VAADIN/themes/runo/icons/16/lock.png deleted file mode 100644 index 29f1023613..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/note.png b/WebContent/VAADIN/themes/runo/icons/16/note.png deleted file mode 100644 index efafae5570..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/ok.png b/WebContent/VAADIN/themes/runo/icons/16/ok.png deleted file mode 100644 index 89591faef2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/reload.png b/WebContent/VAADIN/themes/runo/icons/16/reload.png deleted file mode 100644 index 2c54836bff..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/settings.png b/WebContent/VAADIN/themes/runo/icons/16/settings.png deleted file mode 100644 index 019f0df663..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/trash-full.png b/WebContent/VAADIN/themes/runo/icons/16/trash-full.png deleted file mode 100644 index 7d790e6c9a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/trash.png b/WebContent/VAADIN/themes/runo/icons/16/trash.png deleted file mode 100644 index 8875ae322e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/user.png b/WebContent/VAADIN/themes/runo/icons/16/user.png deleted file mode 100644 index 522f864884..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/16/users.png b/WebContent/VAADIN/themes/runo/icons/16/users.png deleted file mode 100644 index 01f2a1251c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/16/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/32/arrow-down.png deleted file mode 100644 index 20c33b70fb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/32/arrow-left.png deleted file mode 100644 index ed2aae2cb0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/32/arrow-right.png deleted file mode 100644 index bd7707ec8a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/32/arrow-up.png deleted file mode 100644 index 01c1a8ec83..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/attention.png b/WebContent/VAADIN/themes/runo/icons/32/attention.png deleted file mode 100644 index 6b00733567..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/calendar.png b/WebContent/VAADIN/themes/runo/icons/32/calendar.png deleted file mode 100644 index 789ad9031c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/cancel.png b/WebContent/VAADIN/themes/runo/icons/32/cancel.png deleted file mode 100644 index 725240d558..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-add.png b/WebContent/VAADIN/themes/runo/icons/32/document-add.png deleted file mode 100644 index 26bca0d112..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-delete.png b/WebContent/VAADIN/themes/runo/icons/32/document-delete.png deleted file mode 100644 index 43e9a43e5b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-doc.png b/WebContent/VAADIN/themes/runo/icons/32/document-doc.png deleted file mode 100644 index 8df20cfdcf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-edit.png b/WebContent/VAADIN/themes/runo/icons/32/document-edit.png deleted file mode 100644 index 1d17383ca7..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-edit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-image.png b/WebContent/VAADIN/themes/runo/icons/32/document-image.png deleted file mode 100644 index 88c78665b8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/32/document-pdf.png deleted file mode 100644 index 048a02fddf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/32/document-ppt.png deleted file mode 100644 index 7fd7385cbd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-txt.png b/WebContent/VAADIN/themes/runo/icons/32/document-txt.png deleted file mode 100644 index 25264732c6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-web.png b/WebContent/VAADIN/themes/runo/icons/32/document-web.png deleted file mode 100644 index 72fd847ac3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/32/document-xsl.png deleted file mode 100644 index 2ff4607ad3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/document.png b/WebContent/VAADIN/themes/runo/icons/32/document.png deleted file mode 100644 index 1a38dcc304..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/email-reply.png b/WebContent/VAADIN/themes/runo/icons/32/email-reply.png deleted file mode 100644 index fd0203f768..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/email-send.png b/WebContent/VAADIN/themes/runo/icons/32/email-send.png deleted file mode 100644 index dc34ac694d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/email.png b/WebContent/VAADIN/themes/runo/icons/32/email.png deleted file mode 100644 index bef86e6cbb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/folder-add.png b/WebContent/VAADIN/themes/runo/icons/32/folder-add.png deleted file mode 100644 index e0b78d6e1d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/32/folder-delete.png deleted file mode 100644 index 8e3c4a404c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/folder.png b/WebContent/VAADIN/themes/runo/icons/32/folder.png deleted file mode 100644 index 7577a17ac3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/globe.png b/WebContent/VAADIN/themes/runo/icons/32/globe.png deleted file mode 100644 index 6c7d469ba2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/help.png b/WebContent/VAADIN/themes/runo/icons/32/help.png deleted file mode 100644 index 218910c98d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/lock.png b/WebContent/VAADIN/themes/runo/icons/32/lock.png deleted file mode 100644 index 4fc16565f0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/note.png b/WebContent/VAADIN/themes/runo/icons/32/note.png deleted file mode 100644 index e7e035dc8c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/ok.png b/WebContent/VAADIN/themes/runo/icons/32/ok.png deleted file mode 100644 index ac0438828c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/reload.png b/WebContent/VAADIN/themes/runo/icons/32/reload.png deleted file mode 100644 index c3556ec890..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/settings.png b/WebContent/VAADIN/themes/runo/icons/32/settings.png deleted file mode 100644 index 92eda74c54..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/trash-full.png b/WebContent/VAADIN/themes/runo/icons/32/trash-full.png deleted file mode 100644 index a9707e76d6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/trash.png b/WebContent/VAADIN/themes/runo/icons/32/trash.png deleted file mode 100644 index 6eaac86166..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/user.png b/WebContent/VAADIN/themes/runo/icons/32/user.png deleted file mode 100644 index ebb5a7f9f8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/32/users.png b/WebContent/VAADIN/themes/runo/icons/32/users.png deleted file mode 100644 index af225a9e46..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/32/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/64/arrow-down.png deleted file mode 100644 index bdf5d0474e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/64/arrow-left.png deleted file mode 100644 index b90ed88840..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/64/arrow-right.png deleted file mode 100644 index 6331a5ddf3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/64/arrow-up.png deleted file mode 100644 index 821fbe348f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/attention.png b/WebContent/VAADIN/themes/runo/icons/64/attention.png deleted file mode 100644 index 77265e48ee..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/calendar.png b/WebContent/VAADIN/themes/runo/icons/64/calendar.png deleted file mode 100644 index f13fbd6efb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/cancel.png b/WebContent/VAADIN/themes/runo/icons/64/cancel.png deleted file mode 100644 index 1d1a719a6c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-add.png b/WebContent/VAADIN/themes/runo/icons/64/document-add.png deleted file mode 100644 index acdcb06123..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-delete.png b/WebContent/VAADIN/themes/runo/icons/64/document-delete.png deleted file mode 100644 index 2a46863b7f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-doc.png b/WebContent/VAADIN/themes/runo/icons/64/document-doc.png deleted file mode 100644 index 455c1f15bd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-edit.png b/WebContent/VAADIN/themes/runo/icons/64/document-edit.png deleted file mode 100644 index 6af96c9b77..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-edit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-image.png b/WebContent/VAADIN/themes/runo/icons/64/document-image.png deleted file mode 100644 index 079978e850..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/64/document-pdf.png deleted file mode 100644 index cb6bc59675..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/64/document-ppt.png deleted file mode 100644 index dd501bfbc9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-txt.png b/WebContent/VAADIN/themes/runo/icons/64/document-txt.png deleted file mode 100644 index e64f746bd9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-web.png b/WebContent/VAADIN/themes/runo/icons/64/document-web.png deleted file mode 100644 index 9d81eb5702..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/64/document-xsl.png deleted file mode 100644 index 6008085a34..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/document.png b/WebContent/VAADIN/themes/runo/icons/64/document.png deleted file mode 100644 index 224de0bc84..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/email-reply.png b/WebContent/VAADIN/themes/runo/icons/64/email-reply.png deleted file mode 100644 index 2c6f7b690d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/email-send.png b/WebContent/VAADIN/themes/runo/icons/64/email-send.png deleted file mode 100644 index 9ec7198853..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/email.png b/WebContent/VAADIN/themes/runo/icons/64/email.png deleted file mode 100644 index e11245b2f5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/folder-add.png b/WebContent/VAADIN/themes/runo/icons/64/folder-add.png deleted file mode 100644 index 111318cc3c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/64/folder-delete.png deleted file mode 100644 index d249983eac..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/folder.png b/WebContent/VAADIN/themes/runo/icons/64/folder.png deleted file mode 100644 index edb7b9f786..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/globe.png b/WebContent/VAADIN/themes/runo/icons/64/globe.png deleted file mode 100644 index 1786635b45..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/help.png b/WebContent/VAADIN/themes/runo/icons/64/help.png deleted file mode 100644 index a66e8aafa6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/lock.png b/WebContent/VAADIN/themes/runo/icons/64/lock.png deleted file mode 100644 index deaf7db0a4..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/note.png b/WebContent/VAADIN/themes/runo/icons/64/note.png deleted file mode 100644 index 1383847ed1..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/ok.png b/WebContent/VAADIN/themes/runo/icons/64/ok.png deleted file mode 100644 index dc0d00c38b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/reload.png b/WebContent/VAADIN/themes/runo/icons/64/reload.png deleted file mode 100644 index b91f51c67f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/settings.png b/WebContent/VAADIN/themes/runo/icons/64/settings.png deleted file mode 100644 index 1c9b794ab0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/trash-full.png b/WebContent/VAADIN/themes/runo/icons/64/trash-full.png deleted file mode 100644 index 81d060e509..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/trash.png b/WebContent/VAADIN/themes/runo/icons/64/trash.png deleted file mode 100644 index 41ef761061..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/user.png b/WebContent/VAADIN/themes/runo/icons/64/user.png deleted file mode 100644 index 60d6c6e1b3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/64/users.png b/WebContent/VAADIN/themes/runo/icons/64/users.png deleted file mode 100644 index 3a42c17790..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/64/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/icons16/arrow-down.png deleted file mode 100644 index ffd0ee50a5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/icons16/arrow-left.png deleted file mode 100644 index 27dd25110d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/icons16/arrow-right.png deleted file mode 100644 index 69bf88da8a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/icons16/arrow-up.png deleted file mode 100644 index 76e5b43e08..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/attention.png b/WebContent/VAADIN/themes/runo/icons/icons16/attention.png deleted file mode 100644 index 350de56aa5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/calendar.png b/WebContent/VAADIN/themes/runo/icons/icons16/calendar.png deleted file mode 100644 index 7717a5e220..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/cancel.png b/WebContent/VAADIN/themes/runo/icons/icons16/cancel.png deleted file mode 100644 index 19a0783733..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-add.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-add.png deleted file mode 100644 index d84e349526..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-delete.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-delete.png deleted file mode 100644 index cc3172224a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-doc.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-doc.png deleted file mode 100644 index 7def77428a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-image.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-image.png deleted file mode 100644 index 8a1bf253e8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-pdf.png deleted file mode 100644 index b58ccf7567..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-ppt.png deleted file mode 100644 index b60f429be2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-txt.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-txt.png deleted file mode 100644 index 05659b19b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-web.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-web.png deleted file mode 100644 index fcfd8685f0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/icons16/document-xsl.png deleted file mode 100644 index 571823847f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/document.png b/WebContent/VAADIN/themes/runo/icons/icons16/document.png deleted file mode 100644 index a2bab1bb0b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/email-reply.png b/WebContent/VAADIN/themes/runo/icons/icons16/email-reply.png deleted file mode 100644 index be7fd2244d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/email-send.png b/WebContent/VAADIN/themes/runo/icons/icons16/email-send.png deleted file mode 100644 index 0ef7a1c398..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/email.png b/WebContent/VAADIN/themes/runo/icons/icons16/email.png deleted file mode 100644 index 68d6c93465..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/error.gif b/WebContent/VAADIN/themes/runo/icons/icons16/error.gif deleted file mode 100644 index c9582b2c28..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/error.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/error.png b/WebContent/VAADIN/themes/runo/icons/icons16/error.png deleted file mode 100644 index 0141e4dfc3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/folder-add.png b/WebContent/VAADIN/themes/runo/icons/icons16/folder-add.png deleted file mode 100644 index 48aa7c9220..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/icons16/folder-delete.png deleted file mode 100644 index 7cc389d6b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/folder.png b/WebContent/VAADIN/themes/runo/icons/icons16/folder.png deleted file mode 100644 index f4fec377c6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/globe.png b/WebContent/VAADIN/themes/runo/icons/icons16/globe.png deleted file mode 100644 index ea4034c149..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/help.png b/WebContent/VAADIN/themes/runo/icons/icons16/help.png deleted file mode 100644 index d82a8852bf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/lock.png b/WebContent/VAADIN/themes/runo/icons/icons16/lock.png deleted file mode 100644 index 29f1023613..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/note.png b/WebContent/VAADIN/themes/runo/icons/icons16/note.png deleted file mode 100644 index efafae5570..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/ok.png b/WebContent/VAADIN/themes/runo/icons/icons16/ok.png deleted file mode 100644 index 89591faef2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/reload.png b/WebContent/VAADIN/themes/runo/icons/icons16/reload.png deleted file mode 100644 index 2c54836bff..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/settings.png b/WebContent/VAADIN/themes/runo/icons/icons16/settings.png deleted file mode 100644 index 019f0df663..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/trash-full.png b/WebContent/VAADIN/themes/runo/icons/icons16/trash-full.png deleted file mode 100644 index 7d790e6c9a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/trash.png b/WebContent/VAADIN/themes/runo/icons/icons16/trash.png deleted file mode 100644 index 8875ae322e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/user.png b/WebContent/VAADIN/themes/runo/icons/icons16/user.png deleted file mode 100644 index 522f864884..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons16/users.png b/WebContent/VAADIN/themes/runo/icons/icons16/users.png deleted file mode 100644 index 01f2a1251c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons16/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/icons32/arrow-down.png deleted file mode 100644 index 20c33b70fb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/icons32/arrow-left.png deleted file mode 100644 index ed2aae2cb0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/icons32/arrow-right.png deleted file mode 100644 index bd7707ec8a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/icons32/arrow-up.png deleted file mode 100644 index 01c1a8ec83..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/attention.png b/WebContent/VAADIN/themes/runo/icons/icons32/attention.png deleted file mode 100644 index 6b00733567..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/calendar.png b/WebContent/VAADIN/themes/runo/icons/icons32/calendar.png deleted file mode 100644 index 789ad9031c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/cancel.png b/WebContent/VAADIN/themes/runo/icons/icons32/cancel.png deleted file mode 100644 index 725240d558..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-add.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-add.png deleted file mode 100644 index 26bca0d112..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-delete.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-delete.png deleted file mode 100644 index 43e9a43e5b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-doc.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-doc.png deleted file mode 100644 index 8df20cfdcf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-edit.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-edit.png deleted file mode 100644 index 1d17383ca7..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-edit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-image.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-image.png deleted file mode 100644 index 88c78665b8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-pdf.png deleted file mode 100644 index 048a02fddf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-ppt.png deleted file mode 100644 index 7fd7385cbd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-txt.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-txt.png deleted file mode 100644 index 25264732c6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-web.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-web.png deleted file mode 100644 index 72fd847ac3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/icons32/document-xsl.png deleted file mode 100644 index 2ff4607ad3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/document.png b/WebContent/VAADIN/themes/runo/icons/icons32/document.png deleted file mode 100644 index 1a38dcc304..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/email-reply.png b/WebContent/VAADIN/themes/runo/icons/icons32/email-reply.png deleted file mode 100644 index fd0203f768..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/email-send.png b/WebContent/VAADIN/themes/runo/icons/icons32/email-send.png deleted file mode 100644 index dc34ac694d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/email.png b/WebContent/VAADIN/themes/runo/icons/icons32/email.png deleted file mode 100644 index bef86e6cbb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/folder-add.png b/WebContent/VAADIN/themes/runo/icons/icons32/folder-add.png deleted file mode 100644 index e0b78d6e1d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/icons32/folder-delete.png deleted file mode 100644 index 8e3c4a404c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/folder.png b/WebContent/VAADIN/themes/runo/icons/icons32/folder.png deleted file mode 100644 index 7577a17ac3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/globe.png b/WebContent/VAADIN/themes/runo/icons/icons32/globe.png deleted file mode 100644 index 6c7d469ba2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/help.png b/WebContent/VAADIN/themes/runo/icons/icons32/help.png deleted file mode 100644 index 218910c98d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/lock.png b/WebContent/VAADIN/themes/runo/icons/icons32/lock.png deleted file mode 100644 index 4fc16565f0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/note.png b/WebContent/VAADIN/themes/runo/icons/icons32/note.png deleted file mode 100644 index e7e035dc8c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/ok.png b/WebContent/VAADIN/themes/runo/icons/icons32/ok.png deleted file mode 100644 index ac0438828c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/reload.png b/WebContent/VAADIN/themes/runo/icons/icons32/reload.png deleted file mode 100644 index c3556ec890..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/settings.png b/WebContent/VAADIN/themes/runo/icons/icons32/settings.png deleted file mode 100644 index 92eda74c54..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/trash-full.png b/WebContent/VAADIN/themes/runo/icons/icons32/trash-full.png deleted file mode 100644 index a9707e76d6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/trash.png b/WebContent/VAADIN/themes/runo/icons/icons32/trash.png deleted file mode 100644 index 6eaac86166..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/user.png b/WebContent/VAADIN/themes/runo/icons/icons32/user.png deleted file mode 100644 index ebb5a7f9f8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons32/users.png b/WebContent/VAADIN/themes/runo/icons/icons32/users.png deleted file mode 100644 index af225a9e46..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons32/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-down.png b/WebContent/VAADIN/themes/runo/icons/icons64/arrow-down.png deleted file mode 100644 index bdf5d0474e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-left.png b/WebContent/VAADIN/themes/runo/icons/icons64/arrow-left.png deleted file mode 100644 index b90ed88840..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-right.png b/WebContent/VAADIN/themes/runo/icons/icons64/arrow-right.png deleted file mode 100644 index 6331a5ddf3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-up.png b/WebContent/VAADIN/themes/runo/icons/icons64/arrow-up.png deleted file mode 100644 index 821fbe348f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/attention.png b/WebContent/VAADIN/themes/runo/icons/icons64/attention.png deleted file mode 100644 index 77265e48ee..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/attention.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/calendar.png b/WebContent/VAADIN/themes/runo/icons/icons64/calendar.png deleted file mode 100644 index f13fbd6efb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/calendar.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/cancel.png b/WebContent/VAADIN/themes/runo/icons/icons64/cancel.png deleted file mode 100644 index 1d1a719a6c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/cancel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-add.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-add.png deleted file mode 100644 index acdcb06123..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-delete.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-delete.png deleted file mode 100644 index 2a46863b7f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-doc.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-doc.png deleted file mode 100644 index 455c1f15bd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-doc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-edit.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-edit.png deleted file mode 100644 index 6af96c9b77..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-edit.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-image.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-image.png deleted file mode 100644 index 079978e850..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-image.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-pdf.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-pdf.png deleted file mode 100644 index cb6bc59675..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-pdf.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-ppt.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-ppt.png deleted file mode 100644 index dd501bfbc9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-ppt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-txt.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-txt.png deleted file mode 100644 index e64f746bd9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-txt.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-web.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-web.png deleted file mode 100644 index 9d81eb5702..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-web.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document-xsl.png b/WebContent/VAADIN/themes/runo/icons/icons64/document-xsl.png deleted file mode 100644 index 6008085a34..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document-xsl.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/document.png b/WebContent/VAADIN/themes/runo/icons/icons64/document.png deleted file mode 100644 index 224de0bc84..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/document.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/email-reply.png b/WebContent/VAADIN/themes/runo/icons/icons64/email-reply.png deleted file mode 100644 index 2c6f7b690d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/email-reply.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/email-send.png b/WebContent/VAADIN/themes/runo/icons/icons64/email-send.png deleted file mode 100644 index 9ec7198853..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/email-send.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/email.png b/WebContent/VAADIN/themes/runo/icons/icons64/email.png deleted file mode 100644 index e11245b2f5..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/email.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/folder-add.png b/WebContent/VAADIN/themes/runo/icons/icons64/folder-add.png deleted file mode 100644 index 111318cc3c..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/folder-add.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/folder-delete.png b/WebContent/VAADIN/themes/runo/icons/icons64/folder-delete.png deleted file mode 100644 index d249983eac..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/folder-delete.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/folder.png b/WebContent/VAADIN/themes/runo/icons/icons64/folder.png deleted file mode 100644 index edb7b9f786..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/folder.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/globe.png b/WebContent/VAADIN/themes/runo/icons/icons64/globe.png deleted file mode 100644 index 1786635b45..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/globe.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/help.png b/WebContent/VAADIN/themes/runo/icons/icons64/help.png deleted file mode 100644 index a66e8aafa6..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/help.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/lock.png b/WebContent/VAADIN/themes/runo/icons/icons64/lock.png deleted file mode 100644 index deaf7db0a4..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/lock.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/note.png b/WebContent/VAADIN/themes/runo/icons/icons64/note.png deleted file mode 100644 index 1383847ed1..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/note.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/ok.png b/WebContent/VAADIN/themes/runo/icons/icons64/ok.png deleted file mode 100644 index dc0d00c38b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/ok.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/reload.png b/WebContent/VAADIN/themes/runo/icons/icons64/reload.png deleted file mode 100644 index b91f51c67f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/reload.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/settings.png b/WebContent/VAADIN/themes/runo/icons/icons64/settings.png deleted file mode 100644 index 1c9b794ab0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/settings.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/trash-full.png b/WebContent/VAADIN/themes/runo/icons/icons64/trash-full.png deleted file mode 100644 index 81d060e509..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/trash-full.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/trash.png b/WebContent/VAADIN/themes/runo/icons/icons64/trash.png deleted file mode 100644 index 41ef761061..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/trash.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/user.png b/WebContent/VAADIN/themes/runo/icons/icons64/user.png deleted file mode 100644 index 60d6c6e1b3..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/user.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/icons/icons64/users.png b/WebContent/VAADIN/themes/runo/icons/icons64/users.png deleted file mode 100644 index 3a42c17790..0000000000 Binary files a/WebContent/VAADIN/themes/runo/icons/icons64/users.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss b/WebContent/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss deleted file mode 100644 index ff0d5f5bb1..0000000000 --- a/WebContent/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin runo-inline-datefield($primaryStyleName : v-inline-datefield){ - - @include runo-datefield(v-inline-datefield); - - .#{$primaryStyleName} { - line-height: 18px; /* Override inherited line-height: 0 needed for popup datefield */ - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/label/label.scss b/WebContent/VAADIN/themes/runo/label/label.scss deleted file mode 100644 index 50792d61a1..0000000000 --- a/WebContent/VAADIN/themes/runo/label/label.scss +++ /dev/null @@ -1,74 +0,0 @@ -@mixin runo-label($primaryStyleName : v-label) { - -.#{$primaryStyleName} h1, -.#{$primaryStyleName} h2, -.#{$primaryStyleName} h3, -.#{$primaryStyleName} h4, -.#{$primaryStyleName} h5, -.#{$primaryStyleName} h6 { - color: #404749; -} - -.#{$primaryStyleName}-h1, -.#{$primaryStyleName} h1 { - margin: 0; - padding: 8px 0 4px; - font-size: 24px; - line-height: normal; - letter-spacing: -0.03em; - font-weight: normal; - text-shadow: 0 1px 1px #fff; -} - -.#{$primaryStyleName}-h2, -.#{$primaryStyleName} h2 { - color: #f14c1a; - font-size: 18px; - letter-spacing: -0.03em; - font-weight: normal; - padding: 13px 0 5px; -} - -.#{$primaryStyleName}-h3, -.#{$primaryStyleName} h3 { - font-size: 15px; - letter-spacing: -0.03em; - font-weight: normal; - text-shadow: 0 1px 1px #fff; -} - -.#{$primaryStyleName}-h4, -.#{$primaryStyleName} h4 { - font-size: 13px; - font-weight: normal; - text-shadow: 0 1px 1px #fff; - margin: 0; - padding: 8px 0 4px; -} - -.#{$primaryStyleName}-small { - font-size: 11.31px; - line-height: 1.4; - color: #707679; -} - -.#{$primaryStyleName} hr, -.#{$primaryStyleName}-hr { - height: 2px; - overflow: hidden; - background: #ccd2d3; - color: #ccd2d3; /* For IE */ - border: none; - border-bottom: 1px solid #fff; - margin: 0; -} -.#{$primaryStyleName}-hr { - height: 1px; -} - -.v-sa & .#{$primaryStyleName} hr, -.v-ie8 & .#{$primaryStyleName} hr { - height: 1px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/legacy-styles.scss b/WebContent/VAADIN/themes/runo/legacy-styles.scss deleted file mode 100644 index 29ccb22aa5..0000000000 --- a/WebContent/VAADIN/themes/runo/legacy-styles.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "runo.scss"; -// For legacy themes; does not wrap styles in .themename -// Creates legacy-styles.css that can be imported into non-sass themes. -// NOTE: can not be used in scenarios where multiple themes are used on the -// same page (e.g portals). -@include runo; \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/link/link.scss b/WebContent/VAADIN/themes/runo/link/link.scss deleted file mode 100644 index 6970c6b2d8..0000000000 --- a/WebContent/VAADIN/themes/runo/link/link.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin runo-link($primaryStyleName : v-link) { - -.#{$primaryStyleName} a { - color: #464f52; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/menubar/menubar.scss b/WebContent/VAADIN/themes/runo/menubar/menubar.scss deleted file mode 100644 index d4cb22794b..0000000000 --- a/WebContent/VAADIN/themes/runo/menubar/menubar.scss +++ /dev/null @@ -1,41 +0,0 @@ -@mixin runo-menubar($primaryStyleName : v-menubar) { - -.#{$primaryStyleName} { - color: #464f52; - border-left: 1px solid #c6cbcc; -} -.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { - padding: 1px 10px; - border: 1px solid #c6cbcc; - border-left: none; - height: 18px; - line-height: 18x; -} -.#{$primaryStyleName}-menuitem-selected { - color: #fff; - background: #5daee8; -} -.#{$primaryStyleName}-submenu { - background: #e9eced url(../tabsheet/img/tab-bg.png); - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 12px; - line-height: 14px; - border-right: 1px solid #c6cbcc; - border-bottom: 1px solid #c6cbcc; - border-top: 1px solid #d0d4d5; - border-left: 1px solid #d0d4d5; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { - padding-top: 1px; - padding-bottom: 1px; - line-height: 16px; - padding-left: 10px; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption .v-icon { - vertical-align: middle; -} -.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { - font-size: 11.7px; -} -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/notification/img/close-error.png b/WebContent/VAADIN/themes/runo/notification/img/close-error.png deleted file mode 100644 index f52c922111..0000000000 Binary files a/WebContent/VAADIN/themes/runo/notification/img/close-error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/notification/notification.scss b/WebContent/VAADIN/themes/runo/notification/notification.scss deleted file mode 100644 index 1bf77a68ba..0000000000 --- a/WebContent/VAADIN/themes/runo/notification/notification.scss +++ /dev/null @@ -1,69 +0,0 @@ -@mixin runo-notification($primaryStyleName : v-Notification) { - -.#{$primaryStyleName} { - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #94a0a3; - color: #ffffff; - padding: 20px 45px; - cursor: pointer; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - overflow: hidden; - font-size: 15.6px; - -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); - -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); - margin: 10px; -} -.#{$primaryStyleName}-caption, -.#{$primaryStyleName}-description, -.#{$primaryStyleName}-system .#{$primaryStyleName}-caption, -.#{$primaryStyleName}-system .#{$primaryStyleName}-description { - display: inline; - font-weight: normal; - line-height: normal; - margin: 0 10px 0 0; -} -.#{$primaryStyleName}-warning { - background: #fff1e4; - color: #dd3400; - border: 2px solid #ffaa90; - opacity: 1; -} -.#{$primaryStyleName}-error { - background: #f13d13 url(img/close-error.png) no-repeat right 5px; - padding-right: 50px; -} -.#{$primaryStyleName}-tray { - background: #575e60; - padding: 3px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); - -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); - max-width: 17em; -} -.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { - display: block; - font-weight: bold; - font-size: 11.7px; - line-height: 1; - background: #3b4245; - padding: 2px 10px; - margin: 0; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; -} -.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { - display: block; - font-size: 10.4px; - line-height: 1.2; - margin: 4px 10px 5px 10px; - color: #e4e7ea; -} -.#{$primaryStyleName}-system { - background-color: #ff0a0a; - font-size: 11.7px; - padding: 14px 32px; -} - -} diff --git a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss deleted file mode 100644 index d01371599c..0000000000 --- a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.scss +++ /dev/null @@ -1,120 +0,0 @@ -@mixin runo-orderedlayout($primaryStyleName : v-orderedlayout) { - -.#{$primaryStyleName}-margin-top, -.v-horizontallayout-margin-top, -.v-verticallayout-margin-top, -.v-csslayout-margin-top, -.v-layout.v-margin-top { - padding-top: 15px; -} -.#{$primaryStyleName}-margin-right, -.v-horizontallayout-margin-right, -.v-verticallayout-margin-right, -.v-csslayout-margin-right, -.v-layout.v-margin-right { - padding-right: 18px; -} -.#{$primaryStyleName}-margin-bottom, -.v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom, -.v-csslayout-margin-bottom, -.v-layout.v-margin-bottom { - padding-bottom: 15px; -} -.#{$primaryStyleName}-margin-left, -.v-horizontallayout-margin-left, -.v-verticallayout-margin-left, -.v-csslayout-margin-left, -.v-layout.v-margin-left { - padding-left: 18px; -} -.#{$primaryStyleName}-spacing-on, -.v-horizontallayout-spacing-on, -.v-verticallayout-spacing-on { - padding-top: 8px; - padding-left: 8px; -} -.v-spacing { - width: 8px; - height: 8px; -} -.v-verticallayout-darker, -.v-horizontallayout-darker, -.v-gridlayout-darker, -.v-formlayout-darker, -.v-absolutelayout-darker, -.v-csslayout-darker { - background-color: #f3f4f5; -} - -/* Selectable style */ -.v-csslayout-selectable *, -.v-csslayout-selectable-selected * { - cursor: pointer; -} -.v-csslayout-selectable, -.v-csslayout-selectable-selected { - padding: 10px; - cursor: pointer; -} -.v-csslayout-selectable-selected { - padding: 8px; - border: 2px solid #57a7ed; - background: #d8eaf9; - background: rgba(179,211,237,.5); - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - border-radius: 7px; -} - -/* Shadow style */ -div.v-csslayout-box-shadow { - background: transparent url(../shadow/img/bottom-right.png) no-repeat right bottom; - overflow: hidden; -} -.v-csslayout-box-shadow > .v-csslayout-margin { - padding: 0 8px 0 0; - background: transparent url(../shadow/img/right.png) repeat-y right; - margin: 0; - position: relative; - bottom: 8px; -} -.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { - padding: 0 0 8px 0; - margin-left: 6px; - background: transparent url(../shadow/img/bottom.png) repeat-x bottom; - position: relative; - top: 8px; -} -.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - margin-left: -6px; -} -/* Fancier shadows for capable browsers */ -.v-webkit & .v-csslayout-box-shadow, -.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin, -.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, -.v-gecko & .v-csslayout-box-shadow, -.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin, -.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, -.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - background: transparent; - padding: 0; - margin: 0; - height: auto; - position: static; -} -.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, -.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { - margin-left: 0; -} -.v-webkit & .v-csslayout-box-shadow, -.v-gecko & .v-csslayout-box-shadow { - padding: 4px 8px 10px; -} -.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin, -.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin { - -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); - -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png b/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png deleted file mode 100644 index 9306fac21e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png b/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png deleted file mode 100644 index 08f53ff470..0000000000 Binary files a/WebContent/VAADIN/themes/runo/panel/img/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/panel/img/top-left.png b/WebContent/VAADIN/themes/runo/panel/img/top-left.png deleted file mode 100644 index 2d59a76c06..0000000000 Binary files a/WebContent/VAADIN/themes/runo/panel/img/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/panel/img/top-right.png b/WebContent/VAADIN/themes/runo/panel/img/top-right.png deleted file mode 100644 index e981d430ce..0000000000 Binary files a/WebContent/VAADIN/themes/runo/panel/img/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/panel/panel.scss b/WebContent/VAADIN/themes/runo/panel/panel.scss deleted file mode 100644 index 66fb751d88..0000000000 --- a/WebContent/VAADIN/themes/runo/panel/panel.scss +++ /dev/null @@ -1,83 +0,0 @@ -@mixin runo-panel($primaryStyleName : v-panel) { - -.#{$primaryStyleName} { - background: transparent url(img/top-left.png) no-repeat; -} -.#{$primaryStyleName}-caption .v-errorindicator { - padding-right: 20px; - background: transparent url(../icons/16/error.png) no-repeat bottom center; - -} -.#{$primaryStyleName}-caption, -.#{$primaryStyleName}-caption-light { - font-size: 18px; - line-height: normal; - font-weight: normal; - letter-spacing: -0.03em; - color: #f14c1a; - height: 18px; - padding: 13px 18px 16px 8px; - margin-left: 10px; - background: transparent url(img/top-right.png) no-repeat right top; - text-overflow: ellipsis; -} -.#{$primaryStyleName}-nocaption { - height: 9px; - margin-left: 10px; - background: transparent url(img/top-right.png) no-repeat right top; -} -.#{$primaryStyleName}-content { - border: 1px solid #babfc0; - border-bottom: 1px solid #dee2e3; - background-color: #fff; -} -.#{$primaryStyleName}-deco { - height: 9px; - background: transparent url(img/bottom-right.png) repeat-x right top; - margin-left: 9px; -} -.#{$primaryStyleName}-deco:before { - display: block; - content: ""; - width: 9px; - height: 9px; - margin-left: -9px; - background: transparent url(img/bottom-left.png) no-repeat; -} -/* Light panel style */ -.#{$primaryStyleName}-light, -.#{$primaryStyleName}-caption-light { - background: transparent; -} -.#{$primaryStyleName}-caption-light { - border-bottom: 1px solid #babfc0; - margin: 0; - padding-left: 18px; -} -.#{$primaryStyleName}-nocaption-light { - background: transparent; - border: none; - height: 0; - margin: 0; -} -.#{$primaryStyleName}-content-light { - border: none; - background: transparent; -} -.#{$primaryStyleName}-deco-light { - height: 0; - overflow: hidden; -} -/* IE specific rules */ -.v-ie8 & .#{$primaryStyleName}-content { - border-bottom: 1px solid #babfc0; -} -.v-ie8 & .#{$primaryStyleName}-content-light { - border-bottom: none; -} -.v-ie8 & .#{$primaryStyleName}-deco { - height: 0; - overflow: hidden; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/popupview/popupview.scss b/WebContent/VAADIN/themes/runo/popupview/popupview.scss deleted file mode 100644 index e5bc664fdd..0000000000 --- a/WebContent/VAADIN/themes/runo/popupview/popupview.scss +++ /dev/null @@ -1,13 +0,0 @@ -@mixin runo-popupview($primaryStyleName : v-popupview) { - -.#{$primaryStyleName} { - background: transparent; -} -.#{$primaryStyleName}-popup { - border: 1px solid #babfc0; - border-bottom: 1px solid #dee2e3; - background: #fff; - padding: 3px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/progressindicator/img/base-static.gif b/WebContent/VAADIN/themes/runo/progressindicator/img/base-static.gif deleted file mode 100644 index 474b684196..0000000000 Binary files a/WebContent/VAADIN/themes/runo/progressindicator/img/base-static.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/progressindicator/img/base.gif b/WebContent/VAADIN/themes/runo/progressindicator/img/base.gif deleted file mode 100644 index 6c6f15ef9e..0000000000 Binary files a/WebContent/VAADIN/themes/runo/progressindicator/img/base.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/progressindicator/img/disabled.gif b/WebContent/VAADIN/themes/runo/progressindicator/img/disabled.gif deleted file mode 100644 index 7a64d034b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/progressindicator/img/disabled.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/progressindicator/img/progress.png b/WebContent/VAADIN/themes/runo/progressindicator/img/progress.png deleted file mode 100644 index c1aca57369..0000000000 Binary files a/WebContent/VAADIN/themes/runo/progressindicator/img/progress.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss b/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss deleted file mode 100644 index 432123cf1f..0000000000 --- a/WebContent/VAADIN/themes/runo/progressindicator/progressindicator.scss +++ /dev/null @@ -1,29 +0,0 @@ -@mixin runo-progressindicator($primaryStyleName : v-progressindicator) { - -.#{$primaryStyleName}-wrapper { - background: #dfe2e4 url(img/base.gif) repeat-x; - border: 1px solid #b6bbbc; -} -.v-disabled .#{$primaryStyleName}-wrapper { - background-image: url(img/disabled.gif); -} -.#{$primaryStyleName}-indicator { - background: #f7f9f9 url(img/progress.png); -} -.#{$primaryStyleName}-indicator { - background: #f7f9f9 url(img/progress.png); -} -.#{$primaryStyleName}-indeterminate { - background: #fff url(../../base/common/img/ajax-loader-medium.gif) no-repeat 50%; -} -.#{$primaryStyleName}-indeterminate-disabled { - background: #dfe2e4; -} - -// Static style - -.#{$primaryStyleName}-static .#{$primaryStyleName}-wrapper { - background: #dfe2e4 url(img/base-static.gif) repeat-x; -} - -} diff --git a/WebContent/VAADIN/themes/runo/runo.scss b/WebContent/VAADIN/themes/runo/runo.scss deleted file mode 100644 index d481476d4c..0000000000 --- a/WebContent/VAADIN/themes/runo/runo.scss +++ /dev/null @@ -1,93 +0,0 @@ -$font-size: 13px !default; -$line-height: 18px !default; - - -// Override Base Grid variables -$v-grid-border: 1px solid #b6bbbc !default; -$v-grid-cell-vertical-border: 1px solid #d4d4d4 !default; -$v-grid-cell-vertical-border: none !default; -$v-grid-cell-horizontal-border: none !default; -$v-grid-cell-focused-border: 1px solid #57a7ed !default; -$v-grid-row-height: 26px !default; -$v-grid-header-row-height: 36px !default; -$v-grid-row-background-color: #fff !default; -$v-grid-row-stripe-background-color:#eff0f1 !default; -$v-grid-row-selected-background-color: #57a7ed !default; -$v-grid-header-font-size: 15px !default; -$v-grid-header-background-color: #e7e9ea !default; - - -@import "../base/base.scss"; - -@import "absolutelayout/absolutelayout.scss"; -@import "accordion/accordion.scss"; -@import "button/button.scss"; -@import "caption/caption.scss"; -@import "colorpicker/colorpicker.scss"; -@import "common/common.scss"; -@import "datefield/datefield.scss"; -@import "inlinedatefield/inlinedatefield.scss"; -@import "formlayout/formlayout.scss"; -@import "grid/grid.scss"; -@import "gridlayout/gridlayout.scss"; -@import "label/label.scss"; -@import "link/link.scss"; -@import "menubar/menubar.scss"; -@import "notification/notification.scss"; -@import "orderedlayout/orderedlayout.scss"; -@import "panel/panel.scss"; -@import "popupview/popupview.scss"; -@import "progressindicator/progressindicator.scss"; -@import "select/select.scss"; -@import "shadow/shadow.scss"; -@import "slider/slider.scss"; -@import "splitpanel/splitpanel.scss"; -@import "table/table.scss"; -@import "tabsheet/tabsheet.scss"; -@import "textfield/textfield.scss"; -@import "tree/tree.scss"; -@import "window/window.scss"; - -.v-generated-body { - background: #e9eced; -} - -@mixin runo { - // TODO move? - @include base; - // TODO each - @include runo-absolutelayout; - @include runo-accordion; - @include runo-button; - @include runo-caption; - @include runo-colorpicker; - - @include runo-common; - - @include runo-datefield; - @include runo-inline-datefield; - @include runo-formlayout; - @include runo-grid; - @include runo-gridlayout; - @include runo-label; - @include runo-link; - @include runo-menubar; - @include runo-notification; - @include runo-orderedlayout; - @include runo-panel; - @include runo-popupview; - - @include runo-progressindicator(v-progressbar); - /* For legacy ProgressIndicator component */ - @include runo-progressindicator(v-progressindicator); - - @include runo-select; - @include runo-shadow; - @include runo-slider; - @include runo-splitpanel; - @include runo-table; - @include runo-tabsheet; - @include runo-textfield; - @include runo-tree; - @include runo-window; -} diff --git a/WebContent/VAADIN/themes/runo/select/img/arrow-down.png b/WebContent/VAADIN/themes/runo/select/img/arrow-down.png deleted file mode 100644 index ee795fd069..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/arrow-down.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/arrow-up.png b/WebContent/VAADIN/themes/runo/select/img/arrow-up.png deleted file mode 100644 index 055ad61ef1..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/arrow-up.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-center-filter-error.png b/WebContent/VAADIN/themes/runo/select/img/bg-center-filter-error.png deleted file mode 100644 index 72f74f16ab..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-center-filter-error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-center-filter.png b/WebContent/VAADIN/themes/runo/select/img/bg-center-filter.png deleted file mode 100644 index 03e7384343..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-center-filter.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-left-filter-error.png b/WebContent/VAADIN/themes/runo/select/img/bg-left-filter-error.png deleted file mode 100644 index da4a4e4cc9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-left-filter-error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-left-filter.png b/WebContent/VAADIN/themes/runo/select/img/bg-left-filter.png deleted file mode 100644 index 4a1d2a2966..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-left-filter.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-right-filter-error.png b/WebContent/VAADIN/themes/runo/select/img/bg-right-filter-error.png deleted file mode 100644 index 72ed791760..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-right-filter-error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/bg-right-filter.png b/WebContent/VAADIN/themes/runo/select/img/bg-right-filter.png deleted file mode 100644 index 04cb8e4089..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/bg-right-filter.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/img/button-bg.png b/WebContent/VAADIN/themes/runo/select/img/button-bg.png deleted file mode 100644 index 9653ed949b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/select/img/button-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/select/select.scss b/WebContent/VAADIN/themes/runo/select/select.scss deleted file mode 100644 index 39eb0c9bde..0000000000 --- a/WebContent/VAADIN/themes/runo/select/select.scss +++ /dev/null @@ -1,165 +0,0 @@ -@mixin runo-select($primaryStyleName : v-filterselect) { - -$select-button-width: 25px; -$select-button-negative-width: -25px; - -.v-select-select { - font-size: 13px; -} -/* Twincol style */ -.v-select-twincol-options, -.v-select-twincol-selections { - font-size: 13px; -} -.v-select-twincol-buttons { - padding: 2px; /* does not work in first render in FF ? */ -} - -/** Filterselect aka ComboBox styles */ - -.#{$primaryStyleName} { - height: 23px; - background: transparent url(img/bg-left-filter.png) no-repeat; - padding-left: 4px; - padding-right: $select-button-width; /* Space for the button */ -} -&.v-app .#{$primaryStyleName} .#{$primaryStyleName}-input, -.v-window .#{$primaryStyleName} .#{$primaryStyleName}-input, -.v-popupview-popup .#{$primaryStyleName} .#{$primaryStyleName}-input { - background: transparent url(img/bg-center-filter.png) no-repeat 1px 0; - border: none; - height: 23px; - margin: 0; - padding: 2px 0 1px 2px; - font-size: 13px; -} -.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { - font-style: normal; -} -.#{$primaryStyleName}-input:focus { - /* remove safari/mac outline from this element */ - outline: none; -} -.#{$primaryStyleName}-focus { - outline: 1px solid #5daee8; - outline-offset: -1px; -} -.v-sa & .#{$primaryStyleName}-focus { - /* place safari focus outline around the whole thing */ - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -4px; -} -.#{$primaryStyleName}-button { - width: $select-button-width; - margin-right: $select-button-negative-width; - height: 23px; - background: transparent url(img/bg-right-filter.png); -} -.#{$primaryStyleName}-button:hover { - background-position: bottom left; -} -.v-disabled .#{$primaryStyleName}-button:hover, -.v-readonly .#{$primaryStyleName}-button:hover { - background-position: top left; -} -.#{$primaryStyleName}.v-readonly .#{$primaryStyleName}-input { - background: transparent; -} -.#{$primaryStyleName}-suggestpopup { - background: #f6f7f7; - border: 1px solid #b6bbbc; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 12px; - line-height: 18px; - margin-top: -1px; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem { - padding: 1px 6px; - cursor: pointer; - height: 18px; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem .v-icon { - margin-right: 3px; -} -.#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { - background: #5daee8; - color: #fff; -} -.#{$primaryStyleName}-nextpage, -.#{$primaryStyleName}-nextpage-off, -.#{$primaryStyleName}-prevpage-off, -.#{$primaryStyleName}-prevpage { - height: 11px; - width:100%; - background: transparent url(img/button-bg.png) no-repeat 50% 0; - margin: 2px 0 0 0; -} -.#{$primaryStyleName}-prevpage, -.#{$primaryStyleName}-prevpage-off { - background-position: 50% -1px; - margin: 0 0 2px 0; -} -.#{$primaryStyleName}-prevpage:hover { - background-position: 50% bottom; -} -.#{$primaryStyleName}-nextpage:hover { - background-position: 50% -12px; -} -.#{$primaryStyleName}-nextpage span, -.#{$primaryStyleName}-nextpage-off span, -.#{$primaryStyleName}-prevpage-off span, -.#{$primaryStyleName}-prevpage span { - display: block; - height: 12px; - width:100%; - background: transparent url(img/arrow-up.png) no-repeat 50% 40%; - text-indent: -90000px; - cursor: pointer; - overflow: hidden; -} -.#{$primaryStyleName}-nextpage span, -.#{$primaryStyleName}-nextpage-off span { - background: transparent url(img/arrow-down.png) no-repeat 50% 60%; -} -.#{$primaryStyleName}-status { - font-size: 11px; - line-height: 11px; - width: 100%; - padding: 4px 0px; - height: 11px; - border-top: 1px solid #b6bbbc; -} - - -/* Error styles (disabled by default) - ---------------------------------- - -.#{$primaryStyleName}-error { - background-image: url(img/bg-left-filter-error.png); -} -.#{$primaryStyleName}-error .#{$primaryStyleName}-input { - background-image: url(img/bg-center-filter-error.png); -} -.#{$primaryStyleName}-error .#{$primaryStyleName}-button { - background-image: url(img/bg-right-filter-error.png); -} -.v-select-error .v-select-option, -.v-select-error .v-select-select, -.v-select-error .v-select-twincol-selections, -.v-select-error .v-select-twincol-options { - background: #FFE0E0; -} -*/ - -/* Required field styles (disabled by default) - -------------------------------------------- - -.v-select-required .v-select-option, -.v-select-required .v-select-select, -.v-select-required .v-select-twincol-selections, -.v-select-required .v-select-twincol-options { - background: #FFE0E0; -} -*/ -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/shadow/img/bottom-left.png b/WebContent/VAADIN/themes/runo/shadow/img/bottom-left.png deleted file mode 100644 index b119a13119..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/bottom-right.png b/WebContent/VAADIN/themes/runo/shadow/img/bottom-right.png deleted file mode 100644 index 50aaa3bedc..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/bottom.png b/WebContent/VAADIN/themes/runo/shadow/img/bottom.png deleted file mode 100644 index 96af859986..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/bottom.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/center.png b/WebContent/VAADIN/themes/runo/shadow/img/center.png deleted file mode 100644 index d6fb99a889..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/center.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/left.png b/WebContent/VAADIN/themes/runo/shadow/img/left.png deleted file mode 100644 index 4c3611c842..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/right.png b/WebContent/VAADIN/themes/runo/shadow/img/right.png deleted file mode 100644 index 34a46e7b13..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/top-left.png b/WebContent/VAADIN/themes/runo/shadow/img/top-left.png deleted file mode 100644 index 27cf4d3f61..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/top-right.png b/WebContent/VAADIN/themes/runo/shadow/img/top-right.png deleted file mode 100644 index 7f187ca556..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/img/top.png b/WebContent/VAADIN/themes/runo/shadow/img/top.png deleted file mode 100644 index b654d78da9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/shadow/img/top.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/shadow/shadow.scss b/WebContent/VAADIN/themes/runo/shadow/shadow.scss deleted file mode 100644 index f24cab1bd2..0000000000 --- a/WebContent/VAADIN/themes/runo/shadow/shadow.scss +++ /dev/null @@ -1,72 +0,0 @@ -@mixin runo-shadow($primaryStyleName : v-shadow) { - -.#{$primaryStyleName} { - position: absolute; -} - -.#{$primaryStyleName} .top-left { - position: absolute; overflow: hidden; - top: -3px; left: -4px; - width: 8px; height: 8px; - background: transparent url(img/top-left.png); -} - -.#{$primaryStyleName} .top { - position: absolute; overflow: hidden; - top: -3px; left: 4px; - height: 8px; right: 4px; - background: transparent url(img/top.png); -} - -.#{$primaryStyleName} .top-right { - position: absolute; overflow: hidden; - top: -3px; right: -4px; - width: 8px; height: 8px; - background: transparent url(img/top-right.png); -} - -.#{$primaryStyleName} .left { - position: absolute; overflow: hidden; - top: 5px; left: -4px; - width: 8px; - bottom: 3px; - background: transparent url(img/left.png); -} - -.#{$primaryStyleName} .center { - position: absolute; overflow: hidden; - top: 5px; left: 4px; - bottom: 3px; right: 4px; - background: transparent url(img/center.png); -} - -.#{$primaryStyleName} .right { - position: absolute; overflow: hidden; - top: 5px; right: -4px; - width: 8px; - bottom: 3px; - background: transparent url(img/right.png); -} - -.#{$primaryStyleName} .bottom-left { - position: absolute; overflow: hidden; - bottom: -5px; left: -4px; - width: 8px; height: 8px; - background: transparent url(img/bottom-left.png); -} - -.#{$primaryStyleName} .bottom { - position: absolute; overflow: hidden; - bottom: -5px; left: 4px; - right: 4px; height: 8px; - background: transparent url(img/bottom.png); -} - -.#{$primaryStyleName} .bottom-right { - position: absolute; overflow: hidden; - bottom: -5px; right: -4px; - width: 8px; height: 8px; - background: transparent url(img/bottom-right.png); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/slider/img/handle-horizontal.png b/WebContent/VAADIN/themes/runo/slider/img/handle-horizontal.png deleted file mode 100644 index 620b86f1da..0000000000 Binary files a/WebContent/VAADIN/themes/runo/slider/img/handle-horizontal.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/slider/img/handle-vertical.png b/WebContent/VAADIN/themes/runo/slider/img/handle-vertical.png deleted file mode 100644 index b7f63b91b7..0000000000 Binary files a/WebContent/VAADIN/themes/runo/slider/img/handle-vertical.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/slider/slider.scss b/WebContent/VAADIN/themes/runo/slider/slider.scss deleted file mode 100644 index aa8cbe3e7a..0000000000 --- a/WebContent/VAADIN/themes/runo/slider/slider.scss +++ /dev/null @@ -1,73 +0,0 @@ -@mixin runo-slider($primaryStyleName : v-slider) { - -.#{$primaryStyleName} { - border-top: 1px solid #cccfd0; - border-bottom: 1px solid #cccfd0; - margin: 5px 0; -} -.#{$primaryStyleName}-base { - /* changing the borders will require adjustments to ISlider.java */ - height: 2px; - background: #f3f3f4; - border-top: 1px solid #cbcdce; - border-left: 1px solid #cccfd0; - border-right: 1px solid #cccfd0; -} -.#{$primaryStyleName}-handle { - background: transparent url(img/handle-horizontal.png); - width: 12px; - height: 12px; - margin-top: -5px; - cursor: pointer; -} -.#{$primaryStyleName}-handle:hover { - background-position: left bottom; -} -.#{$primaryStyleName}-scrollbar .#{$primaryStyleName}-handle, -.#{$primaryStyleName}-scrollbar.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { - background: #ffffff; - border: 1px solid #cccfd0; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; -} - -.#{$primaryStyleName}-vertical { - width: 3px; - margin: 0 5px; - border: none; - border-left: 1px solid #cccfd0; - border-right: 1px solid #cccfd0; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { - width: 2px; - border-left: 1px solid #cbcdce; - border-right: none; - background: #f3f3f4; - border-top: 1px solid #cccfd0; - border-bottom: 1px solid #cccfd0; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { - background: transparent url(img/handle-vertical.png); - width: 12px; - height: 12px; - margin-left: -5px; -} -.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle-active { - background-position: left bottom; -} - -/* Disabled by default -.#{$primaryStyleName}-error .#{$primaryStyleName}-base { - background:transparent; - background-color: #FFE0E0; -} -*/ - -/* Disabled by default -.#{$primaryStyleName}-required .#{$primaryStyleName}-base { - background:transparent; - background-color: #FFE0E0; -} -*/ -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png deleted file mode 100644 index f50f81aa35..0000000000 Binary files a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_hor.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png b/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png deleted file mode 100644 index 6846e47096..0000000000 Binary files a/WebContent/VAADIN/themes/runo/splitpanel/img/bg_ver.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss deleted file mode 100644 index 84b8f5cd44..0000000000 --- a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss +++ /dev/null @@ -1,88 +0,0 @@ -@mixin runo-splitpanel($primaryStyleName : v-splitpanel) { - -.#{$primaryStyleName}-horizontal, -.#{$primaryStyleName}-vertical { - overflow: hidden; -} - -.#{$primaryStyleName}-hsplitter, -.#{$primaryStyleName}-hsplitter-locked { - width: 6px; -} - -.#{$primaryStyleName}-hsplitter div, -.#{$primaryStyleName}-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; -} - -.#{$primaryStyleName}-vsplitter, -.#{$primaryStyleName}-vsplitter-locked { - height: 6px; -} - -.#{$primaryStyleName}-vsplitter div, -.#{$primaryStyleName}-vsplitter-locked div { - height: 6px; - background: #ccd2d0 url(img/bg_ver.png); - border: 1px solid #b6bbbc; - margin: -1px 0; -} - - -/* Rounded style */ -.#{$primaryStyleName}-hsplitter-rounded div, -.#{$primaryStyleName}-vsplitter-rounded div, -.#{$primaryStyleName}-hsplitter-rounded-locked div, -.#{$primaryStyleName}-vsplitter-rounded-locked div { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.#{$primaryStyleName}-hsplitter-rounded div, -.#{$primaryStyleName}-hsplitter-rounded-locked div { - top: 4px; - bottom: 4px; -} -.#{$primaryStyleName}-vsplitter-rounded div, -.#{$primaryStyleName}-vsplitter-rounded-locked div { - margin: -1px 4px; -} - - -/* Small style */ -.#{$primaryStyleName}-hsplitter-small, -.#{$primaryStyleName}-vsplitter-small, -.#{$primaryStyleName}-hsplitter-small-locked, -.#{$primaryStyleName}-vsplitter-small-locked { - background: #b6bbbc; -} -.#{$primaryStyleName}-hsplitter-small, -.#{$primaryStyleName}-hsplitter-small-locked { - width: 1px; -} -.#{$primaryStyleName}-vsplitter-small, -.#{$primaryStyleName}-vsplitter-small-locked { - height: 1px; -} -.#{$primaryStyleName}-hsplitter-small div, -.#{$primaryStyleName}-hsplitter-small-locked div { - border: none; - background: transparent; - width: 5px; - margin: 0 0 0 -2px; -} -.#{$primaryStyleName}-vsplitter-small div, -.#{$primaryStyleName}-vsplitter-small-locked div { - border: none; - background: transparent; - height: 5px; - margin: -2px 0 0 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/styles.scss b/WebContent/VAADIN/themes/runo/styles.scss deleted file mode 100644 index cfcb8bfa78..0000000000 --- a/WebContent/VAADIN/themes/runo/styles.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import "runo.scss"; -.runo { - @include runo; -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/table/img/check.gif b/WebContent/VAADIN/themes/runo/table/img/check.gif deleted file mode 100644 index 0a89195168..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/check.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/colsel.png b/WebContent/VAADIN/themes/runo/table/img/colsel.png deleted file mode 100644 index 7cf5abc8b2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/colsel.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/header-bg-over.png b/WebContent/VAADIN/themes/runo/table/img/header-bg-over.png deleted file mode 100644 index 6c888676e9..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/header-bg-over.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/header-bg.png b/WebContent/VAADIN/themes/runo/table/img/header-bg.png deleted file mode 100644 index 275fbc4382..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/header-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/resizer-bg.png b/WebContent/VAADIN/themes/runo/table/img/resizer-bg.png deleted file mode 100644 index d9089775cb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/resizer-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/scroll-position-bg.png b/WebContent/VAADIN/themes/runo/table/img/scroll-position-bg.png deleted file mode 100644 index d5968fdf51..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/scroll-position-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/sort-asc.png b/WebContent/VAADIN/themes/runo/table/img/sort-asc.png deleted file mode 100644 index 44e17d5446..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/sort-asc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/img/sort-desc.png b/WebContent/VAADIN/themes/runo/table/img/sort-desc.png deleted file mode 100644 index 35fd0595f8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/table/img/sort-desc.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/table/table.scss b/WebContent/VAADIN/themes/runo/table/table.scss deleted file mode 100644 index 3902ed7cb0..0000000000 --- a/WebContent/VAADIN/themes/runo/table/table.scss +++ /dev/null @@ -1,206 +0,0 @@ -@mixin runo-table($primaryStyleName : v-table) { - -.#{$primaryStyleName}-header-wrap { - height: 36px; - border: 1px solid #b6bbbc; - border-bottom: none; - background: #e7e9ea url(img/header-bg.png) repeat-x; -} -.#{$primaryStyleName}-header { - height: 36px; -} -.#{$primaryStyleName}-footer-wrap { - border-color: #b6bbbc; - background: #e7e9ea url(img/header-bg.png) repeat-x; -} -.#{$primaryStyleName}-footer td { - border-right-color: #e8eaec; - padding-top: 3px; - padding-bottom: 3px; -} -.#{$primaryStyleName}-resizer { - height: 36px; - width: 4px; - background: transparent url(img/resizer-bg.png) repeat-y 100% 50%; -} -.#{$primaryStyleName}-caption-container { - color: #393a3c; - font-size: 15px; - padding: 9px 2px 9px 0; - text-shadow: #ffffff 0 1px 0; - margin-left: 4px; -} -.#{$primaryStyleName}-sort-indicator { - width: 0; - height: 36px; -} -.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { - background: transparent url(img/sort-asc.png) no-repeat right 50%; - width: 20px; - height: 36px; -} -.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - background: transparent url(img/sort-desc.png) no-repeat right 50%; - width: 20px; - height: 36px; -} -.#{$primaryStyleName}-header-cell:hover, -.#{$primaryStyleName}-header-cell-asc:hover, -.#{$primaryStyleName}-header-cell-desc:hover { - background: transparent url(img/header-bg-over.png) repeat-x; -} -.#{$primaryStyleName}-body { - background: #fff; - border: 1px solid #b6bbbc; -} -tr.#{$primaryStyleName}-row:hover, -tr.#{$primaryStyleName}-row-odd:hover { - background-color: #edeeee; -} -.#{$primaryStyleName}-row, -.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row:hover { - background-color: #fff; -} -.#{$primaryStyleName}-row-odd, -.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd:hover { - background-color: #f6f7f7; -} -.#{$primaryStyleName}-generated-row { - color: #393a3c; - font-size: 15px; - padding: 9px 2px 9px 0; - text-shadow: #ffffff 0 1px 0; - background: #e7e9ea; -} -.#{$primaryStyleName} tr.v-selected { - background: #57a7ed; - color: #fff; -} -.#{$primaryStyleName}-cell-content { - padding: 0 6px 0 4px; - border-right: none; -} -.#{$primaryStyleName}-cell-wrapper { - white-space: nowrap; - overflow: hidden; - line-height: 23px; - /* Do not specify horizontal padding here */ - padding: 3px 0 0 0; -} -/* Fix textfield size to correspond label size inside table */ -.#{$primaryStyleName}-cell-content .v-textfield, -.#{$primaryStyleName}-cell-content .v-button { - margin: -3px 0 0 0; -} -.#{$primaryStyleName}-cell-content .v-textfield, -.#{$primaryStyleName}-cell-content .v-datefield { - width: 97%; /* approximate */ -} -/* ...but not for datefield textarea */ -.#{$primaryStyleName}-cell-content .v-datefield .v-textfield { - width: auto; - -} -/* datefield button is too high for table cell */ -.#{$primaryStyleName}-cell-content .v-datefield-button { - height: 25px; - margin: -3px 0 0 0; -} -.#{$primaryStyleName}-column-selector { - background: transparent url(img/colsel.png) no-repeat; - margin: -36px 0 0 0; - height: 36px; - width: 15px; -} -.#{$primaryStyleName}-focus-slot-left { - border-color: #b6bbbc; - margin-bottom: -36px; - width: auto; - border-right: none; -} -.#{$primaryStyleName}-focus-slot-right { - border-color: #b6bbbc; -} -.#{$primaryStyleName}-header-drag { - background: #e7edf3 url(img/header-bg.png) repeat-x; - border: 1px solid #b6bbbc; - padding: 4px; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 15px; - margin-top: 20px; -} -.#{$primaryStyleName}-scrollposition { - width: 160px; - height: 39px; - background: transparent url(img/scroll-position-bg.png); - border: none; -} -.#{$primaryStyleName}-scrollposition span { - display: block; - margin-top: 8px; - text-align: center; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - color: #464f52; - font-size: 15px; - text-shadow: #ffffff 2px 2px 0; -} -/* row in column selector */ -.v-on div { - background: transparent url(img/check.gif) no-repeat 2px 50%; - text-indent: 6px; -} -.v-off div { - text-indent: 6px; -} -.#{$primaryStyleName} .v-link { - display: inline; -} - -/* Borderless style */ -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - border: none; -} -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap { - border-bottom: 1px solid #b6bbbc; -} -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { - background: transparent; -} -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-row, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-row-odd, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row:hover, -.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd:hover { - background-color: transparent; -} - - -/* Small style */ -.#{$primaryStyleName}-small .#{$primaryStyleName}-header-wrap, -.#{$primaryStyleName}-small .#{$primaryStyleName}-header { - height: 22px; -} -.#{$primaryStyleName}-small .#{$primaryStyleName}-sort-indicator, -.#{$primaryStyleName}-small .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator, -.#{$primaryStyleName}-small .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { - height: 22px; -} -.#{$primaryStyleName}-small .#{$primaryStyleName}-caption-container { - font-size: 13px; - padding-top: 3px; - padding-bottom: 3px; -} -.#{$primaryStyleName}-small .#{$primaryStyleName}-column-selector { - margin-top: -21px; - height: 21px; -} -.#{$primaryStyleName}-small .#{$primaryStyleName}-body { - font-size: 12px; -} -.#{$primaryStyleName}-small .#{$primaryStyleName}-cell-wrapper { - line-height: 18px; - padding: 2px 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png deleted file mode 100644 index 501876fb36..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png deleted file mode 100644 index 26c63f6882..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png deleted file mode 100644 index 0e0a841a87..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png deleted file mode 100644 index 0696ff8c3b..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/next.png b/WebContent/VAADIN/themes/runo/tabsheet/img/next.png deleted file mode 100644 index f43dd1abf0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/next.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png b/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png deleted file mode 100644 index 5e111b4aa0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/prev.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png deleted file mode 100644 index a4235e9a83..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tabsheet/img/tab-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss b/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss deleted file mode 100644 index ab4afb1c69..0000000000 --- a/WebContent/VAADIN/themes/runo/tabsheet/tabsheet.scss +++ /dev/null @@ -1,254 +0,0 @@ -@mixin runo-tabsheet($primaryStyleName : v-tabsheet) { - -.#{$primaryStyleName}-tabs { - height: 48px; -} - -.#{$primaryStyleName}-spacertd div { - height: 37px; - border: 1px solid #b6bbbc; - background: transparent url(img/tab-bg.png); - padding: 0; -} -.#{$primaryStyleName}-scroller { - margin-top: -37px; - float: right; -} -.#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled { - border: none; - width: 12px; - padding: 0; - height: 38px; - opacity: 0.9999; - margin-top: -1px; -} -.#{$primaryStyleName}-scrollerNext, -.#{$primaryStyleName}-scrollerNext-disabled { - background: transparent url(img/next.png) no-repeat; -} -.#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-scrollerPrev-disabled { - background: transparent url(img/prev.png) no-repeat; -} -.#{$primaryStyleName}-scrollerPrev:hover, -.#{$primaryStyleName}-scrollerNext:hover { - background-position: -24px 0px; -} -.#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-scrollerNext-disabled { - background-position: -12px 0px; -} -.#{$primaryStyleName}-scrollerPrev-disabled:hover, -.#{$primaryStyleName}-scrollerNext-disabled:hover { - background-position: -12px 0px; -} -.#{$primaryStyleName}-tabitem { - border: 1px solid #b6bbbc; - border-right: none; - height: 37px; - padding: 0; - margin-top: 9px; - color: #777f85; - font-size: 15px; - line-height: 18px; - background: #f8f9f9 url(img/tab-bg.png); -} -.#{$primaryStyleName}-tabitem .v-caption { - height: 20px; - padding: 9px 15px 8px 15px; -} -.#{$primaryStyleName}-tabitem-selected { - border: none; - background: transparent url(../panel/img/top-left.png) no-repeat; - margin: 0; - padding: 0; - height: 48px; - color: #ee5311; -} -.#{$primaryStyleName}-tabitem:hover { - color: #4b5257; -} -.#{$primaryStyleName}-tabitem-selected:hover { - color: #ee5311; -} -.#{$primaryStyleName}-tabitem-selected .v-caption { - background: transparent url(../panel/img/top-right.png) repeat-x right top; - margin: 0 -1px 0 9px; - height: 18px; - padding: 16px 16px 14px 7px; - overflow: visible; -} -.#{$primaryStyleName}-caption-close { - margin-left: 3px; - margin-right: -3px; - margin-top: 2px; - font-size: 15px; - width: 15px; - height: 15px; - -webkit-border-radius: 7px; - -moz-border-radius: 7px; - color: #777f85; - line-height: 13px; -} -.#{$primaryStyleName}-caption-close:hover { - background: #dce0e0; -} -.#{$primaryStyleName}-caption-close:active { - background: #b6bbbc; - color: #fff; -} -.#{$primaryStyleName}-content { - border: 1px solid #babfc0; - background-color: #fff; - border-bottom: 1px solid #dee2e3; - border-top: none; -} -.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { - border-top: 1px solid #b5babb; -} -.#{$primaryStyleName}-deco { - height: 10px; - background: transparent url(../panel/img/bottom-right.png) repeat-x right top; - margin-left: 9px; - overflow: visible; -} -.#{$primaryStyleName}-deco:before { - display: block; - content: ""; - width: 9px; - height: 9px; - margin-left: -9px; - background: transparent url(../panel/img/bottom-left.png) no-repeat; -} -/* Progress indication * -.#{$primaryStyleName}-loading .#{$primaryStyleName}-tabitem-selected .v-captiontext { - background: transparent url(../../base/common/img/ajax-loader.gif) no-repeat top right; - margin-left: -10px; - padding-left: 10px; - margin-right: -10px; - padding-right: 10px; - margin-top: -12px; - padding-top: 12px; -}*/ -/* IE specific styles */ -.v-ie & .#{$primaryStyleName}-content { - border-bottom: none; -} -.v-ie & .#{$primaryStyleName}-deco { - height: 1px; - background: #babfc0; - overflow: hidden; - margin: 0; - width: 100%; -} -/* Light-style */ -.#{$primaryStyleName}-tabcontainer-light { - height: 32px; -} -.#{$primaryStyleName}-tabs-light { - height: 32px; - width: 100%; - overflow:hidden; - background: transparent; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-spacertd div { - height: 31px; - border: none; - border-bottom: 1px solid #b6bbbc; - background: transparent url(img/inline-tab-bg.png) repeat-x; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem { - border: none; - border-bottom: 1px solid #b6bbbc; - height: 30px; - padding: 0; - margin-top: 0; - color: #656d73; - font-size: 12px; - line-height: normal; - background: transparent url(img/inline-tab-bg.png) repeat-x; - cursor: pointer; - text-shadow: #fff 0 1px 0; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem .v-caption { - height: 24px; - padding: 8px 10px 0 11px; - background: transparent url(img/inline-tab-border.png) no-repeat; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-first .v-caption { - margin-left: 5px; - background: transparent; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-selected + .#{$primaryStyleName}-tabitemcell .v-caption, -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-selected-first + .#{$primaryStyleName}-tabitemcell .v-caption { - background: transparent; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected { - border: none; - background: transparent url(img/inline-tab-right.png) no-repeat right top; - margin: 0; - padding: 0; - height: 32px; - cursor: default; - color: #ee5311; - text-shadow: none; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem:hover { - color: #4b5257; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected:hover { - color: #ee5311; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected .v-caption { - background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; - margin: 0; - height: 23px; - padding: 9px 10px 0 11px; - overflow: visible; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-first .#{$primaryStyleName}-tabitem-selected .v-caption { - background: transparent url(img/inline-tab-left.png) no-repeat -3px 0; - padding-left: 16px; -} -.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-caption-close { - margin-top: 0; - text-shadow: none; -} -.#{$primaryStyleName}-content-light { - border: none; - background: transparent; -} -.#{$primaryStyleName}-light .#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { - border: none; -} -.#{$primaryStyleName}-deco-light { - height: 0; - overflow: hidden; -} -.#{$primaryStyleName}-deco-light:before { - display: none; -} -/* Scroller */ -.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerPrev, -.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerNext { - margin-top: 2px; - height: 34px; -} -.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerPrev-disabled, -.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerNext-disabled { - margin-top: 2px; - height: 34px; -} -/* Progress indication * -.#{$primaryStyleName}-loading .#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected .v-captiontext { - margin-left: -3px; - padding-left: 3px; -}*/ -.v-ie & .#{$primaryStyleName}-deco-light { - height: 0; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/textfield/img/bg.png b/WebContent/VAADIN/themes/runo/textfield/img/bg.png deleted file mode 100644 index 43c7ac7b47..0000000000 Binary files a/WebContent/VAADIN/themes/runo/textfield/img/bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/textfield/textfield.scss b/WebContent/VAADIN/themes/runo/textfield/textfield.scss deleted file mode 100644 index 3516f529ce..0000000000 --- a/WebContent/VAADIN/themes/runo/textfield/textfield.scss +++ /dev/null @@ -1,49 +0,0 @@ -@mixin runo-textfield($primaryStyleName : v-textfield) { - -.#{$primaryStyleName}, -.v-textarea { - background: #fff url(img/bg.png) repeat-x; - border: 1px solid #b6b6b6; - border-top-color: #9d9d9d; - border-bottom-color: #d6d6d6; - border-right-color: #d6d6d6; - margin: 0; - line-height: 14px; -} -input.#{$primaryStyleName}, -input[type=text].#{$primaryStyleName}, -textarea.v-textarea { - font-size: 12px; - height: 22px; - padding: 2px; -} -textarea.v-textarea { - height: auto; -} -.#{$primaryStyleName}-focus, -.v-textarea-focus { - border-color: #5daee8; -} -input.#{$primaryStyleName}-prompt, -textarea.v-textarea-prompt { - color: #999; - font-style: normal; -} -.v-richtextarea { - border: 1px solid #b6b6b6; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff url(img/bg.png) repeat-x; -} - -/* Small style */ -input.#{$primaryStyleName}-small, -input[type=text].#{$primaryStyleName}-small, -textarea.v-textarea-small { - font-size: 11px; - height: 18px; - line-height: 12px; - padding: 1px 2px; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/tree/img/collapsed.png b/WebContent/VAADIN/themes/runo/tree/img/collapsed.png deleted file mode 100644 index 8d4064de0a..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/collapsed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png deleted file mode 100644 index 28b3626d79..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed.png deleted file mode 100644 index db4d41cccd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/collapsed.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/connector-item.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/connector-item.png deleted file mode 100644 index b4d0d7aa56..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/connector-item.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/connector.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/connector.png deleted file mode 100644 index a93f458787..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/connector.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded-last.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded-last.png deleted file mode 100644 index 504b715122..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded-last.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded.png b/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded.png deleted file mode 100644 index 5c036ed038..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/connectors/expanded.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/img/expanded.png b/WebContent/VAADIN/themes/runo/tree/img/expanded.png deleted file mode 100644 index 4ac2554eac..0000000000 Binary files a/WebContent/VAADIN/themes/runo/tree/img/expanded.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/tree/tree.scss b/WebContent/VAADIN/themes/runo/tree/tree.scss deleted file mode 100644 index 677e0e8a93..0000000000 --- a/WebContent/VAADIN/themes/runo/tree/tree.scss +++ /dev/null @@ -1,61 +0,0 @@ -@mixin runo-tree($primaryStyleName : v-tree) { - -.#{$primaryStyleName}-node { - background: transparent url(img/collapsed.png) no-repeat 2px 1px; -} -.#{$primaryStyleName}-node-expanded { - background: transparent url(img/expanded.png) no-repeat 2px 1px; -} -.#{$primaryStyleName}-node-caption { - margin-left: 18px; -} -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { - padding-bottom: 1px; -} -.#{$primaryStyleName}-node-caption .v-icon { - margin: 0 2px 0 -2px; -} -.#{$primaryStyleName}-node-caption span { - padding: 0 1px; -} -.#{$primaryStyleName}-node-selected span { - background: #57a7ed; - color: #fff; - padding: 1px 2px 0; - display: inline-block; - zoom: 1; - margin: -1px -1px 0; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} -.#{$primaryStyleName}-node-children { - padding-left: 16px; -} -.#{$primaryStyleName}{ - outline:none; -} -.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{ - padding-left: 1px; - padding-top: 0px; - padding-bottom: 0px; -} -.#{$primaryStyleName}-node-focused span{ - border: 1px dotted black; -} -/*************************************** - * Drag'n'drop styles - ***************************************/ -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top, -.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { - background-position: 2px 0; -} -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { - background-position: 2px -53px; -} -.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { - background-position: 2px 50%; -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/window/img/bg-color.png b/WebContent/VAADIN/themes/runo/window/img/bg-color.png deleted file mode 100644 index 08cdb43bce..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/bg-color.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/bottom-left.png b/WebContent/VAADIN/themes/runo/window/img/bottom-left.png deleted file mode 100644 index e7728b5172..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/bottom-right.png b/WebContent/VAADIN/themes/runo/window/img/bottom-right.png deleted file mode 100644 index 56c654f41d..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/close.png b/WebContent/VAADIN/themes/runo/window/img/close.png deleted file mode 100644 index 55f1a686dd..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png deleted file mode 100644 index 438b50f419..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png b/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png deleted file mode 100644 index 3ceb3c92fe..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/close.png b/WebContent/VAADIN/themes/runo/window/img/dialog/close.png deleted file mode 100644 index bb39f7a1f8..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/dialog/close.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/maximize.png b/WebContent/VAADIN/themes/runo/window/img/dialog/maximize.png deleted file mode 100644 index cbbc0f6691..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/dialog/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/restore.png b/WebContent/VAADIN/themes/runo/window/img/dialog/restore.png deleted file mode 100644 index a4e9d257e1..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/dialog/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/left-bg.png b/WebContent/VAADIN/themes/runo/window/img/left-bg.png deleted file mode 100644 index e9fd861993..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/left-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/maximize.png b/WebContent/VAADIN/themes/runo/window/img/maximize.png deleted file mode 100644 index c7a1a8d418..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/maximize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/notification-error.png b/WebContent/VAADIN/themes/runo/window/img/notification-error.png deleted file mode 100644 index 32852d5907..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/notification-error.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/resize.png b/WebContent/VAADIN/themes/runo/window/img/resize.png deleted file mode 100644 index e0a8759f64..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/resize.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/restore.png b/WebContent/VAADIN/themes/runo/window/img/restore.png deleted file mode 100644 index 15ac00ddb2..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/restore.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/right-bg.png b/WebContent/VAADIN/themes/runo/window/img/right-bg.png deleted file mode 100644 index 35d39c772f..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/right-bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-left.png b/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-left.png deleted file mode 100644 index 1ffd763faf..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-right.png b/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-right.png deleted file mode 100644 index af3552a4bc..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom.png b/WebContent/VAADIN/themes/runo/window/img/shadow/bottom.png deleted file mode 100644 index ed24b66705..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/bottom.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/center.png b/WebContent/VAADIN/themes/runo/window/img/shadow/center.png deleted file mode 100644 index f3825db0fb..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/center.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/left.png b/WebContent/VAADIN/themes/runo/window/img/shadow/left.png deleted file mode 100644 index 4c0b430f22..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/right.png b/WebContent/VAADIN/themes/runo/window/img/shadow/right.png deleted file mode 100644 index f81cfa0ce4..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/top-left.png b/WebContent/VAADIN/themes/runo/window/img/shadow/top-left.png deleted file mode 100644 index 7f79389398..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/top-right.png b/WebContent/VAADIN/themes/runo/window/img/shadow/top-right.png deleted file mode 100644 index feb490d565..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/shadow/top.png b/WebContent/VAADIN/themes/runo/window/img/shadow/top.png deleted file mode 100644 index 10bcc450ee..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/shadow/top.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/top-left.png b/WebContent/VAADIN/themes/runo/window/img/top-left.png deleted file mode 100644 index ae8aee8ade..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/top-left.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/img/top-right.png b/WebContent/VAADIN/themes/runo/window/img/top-right.png deleted file mode 100644 index 7030dc30e0..0000000000 Binary files a/WebContent/VAADIN/themes/runo/window/img/top-right.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/runo/window/window.scss b/WebContent/VAADIN/themes/runo/window/window.scss deleted file mode 100644 index bf2081674c..0000000000 --- a/WebContent/VAADIN/themes/runo/window/window.scss +++ /dev/null @@ -1,206 +0,0 @@ -@mixin runo-window($primaryStyleName : v-window) { - -/* add box-shadows to an overlay element */ -.#{$primaryStyleName} { - box-shadow: 0 10px 24px 0 rgba(42, 45, 46, .4); - border-radius: 10px; -} -.#{$primaryStyleName} { - color: #464f52; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - font-size: 13px; - line-height: 18px; - background: transparent url(img/bottom-left.png) no-repeat left bottom; -} -.#{$primaryStyleName}-wrap { - background: transparent url(img/top-left.png) no-repeat; -} -.#{$primaryStyleName}-outerheader { - height: 49px; - margin-left: 9px; - padding: 15px 61px 11px 12px; - background: transparent url(img/top-right.png) no-repeat right top; -} -.#{$primaryStyleName}-header { - font-size: 18px; - line-height: 1.2; - font-weight: normal; - letter-spacing: -0.03em; - color: #f14c1a; - text-shadow: 0 1px 0 #fff; -} -.#{$primaryStyleName}-contents > div { - background: #fff; - border: 2px solid #babfc0; - border-top: none; - border-bottom: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.#{$primaryStyleName} div.#{$primaryStyleName}-footer { - height: 8px; - margin-left: 9px; - background: transparent url(img/bottom-right.png) no-repeat right bottom; - overflow: visible; -} -.#{$primaryStyleName}-resizebox { - position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */ - right: 5px; - width: 10px; - height: 10px; - margin-top: -7px; - background: transparent url(img/resize.png); -} -.#{$primaryStyleName}-resizebox-disabled { - background: transparent; - display: block; -} -.#{$primaryStyleName}-closebox, -.#{$primaryStyleName}-maximizebox, -.#{$primaryStyleName}-restorebox { - position: absolute; - top: 21px; - height: 12px; -} -.#{$primaryStyleName}-closebox { - width: 12px; - height: 12px; - right: 24px; - background: transparent url(img/close.png); - &:hover { - background-position: 0 -12px; - } -} - -.#{$primaryStyleName}-maximizebox, -.#{$primaryStyleName}-restorebox { - right: 42px; -} - -.#{$primaryStyleName}-restorebox { - width: 15px; - height: 14px; - - background: transparent url(img/restore.png); - &:hover { - background-position: 0 -14px; - } -} -.#{$primaryStyleName}-maximizebox { - width: 13px; - height: 12px; - - background: transparent url(img/maximize.png); - &:hover { - background-position: 0 -12px; - } -} - -.#{$primaryStyleName}-modalitycurtain { - background: #fff; -} -/* Dialog style */ -.#{$primaryStyleName}-dialog { - background-image: url(img/dialog/bottom-left.png); - - .#{$primaryStyleName}-outerheader { - height: 32px; - padding: 13px 30px 5px 8px; - background: transparent url(img/top-right.png) no-repeat right top; - } - .#{$primaryStyleName}-header { - font-size: 12px; - line-height: normal; - font-weight: bold; - letter-spacing: 0; - text-shadow: 0 1px 0 #fff; - } - .#{$primaryStyleName}-contents > div { - background: #f1f3f3; - } - div.#{$primaryStyleName}-footer { - background-image: url(img/dialog/bottom-right.png); - } - .#{$primaryStyleName}-closebox { - top: 14px; - right: 16px; - background-image: url(img/dialog/close.png); - } - - .#{$primaryStyleName}-restorebox { - width: 12px; - height: 12px; - top: 15px; - right: 32px; - - background: transparent url(img/dialog/restore.png); - &:hover { - background-position: 0 -12px; - } - } - - .#{$primaryStyleName}-maximizebox { - width: 11px; - height: 10px; - top: 15px; - right: 32px; - - background: transparent url(img/dialog/maximize.png); - &:hover { - background-position: 0 -10px; - } - } -} - -/* Shadow for window */ -.v-shadow-window .top-left { - top: -13px; left: -20px; - width: 39px; height: 39px; - background: transparent url(img/shadow/top-left.png); -} -.v-shadow-window .top { - top: -13px; left: 19px; - height: 39px; - right: 19px; - background: transparent url(img/shadow/top.png); -} -.v-shadow-window .top-right { - top: -13px; right: -20px; - width: 39px; height: 39px; - background: transparent url(img/shadow/top-right.png); -} -.v-shadow-window .left { - top: 26px; left: -20px; - width: 39px; - bottom: 12px; - background: transparent url(img/shadow/left.png); -} -.v-shadow-window .center { - top: 26px; left: 19px; - bottom: 12px; right: 19px; - background: transparent url(img/shadow/center.png); -} -.v-shadow-window .right { - top: 26px; right: -20px; - width: 39px; - bottom: 12px; - background: transparent url(img/shadow/right.png); -} -.v-shadow-window .bottom-left { - bottom: -27px; left: -20px; - width: 39px; height: 39px; - background: transparent url(img/shadow/bottom-left.png); -} -.v-shadow-window .bottom { - bottom: -27px; left: 19px; - right: 19px; height: 39px; - background: transparent url(img/shadow/bottom.png); -} -.v-shadow-window .bottom-right { - bottom: -27px; right: -20px; - width: 39px; height: 39px; - background: transparent url(img/shadow/bottom-right.png); -} - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/_valo.scss b/WebContent/VAADIN/themes/valo/_valo.scss deleted file mode 100644 index 8a2da5b789..0000000000 --- a/WebContent/VAADIN/themes/valo/_valo.scss +++ /dev/null @@ -1,59 +0,0 @@ -// Import global variables -@import "shared/variables"; - - -// Import all utility mixins and functions -@import "util/bourbon/bourbon"; -@import "util/lists"; -@import "util/css3"; -@import "util/color"; -@import "util/anim"; -@import "util/gradient"; -@import "util/bevel-and-shadow"; -@import "util/util"; - - -// Import custom font mixins -@import "fonts/fonts"; - - -// Include custom font faces if they are used by the theme -@if contains($v-font-family, "Open Sans") { - @include font-open-sans($light: true, $regular: true, $medium: true); -} -@if contains($v-font-family, "Source Sans Pro") { - @include font-source-sans-pro($light: true, $regular: true, $medium: true); -} -@if contains($v-font-family, "Roboto") { - @include font-roboto($light: true, $regular: true, $medium: true); -} -@if contains($v-font-family, "Lato") { - @include font-lato($light: true, $regular: true, $bold: true); -} -@if contains($v-font-family, "Lora") { - @include font-lora($regular: true, $bold: true); -} - - - -// Import global mixins -@import "shared/global"; - - -// Import component specific mixins -@import "components/all"; - - -// Include global styles directly, without a theme name prefix (this is done only once) -@include valo-global; - - -/** - * The main Valo theme mixin, which outputs all the selectors and properties to produce - * the variation specified by global variables. Should not be included multiple times - * per compilation. - */ -@mixin valo { - @include valo-common; - @include valo-components; -} diff --git a/WebContent/VAADIN/themes/valo/components/_absolutelayout.scss b/WebContent/VAADIN/themes/valo/components/_absolutelayout.scss deleted file mode 100755 index 5f1ef9281e..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_absolutelayout.scss +++ /dev/null @@ -1,29 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-absolutelayout) - - * - * @group absolutelayout - */ -@mixin valo-absolutelayout ($primary-stylename: v-absolutelayout) { - - .#{$primary-stylename}-wrapper { - position: absolute; - } - - .#{$primary-stylename}-margin, - .#{$primary-stylename}-canvas { - @include box-sizing(border-box); - } - - .#{$primary-stylename}.v-has-height > div, - .#{$primary-stylename}.v-has-height .#{$primary-stylename}-margin { - height: 100%; - } - - .#{$primary-stylename}.v-has-height > div, - .#{$primary-stylename}.v-has-width .#{$primary-stylename}-margin { - width: 100%; - } - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_accordion.scss b/WebContent/VAADIN/themes/valo/components/_accordion.scss deleted file mode 100644 index 40ab29f862..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_accordion.scss +++ /dev/null @@ -1,149 +0,0 @@ -/** - * Outputs the selectors and properties for the Accordion component. - * - * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * @group accordion - */ -@mixin valo-accordion ($primary-stylename: v-accordion, $include-additional-styles: contains($v-included-additional-styles, accordion)) { - .#{$primary-stylename} { - @include valo-accordion-style; - } - - .#{$primary-stylename}-item { - @include valo-accordion-item-style; - } - - .#{$primary-stylename}-item-caption { - @include valo-accordion-item-caption-style; - } - - .#{$primary-stylename}-item-content { - @include valo-accordion-item-content-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - border: none; - border-radius: 0; - @include box-shadow(none); - - > .#{$primary-stylename}-item, - > .#{$primary-stylename}-item > div > .v-caption, - > .#{$primary-stylename}-item > .#{$primary-stylename}-item-content { - border-radius: 0; - } - } - - } -} - - -/** - * Outputs the styles for the Accordion component root element. - * @group accordion - */ -@mixin valo-accordion-style { - @include valo-panel-style; - $grad-style: valo-gradient-style($v-gradient); - $grad-opacity: valo-gradient-opacity($v-gradient); - @include valo-gradient($color: $v-background-color, $gradient: ($grad-style $grad-opacity/2)); - overflow: hidden; -} - - -/** - * Outputs the styles for an individual Accordion item root element. - * @group accordion - */ -@mixin valo-accordion-item-style { - $_br: $v-border-radius - first-number($v-border); - position: relative; - - @if $v-border-radius > 0 { - &:first-child { - border-top-left-radius: $_br; - border-top-right-radius: $_br; - } - - &:last-child { - border-bottom-left-radius: $_br; - border-bottom-right-radius: $_br; - - [class*="item-content"] { - border-radius: inherit; - } - } - } - - &[class*="item-open"]:last-child > div > .v-caption { - border-radius: 0; - } - - &:not([class*="item-open"]):last-child > div > .v-caption { - border-bottom: none; - margin-bottom: 0; - } - - &[class*="item-open"] + [class*="item"] { - border-top: valo-border($border: $v-panel-border, $color: $v-panel-background-color, $strength: 0.7); - } -} - - -/** - * Outputs the styles for an individual Accordion item's caption element. - * - * @param {color} $background-color (null) - the background color of the caption. Other styles (such as font and border colors, gradients and bevels) adapt to the background color automatically. - * @group accordion - */ -@mixin valo-accordion-item-caption-style ($background-color: null) { - border-radius: inherit; - - > .v-caption { - @include valo-panel-caption-style($background-color: $background-color or $v-background-color); - display: block; - @if $background-color == null { - background: transparent; - } - border-bottom-color: first-color(valo-border($color: $v-panel-background-color)); - border-radius: inherit; - cursor: pointer; - position: relative; - - &:hover:before, - &:active:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - } - - @if $v-hover-styles-enabled { - &:hover:before { - @include valo-button-hover-style; - border: none; - } - } - - &:active:before { - @include valo-button-active-style; - } - } -} - - -/** - * Outputs the styles for an individual Accordion item's content element. - * @group accordion - */ -@mixin valo-accordion-item-content-style { - @include box-shadow(valo-bevel-and-shadow($shadow: join(inset, $v-shadow), $shadow-opacity: $v-shadow-opacity/2)); - background-color: $v-panel-background-color; - @include box-sizing(border-box); - @include valo-panel-adjust-content-margins; -} diff --git a/WebContent/VAADIN/themes/valo/components/_all.scss b/WebContent/VAADIN/themes/valo/components/_all.scss deleted file mode 100644 index 52f1d696aa..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_all.scss +++ /dev/null @@ -1,240 +0,0 @@ -@import "absolutelayout"; -@import "accordion"; -@import "button"; -@import "calendar"; -@import "checkbox"; -@import "colorpicker"; -@import "combobox"; -@import "csslayout"; -@import "customcomponent"; -@import "customlayout"; -@import "datefield"; -@import "dragwrapper"; -@import "form"; -@import "formlayout"; -@import "grid"; -@import "gridlayout"; -@import "label"; -@import "link"; -@import "loginform"; -@import "menubar"; -@import "nativebutton"; -@import "nativeselect"; -@import "notification"; -@import "optiongroup"; -@import "orderedlayout"; -@import "panel"; -@import "popupview"; -@import "progressbar"; -@import "richtextarea"; -@import "slider"; -@import "splitpanel"; -@import "table"; -@import "tabsheet"; -@import "textfield"; -@import "textarea"; -@import "tree"; -@import "treetable"; -@import "twincolselect"; -@import "upload"; -@import "widget"; -@import "window"; -@import "valo-menu"; - - -/** - * Outputs all the selectors and properties for all individual components to produce - * the variation specified by global variables. - * - * This mixin can be called multiple times for a theme, if you for instance wish to - * generate alternative color versions of the components. - * - * @example scss - * .my-theme { - * // The default color variation - * @include valo; - * - * .sidebar { - * // For the sidebar context, we generate a darker variant of all components - * $v-background-color: #696969; - * background-color: $v-background-color; - * @include valo-components; - * } - * } - */ -@mixin valo-components { - - @if v-is-included(absolutelayout) { - @include valo-absolutelayout; - } - - @if v-is-included(orderedlayout) or v-is-included(verticallayout) or v-is-included(horizontallayout) { - @include valo-orderedlayout; - } - - @if v-is-included(button) { - @include valo-button; - } - - @if v-is-included(checkbox) or v-is-included(optiongroup) { - @include valo-checkbox; - } - - @if v-is-included(combobox) { - @include valo-combobox; - } - - @if v-is-included(csslayout) { - @include valo-csslayout; - } - - @if v-is-included(customcomponent) { - @include valo-customcomponent; - } - - @if v-is-included(customlayout) { - @include valo-customlayout; - } - - @if v-is-included(form) { - @include valo-form; - } - - @if v-is-included(formlayout) { - @include valo-formlayout; - } - - @if v-is-included(grid) { - @include valo-grid; - } - - @if v-is-included(textfield) { - @include valo-textfield; - } - - @if v-is-included(textarea) { - @include valo-textarea; - } - - @if v-is-included(datefield) { - @include valo-datefield; - @include valo-inline-datefield; - } - - @if v-is-included(gridlayout) { - @include valo-gridlayout; - } - - @if v-is-included(menubar) { - @include valo-menubar; - } - - @if v-is-included(optiongroup) { - @include valo-optiongroup; - } - - @if v-is-included(link) { - @include valo-link; - } - - @if v-is-included(window) { - @include valo-window; - } - - @if v-is-included(tree) { - @include valo-tree; - } - - @if v-is-included(table) or v-is-included(treetable) { - @include valo-table; - } - - @if v-is-included(treetable) { - @include valo-treetable; - } - - @if v-is-included(splitpanel) { - @include valo-splitpanel; - } - - @if v-is-included(progressbar) { - @include valo-progressbar; - } - - @if v-is-included(progressindicator) { - @include valo-progressbar($primary-stylename: v-progressindicator); - } - - @if v-is-included(slider) { - @include valo-slider; - } - - @if v-is-included(tabsheet) { - @include valo-tabsheet; - } - - @if v-is-included(colorpicker) { - @include valo-colorpicker; - } - - @if v-is-included(panel) { - @include valo-panel; - } - - @if v-is-included(accordion) { - @include valo-accordion; - } - - @if v-is-included(twincolselect) { - @include valo-twincolselect; - } - - @if v-is-included(nativeselect) { - @include valo-nativeselect; - } - - @if v-is-included(calendar) { - @include valo-calendar; - } - - @if v-is-included(label) { - @include valo-label; - } - - @if v-is-included(dragwrapper) { - @include valo-dragwrapper; - } - - @if v-is-included(loginform) { - @include valo-loginform; - } - - @if v-is-included(nativebutton) { - @include valo-nativebutton; - } - - @if v-is-included(nativeselect) { - @include valo-nativeselect; - } - - @if v-is-included(popupview) { - @include valo-popupview; - } - - @if v-is-included(richtextarea) { - @include valo-richtextarea; - } - - @if v-is-included(upload) { - @include valo-upload; - } - - @if v-is-included(notification) { - @include valo-notification; - } - - @if v-is-included(valo-menu) { - @include valo-menu; - } - -} diff --git a/WebContent/VAADIN/themes/valo/components/_button.scss b/WebContent/VAADIN/themes/valo/components/_button.scss deleted file mode 100644 index 3a4bca615d..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_button.scss +++ /dev/null @@ -1,455 +0,0 @@ -/** - * Outputs the selectors and properties for the Button component. - * - * @param {string} $primary-stylename (v-button) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group button - */ -@mixin valo-button ($primary-stylename: v-button, $include-additional-styles: contains($v-included-additional-styles, button)) { - .#{$primary-stylename} { - @include valo-button-static-style; - @include valo-button-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-primary { - @include valo-button-style($background-color: $v-selection-color); - $padding-width: round($v-unit-size/2); - padding: 0 $padding-width; - font-weight: bold; - $min-width: round($v-unit-size * 2.2); - min-width: $min-width; - - // IE8 + border-box + min-width == fail - .v-ie8 & { - min-width: $min-width - ($padding-width * 2); - } - } - - .#{$primary-stylename}-friendly { - @include valo-button-style($background-color: $v-friendly-color); - } - - .#{$primary-stylename}-danger { - @include valo-button-style($background-color: $v-error-indicator-color); - } - - .#{$primary-stylename}-borderless { - @include valo-button-borderless-style; - } - - .#{$primary-stylename}-borderless-colored { - @include valo-button-borderless-style($font-color: $v-selection-color); - } - - .#{$primary-stylename}-quiet { - @include valo-button-quiet-style; - } - - .#{$primary-stylename}-link { - @include valo-button-borderless-style; - @include valo-link-style; - } - - .#{$primary-stylename}-tiny { - @include valo-button-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--tiny, $font-weight: null); - } - - .#{$primary-stylename}-small { - @include valo-button-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--small, $font-weight: null); - } - - .#{$primary-stylename}-large { - @include valo-button-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--large, $font-weight: null); - } - - .#{$primary-stylename}-huge { - @include valo-button-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--huge, $font-weight: null); - } - - .#{$primary-stylename}-icon-align-right { - @include valo-button-icon-align-right-style; - } - - .#{$primary-stylename}-icon-align-top { - @include valo-button-icon-align-top-style; - } - - .#{$primary-stylename}-icon-only { - width: $v-unit-size; - padding: 0; - - &.#{$primary-stylename}-tiny { - width: $v-unit-size--tiny; - } - - &.#{$primary-stylename}-small { - width: $v-unit-size--small; - } - - &.#{$primary-stylename}-large { - width: $v-unit-size--large; - } - - &.#{$primary-stylename}-huge { - width: $v-unit-size--huge; - } - - .#{$primary-stylename}-caption { - display: none; - } - } - } -} - - -/** - * Outputs the static styles (i.e. styles which don't differ between button variants) for a button. - * - * @param {list} $states (normal hover focus active disabled) - The button states for which to output corresponding static styles - * @param {bool} $vertical-centering (true) - Should the output contain a vertical centering guide - * - * @group button - */ -@mixin valo-button-static-style ($states: (normal, hover, focus, active, disabled), $vertical-centering: true) { - @if contains($states, normal) { - position: relative; - text-align: center; - white-space: nowrap; - outline: none; - @include valo-tappable; - @if $vertical-centering { - @include valo-button-vertical-centering; - } - } - - @if contains($states, hover) or contains($states, focus) or contains($states, active) { - // Generated element for :hover, :focus and :active styles - &:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - @if $v-animations-enabled { - @include transition(box-shadow 180ms, border 180ms); - } - } - } - - @if contains($states, focus) { - &:focus:after { - @if $v-animations-enabled { - @include transition(none); - } - } - } - - @if contains($states, disabled) { - &.v-disabled { - @include opacity($v-disabled-opacity); - - &:after { - display: none; - } - } - } -} - - -/** - * Outputs the styles for a button variant. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its height - * @param {size | list} $padding (null) - The padding of the button. Computed from other parameters by default. - * @param {color} $font-color (null) - The font color of the button. Computed from the $background-color by default. - * @param {number} $font-weight ($v-font-weight + 100) - The font weight of the button - * @param {size} $font-size (null) - The font size of the button. Inherited from the parent by default. - * @param {string} $cursor (null) - The mouse cursor of the button - * @param {color} $background-color ($v-background-color) - The background color of the button - * @param {list} $border ($v-border) - The border of the button - * @param {size} $border-radius ($v-border-radius) - The border-radius of the button - * @param {list} $gradient ($v-gradient) - Valo specific gradient value. See the documentation for $v-gradient. - * @param {list} $bevel ($v-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-shadow) - Box-shadow value according to $v-shadow documentation - * @param {list} $states (normal hover focus active disabled) - The button states for which to output corresponding styles - * - * @group button - */ -@mixin valo-button-style ( - $unit-size : $v-unit-size, - $padding : null, - - $font-color : null, - $font-weight : $v-font-weight + 100, - $font-size : null, // Inherited by default - $cursor : null, - - $background-color : $v-background-color, - $border : $v-border, - $border-radius : $v-border-radius, - - $gradient : $v-gradient, - $bevel : $v-bevel, - $shadow : $v-shadow, - - $states : (normal, hover, focus, active, disabled) -) { - - @if contains($states, focus) or contains($states, active) { - $border-width: first-number($border); - &:after { - border: inherit; - top: -$border-width; - right: -$border-width; - bottom: -$border-width; - left: -$border-width; - } - } - - @if contains($states, normal) { - @if $unit-size { - height: $unit-size; - @if type-of($padding) == number or type-of($padding) == list { - padding: $padding; - } @else { - padding: 0 round($unit-size/2.4) + round($border-radius/3); - } - } - - $_font-color: $font-color or valo-font-color($background-color, 0.9); - color: $_font-color; - font-weight: $font-weight; - font-size: $font-size; - cursor: $cursor; - - border-radius: $border-radius; - - @if type-of($background-color) == color { - @include valo-border-with-gradient($border: $border, $color: darkest-color($background-color, $v-background-color), $gradient: $gradient); - @include valo-gradient($background-color, $gradient); - @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient)); - } - - @if $bevel and type-of($_font-color) == color and type-of($background-color) == color { - text-shadow: valo-text-shadow($_font-color, $background-color); - } - - @if $bevel == none and $shadow == none { - @include box-shadow(none); - } - } - - @if $background-color { - @if contains($states, hover) { - &:hover:after { - @include valo-button-hover-style($background-color); - } - } - - @if contains($states, focus) { - &:focus:after { - @include valo-button-focus-style($background-color); - } - } - - @if contains($states, active) { - &:active:after { - @include valo-button-active-style($background-color); - } - } - } -} - - -/** - * Outputs the hover state styles for a button. The styles are by default targeted - * for a pseudo element which is shown on top of the normal state button. - * - * @group button - * - * @param {color} $background-color ($v-background-color) - The background color of the normal state button - */ -@mixin valo-button-hover-style ($background-color: $v-background-color) { - $bg: darken($background-color, 25%); - @if is-dark-color($background-color) { - $bg: lighten($background-color, 15%); - } - background-color: rgba($bg, .1); -} - - -/** - * Outputs the focus state styles for a button. The styles are by default targeted - * for a pseudo element which is shown on top of the normal state button. - * - * @group button - * - * @param {color} $background-color ($v-background-color) - The background color of the normal state button - * @param {list} $border-fallback (inherit) - If the luminance of $v-focus-color is less than the $background-color, the focus color is also used for the border color. If not, then $border-fallback is used for the focus element's border value. - */ -@mixin valo-button-focus-style ($background-color: $v-background-color, $border-fallback: inherit) { - $focus-color: $v-focus-color; - - @if color-luminance($focus-color) + 50 < color-luminance($background-color) { - border-color: $focus-color; - } @else if $border-fallback != none { - border: $border-fallback or valo-border($color: $background-color); - } - - @include valo-focus-style; -} - - -/** - * Outputs the active state (pressed/down) styles for a button. The styles are by default targeted - * for a pseudo element which is shown on top of the normal state button. - * - * @group button - * - * @param {color} $background-color ($v-background-color) - The background color of the normal state button - */ -@mixin valo-button-active-style ($background-color: $v-background-color) { - $bg: scale-color($background-color, $lightness: -50%, $saturation: saturation($background-color)); - background-color: rgba($bg, .2); -} - - -/** - * Outputs styles to allow vertical centering of the icon and the caption, independent of the - * height of the button. - * - * @group button - */ -@mixin valo-button-vertical-centering { - @include valo-vertical-align-guide($to-align: div, $pseudo-element: before); - - // WebKit handles line-heights and vertical-alignments somewhat differently, so we need to adjust - .v-sa &:before { - height: 110%; - } - - // Firefox needs a bit of adjusting as well - .v-ff &:before { - height: 107%; - } - - // ...and so does IE. Who knew? - .v-ie &:before { - margin-top: 4px; - } -} - - -/** - * Output styles for a borderless button. Expects that the targeted element - * already has both valo-button-static-style and valo-button-style included. - * - * @param {color} $font-color (inherit) - The font color of the borderless button - * - * @group button - */ -@mixin valo-button-borderless-style ($font-color: inherit) { - border: none; - @include box-shadow(none); - background: transparent; - color: $font-color; - - &:hover { - &:after { - background: transparent; - } - - @if type-of($font-color) == color { - color: lighten($font-color, 10%); - } - } - - &:active { - @include opacity(.7); - - &:after { - background: transparent; - } - } -} - - -/** - * Output styles for a "quiet" button (a button whose outline is only shown - * once the user hovers over the button caption). Expects that the targeted - * element already has both valo-button-static-style and valo-button-style - * included. - * - * @group button - */ -@mixin valo-button-quiet-style { - visibility: hidden; - - &:focus, - &:hover { - visibility: visible; - } - - [class*="wrap"] { - visibility: visible; - } - - [class*="caption"] { - // For IE8 - display: inline-block; - } -} - - -/** - * Output styles to align a button's icon on the right side of its caption. - * - * @group button - */ -@mixin valo-button-icon-align-right-style { - [class*="wrap"] { - display: inline-block; - } - - .v-icon { - float: right; - $padding-width: ceil($v-unit-size/2.4); - margin-left: $padding-width + ceil($padding-width/-5); - - + span:not(:empty) { - margin-left: 0; - } - } -} - - -/** - * Output styles to align a button's icon on top of its caption. - * - * @group button - */ -@mixin valo-button-icon-align-top-style { - height: auto; - padding-top: ceil($v-unit-size/9); - padding-bottom: ceil($v-unit-size/9); - - [class*="wrap"] { - display: inline-block; - } - - .v-icon { - display: block; - margin-left: auto; - margin-right: auto; - - + span:not(:empty) { - margin-top: ceil($v-unit-size/6); - margin-left: 0; - } - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_calendar.scss b/WebContent/VAADIN/themes/valo/components/_calendar.scss deleted file mode 100644 index bf1dc1c3dc..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_calendar.scss +++ /dev/null @@ -1,571 +0,0 @@ -/** - * A list of colors for custom event colors. Can be an empty list of you don't - * need any custom event colors. - * - * @example javascript - * // Java code - * // 'event' is an instance of EditableCalendarEvent - * event.setStyleName("color1"); // 1st color in the list - * event.setStyleName("color2"); // 2nd color in the list - * // etc. - * - * @group calendar - */ -$v-calendar-event-colors: #00ace0, #2d9f19, #d18100, #ce3812, #2d55cd !default; - - -/** - * Outputs the global selectors and properties for the Calendar component - styles which are - * considered mandatory for the component to work properly. - * - * @param {string} $primary-stylename (v-calendar) - the primary style name for the selectors - * - * @group calendar - */ -@mixin valo-calendar-global ($primary-stylename: v-calendar) { - .#{$primary-stylename}-month-day-scrollable { - overflow-y: scroll; - } - - .#{$primary-stylename}-week-wrapper { - position: relative; - overflow: hidden; - } - - .#{$primary-stylename}-current-time { - position: absolute; - left: 0; - width: 100%; - height: 1px; - background: red; - z-index: 2; - } - - .#{$primary-stylename}-event-resizetop, - .#{$primary-stylename}-event-resizebottom { - position: absolute; - height: 5%; - min-height: 3px; - width: 100%; - z-index: 1; - } - - .#{$primary-stylename}-event-resizetop { - cursor: row-resize; - top: 0; - } - - .#{$primary-stylename}-event-resizebottom { - cursor: row-resize; - bottom: 0; - } - - - // What a truckload of magic numbers! - // TODO Try to find out what these actually do, and how to make them dissappear - - .#{$primary-stylename}-header-month td:first-child { - padding-left: 20px; - // Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - .#{$primary-stylename}-week-numbers border - } - - .#{$primary-stylename}-week-numbers { - //border-right: 1px solid; - } - - .#{$primary-stylename}-month-sizedheight .#{$primary-stylename}-month-day { - height: 100px; - } - - .#{$primary-stylename}-month-sizedwidth .#{$primary-stylename}-month-day { - width: 100px; - } - - .#{$primary-stylename}-header-month-Hsized .#{$primary-stylename}-header-day { - width: 101px; - } - - .#{$primary-stylename}-header-month-Hsized td:first-child { - padding-left: 21px; - } - - .#{$primary-stylename}-header-day-Hsized { - width: 200px; - } - - .#{$primary-stylename}-week-numbers-Vsized .#{$primary-stylename}-week-number { - height: 100px; - line-height: 100px; - } - - .#{$primary-stylename}-week-wrapper-Vsized { - height: 400px; - overflow-x: hidden !important; - } - - .#{$primary-stylename}-times-Vsized .#{$primary-stylename}-time { - height: 38px; - } - - .#{$primary-stylename}-times-Hsized .#{$primary-stylename}-time { - width: 42px; - } - - .#{$primary-stylename}-day-times-Vsized .v-datecellslot, - .#{$primary-stylename}-day-times-Vsized .v-datecellslot-even { - height: 18px; - } - - .#{$primary-stylename}-day-times-Hsized, - .#{$primary-stylename}-day-times-Hsized .v-datecellslot, - .#{$primary-stylename}-day-times-Hsized .v-datecellslot-even { - width: 200px; - } -} - - -/** - * Outputs the selectors and properties for the Calendar component. - * - * @param {string} $primary-stylename (v-calendar) - the primary style name for the selectors - * - * @group calendar - */ -@mixin valo-calendar ($primary-stylename: v-calendar) { - - - .#{$primary-stylename}-header-day { - font-weight: $v-font-weight + 100; - text-align: center; - padding: round($v-unit-size/5) 0; - } - - // Prev/next week buttons - .#{$primary-stylename}-header-week .#{$primary-stylename}-back, - .#{$primary-stylename}-header-week .#{$primary-stylename}-next { - @include appearance(none); - background: transparent; - border: none; - padding: 0; - margin: 0; - cursor: pointer; - outline: none; - color: inherit; - @include opacity(.5); - - &:focus { - outline: none; - } - - &:hover { - @include opacity(1); - } - - &:active { - @include opacity(.5); - } - } - - .#{$primary-stylename}-header-week .#{$primary-stylename}-back { - @include valo-calendar-prev-style; - } - - .#{$primary-stylename}-header-week .#{$primary-stylename}-next { - @include valo-calendar-next-style; - } - - - - - - - - - // Month grid - - .#{$primary-stylename}-month { - outline: none; - overflow: hidden; - - td { - vertical-align: top; - } - } - - .#{$primary-stylename}-week-number { - cursor: pointer; - width: 20px; // Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - text-align: center; - font-size: 0.8em; - @include opacity(.5); - - &:hover { - @include opacity(1); - } - } - - .#{$primary-stylename}-month-day { - outline: none; - @include box-sizing(border-box); - line-height: 1.2; - } - - .#{$primary-stylename}-month tr:not(:first-child) .#{$primary-stylename}-month-day { - //width: auto !important; - } - - .#{$primary-stylename}-bottom-spacer, - .#{$primary-stylename}-spacer, - .#{$primary-stylename}-bottom-spacer-empty { - height: round($v-font-size * 1.2); - margin-bottom: round($v-unit-size/12); - } - - .#{$primary-stylename}-bottom-spacer { - font-size: 0.8em; - padding: 0 round($v-unit-size/8); - cursor: pointer; - - &:hover { - color: $v-focus-color; - } - } - - .#{$primary-stylename}-day-number { - line-height: round($v-unit-size/1.5); - font-size: $v-font-size; - text-align: right; - margin: 0 round($v-unit-size/8); - white-space: nowrap; - border-top: 1px solid darken($v-background-color, 3%); - cursor: pointer; - - &:hover { - color: $v-focus-color; - } - } - - .#{$primary-stylename}-month-day-today { - background: blend-normal(rgba($v-focus-color, .05), $v-background-color); - - .#{$primary-stylename}-day-number { - font-weight: $v-font-weight + 100; - color: $v-focus-color; - border-top: 2px solid $v-focus-color; - line-height: round($v-unit-size/1.5) - 1px; - margin: 0; - padding: 0 round($v-unit-size/8); - } - } - - .#{$primary-stylename}-month-day-selected { - background-color: blend-normal(rgba($v-selection-color, .1), $v-background-color); - } - - .#{$primary-stylename}-month-day-dragemphasis { - background-color: #a8a8a8; - } - - .#{$primary-stylename}-month-day-scrollable { - overflow-y: scroll; - } - - - - - - - - - - - - // Week/day view - - $_times-column-width: 50px; // Seems to be a fixed number - - .#{$primary-stylename}-weekly-longevents { - margin-left: $_times-column-width; // Seems to be a fixed number - border-bottom: round($v-unit-size/12) solid darken($v-background-color, 10%); - - .#{$primary-stylename}-event-all-day { - height: round($v-font-size * 0.85 * 1.6); - line-height: 1.6; - margin-bottom: round($v-unit-size/12); - } - } - - .#{$primary-stylename}-header-week td { - vertical-align: middle !important; - } - - .#{$primary-stylename}-header-week .#{$primary-stylename}-header-day { - cursor: pointer; - } - - .#{$primary-stylename}-times { - width: $_times-column-width; - font-size: 0.77em; - line-height: 1; - white-space: nowrap; - } - - .#{$primary-stylename}-time { - text-align: right; - padding-right: round($v-unit-size/4); - margin-top: round($v-font-size*0.8/-2); - padding-bottom: round($v-font-size*0.8/2); - } - - .#{$primary-stylename}-day-times, - .#{$primary-stylename}-day-times-today { - outline: none; - border-right: 1px solid transparent; - - &:focus { - outline: none; - } - } - - $valo-calendar-time-divider-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - - .#{$primary-stylename} .v-datecellslot, - .#{$primary-stylename} .v-datecellslot-even { - border-top: 1px solid $valo-calendar-time-divider-color; - - &:first-child { - border-top-color: transparent; - } - } - - .#{$primary-stylename} .v-datecellslot { - border-top-style: dotted; - } - - .#{$primary-stylename} .v-datecellslot, - .#{$primary-stylename} .v-datecellslot-even { - margin-right: round($v-unit-size/8); - } - - .#{$primary-stylename}-current-time { - background: $v-focus-color; - line-height: 1px; - pointer-events: none; - @include opacity(.5); - - &:before { - content: "\2022"; - color: $v-focus-color; - font-size: 22px; - margin-left: -0.07em; - } - } - - .#{$primary-stylename} .v-daterange { - position: relative; - - &:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: -1px; - left: 0; - background: $v-selection-color; - @include opacity(.5); - @if $v-border-radius > 0 { - border-radius: $v-border-radius $v-border-radius 0 0; - } - } - - + .v-daterange { - border-color: transparent; - - &:before { - @if $v-border-radius > 0 { - border-radius: 0; - } - } - } - } - - - - - // Event styles - - .#{$primary-stylename}-event { - font-size: 0.85em; - overflow: hidden; - cursor: pointer; - outline: none; - border-radius: $v-border-radius; - - &:focus { - outline: none; - } - } - - .#{$primary-stylename}-event-month { - padding: 0 round($v-unit-size/8); - @include box-sizing(border-box); - margin-bottom: round($v-unit-size/12); - white-space: nowrap; - text-overflow: ellipsis; - height: round($v-font-size * 1.2); - line-height: round($v-font-size * 1.2); - - .#{$primary-stylename}-event-time { - float: right; - font-size: 0.9em; - line-height: round($v-font-size * 1.2); - @include opacity(.5); - } - - &:before { - content: "\25cf"; - margin-right: .2em; - } - } - - .#{$primary-stylename}-event-all-day { - padding: 0 round($v-unit-size/8); - @include box-sizing(border-box); - height: round($v-font-size * 1.2); - line-height: round($v-font-size * 1.2); - border-radius: 0; - margin-left: -1px; - white-space: nowrap; - - &:before { - content: ""; - } - } - - .#{$primary-stylename}-event-start { - overflow: visible; - margin-left: 0; - - &.#{$primary-stylename}-event-continued-to, - &.#{$primary-stylename}-event-end { - overflow: hidden; - text-overflow: ellipsis; - } - } - - @if $v-border-radius > 0 { - .#{$primary-stylename}-event-start { - border-top-left-radius: $v-border-radius; - border-bottom-left-radius: $v-border-radius; - margin-left: round($v-unit-size/8); - } - .#{$primary-stylename}-event-end { - border-top-right-radius: $v-border-radius; - border-bottom-right-radius: $v-border-radius; - margin-right: round($v-unit-size/8); - } - } - - .#{$primary-stylename}-event-caption { - font-weight: $v-font-weight + 200; - line-height: 1.2; - padding: round($v-unit-size/8) 0; - position: absolute; - overflow: hidden; - right: round($v-unit-size/4); - left: round($v-unit-size/8); - bottom: 0; - top: 0; - - span { - font-weight: $v-font-weight; - white-space: nowrap; - } - } - - .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event { - overflow: visible; - - // Event is being dragged - &[style*=" left:"] .#{$primary-stylename}-event-content { - } - } - - .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event-caption { - - } - - .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event-content { - margin-top: -1px; - border-radius: $v-border-radius + 1px; - border: 1px solid $v-app-background-color; - padding-top: 3px; - margin-right: round($v-unit-size/8); - } - - - - - - - - // Custom event colors - - @for $i from 1 through length($v-calendar-event-colors) { - $color: nth($v-calendar-event-colors, $i); - $bg: blend-normal(rgba($color, .2), $v-background-color); - - // First color is considered the default color (and stylename 'color1' will equal to that) - $stylename: if($i == 1, '', '[class*="color#{$i}"]'); - - .#{$primary-stylename}-event-month#{$stylename}:before { - color: $color; - } - - .#{$primary-stylename}-event-all-day#{$stylename} { - background-color: $bg; - background-color: rgba($bg, .8); - color: $color; - } - - .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event#{$stylename} { - color: $color; - - .#{$primary-stylename}-event-content { - background-color: $bg; - background-color: rgba($bg, .8); - } - } - } - - - - .#{$primary-stylename}.v-disabled * { - cursor: default; - } - -} - - -/** - * Outputs the styles for the previous button. - * - * @group calendar - */ -@mixin valo-calendar-prev-style { - &:before { - @include valo-tabsheet-scroller-prev-icon-style; - } -} - - -/** - * Outputs the styles for the next button. - * - * @group calendar - */ -@mixin valo-calendar-next-style { - &:before { - @include valo-tabsheet-scroller-next-icon-style; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_checkbox.scss b/WebContent/VAADIN/themes/valo/components/_checkbox.scss deleted file mode 100644 index 569a414734..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_checkbox.scss +++ /dev/null @@ -1,167 +0,0 @@ -/** - * Outputs the selectors and properties for the CheckBox component. - * - * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group checkbox - */ -@mixin valo-checkbox ($primary-stylename: v-checkbox, $include-additional-styles: contains($v-included-additional-styles, checkbox)) { - - .#{$primary-stylename} { - @include valo-checkbox-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-small { - @include valo-checkbox-style($unit-size: $v-unit-size--small); - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-checkbox-style($unit-size: $v-unit-size--large); - font-size: $v-font-size--large; - } - } - -} - - -/** - * Outputs the font icon to indicate the checked state. - * - * @group checkbox - */ -@mixin valo-checkbox-icon-style { - content: "\f00c"; - font-family: ThemeIcons; -} - - -/** - * Outputs the styles for a checkbox variant. - * - * @param {color} $background-color ($v-background-color) - The background color of the checkbox - * @param {size} $unit-size ($v-unit-size) - The sizing of the checkbox. The width and height of the checkbox will be the unit-size divided by 2. - * @param {color} $selection-color ($v-selection-color) - The color of the checked state icon - * - * @group checkbox - */ -@mixin valo-checkbox-style ($background-color: $v-background-color, $unit-size: $v-unit-size, $selection-color: $v-selection-color) { - - // So that we can use the same 'unit-size' for all component sizes - $size: $unit-size/2; - - position: relative; - line-height: round($size); - white-space: nowrap; - - &.v-has-width label { - white-space: normal; - } - - :root & { - padding-left: round($size*1.33); - - label { - @include valo-tappable; - display: inline-block; - } - } - - :root & > input { - position: absolute; - clip: rect(0,0,0,0); - left: .2em; - top: .2em; - z-index: 0; - margin: 0; - - &:focus ~ label:before { - @include valo-button-focus-style($background-color: $background-color, $border-fallback: null); - @include box-shadow(valo-bevel-and-shadow($background-color: $background-color, $bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient, $include-focus: true)); - } - - & ~ label:before, - & ~ label:after { - content: ""; - display: inline-block; - @include box-sizing(border-box); - width: round($size); - height: round($size); - position: absolute; - top: 0; - left: 0; - border-radius: min(round($size/3), $v-border-radius); - font-size: round($v-font-size * 0.8 * ($size*2/$v-unit-size)); - text-align: center; - } - - & ~ label:before { - @include valo-button-style($background-color: $background-color, $unit-size: $size, $border-radius: min(round($size/3), $v-border-radius), $states: normal); - padding: 0; - height: round($size); - } - - & ~ label:after { - @include valo-checkbox-icon-style; - color: transparent; - @if $v-animations-enabled { - @include transition(color 100ms); - } - } - - &:active ~ label:after { - @include valo-button-active-style($background-color: $background-color); - } - - &:checked ~ label:after { - color: $selection-color; - } - } - - & > .v-icon, - & > label .v-icon { - margin: 0 round($size/3) 0 round($size/6); - min-width: 1em; - cursor: pointer; - } - - &.v-disabled { - > label, - > .v-icon { - cursor: default; - @include opacity($v-disabled-opacity); - } - - > label > .v-icon { - cursor: default; - } - - :root & > input:active ~ label:after { - background: transparent; - } - } - - &.v-readonly { - > label, - > .v-icon { - cursor: default; - } - - > label > .v-icon { - cursor: default; - } - - :root & > input:active ~ label:after { - background: transparent; - } - - :root & > input ~ label:after { - @include opacity($v-disabled-opacity); - } - } - - -} diff --git a/WebContent/VAADIN/themes/valo/components/_colorpicker.scss b/WebContent/VAADIN/themes/valo/components/_colorpicker.scss deleted file mode 100644 index 3f334e893c..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_colorpicker.scss +++ /dev/null @@ -1,236 +0,0 @@ -/** - * Outputs the global selectors and properties for the ColorPicker component - styles which are - * considered mandatory for the component to work properly. - * - * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors - * - * @group colorpicker - */ -@mixin valo-colorpicker-global ($primary-stylename: v-colorpicker) { - $valo-colorpicker-pathPrefix: null; - @if $v-relative-paths == false { - $valo-colorpicker-pathPrefix: "../valo/components/"; - } - - .#{$primary-stylename}-popup.v-window { - min-width: 220px !important; - } - - .#{$primary-stylename}-gradient-container { - overflow: visible !important; - } - - .#{$primary-stylename}-gradient-clicklayer { - @include opacity(0); - } - - .rgb-gradient .#{$primary-stylename}-gradient-background { - background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/gradient2.png); - } - - .hsv-gradient .#{$primary-stylename}-gradient-foreground { - background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/gradient.png); - } - - .#{$primary-stylename}-gradient-higherbox { - &:before { - content: ""; - width: 11px; - height: 11px; - border-radius: 7px; - border: 1px solid #fff; - @include box-shadow(0 0 0 1px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.3)); - position: absolute; - bottom: -6px; - left: -6px; - } - } - - .#{$primary-stylename}-popup .v-slider.v-slider-red:before { - background-color: red; - } - - .#{$primary-stylename}-popup .v-slider.v-slider-green:before { - background-color: green; - } - - .#{$primary-stylename}-popup .v-slider.v-slider-blue:before { - background-color: blue; - } - - .#{$primary-stylename}-popup .v-slider.hue-slider:before { - background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/slider_hue_bg.png); - } - - .#{$primary-stylename}-popup input.v-textfield-dark { - color: #fff; - } - - .#{$primary-stylename}-popup input.v-textfield-light { - color: #000; - } - - // TODO magic numbers - .#{$primary-stylename}-grid { - height: 319px; - } - - .#{$primary-stylename}-popup .colorselect td { - line-height: 15px; - } -} - - -/** - * Outputs the selectors and properties for the ColorPicker component. - * - * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors - * - * @group colorpicker - */ -@mixin valo-colorpicker ($primary-stylename: v-colorpicker) { - - .#{$primary-stylename}-popup.v-window { - min-width: 220px !important; - } - - .#{$primary-stylename}-popup { - .v-tabsheet-tabs { - padding: 0 round($v-unit-size/4); - } - - [class$="sliders"] { - padding: round($v-unit-size/3); - - .v-widget { - width: 100% !important; - vertical-align: middle; - } - - .v-has-caption { - white-space: nowrap; - padding-left: $v-font-size * 3; - } - - .v-caption { - display: inline-block; - margin-left: $v-font-size * -3; - width: $v-font-size * 3; - } - - // Saturation caption needs more space - .v-slot-hue-slider + .v-slot { - .v-has-caption { - padding-left: $v-font-size * 5; - } - - .v-caption { - margin-left: $v-font-size * -5; - width: $v-font-size * 5; - } - } - } - - .v-slider-red .v-slider-base:after { - background: red; - border: none; - @include box-shadow(none); - } - - .v-slider-green .v-slider-base:after { - background: green; - border: none; - @include box-shadow(none); - } - - .v-slider-blue .v-slider-base:after { - background: blue; - border: none; - @include box-shadow(none); - } - - .v-margin-bottom { - padding-bottom: 0; - } - - .resize-button { - width: 100% !important; - height: auto !important; - text-align: center; - outline: none; - - &:before { - font-family: ThemeIcons; - content: "\f141"; - } - } - - .resize-button-caption { - display: none; - } - - .v-horizontallayout { - height: auto !important; - padding: round($v-unit-size/4) 0; - background-color: $v-background-color; - border-top: first-number($v-border) solid scale-color($v-background-color, $lightness: -5%); - - .v-expand { - overflow: visible; - } - - .v-button { - width: 80% !important; - } - } - } - - .#{$primary-stylename}-preview { - width: 100% !important; - height: auto !important; - padding: round($v-unit-size/4); - } - - .#{$primary-stylename}-preview-textfield { - height: auto !important; - text-align: center; - border: none; - } - - .#{$primary-stylename} { - width: auto; - } - - .#{$primary-stylename}-button-color { - position: absolute; - top: round($v-unit-size/6); - right: round($v-unit-size/6); - bottom: round($v-unit-size/6); - left: round($v-unit-size/6); - border-radius: $v-border-radius - 1px; - border: 1px solid hsla(0, 0%, 0%, .5); - max-width: $v-unit-size - round($v-unit-size/3) - 2px; - - + .v-button-caption:not(:empty) { - margin-left: round($v-unit-size/2); - } - - .v-ie8 & { - position: relative; - top: auto; - right: auto; - bottom: auto; - left: auto; - width: $v-font-size; - height: $v-font-size; - display: inline-block; - vertical-align: middle; - margin: 0 round($v-font-size / -2); - - + .v-button-caption { - margin-left: round($v-unit-size/2); - } - } - } - -} diff --git a/WebContent/VAADIN/themes/valo/components/_combobox.scss b/WebContent/VAADIN/themes/valo/components/_combobox.scss deleted file mode 100644 index d240be56b8..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_combobox.scss +++ /dev/null @@ -1,518 +0,0 @@ -/** - * Outputs the selectors and properties for the ComboBox component. - * - * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group combobox - */ -@mixin valo-combobox ($primary-stylename: v-filterselect, $include-additional-styles: contains($v-included-additional-styles, combobox)) { - - .#{$primary-stylename} { - position: relative; - width: $v-default-field-width; - @include valo-combobox-style; - white-space: nowrap; - - .v-icon { - position: absolute; - pointer-events: none; - } - } - - .#{$primary-stylename}-error { - .#{$primary-stylename}-input { - @include valo-textfield-error-style; - } - - .#{$primary-stylename}-button { - color: $v-error-indicator-color; - border-color: $v-error-indicator-color; - } - } - - .#{$primary-stylename}-suggestpopup { - @include valo-combobox-popup-style; - } - - .#{$primary-stylename}-no-input { - @include valo-combobox-no-input-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - .#{$primary-stylename}-input { - @include valo-textfield-borderless-style; - } - .#{$primary-stylename}-button { - border: none; - color: inherit; - @include opacity(.5); - } - &.#{$primary-stylename}-prompt .#{$primary-stylename}-input { - @include valo-textfield-prompt-style(transparent); - } - } - - .#{$primary-stylename}-align-right input { - text-align: right; - } - - .#{$primary-stylename}-align-center input { - text-align: center; - } - - .#{$primary-stylename}-tiny { - @include valo-combobox-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); - font-size: $v-font-size--tiny; - } - - .#{$primary-stylename}-compact, - .#{$primary-stylename}-small { - @include valo-combobox-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); - } - - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-combobox-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-huge { - @include valo-combobox-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); - font-size: $v-font-size--huge; - } - } -} - - -/** - * Outputs the styles for a combobox variant. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the combobox, which corresponds its height - * @param {color} $font-color (null) - The font color of the combobox. Computed from the $background-color by default. - * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the combobox - * @param {size} $font-size (null) - The font size of the combobox. Inherited from the parent by default. - * @param {color} $background-color ($v-textfield-background-color) - The background color of the combobox - * @param {list} $border ($v-textfield-border) - The border of the combobox - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the combobox - * @param {list} $gradient (none) - Valo specific gradient value. See the documentation for $v-gradient. - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {list} $states (normal focus disabled) - The combobox states for which to output corresponding styles - * - * @group combobox - */ -@mixin valo-combobox-style ( - $unit-size: $v-unit-size, - - $font-color: null, - $font-weight: max(400, $v-font-weight), - $font-size: null, - - $background-color: $v-textfield-background-color, - $border: $v-textfield-border, - $border-radius: $v-textfield-border-radius, - - $gradient: none, - $bevel: $v-textfield-bevel, - $shadow: $v-textfield-shadow, - - $states: normal focus disabled - ) { - - height: $unit-size; - border-radius: $border-radius; - - [class*="input"] { - @include valo-combobox-input-style( - $unit-size: $unit-size, - $gradient: $gradient, - $bevel: $bevel, - $shadow: $shadow, - $border: $border, - $border-radius: $border-radius, - $background-color: $background-color, - $font-color: $font-color, - $font-size: $font-size, - $font-weight: $font-weight, - $states: $states); - } - - .v-icon + [class*="input"] { - padding-left: $unit-size; - } - - img.v-icon { - $padding-width: ceil($unit-size/6); - max-height: $unit-size; - @if $border-radius { - $padding-width: $padding-width + ceil($border-radius/3); - } - margin-left: $padding-width; - } - - span.v-icon { - color: valo-font-color($background-color); - width: $unit-size; - line-height: 1; - padding-top: .12em; - } - - &[class*="prompt"] > [class*="input"] { - @include valo-textfield-prompt-style($background-color); - } - - [class$="button"] { - @include valo-combobox-button-style($unit-size: $unit-size, $bevel: $bevel, $background-color: $background-color, $border-radius: $border-radius, $border: $border); - } - - &.v-disabled { - @include opacity($v-textfield-disabled-opacity); - & [class$="button"] { - cursor: default; - pointer-events: none; - &:active:after { - display: none; - } - } - } - - &.v-readonly { - [class*="input"] { - @include valo-textfield-readonly-style; - } - - [class$="button"] { - cursor: default; - pointer-events: none; - &:active:after { - display: none; - } - } - } -} - - -/** - * Outputs the styles for a combobox variant input element. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the input (affects the padding only, width and height are 100%) - * @param {size | list} $padding (null) - The padding of the input. Computed from other parameters by default. - * @param {color} $font-color (null) - The font color of the input. Computed from the $background-color by default. - * @param {number} $font-weight (null) - The font weight of the input. Inherited from the parent by default. - * @param {size} $font-size (null) - The font size of the combobox. Inherited from the parent by default. - * @param {color} $background-color ($v-textfield-background-color) - The background color of the input - * @param {list} $border ($v-textfield-border) - The border of the input - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input - * @param {list} $gradient (none) - Valo specific gradient value. See the documentation for $v-gradient. - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {list} $states (normal focus disabled) - The combobox states for which to output corresponding styles - * - * @group combobox - */ -@mixin valo-combobox-input-style ( - $unit-size: $v-unit-size, - $padding: null, - - $font-color: null, - $font-weight: null, - $font-size: null, - - $background-color: $v-textfield-background-color, - $border: $v-textfield-border, - $border-radius: $v-textfield-border-radius, - - $gradient: none, - $bevel: $v-bevel, - $shadow: $v-shadow, - - $states: normal focus disabled -) { - @include box-sizing(border-box); - @include valo-textfield-style($unit-size: $unit-size, - $padding: $padding, - $font-color: $font-color, - $font-weight: $font-weight, - $font-size: $font-size, - $background-color: $background-color, - $border: $border, - $border-radius: $border-radius, - $gradient: $gradient, - $bevel: $bevel, - $shadow: $shadow, - $states: $states); - width: 100% !important; // Need to override calculated inline style which is sometimes added - height: 100%; - padding-right: round($unit-size * 1) + 1; - border-radius: inherit; -} - - -/** - * Outputs the styles for a combobox variant button element. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its width. - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {color} $background-color ($v-textfield-background-color) - The background color of the input, which affects the font color of the button - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input, which affects the border-radius of the button - * @param {list} $border ($v-textfield-border) - The border of the input, which affects the border of the button - * - * @group combobox - */ -@mixin valo-combobox-button-style ($unit-size: $v-unit-size, $bevel: $v-bevel, $background-color: $v-textfield-background-color, $border-radius: $v-border-radius, $border: $v-textfield-border) { - $border-width: first-number($border) or 0; - @include valo-tappable; - position: absolute; - width: $unit-size; - - @if $border and $border != none { - top: $border-width; - right: $border-width; - bottom: $border-width; - } - - @if type-of($background-color) == color { - @if $border { - border-left: valo-border($color: $background-color, $border: $v-textfield-border, $strength: 0.5); - } - color: mix($background-color, valo-font-color($background-color)); - - .v-ie8 & { - background-color: $background-color; - } - } - - @if $v-border-radius > 0 { - $br: $v-border-radius - $border-width; - border-radius: 0 $br $br 0; - } - - &:before { - @include valo-combobox-button-icon-style; - - @if $v-animations-enabled { - @include transition(color 140ms); - } - position: absolute; - width: $unit-size; - text-align: center; - top: 50%; - line-height: 1; - margin-top: -.47em; - } - - @if $v-hover-styles-enabled and type-of($background-color) == color { - &:hover:before { - color: valo-font-color($background-color); - } - } - - &:active:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - @if type-of($background-color) == color { - @include valo-button-active-style($background-color); - } - } -} - - -/** - * Outputs the font icon styles for the combobox drop down button. - * - * @group combobox - */ -@mixin valo-combobox-button-icon-style { - font-family: ThemeIcons; - content: "\f078"; -} - - -/** - * Outputs the styles for a combobox popup. - * - * @group combobox - */ -@mixin valo-combobox-popup-style { - - @if $v-animations-enabled { - @if $v-overlay-animate-in { - &[class*="animate-in"] { - @include animation($v-overlay-animate-in); - } - } - // No animate-out since that will currently prevent the dropdown from - // closing when the user selects an item - } - - [class$="suggestmenu"] { - @include valo-selection-overlay-style($animate-in: false, $animate-out: false); - @include box-sizing(border-box); - position: relative; - z-index: 1; - - &[style*="height"] { - @include box-sizing(content-box); - } - } - - margin-top: ceil($v-unit-size/8) !important; - - table, - tbody, - tr, - td { - display: block; - } - - .gwt-MenuItem { - @include valo-selection-item-style; - } - - .gwt-MenuItem-selected { - @include valo-selection-item-selected-style; - } - - [class$="status"] { - position: absolute; - right: $v-border-radius; - $bg: scale-color($v-background-color, $lightness: -15%); - background: transparentize($bg, .1); - color: valo-font-color($bg); - border-radius: 0 0 $v-border-radius $v-border-radius; - height: ceil($v-unit-size*0.6); - bottom: -(ceil($v-unit-size*0.6)); - font-size: ceil($v-font-size*0.73); - line-height: ceil($v-unit-size*0.6); - padding: 0 ceil($v-unit-size/7); - cursor: default; - pointer-events: none; - - @if $v-animations-enabled { - @include animation(valo-animate-in-slide-down 200ms 80ms backwards); - } - - > * { - color: valo-font-color($bg); - text-decoration: none; - } - } - - div[class*="page"] { - position: absolute; - z-index: 3; - right: 0; - @include opacity(.2); - cursor: pointer; - @include transition( all 200ms ); - width: ceil($v-unit-size/1.5); - height: ceil($v-unit-size/1.5); - line-height: ceil($v-unit-size/1.5); - text-align: center; - font-family: ThemeIcons; - @include transform( scale(.8) ); - - color: valo-font-color($v-background-color); - - &:after { - // Extend click target when hovering over (popup width might change between pages) - content: ""; - position: absolute; - display: block; - border-radius: 50%; - } - - &:hover { - @include opacity(1); - background: rgba($v-background-color, .5); - - &:after { - top: -10px; - bottom: -10px; - left: -20px; - right: -20px; - } - } - - span { - // Hide text - display: none; - } - } - - &:hover div[class*="page"] { - @include transform( scale(1) ); - } - - div[class*="prev"] { - top: 0; - @include transform-origin( 100% 0% ); - border-radius: 0 $v-border-radius 0 $v-border-radius; - &:before { - content: "\f0d8"; - } - - } - - div[class*="next"] { - bottom: 0; - @include transform-origin( 100% 100% ); - border-radius: $v-border-radius 0 $v-border-radius 0; - &:before { - content: "\f0d7"; - } - } - - div[class*="-off"] { - display: none; - } -} - -/** - * - * - * - * @group combobox - */ -@mixin valo-combobox-no-input-style { - cursor: pointer; - text-shadow: valo-text-shadow(); - - @if $v-border-radius != $v-textfield-border-radius { - border-radius: $v-border-radius; - } - - [class*="input"] { - @include user-select(none); - @include valo-gradient; - cursor: inherit; - @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient)); - @include valo-border-with-gradient($border: $v-border, $color: $v-background-color, $gradient: $v-gradient); - text-shadow: inherit; - text-overflow: ellipsis; - border-radius: inherit; - - &:focus { - @include valo-textfield-focus-style($bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient, $background-color: $v-background-color); - } - } - - [class$="button"] { - border-left: none !important; - } - - &:hover [class$="button"]:before { - color: inherit; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_csslayout.scss b/WebContent/VAADIN/themes/valo/components/_csslayout.scss deleted file mode 100644 index c06d3c2441..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_csslayout.scss +++ /dev/null @@ -1,103 +0,0 @@ -/** - * The amount of spacing between different widgets in a component group. - * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0) - * - * @group csslayout - */ -$v-component-group-spacing: null !default; - - -/** - * Outputs the additional styles for the CssLayout component. Does not produce any other output. - * - * @param {string} $primary-stylename (v-csslayout) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group csslayout - */ -@mixin valo-csslayout ($primary-stylename: v-csslayout, $include-additional-styles: contains($v-included-additional-styles, csslayout)){ - @if $include-additional-styles { - .#{$primary-stylename}-well { - @include valo-panel-well-style; - @include valo-panel-adjust-content-margins; - } - - .#{$primary-stylename}-card { - @include valo-panel-style; - @include valo-panel-adjust-content-margins; - } - - .#{$primary-stylename}-v-component-group { - @include valo-component-group; - } - } -} - - -/** - * Outputs the styles for a horizontal component group. The target component is - * expected to be a CssLayout, which is a single DIV element with child components - * directly inside. - * - * @group csslayout - * - * @example scss - * .my-csslayout { - * @include valo-component-group; - * } - */ -@mixin valo-component-group { - white-space: nowrap; - position: relative; - - @if $v-border-radius > 0 { - .v-widget ~ .v-widget:not(:last-child) { - border-radius: 0; - } - - .v-widget:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .v-widget:first-child, - .v-caption:first-child + .v-widget { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .v-widget ~ .v-widget.first.first { - border-radius: $v-border-radius 0 0 $v-border-radius; - } - - .v-widget ~ .v-widget.last.last { - border-radius: 0 $v-border-radius $v-border-radius 0; - } - } - - // Assume most components have borders. - // This is just a best-guess, will need fine-tuning if border-widths vary from widget-to-widget - .v-widget { - vertical-align: middle; - - $v-border-width: first-number($v-border); - - @if $v-border-width > 0 { - margin-left: $v-component-group-spacing or -$v-border-width; - } @else { - margin-left: $v-component-group-spacing or 1px; - } - - &:first-child { - margin-left: 0; - } - - // Focused component should be on top - &:focus, - &[class*="focus"], - [class*="focus"] { - position: relative; - z-index: 5; - } - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_customcomponent.scss b/WebContent/VAADIN/themes/valo/components/_customcomponent.scss deleted file mode 100644 index e9d94b7274..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_customcomponent.scss +++ /dev/null @@ -1,10 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-customcomponent) - - * - * @group customcomponent - */ -@mixin valo-customcomponent ($primary-stylename: v-customcomponent) { - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_customlayout.scss b/WebContent/VAADIN/themes/valo/components/_customlayout.scss deleted file mode 100644 index c9eddc5306..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_customlayout.scss +++ /dev/null @@ -1,10 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-customlayout) - - * - * @group customlayout - */ -@mixin valo-customlayout ($primary-stylename: v-customlayout) { - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_datefield.scss b/WebContent/VAADIN/themes/valo/components/_datefield.scss deleted file mode 100644 index 6ff8a70dba..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_datefield.scss +++ /dev/null @@ -1,618 +0,0 @@ -/** - * Outputs the selectors and properties for the DateField component. - * - * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group datefield - */ -@mixin valo-datefield ($primary-stylename: v-datefield, $include-additional-styles: contains($v-included-additional-styles, datefield)) { - - .#{$primary-stylename} { - position: relative; - width: $v-default-field-width; - @include valo-datefield-style; - } - - .#{$primary-stylename}-error { - .#{$primary-stylename}-textfield { - @include valo-textfield-error-style; - } - - .#{$primary-stylename}-button { - color: $v-error-indicator-color; - border-color: $v-error-indicator-color; - } - } - - // Different widths for different resolutions - .#{$primary-stylename}-full { - width: round($v-font-size * 15); - } - - .#{$primary-stylename}-day { - width: $v-default-field-width; - } - - .#{$primary-stylename}-month { - width: round($v-font-size * 7.5); - } - - .#{$primary-stylename}-year { - width: round($v-font-size * 6.5); - } - - .#{$primary-stylename}-popup { - @include valo-datefield-popup-style; - } - - @include valo-datefield-calendarpanel-style; - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - .#{$primary-stylename}-textfield { - @include valo-textfield-borderless-style; - } - .#{$primary-stylename}-button { - border: none; - color: inherit; - @include opacity(.5); - } - } - - .#{$primary-stylename}-align-right input { - text-align: right; - } - - .#{$primary-stylename}-align-center input { - text-align: center; - } - - .#{$primary-stylename}-tiny { - @include valo-datefield-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); - font-size: $v-font-size--tiny; - } - - .#{$primary-stylename}-compact, - .#{$primary-stylename}-small { - @include valo-datefield-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); - } - - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-datefield-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-huge { - @include valo-datefield-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); - font-size: $v-font-size--huge; - } - } - -} - - -/** - * Outputs the selectors and properties for the InlineDateField component. - * - * @param {string} $primary-stylename (v-inline-datefield) - the primary style name for the selectors - * - * @group datefield - */ -@mixin valo-inline-datefield ($primary-stylename: v-inline-datefield) { - @include valo-datefield-calendarpanel-style(#{$primary-stylename}-calendarpanel); - - .#{$primary-stylename}-calendarpanel { - position: relative; - background: $v-overlay-background-color; - padding: round($v-unit-size/6); - } -} - - -/** - * Outputs the styles for a date field variant. - * - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {size} $unit-size ($v-unit-size) - The sizing of the datefield, which corresponds its height - * @param {list} $border ($v-textfield-border) - The border of the datefield - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the datefield - * @param {color} $background-color ($v-textfield-background-color) - The background color of the datefield - * @param {list} $states (normal focus disabled) - The datefield states for which to output corresponding styles - * - * @group datefield - */ -@mixin valo-datefield-style ( - $bevel : $v-textfield-bevel, - $shadow : $v-textfield-shadow, - $unit-size : $v-unit-size, - $border : $v-textfield-border, - $border-radius : $v-textfield-border-radius, - $background-color : $v-textfield-background-color, - $states : normal focus disabled - ) { - - height: $unit-size; - border-radius: $border-radius; - - [class*="textfield"] { - @include box-sizing(border-box); - @include valo-textfield-style($bevel: $bevel, $shadow: $shadow, $unit-size: $unit-size, $border: $border, $border-radius: $border-radius, $background-color: $background-color, $states: $states) ; - padding-left: $unit-size * 1.2; - width: 100%; - height: 100%; - border-radius: inherit; - } - - &[class*="prompt"] > [class*="textfield"] { - @include valo-textfield-prompt-style($background-color); - } - - [class*="button"] { - @include valo-datefield-button-style($unit-size: $unit-size, $bevel: $bevel, $background-color: $background-color, $border-radius: $border-radius, $border: $border); - } - - &.v-disabled { - @include opacity($v-disabled-opacity); - - [class*="button"] { - cursor: default; - pointer-events: none; - &:active:after { - display: none; - } - } - } - - &.v-readonly { - [class*="textfield"] { - @include valo-textfield-readonly-style; - } - - [class*="button"] { - cursor: default; - pointer-events: none; - &:active:after { - display: none; - } - } - } -} - - -/** - * Outputs the styles for a date field variant button element. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its width. - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {color} $background-color ($v-textfield-background-color) - The background color of the input, which affects the font color of the button - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input, which affects the border-radius of the button - * @param {list} $border ($v-textfield-border) - The border of the input, which affects the border of the button - * - * @group datefield - */ -@mixin valo-datefield-button-style ($unit-size: $v-unit-size, $bevel: $v-bevel, $background-color: $v-textfield-background-color, $border-radius: $v-border-radius, $border: $v-textfield-border) { - $border-width: first-number($border) or 0; - @include valo-tappable; - -webkit-appearance: none; - background: transparent; - padding: 0; - position: absolute; - z-index: 10; - width: $unit-size; - line-height: $unit-size - ($border-width*2); - text-align: center; - font: inherit; - outline: none; - margin: 0; - - @if $border and $border != none { - top: $border-width; - bottom: $border-width; - left: $border-width; - } - - @if $border { - border: none; - } - - @if type-of($background-color) == color { - @if $border { - border-right: valo-border($color: $background-color, $border: $v-textfield-border, $strength: 0.5); - } - color: mix($background-color, valo-font-color($background-color)); - - &:hover { - color: valo-font-color($background-color); - } - } - - @if $border-radius > 0 { - $br: max(0, $border-radius - $border-width); - border-radius: $br 0 0 $br; - } - - &:before { - @include valo-datefield-button-icon-style; - @if $v-animations-enabled { - @include transition(color 140ms); - } - } - - &:active:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - @if type-of($background-color) == color { - @include valo-button-active-style($background-color); - } - border-radius: inherit; - } -} - - -/** - * Outputs the font icon styles for the date field drop down button. - * - * @group datefield - */ -@mixin valo-datefield-button-icon-style { - font-family: ThemeIcons; - content: "\f073"; -} - - -/** - * Outputs the styles for a date field popup. - * - * @group datefield - */ -@mixin valo-datefield-popup-style { - @include valo-overlay-style; - - margin-top: ceil($v-unit-size/8) !important; - margin-bottom: ceil($v-unit-size/8) !important; - margin-right: ceil($v-unit-size/8) !important; - cursor: default; - width: auto; - - table { - border-collapse: collapse; - border-spacing: 0; - margin: 0 auto; - } - - td { - padding: round($v-unit-size/20); - } - - @include valo-datefield-calendarpanel-style; -} - - -/** - * Outputs the styles for calendar panel (i.e. month view). - * - * @param {string} $primary-stylename (v-datefield-calendarpanel) - the primary style name for the selectors - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-style ($primary-stylename: v-datefield-calendarpanel) { - .#{$primary-stylename} { - font-size: $v-font-size; - text-align: center; - - &:focus { - outline: none; - } - } - - .#{$primary-stylename}-day { - @include valo-datefield-calendarpanel-day-style; - display: inline-block; - @include box-sizing(border-box); - cursor: pointer; - &:hover { - @include valo-datefield-calendarpanel-day-hover-style; - } - } - - .#{$primary-stylename}-day-offmonth { - @include valo-datefield-calendarpanel-day-offmonth-style; - } - - .#{$primary-stylename}-day-today { - @include valo-datefield-calendarpanel-day-today-style; - } - - .#{$primary-stylename}-day.#{$primary-stylename}-day-selected, - .#{$primary-stylename}-day.#{$primary-stylename}-day-selected:hover { - @include valo-datefield-calendarpanel-day-selected-style - } - - .#{$primary-stylename}-day.#{$primary-stylename}-day-focused { - @include valo-datefield-calendarpanel-day-focused-style; - } - - .#{$primary-stylename}-day.#{$primary-stylename}-day-outside-range, - .#{$primary-stylename}-day.#{$primary-stylename}-day-outside-range:hover { - @include valo-datefield-calendarpanel-outside-range-style; - } - - .#{$primary-stylename}-weekdays { - height: round($v-unit-size * 0.7); - color: mix(valo-font-color($v-background-color), rgba($v-background-color, .7)); - - strong { - font: inherit; - font-size: ceil($v-font-size * 0.86); - } - } - - .#{$primary-stylename}-header { - white-space: nowrap; - } - - td[class*="year"], - td[class*="month"] { - button { - @include appearance(none); - border: none; - background: transparent; - padding: 0; - margin: 0; - cursor: pointer; - color: transparent; - font-size: 0; // For IE8, where transparent text is not possible - width: round($v-unit-size * 0.5); - height: round($v-unit-size * 0.67); - outline: none; - position: relative; - vertical-align: middle; - - &:before { - color: mix($v-background-color, valo-font-color($v-background-color)); - font-size: round($v-font-size * 1.3); - line-height: round($v-font-size * 1.5); - - @if $v-animations-enabled { - @include transition(color 200ms); - } - } - - &:hover:before { - color: $v-focus-color; - } - - &.outside-range { - cursor: default; - @include opacity(.3); - - &:hover:before { - color: mix($v-background-color, valo-font-color($v-background-color)); - } - } - } - } - - .v-button-prevyear:before { - @include valo-datefield-calendarpanel-prevyear-icon-style; - } - - .v-button-prevmonth:before { - @include valo-datefield-calendarpanel-prevmonth-icon-style; - } - - .v-button-nextyear:before { - @include valo-datefield-calendarpanel-nextyear-icon-style; - } - - .v-button-nextmonth:before { - @include valo-datefield-calendarpanel-nextmonth-icon-style; - } - - td.#{$primary-stylename}-month { - width: round($v-unit-size * 4); - @include valo-datefield-calendarpanel-month-style; - } - - .#{$primary-stylename}-year td.#{$primary-stylename}-month { - width: round($v-unit-size * 2); - } - - .#{$primary-stylename}-weeknumber, - .#{$primary-stylename}-weekdays.#{$primary-stylename}-weeknumbers td:first-child { - width: round($v-unit-size * 0.8); - color: mix(valo-font-color($v-background-color), rgba($v-background-color, .7)); - font-size: ceil($v-font-size * 0.86); - display: inline-block; - text-align: left; - } - - .#{$primary-stylename}-weeknumber { - position: relative; - } - - .#{$primary-stylename}-weeknumbers .v-first:before { - content: ""; - position: absolute; - top: round($v-unit-size * 0.7) + round($v-unit-size/10)*2 + $v-overlay-padding-vertical; - bottom: 0; - left: 0; - width: round($v-unit-size * 0.7) + $v-overlay-padding-horizontal*2; - border-top: valo-border($color: $v-app-background-color, $strength: 0.3); - border-right: valo-border($color: $v-app-background-color, $strength: 0.3); - border-top-right-radius: $v-border-radius; - border-bottom-left-radius: $v-border-radius; - background: $v-app-background-color; - } - - td.#{$primary-stylename}-time { - width: 100%; - font-size: ceil($v-font-size * 0.86); - - .v-label { - display: inline; - margin: 0 0.1em; - font-weight: 400; - } - } - -} - - -/** - * Outputs the styles for an individual day element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-style { - @include box-sizing(border-box); - width: round($v-unit-size * 0.8); - height: round($v-unit-size * 0.7); - border: first-number(valo-border()) solid transparent; - line-height: round($v-unit-size * 0.7); - text-align: center; - font-size: ceil($v-font-size * 0.86); - background: $v-background-color; - - @if $v-border-radius > 0 { - border-radius: ceil($v-border-radius/2); - } - @if $v-animations-enabled { - @include transition(color 200ms); - } -} - - -/** - * Outputs the hover state styles for an individual day element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-hover-style { - color: $v-selection-color; -} - - -/** - * Outputs the styles for an individual day element, which are not part of the current month, in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-offmonth-style { - color: mix(valo-font-color($v-background-color), $v-background-color); - background: transparent; -} - -/** - * Outputs the styles for an individual day element, which are outside available range. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-outside-range-style { - color: mix(valo-font-color($v-background-color), $v-background-color); - cursor: not-allowed; -} - -/** - * Outputs the styles for todays day element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-today-style { - color: valo-font-color($v-background-color, 0.9); - font-weight: max(600, $v-font-weight + 100); - border-color: valo-font-color($v-background-color, 0.3); -} - - -/** - * Outputs the styles for the selected day element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-selected-style { - color: valo-font-color($v-selection-color); - @include valo-gradient($v-selection-color); - border: none; - font-weight: max(600, $v-font-weight + 100); -} - - -/** - * Outputs the focus state styles for an individual day element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-day-focused-style { - @include valo-focus-style; - position: relative; // Show above other cells - - .v-ie8 & { - border-color: $v-focus-color; - } -} - - -/** - * Outputs the font icon styles for the next month button in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-nextmonth-icon-style { - font-family: ThemeIcons; - content: "\f105"; -} - - -/** - * Outputs the font icon styles for the previous month button in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-prevmonth-icon-style { - font-family: ThemeIcons; - content: "\f104"; -} - - -/** - * Outputs the font icon styles for the next year button in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-nextyear-icon-style { - font-family: ThemeIcons; - content: "\f101"; -} - - -/** - * Outputs the font icon styles for the previous year button in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-prevyear-icon-style { - font-family: ThemeIcons; - content: "\f100"; -} - - -/** - * Outputs the styles for the current month and year title element in a calendar panel. - * - * @group datefield - */ -@mixin valo-datefield-calendarpanel-month-style { - color: $v-selection-color; -} diff --git a/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss b/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss deleted file mode 100644 index 6e4859b82c..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_dragwrapper.scss +++ /dev/null @@ -1,129 +0,0 @@ -/** - * Outputs the styles and selectors for the DragAndDropWrapper component. - * - * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors - * - * @group drag-n-drop - */ -@mixin valo-dragwrapper ($primary-stylename: v-ddwrapper) { - - [draggable=true] { - -khtml-user-drag: element; - -webkit-user-drag: element; - } - - .#{$primary-stylename}.v-active-drag-source { - // This breaks file upload dragging (for some reason the ddwrapper gets this class when an active file drag is over it) - // visibility: hidden; - } - - .#{$primary-stylename} { - position: relative; - } - - .#{$primary-stylename}-over:before, - .#{$primary-stylename}-over:after { - content: ""; - position: absolute; - z-index: 10; - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; - border: 0 solid $v-focus-color; - } - - .#{$primary-stylename}-over-top:before { - border-top-width: 2px; - } - - .#{$primary-stylename}-over-right:before { - border-right-width: 2px; - } - - .#{$primary-stylename}-over-bottom:before { - border-bottom-width: 2px; - } - - .#{$primary-stylename}-over-left:before { - border-left-width: 2px; - } - - .no-vertical-drag-hints { - .#{$primary-stylename}-over-top, - &.#{$primary-stylename}-over-top { - &:before { - border-top-width: 0; - } - &:after { - @include valo-ddwrapper-box-hint-style; - } - } - - .#{$primary-stylename}-over-bottom, - &.#{$primary-stylename}-over-bottom { - &:before { - border-bottom-width: 0; - } - &:after { - @include valo-ddwrapper-box-hint-style; - } - } - } - - .no-horizontal-drag-hints { - &.#{$primary-stylename}-over-left, - .#{$primary-stylename}-over-left { - &:before { - border-left-width: 0; - } - &:after { - @include valo-ddwrapper-box-hint-style; - } - } - - &.#{$primary-stylename}-over-right, - .#{$primary-stylename}-over-right { - &:before { - border-right-width: 0; - } - &:after { - @include valo-ddwrapper-box-hint-style; - } - } - } - - .#{$primary-stylename}-over-middle:after, - .#{$primary-stylename}-over-center:after { - @include valo-ddwrapper-box-hint-style; - } - - .no-box-drag-hints { - &.#{$primary-stylename}:after, - .#{$primary-stylename}:after { - display: none !important; - content: none; - } - } - - -} - - -/** - * Outputs the styles for a drop target when the drag is on top of it. - * - * @group drag-n-drop - */ -@mixin valo-ddwrapper-box-hint-style { - border-width: 2px; - border-radius: $v-border-radius; - @include opacity(.3); - - $focus-color: $v-focus-color; - @if is-dark-color($focus-color) { - background: scale-color($focus-color, $lightness: 50%); - } @else { - background: scale-color($focus-color, $lightness: -50%); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_form.scss b/WebContent/VAADIN/themes/valo/components/_form.scss deleted file mode 100644 index 6b15d2a7cd..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_form.scss +++ /dev/null @@ -1,22 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-form) - - * - * @group form - */ -@mixin valo-form ($primary-stylename: v-form) { - - .#{$primary-stylename} fieldset { - border: none; - padding: 0; - margin: 0; - height: 100%; - } - - .#{$primary-stylename}-content { - height: 100%; - @include box-sizing(border-box); - } - -} diff --git a/WebContent/VAADIN/themes/valo/components/_formlayout.scss b/WebContent/VAADIN/themes/valo/components/_formlayout.scss deleted file mode 100644 index 35627ebd79..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_formlayout.scss +++ /dev/null @@ -1,260 +0,0 @@ -/** - * Outputs the selectors and properties for the FormLayout component. - * - * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group formlayout - */ -@mixin valo-formlayout ($primary-stylename: v-formlayout, $include-additional-styles: contains($v-included-additional-styles, formlayout)) { - - @include valo-formlayout-spacing; - @include valo-formlayout-margin; - - .#{$primary-stylename} > table { - border-spacing: 0; - position: relative; - } - - .#{$primary-stylename}.v-has-width > table, - .#{$primary-stylename}.v-has-width .#{$primary-stylename}-contentcell { - width: 100%; - } - - .#{$primary-stylename}-error-indicator { - width: round($v-unit-size/2); - } - - .#{$primary-stylename}-captioncell { - vertical-align: top; - line-height: $v-unit-size - 1px; - - .v-caption { - padding-bottom: 0; - } - - .v-caption-h2, - .v-caption-h3, - .v-caption-h4 { - height: 3em; - } - } - - .#{$primary-stylename}-contentcell { - .v-checkbox, - .v-radiobutton { - font-weight: $v-font-weight + 100; - } - - > .v-label-h2, - > .v-label-h3, - > .v-label-h4 { - position: absolute; - left: 0; - right: 0; - width: auto !important; - margin-top: -0.5em; - padding-bottom: 0.5em; - border-bottom: valo-border($color: $v-app-background-color, $strength: 0.5); - } - } - - - @if $include-additional-styles { - .#{$primary-stylename}.light { - @include valo-formlayout-light-style; - } - } - -} - - -/** - * Outputs the styles for form layout margin. - * - * @param {list} $margin ($v-layout-margin-top $v-layout-margin-right $v-layout-margin-bottom $v-layout-margin-left) - The margin for the form layout (any valid CSS margin value) - * - * @group formlayout - */ -@mixin valo-formlayout-margin ($margin: $v-layout-margin-top $v-layout-margin-right $v-layout-margin-bottom $v-layout-margin-left) { - $top: 0; - $right: 0; - $bottom: 0; - $left: 0; - - @if length($margin) == 1 { - $top: $margin; - $right: $margin; - $bottom: $margin; - $left: $margin; - } @else if length($margin) == 2 { - $top: nth($margin, 1); - $right: nth($margin, 2); - $bottom: nth($margin, 1); - $left: nth($margin, 2); - } @else if length($margin) == 3 { - $top: nth($margin, 1); - $right: nth($margin, 2); - $bottom: nth($margin, 3); - $left: nth($margin, 2); - } @else if length($margin) == 4 { - $top: nth($margin, 1); - $right: nth($margin, 2); - $bottom: nth($margin, 3); - $left: nth($margin, 4); - } - - [class*="margin-top"] > tbody > [class*="firstrow"] > td { - padding-top: $top; - } - - [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { - padding-bottom: $bottom; - } - - [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { - padding-left: $left; - } - - [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] { - > .v-label-h2, - > .v-label-h3, - > .v-label-h4 { - left: $left; - } - } - - [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { - padding-right: $right; - - > .v-label-h2, - > .v-label-h3, - > .v-label-h4 { - right: $right; - } - } -} - - -/** - * Outputs the styles for form layout spacing. - * - * @param {size} $vertical ($v-layout-spacing-vertical) - The vertical spacing between the rows in the form layout - * - * @group formlayout - */ -@mixin valo-formlayout-spacing ($vertical: $v-layout-spacing-vertical) { - [class*="spacing"] > tbody > [class*="row"] > td { - padding-top: $vertical; - } - - [class*="spacing"] > tbody > [class*="firstrow"] > td { - padding-top: 0; - } -} - - -/** - * Outputs the styles for a light style form layout. This mixin expects the target to have the normal styles of a form layout applied. - * - * @param {size} $row-height ($v-unit-size) - The height of an individual form layout row - * - * @group formlayout - */ -@mixin valo-formlayout-light-style ($row-height: $v-unit-size) { - > table { - padding: 0; - } - - > table > tbody > tr > td { - padding-top: 0; - height: $row-height; // Effectively min-height - border-bottom: valo-border($color: $v-app-background-color, $strength: 0.3); - } - - > table > tbody > [class*="lastrow"] > td { - border-bottom: none; - } - - > table > tbody > tr > [class*="captioncell"] { - color: valo-font-color($v-background-color, .5); - text-align: right; - padding-left: ceil($v-unit-size/3); - line-height: $row-height; - } - - > table > tbody > [class*="row"] > [class*="contentcell"] { - padding-right: 0; - - > .v-textfield, - > .v-textarea, - > .v-filterselect, - > .v-datefield, - > .v-filterselect-input, - > .v-datefield-textfield { - width: 100%; - } - - > .v-textfield, - > .v-textarea, - > .v-filterselect input, - > .v-datefield input, - > .v-richtextarea { - @include valo-textfield-style($unit-size: $row-height, $border-radius: 0, $border: null, $bevel: none, $shadow: none, $background-color: null); - background: transparent; - border: none; - color: inherit; - - &:focus { - box-shadow: none; - } - } - - > .v-textfield-prompt, - > .v-textarea-prompt, - > .v-filterselect-prompt input, - > .v-datefield-prompt input { - @include valo-textfield-prompt-style; - } - - > .v-textarea, - > .v-richtextarea { - height: auto; - } - - > .v-label-h2, - > .v-label-h3, - > .v-label-h4 { - border-bottom: none; - left: 0; - right: 0; - } - - > .v-label-h3, - > .v-label-h4 { - margin-top: 0; - } - } - - .v-richtextarea { - margin: round($v-unit-size/8) 0; - } - - .v-filterselect-button, - .v-datefield-button { - border: none; - - &:active:after { - display: none; - } - } - - .v-datefield-button { - right: 0; - left: auto; - } - - .v-checkbox { - margin-left: ceil($v-unit-size/6); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_grid.scss b/WebContent/VAADIN/themes/valo/components/_grid.scss deleted file mode 100644 index 4a0715b2d2..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_grid.scss +++ /dev/null @@ -1,278 +0,0 @@ -@import "table"; - -$v-grid-row-background-color: valo-table-background-color() !default; -$v-grid-row-stripe-background-color: scale-color($v-grid-row-background-color, $lightness: if(color-luminance($v-grid-row-background-color) < 10, 4%, -4%)) !default; - -$v-grid-border-color-source: $v-grid-row-background-color !default; -$v-grid-border: flatten-list(valo-border($color: $v-grid-border-color-source, $strength: 0.8)) !default; -$v-grid-cell-focused-border: max(2px, first-number($v-border)) solid $v-selection-color !default; - -$v-grid-row-height: $v-table-row-height !default; -$v-grid-row-selected-background-color: $v-selection-color !default; - -$v-grid-header-font-size: $v-table-header-font-size !default; -$v-grid-header-background-color: $v-background-color !default; - -$v-grid-cell-padding-horizontal: 1.5 * $v-table-cell-padding-horizontal !default; - -$v-grid-animations-enabled: $v-animations-enabled !default; - -$v-grid-details-marker-width: first-number($v-grid-border) * 2 !default; -$v-grid-details-marker-color: $v-selection-color !default; -$v-grid-details-border-top: valo-border($color: $v-grid-border-color-source, $strength: 0.3) !default; -$v-grid-details-border-top-stripe: valo-border($color: $v-grid-row-stripe-background-color, $strength: 0.3) !default; - -$v-grid-border-size: 1px !default; -$v-grid-border: $v-grid-border-size solid #ddd !default; -$v-grid-cell-vertical-border: $v-grid-border !default; -$v-grid-cell-horizontal-border: $v-grid-cell-vertical-border !default; -$v-grid-details-border-bottom: $v-grid-cell-horizontal-border !default; -$v-grid-details-border-bottom-stripe: $v-grid-cell-horizontal-border !default; - -@import "../../base/grid/grid"; - -/** - * - * - * @param {string} $primary-stylename (v-grid) - - * - * @group grid - */ -@mixin valo-grid ($primary-stylename: v-grid) { - - @include base-grid($primary-stylename); - - .#{$primary-stylename} { - @include user-select(text); - background-color: $v-background-color; - - &.v-disabled { - @include opacity($v-disabled-opacity); - } - } - - .#{$primary-stylename}-header .#{$primary-stylename}-cell { - @include valo-gradient($v-grid-header-background-color); - text-shadow: valo-text-shadow($font-color: valo-font-color($v-grid-header-background-color), $background-color: $v-grid-header-background-color); - } - - .#{$primary-stylename}-header .#{$primary-stylename}-cell.dragged { - @include opacity(0.5, false); - @include transition (opacity .3s ease-in-out); - } - - .#{$primary-stylename}-header .#{$primary-stylename}-cell.dragged-column-header { - margin-top: round($v-grid-row-height/-2); - } - - .#{$primary-stylename}-footer .#{$primary-stylename}-cell { - @include valo-gradient($v-grid-footer-background-color); - text-shadow: valo-text-shadow($font-color: valo-font-color($v-grid-footer-background-color), $background-color: $v-grid-footer-background-color); - } - - .#{$primary-stylename}-header-deco { - @include valo-gradient($v-grid-header-background-color); - } - - .#{$primary-stylename}-footer-deco, - .#{$primary-stylename}-horizontal-scrollbar-deco { - @include valo-gradient($v-grid-footer-background-color); - } - - // Selected - .#{$primary-stylename}-row-selected { - $grid-sel-bg: $v-grid-row-selected-background-color; - - > .#{$primary-stylename}-cell { - @include valo-gradient($grid-sel-bg); - color: valo-font-color($grid-sel-bg); - text-shadow: valo-text-shadow($font-color: valo-font-color($grid-sel-bg), $background-color: $grid-sel-bg); - border-color: adjust-color($grid-sel-bg, $lightness: -8%, $saturation: -8%); - } - - > .#{$primary-stylename}-cell-focused:before { - border-color: adjust-color($grid-sel-bg, $lightness: 20%); - } - } - - .#{$primary-stylename}-editor { - @include valo-focus-style; - border-color: $v-focus-color; - } - - .#{$primary-stylename}-editor-footer { - font-size: $v-font-size--small; - padding: 0 round($v-layout-spacing-horizontal / 2); - background: $v-app-background-color; - @if $v-grid-animations-enabled { - @include animation(valo-grid-editor-footer-animate-in 200ms 120ms backwards); - } - } - - @if $v-grid-animations-enabled { - .#{$primary-stylename}-editor-footer:first-child { - @include animation(valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards); - } - } - - .#{$primary-stylename}-editor-cells { - z-index: 1; - } - - .#{$primary-stylename}-editor-cells > div { - // Vertical centering for widgets - &:before { - content: ""; - display: inline-block; - height: 100%; - vertical-align: middle; - } - - &.not-editable.#{$primary-stylename}-cell { - float: none; - } - - .error::before { - border-top: round($v-unit-size / 4) solid $v-error-indicator-color; - border-right: round($v-unit-size / 4) solid transparent; - } - - .error, - .error > input { - // taken from @mixin valo-textfield-error-style() - background-color: scale-color($v-error-indicator-color, $lightness: 98%); - } - - .v-textfield, - .v-textfield-focus, - .v-datefield, - .v-datefield .v-textfield-focus, - .v-filterselect-input, - .v-filterselect-input:focus { - border: none; - border-radius: 0; - background: transparent; - - @if $v-textfield-bevel { - @include box-shadow(valo-bevel-and-shadow($bevel: $v-textfield-bevel)); - } @else { - @include box-shadow(none); - } - } - - input[type="text"].v-datefield-textfield { - padding-left: $v-unit-size * 1.2; - } - - .v-datefield-button { - .v-ie8 & { - margin-left: 0px; - } - } - - .v-filterselect-button { - .v-ie8 & { - margin-left: 0px; - } - } - - .v-textfield-focus, - .v-datefield .v-textfield-focus, - .v-filterselect-input:focus { - position: relative; - } - - .v-select { - padding-left: round($v-grid-cell-padding-horizontal / 2); - padding-right: round($v-grid-cell-padding-horizontal / 2); - } - - .v-checkbox { - margin: 0 round($v-grid-cell-padding-horizontal / 2) 0 $v-grid-cell-padding-horizontal; - - > input[type="checkbox"] { - margin-left: 0; - } - - > label { - white-space: nowrap; - } - } - } - - .#{$primary-stylename}-editor-message > div:before { - display: inline-block; - @include valo-error-indicator-style($is-pseudo-element: true); - } - - .#{$primary-stylename}-editor-save, - .#{$primary-stylename}-editor-cancel { - @include valo-link-style; - font-weight: $v-font-weight + 100; - text-decoration: none; - border: none; - background: transparent; - padding: round($v-layout-spacing-vertical / 2) round($v-layout-spacing-horizontal / 2); - margin: 0; - outline: none; - } - - .#{$primary-stylename}-spacer { - margin-top: first-number($v-grid-border) * -1; - } - - // Sidebar - .#{$primary-stylename}-sidebar.v-contextmenu { - &.open { - - .#{$primary-stylename}-sidebar-content { - margin: 0 0 2px; - padding: 4px 4px 2px; - } - } - - &.closed { - @include valo-gradient($v-grid-header-background-color); - } - } - - // Customize scrollbars - .#{$primary-stylename}-scroller { - &::-webkit-scrollbar { - border: none; - } - - &::-webkit-scrollbar-thumb { - border-radius: 10px; - border: 4px solid transparent; - background: if(is-dark-color($v-grid-header-background-color), rgba(255,255,255,.3), rgba(0,0,0,.3)); - -webkit-background-clip: content-box; - background-clip: content-box; - } - } - - .#{$primary-stylename}-scroller-vertical::-webkit-scrollbar-thumb { - min-height: 30px; - } - - .#{$primary-stylename}-scroller-horizontal::-webkit-scrollbar-thumb { - min-width: 30px; - } - -} - - -@include keyframes(valo-grid-editor-footer-animate-in) { - 0% { - margin-top: -$v-grid-row-height; - } -} - -@include keyframes(valo-grid-editor-footer-animate-in-alt) { - 0% { - margin-bottom: -$v-grid-row-height - first-number($v-grid-cell-horizontal-border); - } - 100% { - margin-bottom: first-number($v-grid-cell-horizontal-border) * -1; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_gridlayout.scss b/WebContent/VAADIN/themes/valo/components/_gridlayout.scss deleted file mode 100644 index e1777750cd..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_gridlayout.scss +++ /dev/null @@ -1,61 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-gridlayout) - - * - * @group gridlayout - */ -@mixin valo-gridlayout-global ($primary-stylename: v-gridlayout) { - .#{$primary-stylename} { - position: relative; - } - .#{$primary-stylename}-slot { - position: absolute; - line-height: $v-line-height; - } - .#{$primary-stylename}-spacing-on { - overflow: hidden; - } - .#{$primary-stylename}-spacing, - .#{$primary-stylename}-spacing-off { - padding-left: 0; - padding-top: 0; - } - .#{$primary-stylename}-spacing-off { - overflow: hidden; - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-gridlayout) - - * - * @group gridlayout - */ -@mixin valo-gridlayout($primary-stylename : v-gridlayout) { - - .#{$primary-stylename}-margin-top { - padding-top: $v-layout-margin-top; - } - - .#{$primary-stylename}-margin-bottom { - padding-bottom: $v-layout-margin-bottom; - } - - .#{$primary-stylename}-margin-left { - padding-left: $v-layout-margin-left; - } - - .#{$primary-stylename}-margin-right { - padding-right: $v-layout-margin-right; - } - - .#{$primary-stylename}-spacing-on { - padding-left: $v-layout-spacing-horizontal; - padding-top: $v-layout-spacing-vertical; - } - - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_label.scss b/WebContent/VAADIN/themes/valo/components/_label.scss deleted file mode 100644 index 95500ceafe..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_label.scss +++ /dev/null @@ -1,280 +0,0 @@ -/** - * The font weight for headers. - * - * @group label - */ -$v-font-weight--header: $v-font-weight - 100 !default; - -/** - * The line height for headers. - * - * @group label - */ -$v-line-height--header: 1.1 !default; - -/** - * The font family for headers. - * - * @group label - */ -$v-font-family--header: null !default; - -/** - * The font color for colored style labels. - * - * @group label - */ -$v-font-color--colored: $v-selection-color !default; - -/** - * The font size for 1st level headers. - * - * @group label - */ -$v-font-size--h1: 2.4em !default; - -/** - * The font size for 2nd level headers. - * - * @group label - */ -$v-font-size--h2: 1.6em !default; - -/** - * The font size for 3rd level headers. - * - * @group label - */ -$v-font-size--h3: 1.2em !default; - -/** - * The font family for 1st level headers. - * - * @group label - */ -$v-font-family--h1: $v-font-family--header !default; - -/** - * The font family for 2nd level headers. - * - * @group label - */ -$v-font-family--h2: $v-font-family--header !default; - -/** - * The font family for 3rd level headers. - * - * @group label - */ -$v-font-family--h3: $v-font-family--header !default; - -/** - * The letter spacing for 1st level headers. - * - * @group label - */ -$v-letter-spacing--h1: -0.03em !default; - -/** - * The letter spacing for 2nd level headers. - * - * @group label - */ -$v-letter-spacing--h2: -0.02em !default; - -/** - * The letter spacing for 3rd level headers. - * - * @group label - */ -$v-letter-spacing--h3: 0 !default; - -/** - * The letter spacing for 4th level headers. - * - * @group label - */ -$v-letter-spacing--h4: 0 !default; - - -/** - * Outputs the selectors and styles for the Label component. - * - * @param {string} $primary-stylename (v-label) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group label - */ -@mixin valo-label ($primary-stylename: v-label, $include-additional-styles: contains($v-included-additional-styles, label)) { - - .#{$primary-stylename} { - @include user-select(text); - } - - .#{$primary-stylename}-undef-w { - white-space: nowrap; - } - - h1, .#{$primary-stylename}-h1, - h2, .#{$primary-stylename}-h2, - h3, .#{$primary-stylename}-h3 { - line-height: $v-line-height--header; - font-weight: $v-font-weight--header; - color: valo-font-color($v-app-background-color, 0.92); - } - - h1, .#{$primary-stylename}-h1 { - font-size: $v-font-size--h1; - margin-top: 1.4em; - margin-bottom: 1em; - font-family: $v-font-family--h1; - letter-spacing: $v-letter-spacing--h1; - } - - h2, .#{$primary-stylename}-h2 { - font-size: $v-font-size--h2; - font-family: $v-font-family--h2; - margin-top: 1.6em; - margin-bottom: 0.77em; - letter-spacing: $v-letter-spacing--h2; - } - - h3, .#{$primary-stylename}-h3 { - font-size: $v-font-size--h3; - font-family: $v-font-family--h3; - margin-top: 1.8em; - margin-bottom: 0.77em; - letter-spacing: $v-letter-spacing--h3; - } - - h4, .#{$primary-stylename}-h4 { - line-height: $v-line-height--header; - font-weight: $v-font-weight + 200; - font-size: $v-font-size--small; - color: valo-font-color($v-app-background-color, 0.74); - text-transform: uppercase; - letter-spacing: $v-letter-spacing--h4; - margin-top: 2.4em; - margin-bottom: 0.8em; - } - - .v-csslayout { - > h1, - > h2, - > h3, - > h4 - > .#{$primary-stylename}-h1, - > .#{$primary-stylename}-h2, - > .#{$primary-stylename}-h3, - > .#{$primary-stylename}-h4 { - &:first-child { - margin-top: $v-font-size; - } - } - } - - .v-verticallayout > .v-slot:first-child, - .v-verticallayout > div > .v-slot:first-child { - h1, .#{$primary-stylename}-h1, - h2, .#{$primary-stylename}-h2, - h3, .#{$primary-stylename}-h3, - h4, .#{$primary-stylename}-h4 { - margin-top: $v-font-size; - } - } - - .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell, - .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell { - h1, .#{$primary-stylename}-h1, - h2, .#{$primary-stylename}-h2, - h3, .#{$primary-stylename}-h3, - h4, .#{$primary-stylename}-h4 { - margin-top: -0.5em; - } - } - - h1, .#{$primary-stylename}-h1, - h2, .#{$primary-stylename}-h2, - h3, .#{$primary-stylename}-h3, - h4, .#{$primary-stylename}-h4 { - &.no-margin { - margin: 0 !important; - } - } - - - @if $include-additional-styles { - - .#{$primary-stylename}-colored { - color: $v-font-color--colored; - } - - .#{$primary-stylename}-large { - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-tiny { - font-size: $v-font-size--tiny; - } - - .#{$primary-stylename}-huge { - font-size: $v-font-size--huge; - } - - .#{$primary-stylename}-bold { - font-weight: $v-font-weight + 200; - } - - .#{$primary-stylename}-light { - font-weight: $v-font-weight - 100; - @if $v-font-weight < 400 { - color: valo-font-color($v-app-background-color, .5); - } - } - - .#{$primary-stylename}-align-right { - text-align: right; - } - - .#{$primary-stylename}-align-center { - text-align: center; - } - - .#{$primary-stylename}-spinner { - @include valo-spinner; - } - - .#{$primary-stylename}-success, - .#{$primary-stylename}-failure { - background: $v-textfield-background-color; - color: valo-font-color($v-textfield-background-color); - border: 2px solid $v-friendly-color; - border-radius: $v-border-radius; - padding: round($v-unit-size/5) round($v-unit-size/2) round($v-unit-size/5) round($v-unit-size); - font-weight: $v-font-weight + 100; - font-size: round($v-font-size * 0.95); - - &:before { - font-family: ThemeIcons; - content: "\f00c"; - margin-right: .5em; - margin-left: round($v-unit-size/-2); - color: $v-friendly-color; - } - } - - .#{$primary-stylename}-failure { - border-color: $v-error-indicator-color; - - &:before { - content: "\f05e"; - color: $v-error-indicator-color; - } - } - } - -} diff --git a/WebContent/VAADIN/themes/valo/components/_link.scss b/WebContent/VAADIN/themes/valo/components/_link.scss deleted file mode 100644 index 270de1aace..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_link.scss +++ /dev/null @@ -1,81 +0,0 @@ -/** - * - * @group link - */ -$v-link-font-color: $v-focus-color !default; - -/** - * - * @group link - */ -$v-link-text-decoration: underline !default; - -/** - * - * @group link - */ -$v-link-cursor: pointer !default; - - -/** - * - * - * @param {string} $primary-stylename (v-link) - - * @param {bool} $include-additional-styles - - * - * @group link - */ -@mixin valo-link ($primary-stylename: v-link, $include-additional-styles: contains($v-included-additional-styles, link)) { - .#{$primary-stylename} { - @include valo-link-style; - - a { - cursor: inherit; - color: inherit; - text-decoration: inherit; - @if $v-animations-enabled { - @include transition(inherit); - } - } - - .v-icon { - cursor: inherit; - } - } - - @if $include-additional-styles { - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - font-size: $v-font-size--large; - } - } -} - - -/** - * - * - * - * @group link - */ -@mixin valo-link-style { - cursor: $v-link-cursor; - color: $v-link-font-color; - text-decoration: $v-link-text-decoration; - font-weight: inherit; - - @if $v-animations-enabled { - @include transition(color 140ms); - } - - &:hover { - color: lighten($v-link-font-color, 10%); - } - - &.v-disabled { - @include opacity($v-disabled-opacity); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_loginform.scss b/WebContent/VAADIN/themes/valo/components/_loginform.scss deleted file mode 100644 index 88745d649d..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_loginform.scss +++ /dev/null @@ -1,10 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-loginform) - - * - * @group loginform - */ -@mixin valo-loginform ($primary-stylename: v-loginform) { - -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_menubar.scss b/WebContent/VAADIN/themes/valo/components/_menubar.scss deleted file mode 100644 index 4b4a657d6a..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_menubar.scss +++ /dev/null @@ -1,409 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-menubar) - - * @param {bool} $include-additional-styles - - * - * @group menubar - */ -@mixin valo-menubar ($primary-stylename: v-menubar, $include-additional-styles: contains($v-included-additional-styles, menubar)) { - - .#{$primary-stylename} { - @include valo-button-static-style($states: normal focus disabled, $vertical-centering: false); - @include valo-menubar-style; - } - - .#{$primary-stylename}:active:after { - background: transparent; - } - - .#{$primary-stylename} > .#{$primary-stylename}-menuitem { - @include valo-menubar-menuitem-style; - } - - .#{$primary-stylename} > .#{$primary-stylename}-menuitem-checked { - @include valo-menubar-menuitem-checked-style; - } - - .v-disabled > .#{$primary-stylename}-menuitem, - .#{$primary-stylename} > .#{$primary-stylename}-menuitem-disabled { - cursor: default; - - &:before { - display: none; - } - } - - .#{$primary-stylename}-menuitem-disabled { - @include opacity($v-disabled-opacity); - } - - .#{$primary-stylename} > .#{$primary-stylename}-menuitem-selected { - @include valo-button-style($states: normal, $background-color: $v-selection-color, $border-radius: 0, $shadow: null, $unit-size: null, $font-weight: null); - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; - z-index: 2; - - &:hover:before { - background: none; - } - } - - .#{$primary-stylename} .#{$primary-stylename}-submenu-indicator { - display: none; - - + .#{$primary-stylename}-menuitem-caption:after { - font-family: ThemeIcons; - content: "\f078"; - font-size: 0.7em; - vertical-align: .15em; - margin: 0 -.2em 0 .5em; - // IE filters are not supported on pseudo elements - opacity: .5; - } - - + .#{$primary-stylename}-menuitem-caption:empty:after { - margin-left: -.2em; - } - } - - .#{$primary-stylename}-popup { - @include valo-menubar-popup-style($primary-stylename); - } - - - @if $include-additional-styles { - .#{$primary-stylename}-small { - @include valo-menubar-style($background-color: null, $unit-size: $v-unit-size--small); - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-borderless { - @include valo-menubar-borderless-style; - } - } - -} - - - - -/** - * - * - * @param {string} $primary-stylename (v-menubar) - - * @param {color} $background-color ($v-background-color) - - * @param {size} $unit-size ($v-unit-size) - - * - * @group menubar - */ -@mixin valo-menubar-style ($primary-stylename: v-menubar, $background-color: $v-background-color, $unit-size: $v-unit-size) { - @include valo-button-style($states: normal focus, $cursor: default, $background-color: $background-color, $unit-size: $unit-size); - padding: 0; - text-align: left; - - @if $unit-size { - line-height: $unit-size - first-number($v-border) * 2; - - > .#{$primary-stylename}-menuitem { - padding: 0 round($unit-size/2.6); - - &[class*="-icon-only"] { - width: $unit-size; - } - } - } -} - - - - -/** - * - * - * - * @group menubar - */ -@mixin valo-menubar-menuitem-style { - $border-width: first-number($v-border); - position: relative; - z-index: 1; - display: inline-block; - @include box-sizing(border-box); - @include valo-button-style($states: normal, $border-radius: 0, $shadow: null, $font-color: inherit, $cursor: pointer); - background: transparent; - @include box-shadow(none); - border-width: 0 $border-width 0 0; - border-color: inherit; - height: 100%; - line-height: inherit; - vertical-align: top; - text-align: center; - - @if $border-width == 0 { - margin-right: 1px; - } - - $br: max(0, $v-border-radius - $border-width); - &:first-child { - border-left-width: 0; - @if $v-border-radius > 0 { - border-radius: $br 0 0 $br; - } - } - - &:last-child { - @if $v-border-radius > 0 { - border-radius: 0 $br $br 0; - } - border-right-width: 0; - } - - &:first-child:last-child { - @if $v-border-radius > 0 { - border-radius: $br; - } - } - - &:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - } - - @if $v-hover-styles-enabled { - &:hover { - // IE needs some nudging to show the :before element - zoom: 1; - - &:before { - @include valo-button-hover-style; - border: none; - } - } - } - - &:active:before { - @include valo-button-active-style; - } - - $margin-width: ceil($v-unit-size/2.4/5); - .v-icon { - margin: 0 $margin-width 0 #{-$margin-width}; - cursor: inherit; - } - - &[class*="-icon-only"] { - width: $v-unit-size; - padding: 0; - - .v-icon { - margin: 0; - } - } -} - - - - - -/** - * - * - * @param {string} $primary-stylename (v-menubar) - - * - * @group menubar - */ -@mixin valo-menubar-popup-style ($primary-stylename: v-menubar) { - @include valo-selection-overlay-style; - - margin: ceil($v-unit-size/8) 0 0 1px !important; - - .#{$primary-stylename}-submenu { - outline: none; - } - - .#{$primary-stylename}-menuitem { - display: block; - @include valo-selection-item-style; - padding-left: $v-selection-item-height + round($v-selection-item-padding-horizontal/2); // Make room for checkable icon - padding-right: $v-unit-size; - position: relative; - } - - .#{$primary-stylename}-submenu-indicator { - display: none; - - + .#{$primary-stylename}-menuitem-caption:after { - position: absolute; - right: $v-selection-item-padding-horizontal; - @include valo-menubar-submenu-indicator-style; - } - } - - .#{$primary-stylename}-menuitem-selected { - @include valo-selection-item-selected-style; - } - - .#{$primary-stylename}-separator { - display: block; - margin: $v-selection-overlay-padding-vertical 0; - height: 0; - overflow: hidden; - border-bottom: valo-border($color: $v-overlay-background-color, $strength: 0.5); - @if first-number($v-border) == 0 { - border-bottom-width: 1px; - } - } - - [class*="checked"] .#{$primary-stylename}-menuitem-caption:before { - @include valo-menubar-checked-icon-style; - position: absolute; - left: $v-selection-item-padding-horizontal; - } - - [class*="unchecked"] .#{$primary-stylename}-menuitem-caption:before { - content: ""; - } - - [class*="disabled"] { - cursor: default; - } -} - - - -/** - * - * - * - * @group menubar - */ -@mixin valo-menubar-submenu-indicator-style { - font-family: ThemeIcons; - content: "\f054"; - line-height: $v-selection-item-height + 2px; -} - -/** - * - * - * - * @group menubar - */ -@mixin valo-menubar-checked-icon-style { - content: "\f00c"; - font-family: ThemeIcons; -} - - -/** - * - * - * @param {list} $background-color - - * - * @group menubar - */ -@mixin valo-menubar-menuitem-checked-style ($background-color: if(color-luminance($v-background-color) < 10, scale-color($v-background-color, $lightness: 10%, $saturation: -5%), scale-color($v-background-color, $lightness: -5%, $saturation: -5%))) { - $grad: valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4; - @include box-shadow(none); - @include valo-gradient($color: $background-color, $gradient: $grad, $direction: to top); - color: valo-font-color($background-color, 0.9); -} - -/** - * - * - * @param {string} $primary-stylename (v-menubar) - - * - * @group menubar - */ -@mixin valo-menubar-menuitem-checked ($background-color, $primary-stylename: v-menubar) { - .#{$primary-stylename}-menuitem-checked { - @include valo-menubar-menuitem-checked-style($background-color: $background-color); - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-menubar) - - * - * @group menubar - */ -@mixin valo-menubar-borderless-style ($primary-stylename: v-menubar) { - border: none; - border-radius: 0; - padding: first-number($v-border); - @include box-shadow(none); - text-shadow: none; - background: transparent; - color: inherit; - - &:focus:after { - display: none; - } - - .#{$primary-stylename}-menuitem { - @include box-shadow(none); - border: none; - margin-right: max(1px, first-number($v-border)); - border-radius: $v-border-radius; - color: $v-selection-color; - padding: 0 round($v-unit-size/3); - - @if $v-animations-enabled { - @include transition(color 140ms); - } - - &:first-child, - &:last-child, - &:first-child:last-child { - border-radius: $v-border-radius; - } - - &:before { - content: none; - } - - &:hover { - color: lighten($v-selection-color, 10%); - } - - &:active { - color: inherit; - } - } - - .#{$primary-stylename}-menuitem-checked, - .#{$primary-stylename}-menuitem-checked:first-child { - border: valo-border(); - color: $v-selection-color; - - .#{$primary-stylename}-menuitem-caption { - position: relative; - top: first-number($v-border)*-1; - } - } - - .#{$primary-stylename}-menuitem-selected { - $font-color: valo-font-color($v-selection-color, 0.9); - color: $font-color; - text-shadow: valo-text-shadow($background-color: $v-selection-color, $font-color: $font-color); - - &:hover { - color: $font-color; - } - } - - .#{$primary-stylename}-menuitem-disabled, - .#{$primary-stylename}-menuitem-disabled:hover { - color: inherit; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_nativebutton.scss b/WebContent/VAADIN/themes/valo/components/_nativebutton.scss deleted file mode 100644 index 9bfca4f396..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_nativebutton.scss +++ /dev/null @@ -1,12 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-nativebutton) - - * - * @group nativebutton - */ -@mixin valo-nativebutton ($primary-stylename: v-nativebutton) { - .#{$primary-stylename} { - -webkit-touch-callout: none; - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/components/_nativeselect.scss b/WebContent/VAADIN/themes/valo/components/_nativeselect.scss deleted file mode 100644 index d0b2caf745..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_nativeselect.scss +++ /dev/null @@ -1,45 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-select) - - * - * @group nativeselect - */ -@mixin valo-nativeselect ($primary-stylename: v-select) { - .#{$primary-stylename} select { - @include valo-nativeselect-select-style; - } - - .#{$primary-stylename}-select { - display: block; - - + .v-textfield { - width: auto !important; - margin-top: round($v-unit-size/4); - - + .v-nativebutton { - margin-top: round($v-unit-size/4); - margin-left: round($v-unit-size/4); - } - } - } -} - - - -/** - * - * - * - * @group nativeselect - */ -@mixin valo-nativeselect-select-style { - border: valo-border(); - @include valo-gradient; - color: valo-font-color($v-background-color); - - &:focus { - outline: none; - @include valo-focus-style; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_notification.scss b/WebContent/VAADIN/themes/valo/components/_notification.scss deleted file mode 100644 index ee3cf67a7c..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_notification.scss +++ /dev/null @@ -1,433 +0,0 @@ - /** - * - * @group notification - */ -$v-notification-title-color: $v-focus-color !default; - - -/** - * - * - * @param {string} $primary-stylename (v-Notification) - - * @param {bool} $include-additional-styles - - * - * @group notification - */ -@mixin valo-notification ($primary-stylename: v-Notification, $include-additional-styles: contains($v-included-additional-styles, notification)) { - - // Positional offsets - - .#{$primary-stylename} { - &.v-position-top { - top: $v-layout-spacing-vertical; - } - - &.v-position-right { - right: $v-layout-spacing-horizontal; - } - - &.v-position-bottom { - bottom: $v-layout-spacing-vertical; - } - - &.v-position-left { - left: $v-layout-spacing-horizontal; - } - - &.v-position-assistive { - top: -9999px; - left: -9999px; - } - } - - // Custom animations for positions - - @if $v-animations-enabled { - - .#{$primary-stylename}-animate-in { - @include animation(valo-animate-in-fade 180ms 10ms backwards); - - &.v-position-top { - @include animation(valo-animate-in-slide-down 400ms 10ms backwards); - } - - &.v-position-bottom { - @include animation(valo-animate-in-slide-up 400ms 10ms backwards); - } - } - - .#{$primary-stylename}-animate-out { - @include animation(valo-animate-out-fade 150ms); - - &.v-position-top, - &.v-position-bottom { - @include animation(valo-animate-out-slide-down-fade 200ms); - } - } - } - - // Default style (a.k.a. humanized) - - .#{$primary-stylename} { - border-radius: $v-border-radius; - text-align: center; - position: fixed !important; - - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; - - @include valo-notification-style($primary-stylename); - - } - - .#{$primary-stylename}-caption { - margin: 0; - display: inline-block; - text-align: left; - font-weight: inherit; - line-height: inherit; - white-space: nowrap; - letter-spacing: 0; - } - - .#{$primary-stylename}-description, .#{$primary-stylename}-details { - margin: 0; - display: inline-block; - vertical-align: middle; - max-width: 30em; - text-align: left; - max-height: 20em; - overflow: auto; - } - - .#{$primary-stylename}-caption ~ .#{$primary-stylename}-description, - .#{$primary-stylename}-caption ~ .#{$primary-stylename}-details { - margin-left: round($v-font-size * 1.5); - } - - .v-icon + .#{$primary-stylename}-caption { - margin-left: round($v-font-size); - } - - .#{$primary-stylename}-system { - @include valo-notification-bar-style($primary-stylename); - @include valo-notification-system-style($primary-stylename); - } - - .#{$primary-stylename}.tray { - text-align: left; - .#{$primary-stylename}-caption { - //display: block; - } - - .#{$primary-stylename}-caption + .#{$primary-stylename}-description { - display: block; - margin: .5em 0 0; - } - @include valo-notification-tray-style; - } - - .#{$primary-stylename}.warning { - @include valo-notification-warning-style($primary-stylename); - } - - .#{$primary-stylename}.error { - @include valo-notification-error-style($primary-stylename); - } - - - @if $include-additional-styles { - .#{$primary-stylename}.dark { - @include valo-notification-dark-style($primary-stylename); - } - - .#{$primary-stylename}.bar { - @include valo-notification-bar-style($primary-stylename); - } - - .#{$primary-stylename}.small { - @include valo-notification-small-style($primary-stylename); - } - - .#{$primary-stylename}.closable { - @include valo-notification-closable-style; - - &.dark, - &.error, - &.system { - &:after { - color: #fff; - border-color: #fff; - border-color: rgba(255,255,255,.3); - } - &:active:after { - background-color: #fff; - color: #000; - } - } - - &.tray:after { - top: round($v-unit-size/2.3); - margin-top: 0; - } - } - - .#{$primary-stylename}.success, - .#{$primary-stylename}.failure { - background: #fff; - color: #555; - border: 2px solid $v-friendly-color; - - .#{$primary-stylename}-caption { - color: $v-friendly-color; - font-weight: $v-font-weight + 100; - - &:before { - font-family: ThemeIcons; - content: "\f00c"; - margin-right: .5em; - } - } - - &.bar { - margin: -2px !important; - } - } - - .#{$primary-stylename}.failure { - border-color: $v-error-indicator-color; - - .#{$primary-stylename}-caption { - color: $v-error-indicator-color; - - &:before { - content: "\f05e"; - } - } - } - } -} - - - - -/** - * - * - * - * @group notification - */ -@mixin valo-notification-closable-style { - padding-right: $v-unit-size + round($v-unit-size/1.7); - overflow: hidden !important; // Override GWT PopupPanel - cursor: pointer; - - &:after { - content: "\00d7"; - font-size: 1.5em; - position: absolute; - top: 50%; - margin-top: round($v-unit-size/-3); - right: round($v-unit-size/3); - width: round($v-unit-size/1.5); - height: round($v-unit-size/1.5); - line-height: round($v-unit-size/1.5) - 1px; - cursor: pointer; - $color: if(is-dark-color($v-overlay-background-color), #fff, #000); - color: $color; - @include opacity(.5); - text-align: center; - border: first-number($v-border) solid $color; - border-color: rgba($color, .3); - border-radius: 50%; - @include transition(opacity 200ms); - } - - &:hover:after { - @include opacity(1); - } - - &:active:after { - $color: if(is-dark-color($v-overlay-background-color), #000, #fff); - $bg: if(is-dark-color($v-overlay-background-color), #fff, #000); - background-color: $bg; - color: $color; - @include opacity(.3); - @include transition(none 200ms); - } -} - - - - - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-style ($primary-style) { - background: $v-overlay-background-color; - @include box-shadow(0px 5px 15px 0px rgba(0,0,0,0.15)); - padding: round($v-unit-size/2) round($v-unit-size/1.7); - - .#{$primary-style}-caption { - color: $v-notification-title-color; - font-size: round($v-font-size * 1.2); - line-height: 1; - } - .#{$primary-style}-description { - line-height: 1.4; - } -} - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-bar-style ($primary-style) { - left: 0 !important; - right: 0; - max-width: 100%; - margin: 0 !important; - border-radius: 0; - @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); - padding: round($v-unit-size/3) round($v-unit-size/2.5); - - .#{$primary-style}-description, .#{$primary-style}-details { - max-width: 50em; - } - - &.v-position-top { - top: 0; - - @if $v-animations-enabled { - &[class*="animate-in"] { - @include animation(valo-animate-in-slide-down 300ms 10ms backwards); - } - - &[class*="animate-out"] { - @include animation(valo-animate-out-slide-up 200ms); - } - } - } - - &.v-position-bottom { - bottom: 0; - - @if $v-animations-enabled { - &[class*="animate-in"] { - @include animation(valo-animate-in-slide-up 300ms 10ms backwards); - } - - &[class*="animate-out"] { - @include animation(valo-animate-out-slide-down 200ms); - } - } - } -} - -/** - * - * - * - * @group notification - */ -@mixin valo-notification-dark-style ($primary-style) { - background-color: #444; - background-color: rgba(#444, .9); - font-weight: $v-font-weight + 100; - line-height: round($v-font-size * 1.4); - - .#{$primary-style}-caption { - color: #fff; - vertical-align: middle; - } - - .#{$primary-style}-description, .#{$primary-style}-details { - color: #e6e6e6; - } -} - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-system-style ($primary-style) { - @include valo-notification-dark-style($primary-style); - - // No need to underline the "click here" text, let's imply that the whole banner is clickable - u { - text-decoration: none; - } -} - -/** - * - * - * - * @group notification - */ -@mixin valo-notification-tray-style {} - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-warning-style ($primary-style) { - background: #FFF3D2; - - .#{$primary-style}-caption { - color: #AC7C00; - } - - .#{$primary-style}-description { - color: #9D874D; - } -} - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-error-style ($primary-style) { - background: $v-error-indicator-color; - font-weight: $v-font-weight + 100; - @include box-shadow(0px 5px 15px 0px rgba(0,0,0,0.25)); - - .#{$primary-style}-caption { - color: valo-font-color($v-error-indicator-color, 1); - } - - .#{$primary-style}-description { - color: valo-font-color($v-error-indicator-color, .8); - } -} - -/** - * - * @param {string} $primary-style - * - * @group notification - */ -@mixin valo-notification-small-style ($primary-style) { - padding: round($v-unit-size/3.3) round($v-unit-size/2.8); - - .#{$primary-style}-caption { - font-size: $v-font-size; - } - .#{$primary-style}-description { - font-size: round($v-font-size * 0.85); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_optiongroup.scss b/WebContent/VAADIN/themes/valo/components/_optiongroup.scss deleted file mode 100644 index 84e0a821d3..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_optiongroup.scss +++ /dev/null @@ -1,132 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-select-optiongroup) - - * @param {bool} $include-additional-styles - - * - * @group optiongroup - */ -@mixin valo-optiongroup ($primary-stylename: v-select-optiongroup, $include-additional-styles: contains($v-included-additional-styles, optiongroup)) { - - .v-radiobutton { - @include valo-radiobutton-style; - } - - .#{$primary-stylename} { - @include valo-optiongroup-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-small { - @include valo-optiongroup-style($unit-size: $v-unit-size--small); - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-optiongroup-style($unit-size: $v-unit-size--large); - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-horizontal { - @include valo-optiongroup-horizontal; - } - } - -} - - -/** - * - * - * @param {color} $background-color ($v-background-color) - - * @param {size} $unit-size ($v-unit-size) - - * @param {color} $selection-color ($v-selection-color) - - * - * @group optiongroup - */ -@mixin valo-radiobutton-style ($background-color: $v-background-color, $unit-size: $v-unit-size, $selection-color: $v-selection-color) { - @include valo-checkbox-style($background-color: $background-color, $unit-size: $unit-size, $selection-color: $selection-color); - - :root & > input { - &:checked ~ label:after { - $size: ceil($unit-size/6); - $offset: round($unit-size/6); - width: $size; - height: $size; - top: $offset; - left: $offset; - background: $selection-color; - } - - & ~ label:before, - & ~ label:after { - border-radius: 50%; - content: ""; - } - } -} - - - -/** - * - * - * @param {size} $unit-size ($v-unit-size) - - * @param {size} $font-size ($v-font-size) - - * - * @group optiongroup - */ -@mixin valo-optiongroup-style ($unit-size: $v-unit-size, $font-size: $v-font-size) { - - @if $unit-size != $v-unit-size { - .v-checkbox { - @include valo-checkbox-style($unit-size: $unit-size); - } - .v-radiobutton { - @include valo-radiobutton-style($unit-size: $unit-size); - } - } - - .v-radiobutton, - .v-checkbox { - display: block; - margin: round($unit-size/4) $font-size 0 0; - - &:first-child { - margin-top: round($unit-size/6); - } - - &:last-child { - margin-bottom: round($unit-size/6); - } - } - - &.v-has-width label { - white-space: normal; - } -} - - -/** - * - * - * - * @group optiongroup - */ -@mixin valo-optiongroup-horizontal { - white-space: nowrap; - - .v-radiobutton, - .v-checkbox { - display: inline-block; - } - - &.v-has-width { - white-space: normal; - - label { - white-space: nowrap; - } - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss b/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss deleted file mode 100644 index 8a7c877d69..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_orderedlayout.scss +++ /dev/null @@ -1,222 +0,0 @@ -/** - * - * - * - * @group orderedlayout - */ -@mixin valo-orderedlayout-global { - - div.v-layout.v-horizontal.v-widget { - white-space: nowrap; - } - - .v-layout.v-vertical > .v-expand, - .v-layout.v-horizontal > .v-expand { - @include box-sizing(border-box); - width: 100%; - height: 100%; - } - - .v-slot, - .v-spacing { - display: inline-block; - white-space: nowrap; - vertical-align: top; - } - - // Clear any floats inside the slot, to prevent unwanted collapsing - .v-vertical > .v-slot:after { - display: inline-block; - clear: both; - width: 0; - height: 0; - overflow: hidden; - } - - .v-vertical > .v-slot, - .v-vertical > .v-expand > .v-slot { - display: block; - clear: both; - } - - .v-horizontal > .v-slot, - .v-horizontal > .v-expand > .v-slot { - height: 100%; - } - - /* Workaround for IE8+IE9 bug where clicking inside an input area which is inside a div with negative margin causes cursor position to jump to wrong position. See #11152 */ - .v-horizontal > .v-expand > .v-slot { - position: relative; - } - - .v-vertical > .v-spacing, - .v-vertical > .v-expand > .v-spacing { - width: 0 !important; - display: block; - clear: both; - } - - .v-horizontal > .v-spacing, - .v-horizontal > .v-expand > .v-spacing { - height: 0 !important; - } - - .v-align-middle:before, - .v-align-bottom:before, - .v-expand > .v-align-middle:before, - .v-expand > .v-align-bottom:before { - content: ""; - display: inline-block; - height: 100%; - vertical-align: middle; - width: 0; - } - - .v-align-middle, - .v-align-bottom { - white-space: nowrap; - } - - .v-align-middle > .v-widget, - .v-align-bottom > .v-widget { - display: inline-block; - } - - .v-align-middle, - .v-align-middle > .v-widget { - vertical-align: middle; - } - - .v-align-bottom, - .v-align-bottom > .v-widget { - vertical-align: bottom; - } - - .v-align-center { - text-align: center; - } - - .v-align-center > .v-widget { - margin-left: auto; - margin-right: auto; - } - - .v-align-right { - text-align: right; - } - - .v-align-right > .v-widget { - margin-left: auto; - } - - .v-has-caption, - .v-has-caption > .v-caption { - // Force natural width to zero - display: inline-block; - } - - .v-caption-on-left, - .v-caption-on-right { - white-space: nowrap; - } - - .v-caption-on-top > .v-caption, - .v-caption-on-bottom > .v-caption { - display: block; - } - - .v-caption-on-left > .v-caption { - padding-right: .5em; - } - - .v-caption-on-right > .v-caption { - //vertical-align: top; - } - - .v-caption-on-left > .v-widget, - .v-caption-on-right > .v-widget { - display: inline-block; - //vertical-align: middle; - } - - .v-has-caption.v-has-width > .v-widget { - width: 100% !important; - } - - .v-has-caption.v-has-height > .v-widget { - height: 100% !important; - } - -} - - - -/** - * - * - * @param {bool} $include-additional-styles - - * - * @group orderedlayout - */ -@mixin valo-orderedlayout ($include-additional-styles: contains($v-included-additional-styles, orderedlayout) or contains($v-included-additional-styles, verticallayout) or contains($v-included-additional-styles, horizontallayout)) { - - .v-margin-top { - padding-top: $v-layout-margin-top; - } - - .v-margin-right { - padding-right: $v-layout-margin-right; - } - - .v-margin-bottom { - padding-bottom: $v-layout-margin-bottom; - } - - .v-margin-left { - padding-left: $v-layout-margin-left; - } - - .v-spacing { - width: $v-layout-spacing-horizontal; - height: $v-layout-spacing-vertical; - } - - @if $include-additional-styles { - .v-verticallayout-well, - .v-horizontallayout-well { - @include valo-panel-well-style; - @include valo-panel-adjust-content-margins; - } - - .v-verticallayout-card, - .v-horizontallayout-card { - @include valo-panel-style; - @include valo-panel-adjust-content-margins; - } - - .v-horizontallayout-wrapping { - @include valo-horizontallayout-wrapping-style; - } - } - -} - - -/** - * - * - * - * @group orderedlayout - */ -@mixin valo-horizontallayout-wrapping-style { - white-space: normal !important; - - & > .v-spacing + .v-slot, - & > .v-slot:first-child { - margin-bottom: $v-layout-spacing-vertical; - } - - & > .v-slot:first-child:last-child { - margin-bottom: 0; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_panel.scss b/WebContent/VAADIN/themes/valo/components/_panel.scss deleted file mode 100644 index 42a4ff3a3d..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_panel.scss +++ /dev/null @@ -1,255 +0,0 @@ -/** - * - * @group panel - */ -$v-panel-background-color: scale-color(lighten($v-app-background-color, 5%), $saturation: -5%) !default; - -/** - * - * @group panel - */ - $v-panel-border: $v-border !default; - -/** - * - * - * @param {string} $primary-stylename (v-panel) - - * @param {bool} $include-additional-styles - - * - * @group panel - */ -@mixin valo-panel ($primary-stylename: v-panel, $include-additional-styles: contains($v-included-additional-styles, panel)) { - - .#{$primary-stylename} { - @include valo-panel-style; - overflow: visible !important; - } - - .#{$primary-stylename}-caption { - @include valo-panel-caption-style; - border-radius: $v-border-radius - first-number($v-border) $v-border-radius - first-number($v-border) 0 0; - } - - .#{$primary-stylename}-content { - @include box-sizing(border-box); - width: 100%; - height: 100%; - @include valo-panel-adjust-content-margins; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - @include valo-panel-borderless-style; - } - - .#{$primary-stylename}-well { - @include valo-panel-well-style; - } - - .#{$primary-stylename}-scroll-divider { - @include valo-panel-scroll-divider-style; - } - - .#{$primary-stylename}-caption.v-horizontallayout { - height: auto !important; - line-height: 0; - - .v-slot { - vertical-align: middle; - } - - .v-label { - line-height: $v-unit-size; - } - } - } - -} - - - -/** - * - * - * @param {string} $primary-stylename (v-panel) - - * @param {color} $background-color ($v-panel-background-color) - - * @param {list} $shadow ($v-shadow) - - * @param {list} $border ($v-panel-border) - - * @param {string} $border-radius ($v-border-radius) - - * - * @group panel - */ -@mixin valo-panel-style ($primary-stylename: v-panel, $background-color : $v-panel-background-color, $shadow : $v-shadow, $border : $v-panel-border, $border-radius : $v-border-radius ) { - background: $background-color; - color: valo-font-color($background-color); - border-radius: $border-radius; - border: valo-border($border: $border, $color: darkest-color($background-color, $v-app-background-color), $strength: 0.7); - @include box-shadow(valo-bevel-and-shadow($shadow: $shadow)); -} - - - -/** - * - * - * @param {color} $background-color ($v-background-color) - - * @param {list} $bevel ($v-bevel) - - * @param {list} $gradient (valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4) - - * @param {list} $border ($v-panel-border) - - * - * @group panel - */ -@mixin valo-panel-caption-style ( $background-color : $v-background-color, $bevel : $v-bevel, $gradient : valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4, $border : $v-panel-border ) { - @include box-sizing(border-box); - padding: 0 round($v-unit-size/3); - line-height: $v-unit-size - first-number($v-border); - $bg: $background-color; - - $shadow: null; - @if color-luminance($background-color) < color-luminance($v-background-color) - 10 { - $border-style: valo-border($border: $border, $color: $bg, $strength: 0.7); - $shadow: 0 0 0 first-number($border-style) first-color($border-style); - border-bottom: none; - margin-bottom: first-number($border-style); - - .v-ie8 & { - outline: first-number($border-style) solid first-color($border-style); - } - } @else { - border-bottom: valo-border($border: $border, $color: $v-background-color, $strength: 0.7); - } - @include valo-gradient($color: $bg, $gradient: $gradient); - color: valo-font-color($bg); - font-weight: $v-caption-font-weight; - font-size: $v-caption-font-size; - @include box-shadow(valo-bevel-and-shadow($background-color: $bg, $bevel: $bevel, $shadow: $shadow, $gradient: $gradient)); - text-shadow: valo-text-shadow(valo-font-color($bg), $bg); -} - - - -/** - * - * - * @param {list} $shadow (false) - - * - * @group panel - */ -@mixin valo-panel-well-style ($shadow: false) { - @if $shadow == false { - $new-shadow: (); - @if list-of-lists($v-shadow) { - @each $part in $v-shadow { - $new-part: join(inset, $part); - $new-shadow: $new-shadow, $new-part; - } - } @else { - $new-shadow: join(inset, $v-shadow); - } - $shadow: 0 1px 0 0 v-tint, $new-shadow; - } - $bg: scale-color(adjust-color($v-background-color, $lightness: -2%), $saturation: -1.5%); - background: $bg; - color: valo-font-color($bg); - @include box-shadow(valo-bevel-and-shadow($shadow: $shadow)); - border-radius: $v-border-radius; - border: valo-border(); - - > div > [class*="-caption"] { - background: transparent; - @include box-shadow(none); - } -} - - - -/** - * - * - * - * @group panel - */ -@mixin valo-panel-borderless-style { - background: transparent; - color: inherit; - border: none; - border-radius: 0; - @include box-shadow(none); - - > div > [class*="-caption"] { - background: transparent; - @include box-shadow(none); - color: inherit; - padding: 0; - margin: 0 round($v-unit-size/3); - border-bottom: none; - } -} - - - -/** - * - * - * @param {size} $border-width (max(1px, first-number($v-panel-border))) - - * - * @group panel - */ -@mixin valo-panel-scroll-divider-style ($border-width: max(1px, first-number($v-panel-border))) { - > [class*="-captionwrap"] { - position: relative; - z-index: 2; - - &:after { - content: ""; - position: absolute; - bottom: -$border-width; - right: 0; - left: 0; - height: 0; - border-top: $border-width solid first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - $border-color: first-color(valo-border($color: $v-app-background-color, $strength: 1)); - border-color: rgba($border-color, .5); - } - } - - > [class*="-content"] { - &:before { - content: ""; - position: absolute; - z-index: 2; - top: 0; - height: 0; - border-top: $border-width solid $v-app-background-color; - left: 0; - right: 0; - } - } -} - - - -/** - * - * - * - * @group panel - */ -@mixin valo-panel-adjust-content-margins { - > .v-margin-top { - padding-top: round($v-unit-size/3); - } - - > .v-margin-right { - padding-right: round($v-unit-size/3); - } - - > .v-margin-bottom { - padding-bottom: round($v-unit-size/3); - } - - > .v-margin-left { - padding-left: round($v-unit-size/3); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_popupview.scss b/WebContent/VAADIN/themes/valo/components/_popupview.scss deleted file mode 100644 index f7f8ef35b7..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_popupview.scss +++ /dev/null @@ -1,31 +0,0 @@ -@include keyframes(v-popupview-animate-in) { - 0% { - @include transform(scale(0)); - } -} - -/** - * - * - * @param {string} $primary-stylename (v-popupview) - - * - * @group popupview - */ -@mixin valo-popupview ($primary-stylename: v-popupview) { - .#{$primary-stylename} { - @include valo-link-style; - } - - .#{$primary-stylename}-popup { - @include valo-overlay-style($animate-in: v-popupview-animate-in 120ms, $animate-out: (valo-animate-out-fade 120ms)); - - .popupContent { - @include valo-panel-adjust-content-margins; - } - } - - .#{$primary-stylename}-loading { - margin: $v-layout-spacing-vertical $v-layout-spacing-horizontal; - @include valo-spinner; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_progressbar.scss b/WebContent/VAADIN/themes/valo/components/_progressbar.scss deleted file mode 100644 index 1dc8ef1b63..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_progressbar.scss +++ /dev/null @@ -1,94 +0,0 @@ -/** - * - * @group progressbar - */ -$v-progressbar-border-radius: $v-border-radius !default; - - -/** - * - * - * @param {string} $primary-stylename (v-progressbar) - - * - * @group progressbar - */ -@mixin valo-progressbar ($primary-stylename: v-progressbar) { - - .#{$primary-stylename}-wrapper { - @include valo-progressbar-track-style; - min-width: $v-unit-size * 2; - } - - .#{$primary-stylename}-indicator { - @include valo-progressbar-indicator-style; - min-width: max($v-border-radius*2, 3px); - @include transition(width 160ms ); - } - - - .#{$primary-stylename}-point { - .#{$primary-stylename}-indicator { - background: transparent; - @include box-shadow(none); - border: none; - text-align: right; - overflow: hidden; - - &:before { - content: ""; - display: inline-block; - @include valo-progressbar-indicator-style; - width: round($v-unit-size/4); - vertical-align: top; - } - } - } - - .#{$primary-stylename}-indeterminate { - @include valo-spinner; - - .#{$primary-stylename}-wrapper { - display: none; - } - } - -} - - -/** - * - * - * @param {color} $background-color ($v-background-color) - - * - * @group progressbar - */ -@mixin valo-progressbar-track-style ($background-color: $v-background-color) { - border-radius: $v-progressbar-border-radius; - height: round($v-unit-size/4); - $bg-lightness: if(color-luminance($background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); - @include valo-gradient($color: scale-color($background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to top); - @include box-sizing(border-box); -} - - -/** - * - * - * @param {color} $background-color ($v-selection-color) - - * @param {string} $border ($v-border) - - * - * @group progressbar - */ -@mixin valo-progressbar-indicator-style ($background-color: $v-selection-color, $border: $v-border) { - border-radius: $v-progressbar-border-radius; - height: inherit; - @include valo-gradient($color: $background-color); - @include box-shadow(valo-bevel-and-shadow($background-color: $background-color)); - @if $border { - border: valo-border($border: $border, $color: $background-color, $context: $v-app-background-color); - } @else { - border: none; - } - @include box-sizing(border-box); - max-width: 100%; -} diff --git a/WebContent/VAADIN/themes/valo/components/_richtextarea.scss b/WebContent/VAADIN/themes/valo/components/_richtextarea.scss deleted file mode 100644 index 7aa55b0fce..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_richtextarea.scss +++ /dev/null @@ -1,109 +0,0 @@ -/** - * - * @group richtextarea - */ -$valo-richtextarea-use-valo-icons: true !default; - -/** - * - * - * @param {string} $primary-stylename (v-richtextarea) - - * - * @group richtextarea - */ -@mixin valo-richtextarea ($primary-stylename: v-richtextarea) { - .#{$primary-stylename} { - @include valo-textfield-style($states: normal, $padding: 0); - height: auto; - overflow: hidden; - } - - .#{$primary-stylename} .gwt-RichTextToolbar { - @include valo-gradient($color: $v-background-color); - @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-background-color, $gradient: $v-gradient)); - border-bottom: valo-border(); - color: valo-font-color($v-background-color); - } - - .#{$primary-stylename} .gwt-ToggleButton, - .#{$primary-stylename} .gwt-PushButton { - display: inline-block; - line-height: $v-unit-size; - width: $v-unit-size; - text-align: center; - outline: none; - - &:hover { - color: valo-font-color($v-background-color, 1); - } - } - - .#{$primary-stylename} .gwt-ToggleButton-down, - .#{$primary-stylename} .gwt-ToggleButton-down-hovering { - $grad: valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4; - //box-shadow: none; - @include valo-gradient($color: darken($v-background-color, 10%), $gradient: $grad, $direction: to top); - } - - @if $valo-richtextarea-use-valo-icons { - - // List of title attribute values and Valo Icons for the formatting buttons - $icons: "Toggle Bold" "\f032", - "Toggle Italic" "\f033", - "Toggle Underline" "\f0cd", - "Toggle Subscript" "\f12c", - "Toggle Superscript" "\f12b", - "Left Justify" "\f036", - "Center" "\f037", - "Right Justify" "\f038", - "Toggle Strikethrough" "\f0cc", - "Indent Right" "\f03c", - "Indent Left" "\f03b", - "Insert Horizontal Rule" "\2014", - "Insert Ordered List" "\f0cb", - "Insert Unordered List" "\f0ca", - "Insert Image" "\f03e", - "Create Link" "\f0c1", - "Remove Link" "\f127", - "Remove Formatting" "\f12d"; - - .#{$primary-stylename} .gwt-RichTextToolbar-top { - img { - display: none; - } - - div:before { - font-family: ThemeIcons; - } - - @each $pair in $icons { - $first-of-pair: first($pair); - $last-of-pair: last($pair); - div[title="#{$first-of-pair}"]:before { - content: "#{$last-of-pair}"; - } - } - } - } // Use ThemeIcons - - .#{$primary-stylename} .gwt-RichTextToolbar-bottom { - font-size: round($v-font-size * 0.8); - padding: 0 round($v-unit-size/4) round($v-unit-size/4) 0; - - select { - margin: round($v-unit-size/4) 0 0 round($v-unit-size/4); - } - } - - .#{$primary-stylename} .gwt-RichTextArea { - background: #fff; - border: none; - display: block; - } - - .#{$primary-stylename}-readonly { - padding: ceil($v-unit-size/9) ceil($v-unit-size/6); - background: transparent; - } - -} diff --git a/WebContent/VAADIN/themes/valo/components/_slider.scss b/WebContent/VAADIN/themes/valo/components/_slider.scss deleted file mode 100644 index 6dab5be94b..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_slider.scss +++ /dev/null @@ -1,352 +0,0 @@ -/** - * - * @group slider - */ -$v-slider-track-size: round($v-unit-size/8) !default; - -/** - * - * @group slider - */ -$v-slider-track-border-radius: null !default; - -/** - * - * @group slider - */ -$v-slider-handle-width: round($v-unit-size/1.8) !default; - -/** - * - * @group slider - */ -$v-slider-handle-height: round($v-unit-size/1.8) !default; - -/** - * - * @group slider - */ -$v-slider-handle-border-radius: ceil($v-slider-handle-width/2) !default; - -/** - * - * @group slider - */ -$_valo-slider-base-margin-vertical: round(($v-unit-size - $v-slider-track-size)/2); - -/** - * - * @group slider - */ -$_valo-slider-base-margin-horizontal: round($v-slider-handle-width/2); - - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * @param {bool} $include-additional-styles - - * - * @group slider - */ -@mixin valo-slider ($primary-stylename: v-slider, $include-additional-styles: contains($v-included-additional-styles, slider)) { - - // Round to an even number - $v-slider-track-size: $v-slider-track-size + $v-slider-track-size%2; - $v-slider-handle-width: $v-slider-handle-width + $v-slider-handle-width%2; - $v-slider-handle-height: $v-slider-handle-height + $v-slider-handle-height%2; - - .#{$primary-stylename} { - position: relative; - - &:focus { - outline: none; - - .#{$primary-stylename}-handle:after { - opacity: 1; - - .v-ie8 & { - visibility: visible; - } - } - } - - &.v-disabled { - @include opacity($v-disabled-opacity); - } - } - - .#{$primary-stylename}-base { - @include valo-progressbar-track-style; - min-width: $v-unit-size * 2; - height: $v-slider-track-size; - margin: $_valo-slider-base-margin-vertical $_valo-slider-base-margin-horizontal; - white-space: nowrap; - overflow: hidden; - border-radius: $v-slider-track-border-radius; - - &:before { - content: ""; - position: absolute; - top: $_valo-slider-base-margin-vertical; - bottom: $_valo-slider-base-margin-vertical; - left: $_valo-slider-base-margin-horizontal; - width: $v-border-radius * 2; - border-radius: $v-border-radius; - border-left: valo-border($color: $v-selection-color, $context: $v-app-background-color); - } - - &:after { - @include valo-progressbar-indicator-style; - content: ""; - display: inline-block; - margin-left: -100%; - width: 100%; - vertical-align: top; - - .v-ie8 & { - position: relative; - left: round(-$v-slider-handle-width/2); - } - } - } - - .v-has-width > .#{$primary-stylename}-base { - min-width: 0; - } - - .#{$primary-stylename}-handle { - margin-top: round(($v-unit-size - $v-slider-track-size)/-2); - width: .1px; // Firefox needs a non-zero value - display: inline-block; - vertical-align: top; - - &:before { - @include valo-button-style; - } - - &:after { - border: valo-border(); - @include valo-button-focus-style($border-fallback: null); - opacity: 0; - @if $v-animations-enabled { - @include transition(opacity 200ms); - } - - .v-ie8 & { - visibility: hidden; - } - } - - &:before, - &:after { - content: ""; - @include box-sizing(border-box); - padding: 0; - width: $v-slider-handle-width; - height: $v-slider-handle-height; - border-radius: $v-slider-handle-border-radius; - position: absolute; - z-index: 1; - margin-top: round(($v-unit-size - $v-slider-handle-height)/2); - margin-left: round($v-slider-handle-width/-2); - } - } - - .#{$primary-stylename}-feedback { - @include valo-tooltip-style; - } - - - - // Vertical - - - - .#{$primary-stylename}-vertical { - padding: round($v-slider-handle-width/2) 0; - height: $v-unit-size * 2 + $v-slider-handle-width; // Effectively min-height - - .#{$primary-stylename}-base { - $bg-lightness: if(color-luminance($v-background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); - @include valo-gradient($color: scale-color($v-background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to left); - width: $v-slider-track-size; - height: 100% !important; - min-width: 0; - margin: 0 round(($v-unit-size - $v-slider-track-size)/2); - - &:before { - top: auto; - bottom: $_valo-slider-base-margin-horizontal; - left: $_valo-slider-base-margin-vertical; - right: $_valo-slider-base-margin-vertical; - width: auto; - height: $v-border-radius * 2; - border-left: none; - border-bottom: valo-border($color: $v-selection-color, $context: $v-app-background-color); - } - - &:after { - height: 101%; - margin-left: 0; - @include valo-gradient($color: $v-selection-color, $direction: to right); - - .v-ie8 & { - top: round($v-slider-handle-width/2); - left: 0; - height: 130%; - } - } - } - - .#{$primary-stylename}-handle { - width: 0; - height: .1px; - width: $v-unit-size; - display: block; - - &:before, - &:after { - width: $v-slider-handle-height; - height: $v-slider-handle-width; - margin-top: round($v-slider-handle-width/-2); - margin-left: round(($v-slider-handle-height - $v-slider-track-size)/-2); - } - } - } - - - @if $include-additional-styles { - .#{$primary-stylename}-no-indicator { - @include valo-slider-no-indicator; - } - } - -} - - - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * @param {color} $background-color ($v-background-color) - - * - * @group slider - */ -@mixin valo-slider-track-style ($primary-stylename: v-slider, $background-color: $v-background-color) { - .#{$primary-stylename}-base { - @include valo-progressbar-track-style($background-color: $background-color); - height: $v-slider-track-size; - } - - &.#{$primary-stylename}-vertical { - .#{$primary-stylename}-base { - $bg-lightness: if(color-luminance($background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); - @include valo-gradient($color: scale-color($background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to left); - } - } -} - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * @param {color} $background-color ($v-selection-color) - - * @param {list} $border ($v-border) - - * - * @group slider - */ -@mixin valo-slider-indicator-style ($primary-stylename: v-slider, $background-color: $v-selection-color, $border: $v-border) { - .#{$primary-stylename}-base { - &:before { - border-color: first-color(valo-border($border: $border, $color: $background-color, $context: $v-app-background-color)); - } - - &:after { - @include valo-progressbar-indicator-style($background-color: $background-color, $border: $border); - } - } - - &.#{$primary-stylename}-vertical { - .#{$primary-stylename}-base { - &:after { - @include valo-gradient($color: $background-color, $direction: to right); - } - } - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * - * @group slider - */ -@mixin valo-slider-no-indicator ($primary-stylename: v-slider) { - .#{$primary-stylename}-base:before, - .#{$primary-stylename}-base:after { - display: none; - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * @param {color} $background-color ($v-background-color) - - * - * @group slider - */ -@mixin valo-slider-handle-style ($primary-stylename: v-slider, $background-color: $v-background-color) { - .#{$primary-stylename}-handle { - &:before { - @include valo-button-style($background-color: $background-color, $unit-size: null, $border-radius: null); - } - - &:after { - border: valo-border($color: $background-color); - @include valo-button-focus-style($background-color: $background-color, $border-fallback: null); - } - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-slider) - - * @param {number} $tick-count (5) - - * - * @group slider - */ -@mixin valo-slider-ticks ($primary-stylename: v-slider, $tick-count: 5) { - $tick-size: max(1px, first-number($v-border)); - $tick-color: first-color(valo-border($strength: 0.7)); - - &:before { - content: ""; - height: 15%; - position: absolute; - @include linear-gradient(to right, $tick-color $tick-size, transparent $tick-size, $fallback: transparent); - background-repeat: repeat-x; - background-size: 100%/($tick-count - 1) - 0.1% 100%; - left: $_valo-slider-base-margin-horizontal; - right: $_valo-slider-base-margin-horizontal; - } - - &.#{$primary-stylename}-vertical:before { - height: auto; - width: 15%; - @include linear-gradient(to bottom, $tick-color $tick-size, transparent $tick-size, $fallback: transparent); - background-repeat: repeat-y; - background-size: 100% 100%/($tick-count - 1) - 0.01%; - right: auto; - left: 0; - top: $_valo-slider-base-margin-horizontal; - bottom: $_valo-slider-base-margin-horizontal; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_splitpanel.scss b/WebContent/VAADIN/themes/valo/components/_splitpanel.scss deleted file mode 100644 index 6877b8327e..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_splitpanel.scss +++ /dev/null @@ -1,231 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-splitpanel) - - * @param {bool} $include-additional-styles - - * - * @group splitpanel - */ -@mixin valo-splitpanel($primary-stylename : v-splitpanel, $include-additional-styles: contains($v-included-additional-styles, splitpanel)) { - .#{$primary-stylename}-horizontal { - @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: horizontal); - } - - .#{$primary-stylename}-vertical { - @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: vertical); - } - - @if $include-additional-styles { - .#{$primary-stylename}-horizontal.large { - @include valo-splitpanel-style($splitter-size: round($v-unit-size/3), $splitter-handle-visible: true, $orientation: horizontal); - } - - .#{$primary-stylename}-vertical.large { - @include valo-splitpanel-style($splitter-size: round($v-unit-size/3), $splitter-handle-visible: true, $orientation: vertical); - } - } -} - - - - -/** - * - * - * @param {string} $primary-stylename (v-splitpanel) - - * - * @group splitpanel - */ -@mixin valo-splitpanel-global ($primary-stylename : v-splitpanel) { - .#{$primary-stylename}-vertical, - .#{$primary-stylename}-horizontal { - overflow: hidden; - white-space: nowrap; - } - - .#{$primary-stylename}-hsplitter { - z-index: 100; - cursor: e-resize; - cursor: col-resize; - } - - .#{$primary-stylename}-vsplitter { - z-index: 100; - cursor: s-resize; - cursor: row-resize; - } - - // Element which acts as the active dragging area - .#{$primary-stylename}-hsplitter, - .#{$primary-stylename}-vsplitter { - &:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - div { - width: inherit; - height: inherit; - overflow: hidden; - position: relative; - } - } - - .#{$primary-stylename}-hsplitter div, - .#{$primary-stylename}-vsplitter div { - &:before { - @include box-sizing(border-box); - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - } - - .v-disabled [class$="splitter"] div { - cursor: default; - - &:before { - display: none; - } - } - - // Allow undefined/auto height for horizontal split - - .#{$primary-stylename}-horizontal > div { - > .#{$primary-stylename}-second-container { - position: static !important; - display: inline-block; - vertical-align: top; - } - - > .#{$primary-stylename}-first-container { - display: inline-block; - vertical-align: top; - } - } -} - - - -/** - * - * - * @param {string} $primary-stylename (v-splitpanel) - - * @param {size} $splitter-size (max(1px, first-number($v-border)) - - * @param {list} $splitter-active-size (round($v-unit-size/3)) - - * @param {bool} $splitter-handle-visible (false) - - * @param {list} $splitter-shadow (none) - - * @param {list} $orientation (vertical horizontal) - - * - * @group splitpanel - */ -@mixin valo-splitpanel-style( - $primary-stylename : v-splitpanel, - $splitter-size: max(1px, first-number($v-border)), - $splitter-active-size: round($v-unit-size/3), - $splitter-handle-visible: false, - $splitter-shadow: none, - $orientation: vertical horizontal - ) { - - $offset: round(($splitter-active-size - $splitter-size)/-2); - - @if contains($orientation, horizontal) { - > div > .#{$primary-stylename}-hsplitter { - width: $splitter-size; - - &:after { - left: $offset; - right: $offset; - } - - div { - &:before { - @include valo-button-style($shadow: $splitter-shadow); - height: auto; - padding: 0; - border-radius: 0; - @include valo-gradient($color: $v-background-color, $direction: to right); - } - - @if $splitter-handle-visible { - &:after { - @include valo-splitpanel-splitter-handle-style($horizontal: true); - } - } - } - } - - > div > .#{$primary-stylename}-second-container { - margin-left: $splitter-size; - } - } - - @if contains($orientation, vertical) { - > div > .#{$primary-stylename}-vsplitter { - height: $splitter-size; - - &:after { - top: $offset; - bottom: $offset; - } - - div { - &:before { - @include valo-button-style($shadow: $splitter-shadow); - height: auto; - padding: 0; - border-radius: 0; - } - - @if $splitter-handle-visible { - &:after { - @include valo-splitpanel-splitter-handle-style; - } - } - } - } - } -} - - - -/** - * - * - * @param {bool} $horizontal (false) - - * @param {bool} $include-common (true) - - * - * @group splitpanel - */ -@mixin valo-splitpanel-splitter-handle-style ($horizontal: false, $include-common: true) { - @if $include-common { - content: ""; - border: valo-border($strength: 0.6); - $border-color: first-color(valo-border($strength: 1.2)); - border-top-color: $border-color; - border-left-color: $border-color; - position: absolute; - top: 50%; - left: 50%; - } - - @if $horizontal { - width: 0; - height: $v-unit-size; - margin-left: first-number($v-border)*-1; - margin-top: round(-$v-unit-size/2); - } @else { - width: $v-unit-size; - height: 0; - margin-left: round(-$v-unit-size/2); - margin-top: first-number($v-border)*-1; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_table.scss b/WebContent/VAADIN/themes/valo/components/_table.scss deleted file mode 100644 index a832b3a4da..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_table.scss +++ /dev/null @@ -1,834 +0,0 @@ -/** - * - * @group table - */ -$v-table-row-height: $v-unit-size !default; - -/** - * - * @group table - */ -$v-table-border-width: first-number($v-border) !default; - -/** - * - * @group table - */ -$v-table-border-color: null !default; - -/** - * - * @group table - */ -$v-table-border-radius: 0 !default; - -/** - * - * @group table - */ -$v-table-cell-padding-horizontal: round($v-unit-size/3) !default; - -/** - * - * @group table - */ -$v-table-resizer-width: round($v-unit-size/4.5) !default; - -/** - * - * @group table - */ -$v-table-sort-indicator-width: round($v-unit-size/2) !default; - -/** - * - * @group table - */ -$v-table-header-font-size: round($v-font-size * 0.86) !default; - -/** - * - * @group table - */ -$v-table-background-color: null !default; - - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-global ($primary-stylename: v-table) { - - .#{$primary-stylename}-header table, - .#{$primary-stylename}-footer table, - .#{$primary-stylename}-table { - border-spacing: 0; - border-collapse: separate; - margin: 0; - padding: 0; - border: 0; - line-height: $v-line-height; - } - - .#{$primary-stylename}-resizer, - .#{$primary-stylename}-sort-indicator { - float: right; - } - - .#{$primary-stylename}-caption-container-align-center { - text-align: center; - } - - .#{$primary-stylename}-caption-container-align-right { - text-align: right; - } - - .#{$primary-stylename}-header td, - .#{$primary-stylename}-footer td, - .#{$primary-stylename}-cell-content { - padding: 0; - } - - .#{$primary-stylename}-sort-indicator { - width: 0; - } - -} - - - - -/** - * - * - * @param {color} $context ($v-background-color) - - * - * @return {color} - - * - * @group table - */ -@function valo-table-background-color($context: $v-background-color) { - @if is-dark-color($context) { - @return darken($context, 2%); - } - @return lighten($context, 2%); -} - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * @param {bool} $include-additional-styles - - * - * @group table - */ -@mixin valo-table ($primary-stylename: v-table, $include-additional-styles: contains($v-included-additional-styles, table)) { - - $background-color: $v-table-background-color or valo-table-background-color(); - $border-color: $v-table-border-color or first-color(valo-border($color: $background-color, $strength: 0.8)); - - .#{$primary-stylename} { - // For scroll position indicator - position: relative; - background: $v-background-color; - color: valo-font-color($v-background-color); - - // Hide row focus outline - overflow: hidden; - } - - .#{$primary-stylename}-header table, - .#{$primary-stylename}-footer table, - .#{$primary-stylename}-table { - @include box-shadow(0 0 0 $v-table-border-width $border-color); - - .v-ie8 & { - outline: $v-table-border-width solid $border-color; - } - } - - .#{$primary-stylename}-header-wrap, - .#{$primary-stylename}-footer-wrap, - .#{$primary-stylename}-header-drag { - border: $v-table-border-width solid $border-color; - @include valo-gradient($v-background-color); - white-space: nowrap; - font-size: $v-table-header-font-size; - text-shadow: valo-text-shadow(); - } - - .#{$primary-stylename}-header-wrap { - position: relative; - border-bottom: none; - @if $v-table-border-radius > 0 { - border-radius: $v-table-border-radius $v-table-border-radius 0 0; - } - } - - .#{$primary-stylename}-footer-wrap { - border-top: none; - @if $v-table-border-radius > 0 { - border-radius: 0 0 $v-table-border-radius $v-table-border-radius; - } - } - - .#{$primary-stylename}-footer td { - border-left: $v-table-border-width solid $border-color; - // Hack to overcome fixed "magic number" in VScrollTable.FooterCell (assumes 1px border) - @if $v-table-border-width != 1px { - display: inline-block; - margin-left: ($v-table-border-width - 1px) * -1; - - &:first-child { - margin-left: 0; - } - } - } - - .#{$primary-stylename}-footer-container, - .#{$primary-stylename}-caption-container { - overflow: hidden; - line-height: 1; - min-height: $v-table-row-height; - @include box-sizing(border-box); - - .v-ie8 & { - // IE8 has issues with border-box and min-height - // -> custom calculations to subtract vertical padding from row height. - $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); - min-height: $v-table-row-height - ($vertical-padding - $v-table-border-width) - $vertical-padding; - } - } - - .#{$primary-stylename}-footer-container { - $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); - padding: $vertical-padding - $v-table-border-width $v-table-cell-padding-horizontal $vertical-padding; - float: right; - } - - [class^="#{$primary-stylename}-header-cell"] { - position: relative; - } - - .#{$primary-stylename}-caption-container, - .#{$primary-stylename}-header-drag { - $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); - padding: $vertical-padding $v-table-cell-padding-horizontal $vertical-padding - $v-table-border-width; - border-left: $v-table-border-width solid $border-color; - } - - .#{$primary-stylename}-caption-container-align-right { - padding-right: $v-table-cell-padding-horizontal - $v-table-resizer-width; - } - - .#{$primary-stylename}-resizer { - height: $v-table-row-height; - width: $v-table-resizer-width; - cursor: e-resize; - cursor: col-resize; - position: relative; - right: round($v-table-resizer-width / -2); - z-index: 1; - margin-left: -$v-table-resizer-width; - } - - .#{$primary-stylename}-cell-content { - border-left: $v-table-border-width solid $border-color; - overflow: hidden; - height: $v-table-row-height; - vertical-align: middle; - - &:first-child { - border-left: none; - padding-left: $v-table-border-width; - } - } - - .#{$primary-stylename}-header td:first-child .#{$primary-stylename}-caption-container, - .#{$primary-stylename}-footer td:first-child { - border-left-color: transparent; - } - - - .#{$primary-stylename}-cell-wrapper { - line-height: 1; - padding: 0 $v-table-cell-padding-horizontal; - @include box-sizing(border-box); - margin-right: 0 !important; - - > .v-widget { - // Leave some breathing room around the table cell and the widget - margin: round($v-table-cell-padding-horizontal / 4) round($v-table-cell-padding-horizontal / -2); - - &.v-label, - &.v-checkbox, - &.v-select-optiongroup { - margin: 0; - } - &.v-progressbar { - margin-left: 0; - margin-right: 0; - } - } - } - - .#{$primary-stylename}-body { - border: $v-table-border-width solid $border-color; - @include user-select(text); - } - - .#{$primary-stylename}-table { - background-color: $background-color; - white-space: nowrap; - } - - .#{$primary-stylename}-table td { - border-top: $v-table-border-width solid $border-color; - } - - .#{$primary-stylename}-table tr:first-child > td { - border-top: none; - } - - .#{$primary-stylename}-row { - background-color: $background-color; - cursor: pointer; - } - - .#{$primary-stylename}-row-odd { - $bg-lightness: if(color-luminance($background-color) < 10, 4%, -4%); - background-color: scale-color($background-color, $lightness: $bg-lightness); - cursor: pointer; - } - - .#{$primary-stylename}-body-noselection .#{$primary-stylename}-row, - .#{$primary-stylename}-body-noselection .#{$primary-stylename}-row-odd { - cursor: default; - } - - .#{$primary-stylename} [class*="-row"].v-selected { - $selected-border-color: adjust-color($v-selection-color, $lightness: -8%, $saturation: -8%); - - @include valo-gradient($v-selection-color); - background-origin: border-box; - $font-color: valo-font-color($v-selection-color, 0.9); - color: $font-color; - text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-color); - - + .v-selected { - $gradient-end: first(last(valo-gradient-color-stops($v-selection-color))); - background: $gradient-end; - - td { - border-top-color: $gradient-end; - } - } - - .#{$primary-stylename}-cell-content { - border-color: transparent; - border-left-color: $selected-border-color; - - &:first-child { - border-left-color: transparent; - } - } - } - - .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator, - .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator { - background: transparent; - width: $v-table-sort-indicator-width; - height: $v-table-row-height; - line-height: $v-table-row-height; - margin-left: -$v-table-sort-indicator-width; - } - - .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator:before, - .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator:before { - font-style: normal; - font-weight: normal; - display: inline-block; - } - - .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator:before { - @include valo-table-sort-asc-icon-style; - } - - .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator:before { - @include valo-table-sort-desc-icon-style; - } - - - [class*="rowheader"] span.v-icon { - min-width: 1em; - } - - - .#{$primary-stylename}-focus { - $outline-width: max($v-table-border-width, 1px); - outline: $outline-width solid $v-focus-color; - outline-offset: -$outline-width; - } - - .v-drag-element.#{$primary-stylename}-focus, - .v-drag-element .#{$primary-stylename}-focus { - outline: none; - } - - .#{$primary-stylename}-header-drag { - position: absolute; - @include opacity(0.9); - margin-top: round($v-table-row-height/-2); - z-index: 30000; - line-height: 1; - } - - .#{$primary-stylename}-focus-slot-right { - border-right: $v-table-border-width + 2px solid $v-focus-color; - right: -$v-table-border-width - 1px; - margin-left: -$v-table-resizer-width - $v-table-border-width - 2px !important; - } - - .#{$primary-stylename}-focus-slot-left { - float: left; - border-left: $v-table-border-width + 2px solid $v-focus-color; - left: -$v-table-border-width; - right: auto; - margin-left: 0 !important; - margin-right: -$v-table-resizer-width - $v-table-border-width - 2px; - } - - .#{$primary-stylename}-column-selector { - @include valo-button-style($shadow: null); - position: absolute; - z-index: 2; - top: 0; - right: 0; - width: round($v-unit-size/2); - height: round($v-unit-size/2); - line-height: round($v-unit-size/2); - padding: 0; - border-top-width: 0; - border-right-width: 0; - border-radius: 0 0 0 $v-border-radius; - cursor: pointer; - text-align: center; - - @include opacity(0); - @if $v-animations-enabled { - @include transition(opacity 200ms 2s); - } - - &:after { - content: ""; - position: absolute; - border: none; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - &:active:after { - @include valo-button-active-style; - } - &:before { - @include valo-table-column-selector-icon-style; - } - } - - .#{$primary-stylename}-header-wrap:hover .#{$primary-stylename}-column-selector { - @include opacity(1); - @include transition-delay(200ms); - } - - .v-on, - .v-off { - &:before { - @include valo-table-column-visible-icon-style; - font-size: 0.9em; - margin-right: round($v-unit-size/6); - } - div { - display: inline; - } - } - .v-off:before { - visibility: hidden; - } - - - tbody.v-drag-element { - display: block; - overflow: visible; - @include box-shadow(none); - background: transparent; - @include opacity(1); - - tr { - display: block; - @include valo-drag-element-style($background-color: null); - background: $background-color; - - &[style*="hidden"] { - - } - } - } - - - .#{$primary-stylename}-body { - // Show on top of scroll position indicator (allow scroll events to hit the body instead of indicator) - position: relative; - z-index: 1; - } - - .#{$primary-stylename}-scrollposition { - position: absolute; - top: 50%; - width: 100%; - height: $v-unit-size; - line-height: $v-unit-size; - margin: round($v-unit-size/-2) 0 0 !important; - text-align: center; - } - - - - - - // Drag'n'drop styles - - .#{$primary-stylename}-drag { - // Show drag focus outline - overflow: visible; - } - - .#{$primary-stylename}-drag .#{$primary-stylename}-body { - @include box-shadow(0 0 0 2px rgba($v-focus-color, .5)); - - @if color-luminance($v-focus-color) + 50 < color-luminance($background-color) { - border-color: $v-focus-color; - } - - .v-ie8 & { - border-color: $v-focus-color; - } - - .#{$primary-stylename}-focus { - outline: none; - } - } - - .#{$primary-stylename}-row-drag-middle .#{$primary-stylename}-cell-content { - $bg: mix($v-focus-color, $background-color, 20%); - background-color: $bg; - color: valo-font-color($bg); - } - - .#{$primary-stylename}-row-drag-bottom td.#{$primary-stylename}-cell-content { - border-bottom: 2px solid $v-focus-color; - height: $v-table-row-height - 2px; - } - - .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-wrapper { - margin-bottom: -2px; - } - - .#{$primary-stylename}-row-drag-top td.#{$primary-stylename}-cell-content { - border-top: 2px solid $v-focus-color; - height: $v-table-row-height - 2px + $v-table-border-width; - } - - .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-wrapper { - margin-top: -1px; - } - - - - - @if $include-additional-styles { - .#{$primary-stylename}-no-stripes { - @include valo-table-no-stripes-style; - } - - .#{$primary-stylename}-no-vertical-lines { - @include valo-table-no-vertical-lines-style; - } - - .#{$primary-stylename}-no-horizontal-lines { - @include valo-table-no-horizontal-lines-style; - } - - .#{$primary-stylename}-no-header { - @include valo-table-no-header-style; - } - - .#{$primary-stylename}-borderless { - @include valo-table-borderless-style; - } - - .#{$primary-stylename}-compact, - .#{$primary-stylename}-small { - @include valo-table-spacing-style($row-height: $v-unit-size--small, $cell-padding-horizontal: round($v-table-cell-padding-horizontal / 2)); - } - - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - - &.v-treetable .#{$primary-stylename}-cell-wrapper { - min-height: $v-font-size--small; - } - } - } - -} - - - - -/** - * - * - * - * @group table - */ -@mixin valo-table-sort-asc-icon-style { - content: '\f0de'; - font-family: ThemeIcons; -} - -/** - * - * - * - * @group table - */ -@mixin valo-table-sort-desc-icon-style { - content: '\f0dd'; - font-family: ThemeIcons; -} - -/** - * - * - * - * @group table - */ -@mixin valo-table-column-selector-icon-style { - font-family: ThemeIcons; - content: "\f013"; -} - -/** - * - * - * - * @group table - */ -@mixin valo-table-column-visible-icon-style { - content: "\f00c"; - font-family: ThemeIcons; -} - - - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-no-stripes-style ($primary-stylename: v-table) { - .#{$primary-stylename}-row, - .#{$primary-stylename}-row-odd { - background: transparent; - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-no-vertical-lines-style ($primary-stylename: v-table) { - .#{$primary-stylename}-cell-content { - border-left: none; - padding-left: $v-table-border-width; - } - - &.v-treetable { - .#{$primary-stylename}-cell-content { - padding-left: $v-table-cell-padding-horizontal + $v-table-border-width; - } - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-no-horizontal-lines-style ($primary-stylename: v-table) { - .#{$primary-stylename}-cell-content { - border-top: none; - border-bottom: none; - } - - .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-content, - .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-content { - height: $v-table-row-height - 1px; - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-no-header-style ($primary-stylename: v-table) { - .#{$primary-stylename}-header-wrap { - display: none; - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-table) - - * - * @group table - */ -@mixin valo-table-borderless-style ($primary-stylename: v-table) { - .#{$primary-stylename}-header-wrap, - .#{$primary-stylename}-footer-wrap, - .#{$primary-stylename}-header-drag, - .#{$primary-stylename}-body { - border: none; - } - - // TODO copy pasted from the main mixin - $background-color: $v-table-background-color or valo-table-background-color(); - $border-color: $v-table-border-color or first-color(valo-border($color: $background-color, $strength: 0.7)); - - .#{$primary-stylename}-header-wrap { - border-bottom: $v-table-border-width solid $border-color; - } - - .#{$primary-stylename}-footer-wrap { - border-top: $v-table-border-width solid $border-color; - } -} - - -@mixin valo-table-spacing-style ( - $primary-stylename: v-table, - $row-height: $v-table-row-height, - $header-font-size: $v-table-header-font-size, - $cell-padding-horizontal: $v-table-cell-padding-horizontal - ) { - - $vertical-padding: round(($row-height - $header-font-size)/2); - - .#{$primary-stylename}-header-wrap, - .#{$primary-stylename}-footer-wrap, - .#{$primary-stylename}-header-drag { - font-size: $header-font-size; - } - - .#{$primary-stylename}-footer-container { - padding: $vertical-padding - $v-table-border-width $cell-padding-horizontal + $v-table-border-width $vertical-padding; - } - - .#{$primary-stylename}-caption-container, - .#{$primary-stylename}-header-drag { - padding-top: $vertical-padding; - padding-bottom: $vertical-padding - $v-table-border-width; - padding-left: $cell-padding-horizontal; - padding-right: $cell-padding-horizontal; - } - - .#{$primary-stylename}-caption-container-align-right { - padding-right: max(0, $cell-padding-horizontal - $v-table-resizer-width); - } - - .#{$primary-stylename}-resizer { - height: $row-height; - } - - .#{$primary-stylename}-cell-content { - height: $row-height; - } - - .#{$primary-stylename}-cell-wrapper { - padding-left: $cell-padding-horizontal; - padding-right: $cell-padding-horizontal; - - > .v-widget { - margin: round($cell-padding-horizontal / 4) round($cell-padding-horizontal / -2); - - &.v-label, - &.v-checkbox, - &.v-select-optiongroup { - margin: 0; - } - &.v-progressbar { - margin-left: 0; - margin-right: 0; - } - } - } - - .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator, - .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator { - height: $row-height; - line-height: $row-height; - } - - .#{$primary-stylename}-header-drag { - margin-top: round($row-height/-2); - } - - &.v-treetable { - .#{$primary-stylename}-cell-wrapper { - padding-left: 0; - padding-right: 0; - min-height: $v-font-size; - } - - .#{$primary-stylename}-cell-content { - padding-left: $cell-padding-horizontal; - padding-right: $cell-padding-horizontal; - - &:first-child { - padding-left: $cell-padding-horizontal + $v-table-border-width; - } - } - - .#{$primary-stylename}-footer-container { - padding-left: $cell-padding-horizontal; - padding-right: $cell-padding-horizontal; - } - } - - .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-content, - .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-content { - height: $row-height - 1px; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_tabsheet.scss b/WebContent/VAADIN/themes/valo/components/_tabsheet.scss deleted file mode 100644 index 07fdb4650b..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_tabsheet.scss +++ /dev/null @@ -1,610 +0,0 @@ -/** - * Should the tabsheet content changes be animated. - * - * @group tabsheet - */ -$v-tabsheet-content-animation-enabled: $v-animations-enabled !default; - - -/** - * Outputs the global selectors and properties for the TabSheet component - styles which are - * considered mandatory for the component to work properly. - * - * @param {string} $primary-stylename (v-tabsheet) - the primary style name for the selectors - * - * @group tabsheet - */ -@mixin valo-tabsheet-global ($primary-stylename: v-tabsheet) { - .#{$primary-stylename}-hidetabs > .#{$primary-stylename}-tabcontainer, - .#{$primary-stylename}-spacertd, - .v-disabled .#{$primary-stylename}-scroller, - .#{$primary-stylename} .v-disabled .#{$primary-stylename}-caption-close { - display: none; - } - - .#{$primary-stylename} { - overflow: visible !important; - position: relative; - } - - .#{$primary-stylename}-tabcontainer { - table, - tbody, - tr { - display: inline-block; - border-spacing: 0; - border-collapse: collapse; - vertical-align: top; - } - - td { - display: inline-block; - padding: 0; - } - } - - .#{$primary-stylename}-tabs { - white-space: nowrap; - @include box-sizing(border-box); - } - - .#{$primary-stylename}-content { - position: relative; - - > div > .v-scrollable { - @include valo-panel-adjust-content-margins; - } - } - -} - - -/** - * Outputs the selectors and properties for the TabSheet component. - * - * @param {string} $primary-stylename (v-tabsheet) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group tabsheet - */ -@mixin valo-tabsheet ($primary-stylename: v-tabsheet, $include-additional-styles: contains($v-included-additional-styles, tabsheet)) { - .#{$primary-stylename} { - &:not(.v-has-width) { - width: auto !important; - } - } - - .#{$primary-stylename}-spacertd { - display: none !important; - } - - .#{$primary-stylename}-tabcontainer { - @include valo-tabsheet-tabcontainer-style($primary-stylename); - } - - .#{$primary-stylename}-tabitemcell { - @include valo-tabsheet-tabitemcell-style($primary-stylename); - } - - .#{$primary-stylename}-scroller { - @include valo-tabsheet-scroller-style($primary-stylename); - } - - - @if $v-tabsheet-content-animation-enabled { - .#{$primary-stylename}-tabsheetpanel > .v-scrollable > .v-widget { - @include valo-animate-in-fade(300ms); - } - - $spinner-size: round($v-unit-size/2); - $spinner-size: $spinner-size + $spinner-size % 2; - - .#{$primary-stylename}-deco { - @include valo-spinner($size: $spinner-size); - display: none; - position: absolute; - z-index: 1; - bottom: 50%; - margin-bottom: round($v-unit-size/-2) - $spinner-size/2; - left: 50%; - margin-left: $spinner-size/-2; - } - - .#{$primary-stylename}-loading .#{$primary-stylename}-deco { - display: block; - } - } - - - @if $include-additional-styles { - .#{$primary-stylename}-equal-width-tabs { - @include valo-tabsheet-equal-width-tabs-style($flex: false); - } - - .#{$primary-stylename}-framed { - @include valo-tabsheet-framed-style; - } - - .#{$primary-stylename}-centered-tabs { - @include valo-tabsheet-align-tabs-style($align: center); - } - - .#{$primary-stylename}-right-aligned-tabs { - @include valo-tabsheet-align-tabs-style($align: right); - } - - .#{$primary-stylename}-padded-tabbar { - @include valo-tabsheet-padded-tabbar-style; - } - - .#{$primary-stylename}-icons-on-top { - @include valo-tabsheet-icons-on-top-style; - } - - .#{$primary-stylename}-compact-tabbar { - > .#{$primary-stylename}-tabcontainer-compact-tabbar .v-caption { - line-height: 1.8; - } - } - - .#{$primary-stylename}-only-selected-closable { - @include valo-tabsheet-only-selected-closable-style; - } - } - -} - - -/** - * Outputs the styles for the tabcontainer element of a tabsheet. - * - * @group tabsheet - */ -@mixin valo-tabsheet-tabcontainer-style ($primary-stylename: v-tabsheet) { - position: relative; - @include box-sizing(border-box); - - &:before { - content: ""; - position: absolute; - height: 0; - // iOS panics with background color, creating black line artifacts - border-top: max(1px, first-number($v-border)) solid first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - bottom: 0; - left: 0; - right: 0; - } - - .#{$primary-stylename}-tabs { - position: relative; - } -} - - -/** - * Outputs the styles for the tabitemcell element of a tabsheet. - * - * @group tabsheet - */ -@mixin valo-tabsheet-tabitemcell-style ($primary-stylename: v-tabsheet) { - vertical-align: bottom; - - .#{$primary-stylename}-tabitem { - line-height: 0; - overflow: hidden; - } - - .v-caption { - margin-left: round($v-unit-size/2); - padding: 0 round($v-unit-size/10); - @include box-sizing(border-box); - cursor: pointer; - text-align: center; - line-height: $v-unit-size; - font-size: round($v-font-size * 0.95); - font-weight: $v-font-weight; - color: valo-font-color($v-app-background-color, 0.58); - width: auto !important; - overflow: hidden; - text-overflow: ellipsis; - border-bottom: max(1px, first-number($v-border))*2 solid transparent; - position: relative; - - @if $v-animations-enabled { - @include transition(border-bottom 200ms, color 200ms); - } - - .v-captiontext { - display: inline; - } - - .v-icon + .v-captiontext { - margin-left: round($v-unit-size/4); - } - - &:hover { - color: $v-selection-color; - } - - &.v-disabled { - @include opacity($v-disabled-opacity); - cursor: default; - color: inherit !important; - } - } - - &:first-child .v-caption, - &[aria-hidden="true"] + td .v-caption { - margin-left: 0; - } - - &:focus { - outline: none; - - .v-caption { - color: $v-selection-color; - } - } - - .#{$primary-stylename}-tabitem-selected .v-caption.v-caption { - border-bottom-color: $v-selection-color; - color: $v-selection-color; - } - - .v-caption-closable { - padding-right: round($v-unit-size/10) + round($v-font-size * 1.1); - } - - &.icons-on-top .v-caption-closable { - padding-right: round($v-unit-size/10); - } - - .#{$primary-stylename}-caption-close { - position: absolute; - right: 0; - top: 50%; - margin: round($v-font-size / -2) 0 0; - font-size: round($v-font-size * 1.1); - line-height: round($v-font-size * 1.1); - width: round($v-font-size * 1.1); - text-align: center; - border-radius: round($v-border-radius/2); - color: valo-font-color($v-app-background-color, 0.4); - - &:hover { - background: rgba(#000, .03); - color: $v-selection-color; - } - - &:active { - background: $v-selection-color; - color: valo-font-color($v-selection-color); - } - } -} - - -/** - * Outputs the styles for the tab scroller element of a tabsheet. - * - * @group tabsheet - */ -@mixin valo-tabsheet-scroller-style ($primary-stylename: v-tabsheet) { - $border-color: first-color(valo-border($strength: 0.5)); - - position: absolute; - top: 0; - right: 0; - bottom: 0; - padding-left: round($v-unit-size/2); - @include linear-gradient(to left, $v-background-color 70%, rgba($v-background-color, 0) 100%, $fallback: transparent); - pointer-events: none; - - &:after { - content: ""; - height: first-number($v-border); - position: absolute; - bottom: 0; - left: 0; - right: 0; - display: block; - @include linear-gradient(to left, $border-color 70%, rgba($border-color, 0) 100%, $fallback: transparent); - } - - .v-ie8 &, - .v-ie9 & { - background-color: $v-background-color; - - &:after { - background-color: $border-color; - } - } - - button { - @include appearance(none); - border: none; - background: transparent; - font: inherit; - color: inherit; - height: 100%; - margin: 0; - padding: 0 round($v-unit-size/4); - outline: none; - cursor: pointer; - pointer-events: auto; - @include opacity(.5); - - &:hover { - @include opacity(1); - color: $v-selection-color; - } - - &:active { - @include opacity(.7); - color: $v-selection-color; - } - - &::-moz-focus-inner { - padding: 0; - border: 0 - } - } - - [class*="Next"] { - padding-left: round($v-unit-size/8); - &:before { - @include valo-tabsheet-scroller-next-icon-style; - } - } - - [class*="Prev"] { - padding-right: round($v-unit-size/8); - &:before { - @include valo-tabsheet-scroller-prev-icon-style; - } - } - - [class*="disabled"] { - cursor: default; - color: inherit !important; - @include opacity(.1, true); - } -} - - -/** - * Outputs the font icon styles for the previous button element of a tabsheet scroller. - * - * @group tabsheet - */ -@mixin valo-tabsheet-scroller-prev-icon-style { - font-family: ThemeIcons; - content: "\f053"; -} - - -/** - * Outputs the font icon styles for the next button element of a tabsheet scroller. - * - * @group tabsheet - */ -@mixin valo-tabsheet-scroller-next-icon-style { - font-family: ThemeIcons; - content: "\f054"; -} - - -/** - * Outputs the styles for the framed tabsheet style. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * @param {bool} $frame-inactive-tabs (true) - Should inactive tabs be framed as well (the active tab is always framed with this style) - * @param {bool} $outer-frame (true) - Should the frame contain the whole tabsheet (i.e. tabbar and tab content). If false, works like a "borderless" style. - * @param {size} $tab-spacing ($v-unit-size/10) - The spacing between tabs - * - * @group tabsheet - */ -@mixin valo-tabsheet-framed-style ($primary-stylename: v-tabsheet, $frame-inactive-tabs: true, $outer-frame: true, $tab-spacing: round($v-unit-size/10)) { - > .#{$primary-stylename}-tabcontainer { - .v-caption { - margin-left: $tab-spacing or first-number($v-border) * -1; - padding: 0 $v-layout-spacing-horizontal; - background-color: $v-app-background-color; - border: first-number($v-border) solid transparent; - line-height: $v-unit-size - first-number($v-border); - border-radius: $v-border-radius $v-border-radius 0 0; - font-weight: $v-font-weight + 100; - - @if $v-animations-enabled { - @include transition(background-color 160ms); - } - - &:hover { - background-color: darken($v-app-background-color, 3%); - border-bottom-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - } - - &.v-disabled:hover { - background-color: $v-app-background-color; - } - } - - .v-caption-closable { - padding-right: $v-layout-spacing-horizontal + round($v-font-size * 1.1); - } - - .#{$primary-stylename}-caption-close { - top: round($v-font-size/4); - right: round($v-font-size/4); - margin-top: 0; - } - - td:first-child .v-caption, - [aria-hidden="true"] + td .v-caption { - margin-left: 0; - } - - @if $frame-inactive-tabs { - .#{$primary-stylename}-tabitem .v-caption { - border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - } - } - - .#{$primary-stylename}-tabitem-selected .v-caption { - background: $v-panel-background-color; - border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); - border-bottom: none; - padding-bottom: first-number($v-border); - } - } - - > .#{$primary-stylename}-content { - // iOS panics with black line artifacts, - // moving the background color to an inner element fixes it - > div { - background: $v-panel-background-color; - } - - @if $outer-frame { - border: valo-border($color: $v-app-background-color, $strength: 0.5); - border-top: none; - } - } - - &.padded-tabbar { - > .#{$primary-stylename}-tabcontainer { - @if $outer-frame { - border: valo-border($color: $v-app-background-color, $strength: 0.5); - border-bottom: none; - } - - background: $v-background-color; - padding-top: round($v-unit-size/6); - } - } - - &.icons-on-top { - > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabitem-selected .v-caption { - padding-bottom: round($v-unit-size/6) + first-number($v-border); - } - } -} - - -/** - * Outputs the styles for a tabsheet where the tabs are aligned to the position specified by the parameter in the tabbar. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * @param {string} $align (center) - The alignment of the tabs inside the tabbar. Possible values: left, right, center. - * - * @group tabsheet - */ -@mixin valo-tabsheet-align-tabs-style ($primary-stylename: v-tabsheet, $align: center) { - > .#{$primary-stylename}-tabcontainer { - text-align: $align; - } -} - - -/** - * Outputs the styles for a tabsheet where all tabs in the tabbar have equal width and span the entire width of the tabbar. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * @param {bool} $flex (false) - Should the size of the tabs be proportional to their content, i.e. should the available space in the tabbar be distributed to the tabs in relation to their content sizes. - * - * @group tabsheet - */ -@mixin valo-tabsheet-equal-width-tabs-style ($primary-stylename: v-tabsheet, $flex: false) { - > .#{$primary-stylename}-tabcontainer { - table, - tbody, - tr { - width: 100%; - } - - tr { - display: table; - @if $flex == false { - table-layout: fixed; - } - } - - td { - display: table-cell; - } - - .v-caption { - margin: 0; - display: block; - } - } -} - - -/** - * Outputs the styles for a tabsheet where the icons of individual tabs are on top of the tab captions. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * - * @group tabsheet - */ -@mixin valo-tabsheet-icons-on-top-style ($primary-stylename: v-tabsheet) { - > .#{$primary-stylename}-tabcontainer { - .v-caption { - padding-top: round($v-unit-size/6); - padding-bottom: round($v-unit-size/6); - line-height: 1.2; - } - - .v-icon { - display: block; - - + .v-captiontext.v-captiontext { - margin-left: 0; - } - } - - .v-caption-closable { - padding-right: $v-layout-spacing-horizontal; - } - - .#{$primary-stylename}-caption-close { - top: round($v-font-size/4); - margin-top: 0; - } - } -} - - -/** - * Outputs the styles for a tabsheet where only the selected tab has the close button visible. - * Note that the other tabs can still be closed programmatically. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * - * @group tabsheet - */ -@mixin valo-tabsheet-only-selected-closable-style ($primary-stylename: v-tabsheet) { - > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-caption-close { - visibility: hidden; - } - - > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabitem-selected .#{$primary-stylename}-caption-close { - visibility: visible; - } -} - - -/** - * Outputs the styles for a tabsheet where the tabbar has increased padding to separate the tabs - * inside it from their surrounding container. - * - * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors - * - * @group tabsheet - */ -@mixin valo-tabsheet-padded-tabbar-style ($primary-stylename: v-tabsheet) { - > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabs { - padding: 0 round($v-unit-size/4); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_textarea.scss b/WebContent/VAADIN/themes/valo/components/_textarea.scss deleted file mode 100644 index d600bc14c2..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_textarea.scss +++ /dev/null @@ -1,120 +0,0 @@ -/** - * Outputs the selectors and properties for the TextArea component. - * - * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group textarea - */ -@mixin valo-textarea ($primary-stylename: v-textarea, $include-additional-styles: contains($v-included-additional-styles, textarea)) { - - .#{$primary-stylename} { - @include valo-textarea-style; - width: $v-default-field-width; - } - - .#{$primary-stylename}-readonly { - @include valo-textfield-readonly-style; - } - - .#{$primary-stylename}-error { - @include valo-textfield-error-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - @include valo-textfield-borderless-style; - } - - .#{$primary-stylename}-tiny { - @include valo-textarea-style($unit-size: $v-unit-size--tiny, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); - font-size: $v-font-size--tiny; - } - - .#{$primary-stylename}-small { - @include valo-textarea-style($unit-size: $v-unit-size--small, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-textarea-style($unit-size: $v-unit-size--large, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-huge { - @include valo-textarea-style($unit-size: $v-unit-size--huge, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); - font-size: $v-font-size--huge; - } - - .#{$primary-stylename}-align-right { - text-align: right; - } - - .#{$primary-stylename}-align-center { - text-align: center; - } - } - -} - - -/** - * Outputs the styles for a text area variant. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the text area, which corresponds its height - * @param {size | list} $padding (null) - The padding of the text area. Computed from other parameters by default. - * @param {color} $font-color (null) - The font color of the text area. Computed from the $background-color by default. - * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the text area - * @param {size} $font-size (null) - The font size of the text area. Inherited from the parent by default. - * @param {color} $background-color ($v-textfield-background-color) - The background color of the text area - * @param {list} $border ($v-textfield-border) - The border of the text area - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the text area - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {list} $states (normal focus disabled) - The text area states for which to output corresponding styles - * - * @group textfield - */ -@mixin valo-textarea-style ( - $unit-size : $v-unit-size, - $padding : round($v-unit-size/6), - - $font-color : null, - $font-weight : max(400, $v-font-weight), - $font-size : null, - - $background-color : $v-textfield-background-color, - $border : $v-textfield-border, - $border-radius : $v-textfield-border-radius, - - $bevel : $v-textfield-bevel, - $shadow : $v-textfield-shadow, - - $states : (normal, focus, disabled) - ) { - - @include valo-textfield-style($unit-size: $unit-size, $padding: $padding, - $font-color: $font-color, - $font-weight: $font-weight, - $font-size: $font-size, - - $background-color: $background-color, - $border: $border, - $border-radius: $border-radius, - - $bevel: $bevel, - $shadow: $shadow, - - $states: $states); - height: auto; - resize: none; - white-space: pre-wrap; // Restore default, because .v-widget sets it to normal - - .v-ie8 &, - .v-ie9 & { - line-height: inherit; - padding-top: round($unit-size/9); - padding-bottom: round($unit-size/9); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_textfield.scss b/WebContent/VAADIN/themes/valo/components/_textfield.scss deleted file mode 100644 index 50cb7b8042..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_textfield.scss +++ /dev/null @@ -1,399 +0,0 @@ -/** - * The background color for text fields. - * @group textfield - */ -$v-textfield-background-color: if(is-dark-color($v-app-background-color), darken($v-app-background-color, 4%), lighten($v-app-background-color, 8%)) !default; - -/** - * The background color for read-only text fields. - * @group textfield - */ -$v-textfield-background-color--readonly: darkest-color($v-app-background-color, darken($v-textfield-background-color, 2%)); - -/** - * The bevel style for text fields. See the documentation for $v-bevel. - * @group textfield - */ -$v-textfield-bevel: if($v-bevel and ($v-bevel != none), inset 0 1px 0 v-shade, $v-bevel) !default; - -/** - * The shadow style for text fields. See the documentation for $v-shadow. - * @group textfield - */ -$v-textfield-shadow: 0 1px 0 (v-tint 2) !default; - -/** - * The font-weight for text fields. - * @group textfield - */ -$v-textfield-font-weight: 400 !default; - -/** - * The border style for text fields. See the documentation for $v-border. - * @group textfield - */ -$v-textfield-border: $v-border !default; - -/** - * The border-radius for text fields. See the documentation for $v-border-radius; - * @group textfield - */ -$v-textfield-border-radius: $v-border-radius !default; - -/** - * The opacity for disabled text fields. - * @group textfield - */ -$v-textfield-disabled-opacity: $v-disabled-opacity !default; - - -/** - * Outputs the selectors and properties for the TextField component. - * - * @param {string} $primary-stylename (v-textfield) - the primary style name for the selectors - * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component - * - * @group textfield - */ -@mixin valo-textfield ($primary-stylename: v-textfield, $include-additional-styles: contains($v-included-additional-styles, textfield)) { - - .#{$primary-stylename} { - @include valo-textfield-style; - width: $v-default-field-width; - } - - .#{$primary-stylename}-readonly { - @include valo-textfield-readonly-style; - } - - .#{$primary-stylename}-error { - @include valo-textfield-error-style; - } - - - @if $include-additional-styles { - .#{$primary-stylename}-borderless { - @include valo-textfield-borderless-style; - } - - .#{$primary-stylename}-tiny { - @include valo-textfield-style($unit-size: $v-unit-size--tiny, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); - font-size: $v-font-size--tiny; - } - - .#{$primary-stylename}-compact, - .#{$primary-stylename}-small { - @include valo-textfield-style($unit-size: $v-unit-size--small, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); - } - - .#{$primary-stylename}-small { - font-size: $v-font-size--small; - } - - .#{$primary-stylename}-large { - @include valo-textfield-style($unit-size: $v-unit-size--large, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); - font-size: $v-font-size--large; - } - - .#{$primary-stylename}-huge { - @include valo-textfield-style($unit-size: $v-unit-size--huge, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); - font-size: $v-font-size--huge; - } - - @include valo-textfield-inline-icon($stylenames: inline-icon); - @include valo-textfield-inline-icon($stylenames: inline-icon tiny, $unit-size: $v-unit-size--tiny, $font-size: $v-font-size--tiny); - @include valo-textfield-inline-icon($stylenames: inline-icon compact, $unit-size: $v-unit-size--small); - @include valo-textfield-inline-icon($stylenames: inline-icon small, $unit-size: $v-unit-size--small, $font-size: $v-font-size--small); - @include valo-textfield-inline-icon($stylenames: inline-icon large, $unit-size: $v-unit-size--large, $font-size: $v-font-size--large); - @include valo-textfield-inline-icon($stylenames: inline-icon huge, $unit-size: $v-unit-size--huge, $font-size: $v-font-size--huge); - - .#{$primary-stylename}-align-right { - text-align: right; - } - - .#{$primary-stylename}-align-center { - text-align: center; - } - } - -} - - -/** - * Outputs the styles for a text field variant. - * - * @param {size} $unit-size ($v-unit-size) - The sizing of the text field, which corresponds its height - * @param {size | list} $padding (null) - The padding of the text field. Computed from other parameters by default. - * @param {color} $font-color (null) - The font color of the text field. Computed from the $background-color by default. - * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the text field - * @param {size} $font-size (null) - The font size of the text field. Inherited from the parent by default. - * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field - * @param {list} $border ($v-textfield-border) - The border of the text field - * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the text field - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {list} $states (normal focus disabled) - The text field states for which to output corresponding styles - * - * @group textfield - */ -@mixin valo-textfield-style ( - $unit-size : $v-unit-size, - $padding : null, - - $font-color : null, - $font-weight : max(400, $v-font-weight), - $font-size : null, - - $background-color : $v-textfield-background-color, - $border : $v-textfield-border, - $border-radius : $v-textfield-border-radius, - - $gradient : none, - $bevel : $v-textfield-bevel, - $shadow : $v-textfield-shadow, - - $states : (normal, focus, disabled) - ) { - - @if contains($states, normal) { - @include appearance(none); - @include user-select(text); - margin: 0; - font: inherit; - font-size: $font-size; - font-weight: $font-weight; - line-height: normal; - height: $unit-size; - border-radius: $border-radius; - - .v-ie8 &, - .v-ie9 & { - line-height: $unit-size; - padding-top: 0; - padding-bottom: 0; - } - - @if type-of($padding) == number or type-of($padding) == list { - padding: $padding; - } @else { - $padding-width: ceil($unit-size/6); - @if $border-radius { - $padding-width: $padding-width + ceil($border-radius/3); - } - $padding-height: round($unit-size/9); - padding: $padding-height $padding-width; - } - - @if $background-color and $border { - border: valo-border($border, darkest-color($background-color, $v-app-background-color)); - } - - @if $gradient == none { - background: $background-color; - } @else if $gradient { - @include valo-gradient($color: $background-color, $gradient: $gradient) - } - - @if $background-color { - color: valo-font-color($background-color); - } - - @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient)); - - @if $v-animations-enabled { - @include transition(box-shadow 180ms, border 180ms); - } - } - - @if contains($states, disabled) { - &.v-disabled { - @include opacity($v-textfield-disabled-opacity); - } - } - - @if contains($states, focus) { - &:focus { - @include valo-textfield-focus-style($bevel: $bevel, $shadow: $shadow, $gradient: $gradient, $background-color: $background-color); - } - } - - // TODO allow parent selector to be used in interpolation - &[class*="prompt"] { - @include valo-textfield-prompt-style($background-color); - } - -} - - -/** - * Outputs the styles for a text field input prompt. - * - * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field - * - * @group textfield - */ -@mixin valo-textfield-prompt-style ($background-color: $v-textfield-background-color) { - @if $background-color == transparent { - color: inherit; - @include opacity(.5); - } @else if type-of($background-color) == color { - $font-color: valo-font-color($background-color); - $font-color: mix($background-color, $font-color); - @if is-dark-color($background-color) and saturation($background-color) > 50% { - $font-color: scale-color($font-color, $lightness: 20%); - } - $font-color: scale-color($font-color, $saturation: saturation($font-color)); - color: $font-color; - } -} - - -/** - * Outputs the styles for a text field focus state. - * - * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation - * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation - * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field - * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. - * - * @group textfield - */ -@mixin valo-textfield-focus-style ($bevel: $v-textfield-bevel, $shadow: $v-textfield-shadow, $background-color: $v-textfield-background-color, $gradient: null) { - outline: none; - @if $v-animations-enabled { - @include transition(none); - } - - $focus-color: $v-focus-color; - - @if color-luminance($focus-color) + 50 < color-luminance($v-background-color) { - border-color: $focus-color; - } - - @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient, $include-focus: true)); - - @include valo-focus-style; -} - - -/** - * Outputs the styles for a read-only text field. - * - * @group textfield - */ -@mixin valo-textfield-readonly-style { - background: $v-textfield-background-color--readonly; - color: valo-font-color($v-textfield-background-color--readonly); - @include box-shadow(none); - &:focus { - box-shadow: none; - border-color: first-color(valo-border($v-textfield-border, $v-textfield-background-color--readonly)); - } -} - - -/** - * Outputs the styles for a borderless style text field. - * - * @param {color} $background-color (transparent) - The background color of the text field - * - * @group textfield - */ -@mixin valo-textfield-borderless-style ($background-color: transparent) { - border: none; - border-radius: 0; - background: $background-color; - @include box-shadow(none); - - $font-color: inherit; - @if $background-color != transparent and type-of($background-color) == color { - $font-color: valo-font-color($background-color); - } - color: $font-color; - - &:focus { - @include box-shadow(none); - } - - &[class*="prompt"] { - @include valo-textfield-prompt-style($background-color); - } -} - - -/** - * Outputs the styles for a text field error state. - * - * @group textfield - */ -@mixin valo-textfield-error-style { - border-color: $v-error-indicator-color !important; - $bg: scale-color($v-error-indicator-color, $lightness: 98%); - background: $bg; - color: valo-font-color($bg); -} - - -/** - * Outputs the selectors and styles for an inline-icon style for a text field. Included indipendently (i.e. not enclosed with a parent text field selector). - * - * @param {string} $primary-stylename (v-textfield) - The primary style name for the selectors - * @param {string | list} $stylenames (inline-icon) - The additional style names which will define the inline-icon style - * @param {string} $input-selector (null) - Additional selector for a nested input element which should be targeted - * @param {size} $unit-size ($v-unit-size) - The unit size which the resulting style will support - * @param {size} $font-size ($v-font-size) - The font size which the resulting style will support (needed for font icons) - * @param {size} $image-icon-size (16px) - The image icon height which the resulting style will support (needed to center the icon vertically inside the text field) - * - * @group text field - */ -@mixin valo-textfield-inline-icon($primary-stylename: v-textfield, $stylenames: inline-icon, $input-selector: null, $unit-size: $v-unit-size, $font-size: $v-font-size, $image-icon-size: 16px) { - $slot-selector: ""; - $caption-selector: ""; - $text-input-selector: ""; - - @each $style in $stylenames { - $slot-selector: $slot-selector + ".v-slot-" + $style; - $caption-selector: $caption-selector + ".v-caption-" + $style; - $text-input-selector: $text-input-selector + "." + $primary-stylename + "-" + $style; - } - - #{$slot-selector} { - position: relative; - } - - #{$caption-selector} { - padding: 0; - - .v-captiontext { - // Need to include to get the default padding back - @include valo-caption-style; - margin: 0; - } - - .v-icon { - position: absolute; - z-index: 10; - } - - // Font icons - span.v-icon { - $border-width: first-number($v-textfield-border); - left: $border-width; - bottom: $border-width; - width: $unit-size; - line-height: $unit-size - $border-width*2; - text-align: center; - font-size: $font-size; - } - - // Image icons - img.v-icon { - left: round(($unit-size - $image-icon-size)/2); - bottom: round(($unit-size - $image-icon-size)/2); - } - } - - #{$text-input-selector} #{$input-selector} { - padding-left: $unit-size; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_tree.scss b/WebContent/VAADIN/themes/valo/components/_tree.scss deleted file mode 100644 index 95ae8d3b5e..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_tree.scss +++ /dev/null @@ -1,308 +0,0 @@ -/** - * - * @group tree - */ -$v-tree-row-height: round($v-unit-size/1.3) !default; - -/** - * - * @group tree - */ -$v-tree-animations-enabled: true !default; - -/** - * - * @group tree - */ -$v-tree-expand-animation-enabled: false !default; - - -@if $v-tree-expand-animation-enabled { - @include keyframes(valo-tree-node-open) { - 0% { - max-height: 0; - } - 100% { - max-height: $v-tree-row-height * 10; - } - } - - @include keyframes(valo-tree-node-close) { - 0% { - max-height: $v-tree-row-height * 10; - } - 100% { - max-height: 0; - } - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-tree) - - * - * @group tree - */ -@mixin valo-tree ($primary-stylename: v-tree) { - - .#{$primary-stylename} { - position: relative; - white-space: nowrap; - - &:focus { - outline: none; - } - } - - .#{$primary-stylename}-node { - &:before { - content: ""; - position: absolute; - display: inline-block; - z-index: 3; - width: 1.9em; - height: $v-tree-row-height; - cursor: pointer; - // IE 9/10 need some color so that this element can receive mouse events. - // 'red' just happens to be the shortest color name. - background: red; - opacity: 0; - - .v-ie8 & { - position: static; - margin-left: -1.9em; - vertical-align: top; - @include valo-tree-collapsed-icon-style; - text-align: center; - background: transparent; - } - } - - .v-ie8 & { - padding-left: 1.9em; - } - } - - .#{$primary-stylename}-node-caption { - height: $v-tree-row-height; - line-height: $v-tree-row-height - 1px; - overflow: hidden; - white-space: nowrap; - - // Mainly to satisty IE8 (doesn't harm other browsers) - vertical-align: top; - - & > div { - display: inline-block; - width: 100%; - position: relative; - z-index: 2; - - &:before { - @include valo-tree-collapsed-icon-style; - display: inline-block; - width: .5em; - text-align: center; - margin: 0 .6em 0 .8em; - - @if $v-tree-animations-enabled { - @include transition(all 100ms); - } - - .v-ie8 & { - display: none; - } - } - } - - span { - padding-right: $v-tree-row-height; - cursor: pointer; - display: inline-block; - // Allow to click on the whole row (almost, at least the right side part) - width: 100%; - - // IE does strange things when the width is wider than the parent - .v-ie & { - width: auto; - } - } - - .v-icon { - padding-right: 0; - width: auto; - min-width: 1em; - } - - &:after { - content: ""; - display: block; - vertical-align: top; - position: absolute; - z-index: 1; - left: 0; - margin-top: -$v-tree-row-height; - width: 100%; - height: $v-tree-row-height; - border-radius: $v-border-radius; - opacity: 0; - - @if $v-tree-animations-enabled { - @include transition(opacity 120ms); - } - - .v-ie8 & { - content: none; - } - } - - .v-ie8 & { - display: inline-block; - } - } - - .#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-caption > div:before { - @include valo-tree-expanded-icon-style; - - @if $v-tree-animations-enabled { - @include transform(rotate(90deg)); - @include valo-tree-collapsed-icon-style; - } - } - - .v-ie8 & .#{$primary-stylename}-node-expanded:before { - @include valo-tree-expanded-icon-style(true); - } - - .#{$primary-stylename}-node-leaf:before, - .#{$primary-stylename}-node-leaf > .#{$primary-stylename}-node-caption > div:before { - visibility: hidden; - } - - .#{$primary-stylename}-node-focused { - // This a v-tree-node-caption element - &:after { - opacity: 1; - border: 1px solid $v-focus-color; - } - - .v-ie8 & { - outline: 1px dotted $v-focus-color; - } - } - - - - .#{$primary-stylename}-node-selected { - $font-color: valo-font-color($v-selection-color, 0.9); - color: $font-color; - text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-item-selection-color); - - &:after { - opacity: 1; - @include valo-gradient($v-selection-color); - border: none; - - .v-ie8 & { - //visibility: visible; - } - } - - .v-ie8 & { - @include valo-gradient($v-selection-color); - } - } - - .#{$primary-stylename}-node-children { - padding-left: round($v-unit-size/2); - - .v-ie8 & { - padding-left: 0; - } - } - - @if $v-tree-expand-animation-enabled { - .#{$primary-stylename}-node-children[style*="display: none"] { - @include animation(valo-tree-node-close 400ms ease-out forwards); - display: block !important; - } - - .#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-children { - @include animation(valo-tree-node-open 400ms ease-in); - } - } - - - - // Drag'n'drop styles - - .#{$primary-stylename}-node-drag-top:before, - .#{$primary-stylename}-node-drag-bottom:after, - .#{$primary-stylename}-node-drag-bottom.#{$primary-stylename}-node-dragfolder.#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-children:before { - content: "\2022"; - display: block; - position: absolute; - height: 2px; - width: 100%; - background: $v-focus-color; - font-size: $v-font-size * 2; - line-height: 2px; - color: $v-focus-color; - text-indent: round($v-font-size/-4); - text-shadow: 0 0 1px $v-background-color, 0 0 1px $v-background-color; - opacity: 1; - visibility: visible; - } - - .#{$primary-stylename}-node-drag-bottom.#{$primary-stylename}-node-dragfolder.#{$primary-stylename}-node-expanded:after { - content: none; - } - - .#{$primary-stylename}-node-caption-drag-center { - @include box-shadow(0 0 0 2px $v-focus-color); - position: relative; - border-radius: $v-border-radius; - - .v-ie8 & { - outline: 2px solid $v-focus-color; - } - } - - .v-ff & .#{$primary-stylename}-node-drag-top:before, - .v-ff & .#{$primary-stylename}-node-drag-bottom:after { - line-height: 1px; - } - - .v-ie8 & .#{$primary-stylename}-node-drag-top:before, - .v-ie8 & .#{$primary-stylename}-node-drag-bottom:after { - line-height: 0; - } -} - - -/** - * - * - * - * @group tree - */ -@mixin valo-tree-collapsed-icon-style { - content: "\f0da"; - font-family: ThemeIcons; -} - -/** - * - * - * @param {bool} $force (false) - - * - * @group tree - */ -@mixin valo-tree-expanded-icon-style ($force: false) { - @if $v-tree-animations-enabled == false or $force { - content: "\f0d7"; - font-family: ThemeIcons; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_treetable.scss b/WebContent/VAADIN/themes/valo/components/_treetable.scss deleted file mode 100644 index 60b696315b..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_treetable.scss +++ /dev/null @@ -1,66 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-treetable) - - * - * @group treetable - */ -@mixin valo-treetable ($primary-stylename: v-treetable) { - .#{$primary-stylename} { - [class*="caption-container"], - [class*="footer-container"], - [class*="cell-wrapper"] { - @include box-sizing(content-box); - padding-left: 0; - padding-right: 0; - } - - [class*="caption-container"], - [class*="footer-container"] { - $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); - min-height: $v-table-row-height - $vertical-padding - ($vertical-padding - $v-table-border-width); - } - - [class*="cell-wrapper"] { - min-height: $v-font-size; - } - - [class*="caption-container"] { - padding-left: $v-table-cell-padding-horizontal; - } - - [class*="caption-container-align-right"] { - padding-left: $v-table-cell-padding-horizontal + $v-table-resizer-width; - } - - [class*="footer-container"] { - padding-right: $v-table-cell-padding-horizontal; - } - - [class*="cell-content"] { - padding-left: $v-table-cell-padding-horizontal; - padding-right: $v-table-cell-padding-horizontal; - - &:first-child { - padding-left: $v-table-cell-padding-horizontal + $v-table-border-width; - } - } - } - - .#{$primary-stylename}-treespacer { - display: inline-block; - position: absolute; - width: round($v-unit-size/2) !important; - margin-left: round($v-unit-size/-2) - round($v-table-cell-padding-horizontal/2); - text-align: center; - cursor: pointer; - } - - .#{$primary-stylename}-node-closed:before { - @include valo-tree-collapsed-icon-style; - } - - .#{$primary-stylename}-node-open:before { - @include valo-tree-expanded-icon-style($force: true); - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_twincolselect.scss b/WebContent/VAADIN/themes/valo/components/_twincolselect.scss deleted file mode 100644 index 51063e236f..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_twincolselect.scss +++ /dev/null @@ -1,105 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-select-twincol) - - * - * @group twin-column-select - */ -@mixin valo-twincolselect ($primary-stylename: v-select-twincol) { - - .#{$primary-stylename} { - white-space: normal; - - select { - @include valo-nativeselect-select-style; - } - - .v-textfield, - .v-nativebutton { - width: auto !important; - margin-top: round($v-unit-size/4); - } - - .v-nativebutton { - margin-left: round($v-unit-size/4); - } - } - - .#{$primary-stylename}-caption-left, - .#{$primary-stylename}-caption-right { - @include valo-caption-style; - } - - .#{$primary-stylename}-buttons { - white-space: nowrap; - display: inline-block; - vertical-align: top; - position: relative; - min-width: 3.5em; - - .v-button { - @include valo-widget-style; - position: absolute; - left: round($v-unit-size/4); - right: round($v-unit-size/4); - top: $v-unit-size - first-number($v-border); - padding: 0; - text-align: center; - - &:first-child { - top: 0; - } - } - - .v-button-caption { - display: none; - } - - .v-button:focus { - z-index: 1; - } - - @if $v-border-radius > 0 { - .v-button:first-child { - border-radius: $v-border-radius $v-border-radius 0 0; - } - - .v-button:last-child { - border-radius: 0 0 $v-border-radius $v-border-radius; - } - } - - .v-button-wrap:before { - @include valo-twincolselect-remove-icon-style; - } - - .v-button:first-child .v-button-wrap:before { - @include valo-twincolselect-add-icon-style; - } - } - -} - - - -/** - * - * - * - * @group twin-column-select - */ -@mixin valo-twincolselect-add-icon-style { - font-family: ThemeIcons; - content: "\f054"; -} - -/** - * - * - * - * @group twin-column-select - */ -@mixin valo-twincolselect-remove-icon-style { - font-family: ThemeIcons; - content: "\f053"; -} diff --git a/WebContent/VAADIN/themes/valo/components/_upload.scss b/WebContent/VAADIN/themes/valo/components/_upload.scss deleted file mode 100644 index 1616e80563..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_upload.scss +++ /dev/null @@ -1,27 +0,0 @@ -/** - * - * - * @param {string} $primary-stylename (v-upload) - - * - * @group upload - */ -@mixin valo-upload ($primary-stylename: v-upload) { - .#{$primary-stylename} .v-button { - @include valo-widget-style; - } - - .#{$primary-stylename}-immediate .v-button { - width: 100%; - } - - .#{$primary-stylename}-immediate input[type="file"] { - @include opacity(0); - z-index: -1; - position: absolute; - right: 0; - height: $v-unit-size; - text-align: right; - border: none; - background: transparent; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss b/WebContent/VAADIN/themes/valo/components/_valo-menu.scss deleted file mode 100644 index 48ba22174b..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_valo-menu.scss +++ /dev/null @@ -1,559 +0,0 @@ -/** - * @group valo-menu - */ - -$valo-menu-background-color: scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default; - -/** - * - * - * @param {string} $bg ($valo-menu-background-color) - - * - * @group valo-menu - */ -@mixin valo-menu ($bg: $valo-menu-background-color) { - - .valo-menu { - @include valo-menu-style($bg); - } - - .valo-menu-toggle { - display: none; - position: fixed; - z-index: 200; - $offset: floor(($v-unit-size - $v-unit-size * 0.8) / 2); - top: $offset; - left: $offset; - min-width: 0; - } - - .valo-menu-part { - border-left: valo-border($color: $bg, $strength: 0.6); - height: 100%; - padding-bottom: $v-unit-size; - overflow: auto; - - &:first-child { - border-left: none; - } - } - - .valo-menu-title, - .valo-menu-subtitle, - .valo-menu-item { - display: block; - line-height: inherit; - white-space: nowrap; - position: relative; - - .valo-menu-badge { - position: absolute; - right: round($v-unit-size/2); - } - } - - .valo-menu-title { - @include valo-menu-title-style; - text-align: center; - - .v-menubar.v-menubar { - background: transparent; - border-color: first-color(valo-border($color: $v-selection-color)); - color: inherit; - @include box-shadow(none); - text-shadow: inherit; - } - - .v-menubar-menuitem { - background: transparent; - @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-selection-color, $gradient: $v-gradient)); - text-shadow: inherit; - font-size: $v-font-size; - border-color: inherit; - } - - h1, .v-label-h1, - h2, .v-label-h2, - h3, .v-label-h3, - h4, .v-label-h4 { - margin-top: 0; - margin-bottom: 0; - color: inherit; - } - } - - .v-menubar-user-menu { - @include valo-menubar-borderless-style; - margin: round($v-unit-size/2) round($v-unit-size/5); - display: block; - overflow: hidden; - text-align: center; - height: auto; - color: inherit; - - > .v-menubar-menuitem { - color: inherit; - white-space: normal; - line-height: 1.4; - margin: 0; - - img.v-icon { - width: round($v-unit-size * 1.5); - height: round($v-unit-size * 1.5); - border-radius: ceil($v-unit-size * 1.5 / 2 + first-number($v-border)); - box-shadow: valo-bevel-and-shadow($bevel: null, $shadow: $v-shadow); - display: block; - margin: 0 auto .3em; - border: valo-border(); - } - - &:after { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - } - - .v-menubar-menuitem-selected { - background: transparent; - } - } - - .valo-menu-subtitle { - @include valo-menu-subtitle-style($bg); - } - - .valo-menuitems { - display: block; - } - - .valo-menu-item { - @include valo-menu-item-style($bg); - } - - .valo-menu-part.large-icons { - @include valo-menu-large-icons-style($bg); - } - - .valo-menu-logo { - @include valo-menu-logo-style; - } - - @include valo-menu-responsive; - -} - - -/** - * - * - * - * @group valo-menu - */ -@mixin valo-menu-responsive { - .valo-menu-responsive { - @include width-range($min: 801px, $max: 1100px) { - .valo-menu-part { - @include valo-menu-large-icons-style($valo-menu-background-color); - } - } - - @include width-range($max: 800px) { - padding-top: $v-unit-size; - -webkit-box-sizing: border-box; - box-sizing: border-box; - - .v-loading-indicator { - top: $v-unit-size; - } - - > .v-widget { - position: relative !important - } - - .valo-menu { - border-right: none; - } - - .valo-menu-part { - overflow: visible; - } - - .valo-menu-toggle { - display: inline-block; - } - - .valo-menu-title { - position: fixed; - z-index: 100; - top: 0; - left: 0; - right: 0; - height: $v-unit-size !important; - padding-top: 0; - padding-bottom: 0; - -webkit-backface-visibility: hidden; - } - - .valo-menu .v-menubar-user-menu { - position: fixed; - z-index: 100; - top: 0; - right: 0; - margin: 0; - padding: 0; - height: $v-unit-size; - color: valo-font-color($v-selection-color, 0.5); - max-width: 30%; - -webkit-backface-visibility: hidden; - - .v-menubar-menuitem { - line-height: $v-unit-size - 1px; - white-space: nowrap; - } - - img.v-icon { - display: inline-block; - margin: 0 round($v-unit-size / 6) 0 0; - width: round($v-unit-size / 2); - height: round($v-unit-size / 2); - border-radius: ceil($v-unit-size / 4); - border: none; - } - } - - .valo-menuitems { - @include valo-menu-style; - position: fixed; - z-index: 9000; - top: $v-unit-size; - bottom: 0; - height: auto; - max-width: 100%; - overflow: auto; - padding: round($v-unit-size / 2) 0; - @include transform(translatex(-100%)); - @include transition(all 300ms); - } - - .valo-menu-visible .valo-menuitems { - @include transform(translatex(0%)); - } - } - - @include width-range($max: 500px) { - .valo-menu-toggle .v-button-caption { - display: none; - } - - .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption { - display: inline-block; - width: round($v-unit-size / 2); - overflow: hidden; - } - } - } -} - - - -/** - * - * - * @param {string} $bg ($valo-menu-background-color) - - * - * @group valo-menu - */ -@mixin valo-menu-style ($bg: $valo-menu-background-color) { - height: 100%; - @include linear-gradient(to left, (darken($bg, valo-gradient-opacity() / 2) 0%, $bg round($v-unit-size/4)), $fallback: $bg); - color: valo-font-color($bg, 0.5); - font-size: round($v-font-size * 0.9); - line-height: round($v-unit-size * 0.8); - border-right: valo-border($color: $bg); - white-space: nowrap; -} - - - -/** - * - * - * - * @group valo-menu - */ -@mixin valo-menu-title-style { - line-height: 1.2; - @include valo-gradient($color: $v-selection-color); - $font-color: valo-font-color($v-selection-color, 1); - color: $font-color; - text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-color); - padding: round($v-unit-size/3) round($v-unit-size/2); - font-size: round($v-font-size * 0.9); - border-bottom: valo-border($color: $v-selection-color); - @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow)); -} - - - -/** - * - * - * @param {color} $bg ($valo-menu-background-color) - - * - * @group valo-menu - */ -@mixin valo-menu-subtitle-style ($bg: $valo-menu-background-color) { - color: valo-font-color($bg, 0.33); - margin: round($v-unit-size/5) 0 round($v-unit-size/5) round($v-unit-size/2); - border-bottom: valo-border($color: $bg, $strength: 0.5, $border: first-number($v-border) solid v-tone); - - [class*="badge"] { - color: mix(valo-font-color($bg), $v-selection-color); - } -} - - - -/** - * - * - * @param {color} $bg ($valo-menu-background-color) - - * - * @group valo-menu - */ -@mixin valo-menu-item-style ($bg: $valo-menu-background-color) { - $font-color: valo-font-color($bg, 0.5); - outline: none; - font-weight: $v-font-weight + 100; - padding: 0 round($v-unit-size) 0 round($v-unit-size/2); - cursor: pointer; - position: relative; - overflow: hidden; - text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $bg, $offset: 2px); - @include transition(background-color 300ms, color 60ms); - - $diff: color-luminance($bg) - color-luminance($v-selection-color); - $active-color: $v-selection-color; - @if abs($diff) < 30 { - $active-color: lighten($v-selection-color, 10%); - } - - [class*="caption"] { - vertical-align: middle; - display: inline-block; - width: 90%; - max-width: 15em; - padding-right: round($v-unit-size/2); - text-overflow: ellipsis; - overflow: hidden; - } - - [class*="badge"] { - @if abs($diff) < 50 { - color: mix(valo-font-color($bg), $v-selection-color); - } @else { - color: $active-color; - } - } - - &.selected { - background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); - - .v-icon { - color: $active-color; - } - - [class*="badge"] { - @include valo-badge-style($states: active, $active-color: $active-color); - } - } - - &:focus, - &:hover, - &.selected { - color: valo-font-color($bg, 1); - } - - // Font icons - span.v-icon { - min-width: 1em; - margin-right: round($v-unit-size/2); - text-align: center; - vertical-align: middle; - - @if $v-gradient { - -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75))); - } - - + span { - margin-left: 0; - } - } - - [class*="badge"] { - @include valo-badge-style($states: inactive, $background-color: lighten($bg, 5%)); - } -} - - - - -/** - * - * - * @param {string} $states (inactive active) - - * @param {color} $background-color (null) - - * @param {color} $active-color ($v-selection-color) - - * - * @group valo-menu - */ -@mixin valo-badge-style ($states: inactive active, $background-color: null, $active-color: $v-selection-color) { - @if contains($states, inactive) { - background-color: $background-color; - @include transition(background-color 300ms); - line-height: 1; - padding: round($v-unit-size/9) round($v-unit-size/6); - min-width: round($v-font-size/1.5); - text-align: center; - top: (round($v-unit-size * 0.8) - round($v-font-size * 0.9) - round($v-unit-size/9) * 2) / 2; - border-radius: $v-border-radius; - } - - @if contains($states, active) { - @include valo-gradient($color: $active-color); - color: valo-font-color($active-color); - } -} - - - -/** - * - * - * @param {color} $bg (darken($valo-menu-background-color, 4%)) - - * - * @group valo-menu - */ -@mixin valo-menu-large-icons-style ($bg: darken($valo-menu-background-color, 4%)) { - background-color: $bg; - min-width: $v-unit-size * 2; - max-width: $v-unit-size * 3; - - .valo-menu-title { - font-size: round($v-font-size * 0.75); - - .v-label-undef-w { - white-space: normal; - } - } - - .v-menubar-user-menu { - margin-left: 0; - margin-right: 0; - font-size: round($v-font-size * 0.7); - - img.v-icon { - width: round($v-unit-size/1.3); - height: round($v-unit-size/1.3); - } - } - - [class*="subtitle"] { - margin: round($v-unit-size/4) 0 0; - padding: round($v-unit-size/5) round($v-unit-size/1.5) round($v-unit-size/5) round($v-unit-size/4); - line-height: 1; - border: none; - text-overflow: ellipsis; - overflow: hidden; - background: darken($bg, 6%); - font-size: round($v-font-size * 0.8); - box-shadow: valo-bevel-and-shadow($shadow: $v-shadow); - - [class*="badge"] { - right: round($v-unit-size/4); - } - - + .valo-menu-item { - border-top: none; - } - } - - .valo-menu-item { - display: block; - font-size: round($v-font-size * 1.6); - line-height: 1; - padding: round($v-unit-size/3); - text-align: center; - border-top: valo-border($color: $bg, $strength: 0.2, $border: first-number($v-border) solid v-tone); - - &:first-child { - border-top: none; - } - - [class*="caption"] { - display: block; - width: auto; - margin: .3em 0 0; - padding: 0; - font-size: round($v-font-size * 0.7); - line-height: 1.3; - } - - .v-icon { - margin: 0; - } - - span.v-icon { - opacity: 0.8; - } - - &.selected { - background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); - - .v-icon { - opacity: 1; - } - - [class*="badge"] { - border-color: darken($bg, 3%); - } - } - - [class*="badge"] { - padding-left: round($v-unit-size/9); - padding-right: round($v-unit-size/9); - top: round($v-unit-size/5); - right: round($v-unit-size/5); - border: 2px solid $bg; - } - } -} - - - -/** - * - * - * - * @group valo-menu - */ -@mixin valo-menu-logo-style { - display: block; - overflow: hidden; - width: round($v-unit-size * 1.2) !important; - height: round($v-unit-size * 1.2); - border-radius: $v-border-radius; - text-align: center; - @include valo-gradient($color: $v-selection-color); - color: valo-font-color($v-selection-color, 1); - font-size: round($v-unit-size/1.5); - line-height: round($v-unit-size * 1.2); - margin: round($v-unit-size/2) auto; - @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow)); - - &:focus { - outline: none; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_widget.scss b/WebContent/VAADIN/themes/valo/components/_widget.scss deleted file mode 100644 index 85bc96ba9f..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_widget.scss +++ /dev/null @@ -1,23 +0,0 @@ -/** - * - */ -@mixin valo-widget-style { - // Baseline expectations for all Vaadin widgets - @include box-sizing(border-box); - display: inline-block; - vertical-align: top; - - // Reset, since ordered layout uses text-align for horizotal alignment inside slots and - // white-space: nowrap; for horizontal layout orientation - text-align: left; - white-space: normal; -} - -/** - * - */ -@mixin valo-widget { - .v-widget { - @include valo-widget-style; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/_window.scss b/WebContent/VAADIN/themes/valo/components/_window.scss deleted file mode 100644 index 0b01949593..0000000000 --- a/WebContent/VAADIN/themes/valo/components/_window.scss +++ /dev/null @@ -1,424 +0,0 @@ -/** - * @group window - */ -$v-window-background-color: $v-panel-background-color !default; - -/** - * @group window - */ -$v-window-border-radius: $v-border-radius !default; - -/** - * @group window - */ -$v-window-shadow: 0 2px 10px (v-shade 2), 0 16px 80px -6px (v-shade 3), last($v-overlay-shadow) !default; - -/** - * @group window - */ -$v-window-animate-in: valo-animate-in-fade 140ms !default; - -/** - * @group window - */ -$v-window-animate-out: valo-animate-out-scale-down-fade 100ms !default; - -/** - * @group window - */ -$v-window-modality-curtain-background-color: #222 !default; - - -@if $v-animations-enabled { - @include keyframes(valo-modal-window-indication) { - 0% { opacity: 0; } - 100% { opacity: 1; } - } - - @include keyframes(valo-animate-out-scale-down-fade) { - 100% { - @include transform(scale(0.8)); - opacity: 0; - } - } -} - - -/** - * - * - * @param {string} $primary-stylename (v-window) - - * - * @group window - */ -@mixin valo-window ($primary-stylename: v-window) { - - .#{$primary-stylename} { - @include valo-overlay-style($background-color: $v-window-background-color, $animate-in: $v-window-animate-in, $animate-out: $v-window-animate-out); - - @if $v-window-shadow { - @if $v-window-shadow == none { - @include box-shadow(none); - } @else if $v-window-shadow != $v-overlay-shadow { - @include box-shadow(valo-bevel-and-shadow($shadow: $v-window-shadow)); - } - } - @if $v-window-border-radius != $v-border-radius { - border-radius: $v-window-border-radius; - } - padding: 0; - min-width: 4*$v-unit-size !important; - min-height: $v-unit-size !important; - white-space: nowrap; - overflow: hidden !important; - - @if $v-animations-enabled { - @include transition(width 200ms, height 200ms, top 200ms, left 200ms); - - &.#{$primary-stylename}-animate-in { - @include transition(none); - } - } - } - - .#{$primary-stylename}-modalitycurtain { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - @include radial-gradient(circle at 50% 50%, $v-window-modality-curtain-background-color, darken($v-window-modality-curtain-background-color, valo-gradient-opacity()), $fallback: $v-window-modality-curtain-background-color); - @include opacity(max(0.2, 0.8 - valo-gradient-opacity()/100%)); - @if $v-animations-enabled { - @include valo-animate-in-fade($duration: 400ms, $delay: 100ms); - .v-op12 & { - // Opera 12 has a shitbreak with the fade-in (flickers) - @include animation(none); - } - } - } - - .#{$primary-stylename}-draggingCurtain { - position: fixed !important; - } - - .#{$primary-stylename}-resizingCurtain + .v-window, - .#{$primary-stylename}-draggingCurtain + .v-window { - @include transition(none); - } - - $scroll-divider-width: max(1px, first-number($v-border)); - - .#{$primary-stylename}-outerheader { - cursor: move; - position: absolute; - z-index: 2; - top: 0; - left: 0; - right: 0; - // Raise above the window content, if that is ever promoted to a layer - @include transform(translatez(0)); - - &:after { - content: ""; - position: absolute; - bottom: -$scroll-divider-width; - right: 0; - left: 0; - height: 0; - $_bg: $v-window-background-color; - border-top: $scroll-divider-width solid first-color(valo-border($strength: 0.5)); - $border-color: first-color(valo-border($strength: 1)); - border-color: rgba($border-color, .5); - } - } - - .#{$primary-stylename}-header { - line-height: $v-unit-size - 1px; - padding-left: round($v-unit-size/3); - margin-right: $v-unit-size * 2; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: blend-normal(rgba(valo-font-color($v-window-background-color), .7), $v-window-background-color); - } - - //Adjust header margin according to visible buttons on header - .#{$primary-stylename}-restorebox-disabled, - .#{$primary-stylename}-maximizebox-disabled { - ~ .#{$primary-stylename}-closebox ~ .#{$primary-stylename}-header { - margin-right: $v-unit-size; - } - ~ .#{$primary-stylename}-closebox-disabled ~ .#{$primary-stylename}-header { - margin-right: round($v-unit-size/3); - } - } - - .#{$primary-stylename}-closebox, - .#{$primary-stylename}-maximizebox, - .#{$primary-stylename}-restorebox { - position: absolute; - z-index: 3; - top: 0; - right: 0; - @include box-sizing(border-box); - width: $v-unit-size - round($v-unit-size/9); - height: $v-unit-size - 1px; - background-color: $v-window-background-color; - line-height: $v-unit-size - 3px; - text-align: center; - cursor: pointer; - font-size: round($v-font-size * 1.3); - color: valo-font-color($v-window-background-color, .4); - - @if $v-animations-enabled { - @include transition(color 140ms); - } - - &:focus { - outline: none; - } - - &:hover { - @include opacity(1); - color: $v-selection-color; - } - - &:active { - color: inherit; - } - } - - .#{$primary-stylename}-closebox { - padding-right: round($v-unit-size/9); - @include valo-window-close-icon-style; - - @if $v-window-border-radius > 0 { - border-radius: 0 $v-window-border-radius 0 $v-window-border-radius; - } - } - - .#{$primary-stylename}-maximizebox, - .#{$primary-stylename}-restorebox { - right: $v-unit-size - round($v-unit-size/9); - padding-left: round($v-unit-size/9); - - @if $v-window-border-radius > 0 { - border-radius: 0 0 0 $v-window-border-radius; - - + .#{$primary-stylename}-closebox { - border-bottom-left-radius: 0; - } - } - } - - .#{$primary-stylename}-closebox-disabled, - .#{$primary-stylename}-resizebox-disabled, - .#{$primary-stylename}-restorebox-disabled, - .#{$primary-stylename}-maximizebox-disabled { - display: none; - - + .#{$primary-stylename}-closebox { - width: $v-unit-size; - padding-right: 0; - border-bottom-left-radius: $v-window-border-radius; - } - } - - .#{$primary-stylename}-maximizebox { - @include valo-window-maximize-icon-style; - } - - .#{$primary-stylename}-restorebox { - @include valo-window-restore-icon-style; - } - - .v-window > .popupContent, - .#{$primary-stylename}-wrap, - .#{$primary-stylename}-contents, - .#{$primary-stylename}-contents > .v-scrollable { - height: 100%; - } - - .#{$primary-stylename}-contents { - @include box-sizing(border-box); - border-radius: $v-border-radius; - margin-top: 0 !important; - - > .v-scrollable { - @include valo-panel-adjust-content-margins; - - > .v-formlayout { - @include valo-formlayout-margin(round($v-unit-size/3)); - } - - position: relative; - - &:focus { - outline: none; - } - - &:before { - content: ""; - position: absolute; - z-index: 2; - top: 0; - height: 0; - border-top: $scroll-divider-width solid $v-window-background-color; - left: 0; - right: 0; - } - - .v-panel-captionwrap:after { - border-color: first-color(valo-border($strength: 0.5)); - } - - .v-panel-content:before { - border-color: $v-window-background-color; - } - } - } - - .#{$primary-stylename}-footer { - height: 0; - } - - .#{$primary-stylename}-resizebox { - position: absolute; - z-index: 1000; - right: 0; - bottom: 0; - width: round($v-unit-size/2); - height: round($v-unit-size/2); - cursor: nwse-resize; - - .v-ie8 & { - background: #000; - filter: alpha(opacity=0.1); - } - - .v-ie8 &, - .v-ie9 & { - cursor: se-resize; - } - } - - - // Flash modal window when clicking on the curtain - .#{$primary-stylename}-modalitycurtain:active { - ~ .v-window { - @include animation(none); - } - } - - - .#{$primary-stylename}-top-toolbar, - .#{$primary-stylename}-bottom-toolbar { - > .v-widget { - vertical-align: top; - } - - .v-label { - line-height: $v-unit-size - 1px; - } - - .v-spacing { - width: round($v-layout-spacing-horizontal/2); - } - } - - .#{$primary-stylename}-top-toolbar { - &.v-layout { - padding: round($v-unit-size/5) round($v-unit-size/3); - position: relative; - z-index: 2; - border-top: valo-border($strength: 0.5); - border-bottom: valo-border($strength: 0.5); - background-color: $v-background-color; - } - - &.v-menubar { - margin: round($v-unit-size/3) round($v-unit-size/3) round($v-unit-size/6); - } - - &.v-menubar-borderless { - padding-left: round($v-unit-size/6); - padding-right: round($v-unit-size/6); - margin: round($v-unit-size/6) - first-number($v-border) 0; - } - } - - .#{$primary-stylename}-bottom-toolbar.v-layout { - padding: round($v-unit-size/5) round($v-unit-size/3); - @include linear-gradient(to bottom, darken($v-background-color, valo-gradient-opacity($v-gradient)/2) 0, $v-background-color round($v-unit-size/10), $fallback: $v-background-color); - border-top: valo-border($strength: 0.5); - border-radius: 0 0 $v-border-radius $v-border-radius; - } - - .v-margin-left.v-margin-right.v-margin-top { - .#{$primary-stylename}-top-toolbar { - &.v-layout { - @include box-sizing(content-box); - margin: round($v-unit-size/-3) round($v-unit-size/-3) 0; - } - - &.v-menubar { - margin: 0; - } - - &.v-menubar-borderless { - margin: round($v-unit-size/6) - round($v-unit-size/3) round($v-unit-size/6) - round($v-unit-size/3) 0; - padding: 0; - } - } - } - - .v-margin-left.v-margin-right.v-margin-bottom { - .#{$primary-stylename}-bottom-toolbar { - &.v-layout { - @include box-sizing(content-box); - margin: 0 round($v-unit-size/-3) round($v-unit-size/-3); - } - } - } - -} - - -/** - * - * - * - * @group window - */ -@mixin valo-window-close-icon-style { - &:before { - // times cross - content: "\00d7"; - } -} - -/** - * - * - * - * @group window - */ -@mixin valo-window-maximize-icon-style { - &:before { - content: "+"; - } -} - -/** - * - * - * - * @group window - */ -@mixin valo-window-restore-icon-style { - &:before { - // en-dash - content: "\2013"; - } -} diff --git a/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient.png b/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient.png deleted file mode 100644 index def063a8ab..0000000000 Binary files a/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient2.png b/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient2.png deleted file mode 100644 index f51ed752a7..0000000000 Binary files a/WebContent/VAADIN/themes/valo/components/img/colorpicker/gradient2.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png b/WebContent/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png deleted file mode 100644 index bcef2c5575..0000000000 Binary files a/WebContent/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/favicon.ico b/WebContent/VAADIN/themes/valo/favicon.ico deleted file mode 100644 index ffb34a65c7..0000000000 Binary files a/WebContent/VAADIN/themes/valo/favicon.ico and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/_fonts.scss b/WebContent/VAADIN/themes/valo/fonts/_fonts.scss deleted file mode 100644 index b947106f38..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/_fonts.scss +++ /dev/null @@ -1,49 +0,0 @@ -// Not included automatically, only if $v-font-family specifies them -@import "open-sans/open-sans"; -@import "source-sans-pro/source-sans-pro"; -@import "roboto/roboto"; -@import "lato/lato"; -@import "lora/lora"; - -$v-font-awesome: true !default; - -$fontawesome-pathPrefix: null; - -@if $v-relative-paths == true { - $fontawesome-pathPrefix: "../../../"; -} - -@mixin valo-fonts { - // Valo Icons - @include v-font(ThemeIcons, "#{$fontawesome-pathPrefix}../base/fonts/themeicons-webfont"); - @if $v-font-awesome { - @include v-font(FontAwesome, "#{$fontawesome-pathPrefix}../base/fonts/fontawesome-webfont"); - } -} - - -@mixin v-font($font-family, $file-name) { - @include font-face($font-family, $file-name); - - .#{$font-family} { - font-family: #{$font-family}; - font-style: normal; - font-weight: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: inline-block; - text-align: center; - } -} - - -@mixin font($font-family, $file-name) { - @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead."; - @include v-font($font-family, $file-name); -} - - - -// Include directly to avoid trapping inside a parent selector -// TODO move inside the theme main mixin once we can use Sass 3.3 (@at-root) -@include valo-fonts; diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/_lato.scss b/WebContent/VAADIN/themes/valo/fonts/lato/_lato.scss deleted file mode 100644 index 152082689c..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/lato/_lato.scss +++ /dev/null @@ -1,155 +0,0 @@ -$lato-pathPrefix: null; - -@if $v-relative-paths == false { - $lato-pathPrefix: "../valo/fonts/lato/"; -} - -@mixin font-lato-regular ($italic: true) { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-regular-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-regular-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-regular-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-italic-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-italic-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-italic-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: italic; - } - } -} - - - - - -@mixin font-lato-hairline ($italic: true) { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-hairline-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-hairline-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: italic; - } - } -} - - - - -@mixin font-lato-light ($italic: true) { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-light-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-light-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-light-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-light-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-lightitalic-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-lightitalic-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: italic; - } - } -} - - - -@mixin font-lato-bold ($italic: true) { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-bold-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-bold-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-bold-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-bolditalic-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-bolditalic-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: italic; - } - } -} - - - - - -@mixin font-lato-black ($italic) { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-black-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-black-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-black-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-black-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Lato'; - src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot'); - src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lato-pathPrefix}lato-blackitalic-webfont.woff') format('woff'), - url('#{$lato-pathPrefix}lato-blackitalic-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: italic; - } - } -} - - - - - -@mixin font-lato ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { - @if $extralight { - @include font-lato-hairline($italic); - } - @if $light { - @include font-lato-light($italic); - } - @if $regular { - @include font-lato-regular($italic); - } - @if $bold { - @include font-lato-bold($italic); - } - @if $black { - @include font-lato-black($italic); - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot deleted file mode 100755 index 254f92b5b6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf deleted file mode 100755 index 1ecfb60748..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff deleted file mode 100755 index 2269286e11..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot deleted file mode 100755 index 5e6889cc4f..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf deleted file mode 100755 index bd334e9bea..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff deleted file mode 100755 index 6e41ed94fc..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot deleted file mode 100755 index 00954909c8..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf deleted file mode 100755 index 695afc99a0..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff deleted file mode 100755 index 6c2eb81d98..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot deleted file mode 100755 index 0994180ad6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf deleted file mode 100755 index 321368dac1..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff deleted file mode 100755 index 8782b4792b..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot deleted file mode 100755 index dc400174fc..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf deleted file mode 100755 index 9041e647f3..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff deleted file mode 100755 index 19acf444be..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot deleted file mode 100755 index 0ba065fe8f..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf deleted file mode 100755 index 05aa693e4d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff deleted file mode 100755 index d63f45aa24..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot deleted file mode 100755 index b0e5bb354f..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf deleted file mode 100755 index 368cf111e6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff deleted file mode 100755 index 9d0784d5e4..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot deleted file mode 100755 index 2233ada12e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf deleted file mode 100755 index b9ad943886..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff deleted file mode 100755 index c0270e2863..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot deleted file mode 100755 index 54635135a9..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf deleted file mode 100755 index da3ad35f8b..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff deleted file mode 100755 index 80f3d711a0..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot deleted file mode 100755 index db0507682a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf deleted file mode 100755 index 33743b52d9..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff deleted file mode 100755 index c287ffcdf3..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/_lora.scss b/WebContent/VAADIN/themes/valo/fonts/lora/_lora.scss deleted file mode 100644 index a40f800b5a..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/lora/_lora.scss +++ /dev/null @@ -1,71 +0,0 @@ -$lora-pathPrefix: null; - -@if $v-relative-paths == false { - $lora-pathPrefix: "../valo/fonts/lora/"; -} - -@mixin font-lora-regular ($italic: true) { - @font-face { - font-family: 'lora'; - src: url('#{$lora-pathPrefix}lora-regular-webfont.eot'); - src: url('#{$lora-pathPrefix}lora-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lora-pathPrefix}lora-regular-webfont.woff') format('woff'), - url('#{$lora-pathPrefix}lora-regular-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'lora'; - src: url('#{$lora-pathPrefix}lora-italic-webfont.eot'); - src: url('#{$lora-pathPrefix}lora-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lora-pathPrefix}lora-italic-webfont.woff') format('woff'), - url('#{$lora-pathPrefix}lora-italic-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: italic; - } - } -} - - - - - - - -@mixin font-lora-bold ($italic: true) { - @font-face { - font-family: 'lora'; - src: url('#{$lora-pathPrefix}lora-bold-webfont.eot'); - src: url('#{$lora-pathPrefix}lora-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lora-pathPrefix}lora-bold-webfont.woff') format('woff'), - url('#{$lora-pathPrefix}lora-bold-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'lora'; - src: url('#{$lora-pathPrefix}lora-bolditalic-webfont.eot'); - src: url('#{$lora-pathPrefix}lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$lora-pathPrefix}lora-bolditalic-webfont.woff') format('woff'), - url('#{$lora-pathPrefix}lora-bolditalic-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: italic; - } - } -} - - - - - - -@mixin font-lora ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { - @if $regular { - @include font-lora-regular($italic); - } - @if $bold { - @include font-lora-bold($italic); - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot deleted file mode 100755 index bfd15013c4..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf deleted file mode 100755 index 1785809e73..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff deleted file mode 100755 index d09efc35bb..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot deleted file mode 100755 index 507a689c63..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf deleted file mode 100755 index 19e1459eb0..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff deleted file mode 100755 index 848e03d916..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot deleted file mode 100755 index f966a9fcf9..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf deleted file mode 100755 index aa0bd01b58..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff deleted file mode 100755 index 2cfc2df1d7..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot deleted file mode 100755 index 8c218880c8..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf deleted file mode 100755 index 908f2e34f4..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff deleted file mode 100755 index 2b15bf776e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot deleted file mode 100755 index 5d20d91633..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf deleted file mode 100755 index 2109c958e3..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff deleted file mode 100755 index 1205787b0e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot deleted file mode 100755 index 1f639a15ff..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf deleted file mode 100755 index 242d6b25c3..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff deleted file mode 100755 index ed760c0628..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot deleted file mode 100755 index 1e29ad5954..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf deleted file mode 100755 index 6b9118ee35..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff deleted file mode 100755 index a7b99d2552..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot deleted file mode 100755 index 77184af422..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf deleted file mode 100755 index 26a07e9392..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff deleted file mode 100755 index 45395d1bbe..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot deleted file mode 100755 index 0c8a0ae06e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf deleted file mode 100755 index 12d25d9a73..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff deleted file mode 100755 index ff652e6435..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot deleted file mode 100755 index 14868406aa..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf deleted file mode 100755 index 63af664cde..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff deleted file mode 100755 index e786074813..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot deleted file mode 100755 index 8f445929ff..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf deleted file mode 100755 index 01dda2858a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff deleted file mode 100755 index 43e8b9e6cc..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot deleted file mode 100755 index 6bbc3cf58c..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf deleted file mode 100755 index c537f8382a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff deleted file mode 100755 index e231183dce..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot deleted file mode 100755 index d8375dd0ab..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf deleted file mode 100755 index b3290843a7..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff deleted file mode 100755 index 28d6adee03..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot deleted file mode 100755 index 0ab1db22e6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf deleted file mode 100755 index d2d6318f66..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff deleted file mode 100755 index d4dfca402e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss b/WebContent/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss deleted file mode 100644 index ca5851a99d..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss +++ /dev/null @@ -1,155 +0,0 @@ -$open-sans-pathPrefix: null; - -@if $v-relative-paths == false { - $open-sans-pathPrefix: "../valo/fonts/open-sans/"; -} - -@mixin font-open-sans-book ($italic: true) { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: italic; - } - } -} - - - - -@mixin font-open-sans-light ($italic: true) { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: italic; - } - } -} - - - - - -@mixin font-open-sans-semibold ($italic: true) { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: italic; - } - } -} - - - -@mixin font-open-sans-bold ($italic: true) { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: italic; - } - } -} - - - - - -@mixin font-open-sans-extrabold ($italic) { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Open Sans'; - src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.eot'); - src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), - url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: italic; - } - } -} - - - - - -@mixin font-open-sans ($italic: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { - @if $light { - @include font-open-sans-light($italic); - } - @if $regular { - @include font-open-sans-book($italic); - } - @if $medium { - @include font-open-sans-semibold($italic); - } - @if $bold { - @include font-open-sans-bold($italic); - } - @if $black { - @include font-open-sans-extrabold($italic); - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot deleted file mode 100755 index fa326d1d12..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf deleted file mode 100755 index 3c3b2b8ae6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff deleted file mode 100755 index 0229086571..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot deleted file mode 100755 index a2aebfb7da..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf deleted file mode 100755 index 2020dcbc9c..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff deleted file mode 100755 index 1875c0b950..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot deleted file mode 100755 index b73776ee3b..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf deleted file mode 100755 index 1da72769a8..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff deleted file mode 100755 index 0c6994871e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot deleted file mode 100755 index b803ec1687..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf deleted file mode 100755 index 78bab05c8c..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff deleted file mode 100755 index 99de61af52..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot deleted file mode 100755 index b708f047ff..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf deleted file mode 100755 index ae258e8416..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff deleted file mode 100755 index dd74244382..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot deleted file mode 100755 index 072cdc480c..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf deleted file mode 100755 index 3b2fea0ace..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff deleted file mode 100755 index cc534a3815..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot deleted file mode 100755 index 77396a1ff9..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf deleted file mode 100755 index b9b38118a3..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff deleted file mode 100755 index 3071ff4f23..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot deleted file mode 100755 index f9ad99566d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf deleted file mode 100755 index 8aa64d8232..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff deleted file mode 100755 index cd810ef929..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot deleted file mode 100755 index a03fe4b248..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf deleted file mode 100755 index 6439927f16..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff deleted file mode 100755 index 69a1458011..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot deleted file mode 100755 index 9b5e8e4138..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf deleted file mode 100755 index 44dd78d5e1..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff deleted file mode 100755 index bfa05d53f4..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot deleted file mode 100755 index 2284a3b3ef..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf deleted file mode 100755 index 18919f7a96..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff deleted file mode 100755 index f10b831e85..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot deleted file mode 100755 index e6291f2657..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf deleted file mode 100755 index a4e7ae08e0..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff deleted file mode 100755 index 9ef17a8681..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot deleted file mode 100755 index bbc67d825b..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf deleted file mode 100755 index 87256d3a34..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff deleted file mode 100755 index 235c963d69..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot deleted file mode 100755 index 5a95d1a144..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf deleted file mode 100755 index 059feb39c5..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff deleted file mode 100755 index df69b95291..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot deleted file mode 100755 index 985364ffed..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf deleted file mode 100755 index d804301e70..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff deleted file mode 100755 index 67804e1e4d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot deleted file mode 100755 index d492665160..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf deleted file mode 100755 index 321c450f22..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff deleted file mode 100755 index c414478ca5..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot deleted file mode 100755 index c169648374..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf deleted file mode 100755 index 905604d021..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff deleted file mode 100755 index 5536e16c5d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot deleted file mode 100755 index 5710fe6ead..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf deleted file mode 100755 index be9f6f8ab9..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff b/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff deleted file mode 100755 index ec28f95c87..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/roboto/_roboto.scss b/WebContent/VAADIN/themes/valo/fonts/roboto/_roboto.scss deleted file mode 100644 index ddc6b4f5a7..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/roboto/_roboto.scss +++ /dev/null @@ -1,155 +0,0 @@ -$roboto-pathPrefix: null; - -@if $v-relative-paths == false { - $roboto-pathPrefix: "../valo/fonts/roboto/"; -} - -@mixin font-roboto-regular ($italic: true) { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Regular-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Regular-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Regular-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Italic-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Italic-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Italic-webfont.ttf') format('truetype'); - font-weight: 400; - font-style: italic; - } - } -} - - - - -@mixin font-roboto-thin ($italic: true) { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Thin-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Thin-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Thin-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.ttf') format('truetype'); - font-weight: 300; - font-style: italic; - } - } -} - - - - - -@mixin font-roboto-medium ($italic: true) { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Medium-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Medium-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Medium-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.ttf') format('truetype'); - font-weight: 600; - font-style: italic; - } - } -} - - - -@mixin font-roboto-bold ($italic: true) { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Bold-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Bold-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Bold-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.ttf') format('truetype'); - font-weight: 700; - font-style: italic; - } - } -} - - - - - -@mixin font-roboto-black ($italic) { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-Black-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-Black-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-Black-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: normal; - } - @if $italic { - @font-face { - font-family: 'Roboto'; - src: url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.eot'); - src: url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.woff') format('woff'), - url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.ttf') format('truetype'); - font-weight: 900; - font-style: italic; - } - } -} - - - - - -@mixin font-roboto ($italic: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { - @if $light { - @include font-roboto-thin($italic); - } - @if $regular { - @include font-roboto-regular($italic); - } - @if $medium { - @include font-roboto-medium($italic); - } - @if $bold { - @include font-roboto-bold($italic); - } - @if $black { - @include font-roboto-black($italic); - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss deleted file mode 100644 index f324e8f1fb..0000000000 --- a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss +++ /dev/null @@ -1,184 +0,0 @@ -$source-sans-pro-pathPrefix: null; - -@if $v-relative-paths == false { - $source-sans-pro-pathPrefix: "../valo/fonts/source-sans-pro/"; -} - -@mixin font-source-sans-pro-regular ($italic: true) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.ttf') format('truetype'); - font-weight: 400; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.ttf') format('truetype'); - font-weight: 400; - font-style: italic; - } - } -} - - - - -@mixin font-source-sans-pro-extralight ($italic: true) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.ttf') format('truetype'); - font-weight: 300; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.ttf') format('truetype'); - font-weight: 300; - font-style: italic; - } - } -} - - - - -@mixin font-source-sans-pro-light ($italic: true) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.ttf') format('truetype'); - font-weight: 300; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.ttf') format('truetype'); - font-weight: 300; - font-style: italic; - } - } -} - - - - - -@mixin font-source-sans-pro-semibold ($italic: true) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.ttf') format('truetype'); - font-weight: 600; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.ttf') format('truetype'); - font-weight: 600; - font-style: italic; - } - } -} - - - -@mixin font-source-sans-pro-bold ($italic: true) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.ttf') format('truetype'); - font-weight: 700; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.ttf') format('truetype'); - font-weight: 700; - font-style: italic; - } - } -} - - - - - -@mixin font-source-sans-pro-black ($italic) { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.ttf') format('truetype'); - font-weight: 900; - font-style: normal; - } - @if $italic { - @font-face { - font-family: "Source Sans Pro"; - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.eot'); - src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.eot?#iefix') format('embedded-opentype'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.woff') format('woff'), - url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.ttf') format('truetype'); - font-weight: 900; - font-style: italic; - } - } -} - - - - - -@mixin font-source-sans-pro ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { - @if $extralight { - @include font-source-sans-pro-extralight($italic); - } - @if $light { - @include font-source-sans-pro-light($italic); - } - @if $regular { - @include font-source-sans-pro-regular($italic); - } - @if $medium { - @include font-source-sans-pro-semibold($italic); - } - @if $bold { - @include font-source-sans-pro-bold($italic); - } - @if $black { - @include font-source-sans-pro-black($italic); - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot deleted file mode 100644 index 52d89ee8c2..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf deleted file mode 100644 index 0d727c31f0..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff deleted file mode 100644 index 2c80d40f53..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot deleted file mode 100644 index a6e65ae2c2..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf deleted file mode 100644 index d40b74c1a6..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff deleted file mode 100644 index e48d2d80cb..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot deleted file mode 100644 index b255c35b76..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf deleted file mode 100644 index 47468b5140..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff deleted file mode 100644 index 454b77ff0d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot deleted file mode 100644 index a5565ddebb..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf deleted file mode 100644 index 2fb6404d6e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff deleted file mode 100644 index 57bd10d301..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot deleted file mode 100644 index 2c588f017a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf deleted file mode 100644 index e4d3b9245b..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff deleted file mode 100644 index 709eae0398..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot deleted file mode 100644 index 0fe99615a2..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf deleted file mode 100644 index 314d9b1226..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff deleted file mode 100644 index 14038f36eb..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot deleted file mode 100644 index 989e7dd271..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf deleted file mode 100644 index 076a656119..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff deleted file mode 100644 index 94a41380e2..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot deleted file mode 100644 index 5618f2748d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf deleted file mode 100644 index 483301619e..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff deleted file mode 100644 index f9f0aa1198..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot deleted file mode 100644 index 3cce3f54df..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf deleted file mode 100644 index fb2f58f981..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff deleted file mode 100644 index d8ea82bae2..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot deleted file mode 100644 index 4968aa134a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf deleted file mode 100644 index 3939d7019d..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff deleted file mode 100644 index 5b3283af6a..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot deleted file mode 100644 index 7d8014869c..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf deleted file mode 100644 index b108896526..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff deleted file mode 100644 index a138eb3076..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot deleted file mode 100644 index 53093c24c4..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf deleted file mode 100644 index dc5c032c73..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff b/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff deleted file mode 100644 index e7a09d7141..0000000000 Binary files a/WebContent/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/shared/_contextmenu.scss b/WebContent/VAADIN/themes/valo/shared/_contextmenu.scss deleted file mode 100644 index 7fd182b6cd..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_contextmenu.scss +++ /dev/null @@ -1,26 +0,0 @@ -/** - * Outputs the context menu selectors and styles, which is used by Table and Tree for instance. - * - * @requires {mixin} valo-selection-item-style - * @requires {mixin} valo-selection-item-selected-style - */ -@mixin valo-contextmenu { - - .v-contextmenu { - @include valo-selection-overlay-style; - - table { - border-spacing: 0; - } - } - - .v-contextmenu .gwt-MenuItem { - @include valo-selection-item-style; - display: block; // Firefox 24 needs this to make position: relative; work - } - - .v-contextmenu .gwt-MenuItem-selected { - @include valo-selection-item-selected-style; - } - -} diff --git a/WebContent/VAADIN/themes/valo/shared/_global.scss b/WebContent/VAADIN/themes/valo/shared/_global.scss deleted file mode 100644 index 39b5a4e7d9..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_global.scss +++ /dev/null @@ -1,454 +0,0 @@ -@import "loading-indicator"; -@import "contextmenu"; -@import "overlay"; -@import "tooltip"; -@import "reconnect-dialog"; - - -/* - * A flag which is set to true when the global styles have been included in the compilation. - * Used to only include them once, if Valo is imported multiple times during the compilation - * (multiple theme support). - * - * @access private - * @type bool - */ -$valo-global-included: false !default; - -/* - * Global Valo related styles, containing styles which are necessary for the application - * and widgets to work correctly. - * - * @access private - */ -@mixin valo-global { - @if $valo-global-included == false { - - // Version info for the debug window - .v-vaadin-version:after { - content: "@version@"; - } - - // Core widget styles come before any other component (and are always included), - // so that it has the least specificity - @include valo-widget; - - .v-generated-body { - overflow: hidden; - margin: 0; - padding: 0; - border: 0; - } - - .v-app { - height: 100%; - // Cancel tap highlight from all elements inside the app - -webkit-tap-highlight-color: rgba(0,0,0,0); - - // Prevent iOS text size adjust after orientation change, without disabling user zoom - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - - // Disable text selection by default - @include user-select(none); - - // Enable text selection for certain elements - input[type="text"], - .v-slot > .v-caption, - .v-gridlayout-slot > .v-caption, - .v-has-caption > .v-caption, - .v-formlayout-captioncell > .v-caption, - .v-csslayout > .v-caption { - @include user-select(text); - } - - // Removes clear button from input fields introduced by IE10 - input::-ms-clear { - display: none; - } - } - - .v-ui { - position: relative; - } - - // Prevent margin collapse - .v-ui.v-ui-embedded { - margin-top: -1px; - border-top: 1px solid transparent; - } - - .v-ui:focus { - outline: none; - } - - .v-overlay-container { - width: 0; - height: 0; - } - - .v-drag-element { - z-index: 60000; - // Override any other position properties - position: absolute !important; - cursor: default; - } - - .v-clip { - overflow: hidden; - } - - .v-scrollable { - overflow: auto; - - // "Unnecessary scrollbar" related fixes - > .v-widget { - // This is needed for IE - vertical-align: middle; - - // Needed for all browsers. Can't really show anything outside the - // scrolling area anyway, so we can safely hide any overflow - overflow: hidden; - } - } - - .v-ios.v-webkit .v-scrollable { - -webkit-overflow-scrolling: touch; - } - - // Disable native scrolling on iOS 5 due to issue #8792 - .v-ios5.v-webkit .v-scrollable { - -webkit-overflow-scrolling: none; - } - - //fix for #14813 - unable to scroll on iOS devices - .v-webkit.v-ios .v-browserframe { - -webkit-overflow-scrolling: touch; - overflow:auto; - } - - .v-assistive-device-only { - position: absolute; - top: -2000px; - left: -2000px; - width: 10px; - overflow: hidden; - } - - .v-icon { - cursor: inherit; - @include user-select(none); - } - - .v-icon, - .v-errorindicator, - .v-required-field-indicator { - display: inline-block; - line-height: inherit; - } - - .v-caption { - display: inline-block; - white-space: nowrap; - line-height: $v-line-height; - } - - .v-captiontext { - display: inline-block; - line-height: inherit; - } - - // Component global styles should also be included here - @if v-is-included(orderedlayout) { - @include valo-orderedlayout-global; - } - - @if v-is-included(gridlayout) { - @include valo-gridlayout-global; - } - - @if v-is-included(calendar) { - @include valo-calendar-global; - } - - @if v-is-included(colorpicker) { - @include valo-colorpicker-global; - } - - @if v-is-included(table) or v-is-included(treetable) { - @include valo-table-global; - } - - @if v-is-included(tabsheet) { - @include valo-tabsheet-global; - } - - @if v-is-included(splitpanel) { - @include valo-splitpanel-global; - } - - $valo-global-included: true; - } -} - - -$valo-shared-pathPrefix: null; - -@if $v-relative-paths == false { - $valo-shared-pathPrefix: "../valo/shared/"; -} - -/** - * Styles for the application root element. Outputs font, font color, background color and default - * cursor styles. - */ -@mixin valo-app-style { - font: $v-font-weight #{$v-font-size}/#{$v-line-height} $v-font-family; - color: $v-font-color; - background-color: $v-app-background-color; - cursor: default; - - // Default to Helvetica Neue on Macs instead of Helvetica, which has a slightly different baseline - @if $v-font-family == sans-serif { - .v-mac & { - font-family: "Helvetica Neue", sans-serif; - } - } -} - -/** - * Common application styles, such as loading indicators, tooltip and context menu styles, - * caption and icon defaults, basic HTML element resets. - * Should only be included once (done automatically when including the main valo mixin). - * - * @requires {mixin} valo-app-style - */ -@mixin valo-common { - - //@if & != null { - // &, - // &.v-app-loading { - // @include valo-app-style; - // } - //} @else { - &.v-app, - &.v-app-loading { - @include valo-app-style; - } - //} - - //&.v-overlay-container { - // position: absolute; - // top: 0; - //} - - .v-app-loading { - width: 100%; - height: 100%; - background: $v-app-background-color; - - $_size: 28px + round($v-unit-size/2); - - &:before { - content: ""; - position: fixed; - z-index: 100; - top: 45%; - left: 50%; - width: 28px; - height: 28px; - padding: round($v-unit-size/4); - margin-top: round($_size/-2); - margin-left: round($_size/-2); - background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50%; - border-radius: $v-border-radius; - } - - @if $v-app-loading-text != "" { - &:after { - position: fixed; - z-index: 100; - top: 45%; - padding-top: $_size; - text-align: center; - left: 0; - right: 0; - content: $v-app-loading-text; - } - } - } - - @include valo-loading-bar; - - - // Fallback spinner for browsers without CSS animations - .v-ie8 &, - .v-ie9 & { - .v-loading-indicator, - .v-loading-indicator-delay, - .v-loading-indicator-wait { - width: 28px !important; - height: 28px; - padding: round($v-unit-size/4); - background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50%; - border-radius: $v-border-radius; - top: round($v-unit-size/4); - right: round($v-unit-size/4); - left: auto; - filter: alpha(opacity=50); - - &[style*="none"] { - display: none !important; - } - } - - .v-loading-indicator-wait { - filter: alpha(opacity=100); - } - } - - .v-scrollable:focus { - outline: none; - } - - img.v-icon { - vertical-align: middle; - } - - .v-caption { - @include valo-caption-style; - } - - .v-caption-on-left .v-caption, - .v-caption-on-right .v-caption { - padding-top: 0; - padding-bottom: 0; - } - - .v-icon + .v-captiontext, - .v-icon + span { - margin-left: round($v-unit-size/5); - - &:empty { - margin-left: 0; - } - } - - .v-errorindicator { - @include valo-error-indicator-style; - } - - .v-required-field-indicator { - color: $v-required-field-indicator-color; - padding: 0 .2em; - } - - select { - font: inherit; - font-weight: 400; - line-height: inherit; - padding: round($v-unit-size/8); - margin: 0; - border-radius: $v-border-radius; - - @include valo-nativeselect-select-style; - } - - button { - font: inherit; - font-weight: 400; - line-height: $v-line-height; - } - - a { - @include valo-link-style; - } - - .v-disabled { - cursor: default !important; - } - - @include valo-drag-element; - - @include valo-tooltip; - - @include valo-contextmenu; - - @include valo-reconnect-dialog; -} - - - -/** - * Generic component caption styles (captions which are generated by layouts). - */ -@mixin valo-caption-style { - font-size: $v-caption-font-size; - font-weight: $v-caption-font-weight; - padding-bottom: .3em; - @if $v-border-radius > 0 { - padding-left: round($v-border-radius/4); - } -} - - -/** - * Error indicator styles. The error indicator is by default a font character which you can style freely. - * - * @param {boolean} $is-pseudo-element (false) - is the selector including this mixin targeting a pseudo element - * - * @requires {mixin} valo-error-indicator-icon-style by default - */ -@mixin valo-error-indicator-style ($is-pseudo-element: false) { - color: $v-error-indicator-color; - font-weight: 600; - width: ceil($v-unit-size/2); - text-align: center; - - @if $is-pseudo-element { - @include valo-error-indicator-icon-style; - } @else { - &:before { - @include valo-error-indicator-icon-style; - } - } -} - -/** - * The error indicator icon style. Should be a font character or a font icon. - */ -@mixin valo-error-indicator-icon-style { - content: "!"; -} - - -/** - * Make the BODY element scrollable instead of the .v-ui element. Scrolling the BODY usually - * works better on touch devices. You loose the ability to control the scroll position from - * the server side when using this. - * - * @example scss - * // Include without any parent selector - * @include valo-natural-page-scrolling; - */ -@mixin valo-natural-page-scrolling { - - html { - height: auto; - } - - .v-generated-body { - height: auto; - overflow: auto; - background-color: $v-app-background-color; - } - - .v-app, - .v-ui.v-scrollable { - width: auto !important; - height: auto !important; - overflow: visible !important; - } - -} diff --git a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss b/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss deleted file mode 100644 index 645e188b09..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss +++ /dev/null @@ -1,163 +0,0 @@ -@-webkit-keyframes v-rotate-360 { - to {-webkit-transform: rotate(360deg);} -} -@-moz-keyframes v-rotate-360 { - to {-moz-transform: rotate(360deg);} -} -@-o-keyframes v-rotate-360 { - to {-o-transform: rotate(360deg);} -} -@keyframes v-rotate-360 { - to {transform: rotate(360deg);} -} - -/** - * Creates a spinner to be used as a loading indicator. On browsers which do not - * support CSS animations, an animated GIF image is used as a fallback. - * - * @param {size} $size (24px) - the diameter of the spinner, in pixels. Should be divisible by 2, increased by 1px if not - * @param {size} $thickness (2px) - the thickness or width of the border of the spinner - * @param {color} $color ($v-focus-color) - the color of the border of the spinner - * @param {time} $speed (500ms) - the speed of the spinning animation - */ -@mixin valo-spinner ($size: 24px, $thickness: 2px, $color: $v-focus-color, $speed: 500ms) { - // Make size divisible by 2, so that the rotation won't jiggle - $size: round($size) + round($size) % 2; - height: $size !important; - width: $size !important; - @include box-sizing(border-box); - border: $thickness solid transparentize($color, .8); - border-top-color: $color; - border-right-color: $color; - border-radius: 100%; - @include animation(v-rotate-360 $speed infinite linear); - pointer-events: none; - - // No CSS animation in IE8 and IE9 - .v-ie8 &, - .v-ie9 & { - border: none; - border-radius: $v-border-radius; - background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50% 50%; - background-size: 80%; - } - - // No background-size for IE8 - .v-ie8 & { - min-width: 30px; - min-height: 30px; - } -} - - - - - - - - - - - - - - - - -/** - * The color of the main loading indicator bar. - * @type color - */ -$v-loading-indicator-color: $v-focus-color !default; - -/** - * The height of the main loading indicator bar. - * - * @type size - */ -$v-loading-indicator-bar-height: ceil($v-unit-size/10) !default; - -/** - * The height of the main loading indicator bar when the request to the server - * is taking longer than usual and the user is notified that they should wait. - * - * @type size - */ -$v-loading-indicator-bar-height--wait: ceil($v-unit-size/6) !default; - - - -@include keyframes(v-progress-start) { - 0% { width: 0%; } - 100% { width: 50%; } -} - -@include keyframes(v-progress-delay) { - 0% { width: 50%; } - 100% { width: 90%; } -} - -@include keyframes(v-progress-wait) { - 0% { width: 90%; height: $v-loading-indicator-bar-height; } - 3% { width: 91%; height: $v-loading-indicator-bar-height--wait; } - 100% { width: 96%; height: $v-loading-indicator-bar-height--wait; } -} - -@include keyframes(v-progress-wait-pulse) { - 0% { opacity: 1; } - 50% { opacity: .1; } - 100% { opacity: 1; } -} - - -/* - * Outputs the necessary styles to create the main loading indicator bar. - * - * @access private - */ -@mixin valo-loading-bar { - - .v-loading-indicator { - position: fixed !important; - z-index: 99999; - left: 0; - right: auto; - top: 0; - width: 50%; - opacity: 1; - height: $v-loading-indicator-bar-height; - background-color: $v-loading-indicator-color; - //@include linear-gradient(to right, rgba($v-loading-indicator-color,0) 0%, $v-loading-indicator-color 100%); - pointer-events: none; - - @include transition(none); - @include animation(v-progress-start 1000ms 200ms both); - //@include animation-fill-mode(forwards); - - &[style*="none"] { - // Chrome skips the transitions because it thinks the element is display: none; - display: block !important; - width: 100% !important; - opacity: 0; - @include animation(none); - @include transition(opacity 500ms 300ms, width 300ms); - } - } - - .v-loading-indicator-delay { - width: 90%; - .v-ff & { - width: 50%; - } - @include animation(v-progress-delay 3.8s forwards); - } - - .v-loading-indicator-wait { - width: 96%; - .v-ff & { - width: 90%; - } - @include animation(v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards); - } - -} diff --git a/WebContent/VAADIN/themes/valo/shared/_overlay.scss b/WebContent/VAADIN/themes/valo/shared/_overlay.scss deleted file mode 100644 index 926b00f529..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_overlay.scss +++ /dev/null @@ -1,368 +0,0 @@ -/** - * The background color for overlay elements. - * - * @type color - * @group overlay - */ -$v-overlay-background-color: if(is-dark-color($v-background-color), darken($v-background-color, 3%), lighten($v-background-color, 2%)) !default; - -/** - * The corner radius for overlay elements. - * - * @type size (px) - * @group overlay - */ -$v-overlay-border-radius: $v-border-radius !default; - -/** - * The border width for overlay elements. - * - * @type size (px) - * @group overlay - */ -$v-overlay-border-width: first-number($v-border) !default; - -/** - * The animation which is used when overlay elements are made visible. - * - * @type list - * @group overlay - */ -$v-overlay-animate-in: valo-overlay-animate-in 120ms !default; - -/** - * The animation which is used when overlay elements are removed. - * - * @type list - * @group overlay - */ -$v-overlay-animate-out: valo-animate-out-fade 120ms !default; - -/** - * The padding on each size of overlay elements. - * - * @type size - * @group overlay - */ -$v-overlay-padding: round($v-unit-size/9) !default; - -/** - * The padding on the top and bottom edges of overlay elements. - * - * @type size - * @group overlay - */ -$v-overlay-padding-vertical: $v-overlay-padding !default; - -/** - * The padding on the left and right edges of overlay elements. - * - * @type size - * @group overlay - */ -$v-overlay-padding-horizontal: $v-overlay-padding !default; - -/** - * The shadow used for overlay elements. - * - * @type list - * @group overlay - */ -$v-overlay-shadow: 0 4px 10px 0 (v-shade 2), 0 3px 5px 0 v-shade, 0 0 0 $v-overlay-border-width (v-shade (2.5 - color-luminance($v-background-color)/255 + $v-bevel-depth/100%)) !default; - -/** - * The background color for selection overlays, i.e. overlays which present a - * list of options for the user to choose from, such as context menus and drop down - * menus. - * - * @type color - * @group overlay - */ -$v-selection-overlay-background-color: $v-overlay-background-color !default; - -/** - * The padding on each size of selection overlay elements. - * - * @type size - * @group overlay - */ -$v-selection-overlay-padding: $v-overlay-padding !default; - -/** - * The padding on the top and bottom edges of selection overlay elements. - * - * @type size - * @group overlay - */ -$v-selection-overlay-padding-vertical: $v-selection-overlay-padding !default; - -/** - * The padding on the left and right edges of selection overlay elements. - * - * @type size - * @group overlay - */ -$v-selection-overlay-padding-horizontal: $v-selection-overlay-padding !default; - -/** - * The corner radius for selection overlay elements. - * - * @type size (px) - * @group overlay - */ -$v-selection-item-border-radius: $v-border-radius - 1px !default; - -/** - * The height of individual selection overlay list items. - * - * @type size (px) - * @group overlay - */ -$v-selection-item-height: ceil($v-unit-size/1.4) !default; - -/** - * The horizontal padding for individual selection overlay list items. - * - * @type size - * @group overlay - */ -$v-selection-item-padding-horizontal: ceil($v-unit-size/4) !default; - -/** - * The font weight for individual selection overlay list items. - * - * @type number | identifier - * @group overlay - */ -$v-selection-item-font-weight: max(400, $v-font-weight); - -/** - * The font color for individual selection overlay list items. - * - * @type color - * @group overlay - */ -$v-selection-item-selection-color: $v-selection-color !default; - - - - - -/* - * Simulates CSS box-shadow using the extraneous shadow elements in the DOM. - * - * @access private - * @deprecated The .v-shadow element is deprecated since 7.3.0 - * @group overlay - */ -@mixin valo-ie8-shadow($shadow, $element: top) { - .#{$element} { - $shadow-offset-x: nth($shadow, 1); - $shadow-offset-y: nth($shadow, 2); - $shadow-blur: nth($shadow, 3); - $shadow-spread: 0; - @if length($shadow) > 4 { - $shadow-spread: nth($shadow, 4); - } - $shadow-color: last($shadow); - $shadow-color-opacity: round(opacity($shadow-color) * 100); - $shadow-color: opacify($shadow-color, 1); - - position: absolute; - top: $shadow-offset-y - $shadow-blur - $shadow-spread; - right: -$shadow-offset-x + $shadow-blur - $shadow-spread; - bottom: -$shadow-offset-y + $shadow-blur - $shadow-spread; - left: $shadow-offset-x - $shadow-blur - $shadow-spread; - background: $shadow-color; - filter: alpha(opacity=#{$shadow-color-opacity}) progid:DXImageTransform.Microsoft.blur(pixelradius=#{strip-units($shadow-blur)}, makeShadow=false); - } -} - - - - - -// Not needed in modern browsers -.v-shadow, -.v-shadow-window { - display: none; - - // In IE8 windows get the same shadow as other overlays - .v-ie8 & { - display: block; - - // Up to 8 shadows are supported - $elements: top, top-left, top-right, left, right, bottom, bottom-left, bottom-right; - $shadows: valo-bevel-and-shadow($shadow: $v-overlay-shadow); - - @if type-of(last($shadows)) == color { - @include valo-ie8-shadow($shadows); - } @else { - @for $i from 1 through min(length($elements), length($shadows)) { - $shadow: nth($shadows, $i); - @if length($shadow) == 2 { - $shadow: flatten-list($shadow); // Workaround for a weird issue when sometimes a shadow is appended to a null list - } - @if length($shadow) > 3 { - @include valo-ie8-shadow($shadow: $shadow, $element: nth($elements, $i)); - } - } - } - } -} - - - - - - - -/** - * Outputs styles for overlay elements - * - * @group overlay - * - * @param {color} $background-color ($v-overlay-background-color) - the background color for the overlay - * @param {list} $shadow ($v-overlay-shadow) - the shadow for the overlay - * @param {list} $animate-in ($v-overlay-animate-in) - the animation used when the overlay is made visible - * @param {list} $animate-out ($v-overlay-animate-out) - the animation used when the overlay is removed - */ -@mixin valo-overlay-style ( - $background-color: $v-overlay-background-color, - $shadow: $v-overlay-shadow, - $animate-in: $v-overlay-animate-in, - $animate-out: $v-overlay-animate-out - ) { - padding: $v-overlay-padding-vertical $v-overlay-padding-horizontal; - border-radius: $v-overlay-border-radius; - - background-color: $background-color; - color: valo-font-color($background-color); - - @include box-shadow( valo-bevel-and-shadow($bevel: null, $shadow: $shadow)); - - @if $v-animations-enabled { - @if $animate-in { - &[class*="animate-in"] { - @include animation($animate-in); - } - } - @if $animate-out { - &[class*="animate-out"] { - @include animation($animate-out); - } - } - } - - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; -} - - - - - -/** - * Outputs styles for selection overlay elements. - * - * @group overlay - * - * @param {color} $background-color ($v-selection-overlay-background-color) - the background color for the overlay - * @param {list} $animate-in ($v-overlay-animate-in) - the animation used when the selection overlay is made visible - * @param {list} $animate-out ($v-overlay-animate-out) - the animation used when the selection overlay is removed - */ -@mixin valo-selection-overlay-style ($background-color: $v-selection-overlay-background-color, $animate-in: $v-overlay-animate-in, $animate-out: $v-overlay-animate-out) { - @include valo-overlay-style($background-color: $background-color, $animate-in: $animate-in, $animate-out: $animate-out); - padding: $v-selection-overlay-padding-vertical $v-selection-overlay-padding-horizontal; -} - - - -/** - * Outputs the styles for selection item elements (i.e. individual items in context menus and drop down menus). - * - * @group overlay - */ -@mixin valo-selection-item-style { - cursor: pointer; - line-height: $v-selection-item-height; - padding: 0 $v-selection-item-padding-horizontal*2 0 $v-selection-item-padding-horizontal; - @if $v-selection-item-border-radius > 0 { - border-radius: $v-selection-item-border-radius; - } - font-weight: $v-selection-item-font-weight; - white-space: nowrap; - - position: relative; - &:active:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - $sat: if(saturation($v-selection-item-selection-color) > 0, 50%, 0%); - background: scale-color($v-selection-item-selection-color, $lightness: -30%, $saturation: $sat); - @include opacity(.15); - pointer-events: none; - border-radius: inherit; - } - - .v-icon { - max-height: $v-selection-item-height; - margin-right: round($v-selection-item-padding-horizontal/2); - min-width: 1em; - } -} - - - -/** - * Outputs the styles for selected selection item elements. - * - * @group overlay - */ -@mixin valo-selection-item-selected-style { - @include valo-gradient($v-selection-item-selection-color); - $font-color: valo-font-color($v-selection-item-selection-color, 0.9); - color: $font-color; - text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-item-selection-color); -} - - - - - - - -/** - * Outputs the selectors and styles for generic dragging ghost elements. - * - * @group drag-n-drop - */ -@mixin valo-drag-element { - .v-drag-element { - @include valo-drag-element-style; - } -} - -/** - * Outputs the styles for generic dragging ghost elements. - * - * @group drag-n-drop - * - * @param {color} $background-color ($v-app-background-color) - the background color for the ghost element - */ -@mixin valo-drag-element-style ($background-color: $v-app-background-color) { - background: $background-color; - color: valo-font-color($background-color); - @include box-shadow(0 2px 10px rgba(#000, .2)); - border-radius: $v-border-radius; - overflow: hidden; - @include opacity(.5); - - // This has the unfortunate side-effect of selecting an the table row where the drag is dropped - //pointer-events: none; -} diff --git a/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss b/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss deleted file mode 100644 index e648795b5a..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_reconnect-dialog.scss +++ /dev/null @@ -1,31 +0,0 @@ -@mixin valo-reconnect-dialog { - .v-reconnect-dialog { - color: white; - top: $v-layout-spacing-vertical; - right: $v-layout-spacing-horizontal; - max-width: 100%; - border-radius: 0; - @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); - padding: round($v-unit-size/3) round($v-unit-size/2.5); - - background-color: #444; - background-color: rgba(#444, .9); - line-height: round($v-font-size * 1.4); - - text-align: center; - .text { - display: inline-block; - padding-left: 10px; - } - - .spinner { - @include valo-spinner; - display: none; - vertical-align: middle; - } - - &.active .spinner { - display: inline-block; - } - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/shared/_tooltip.scss b/WebContent/VAADIN/themes/valo/shared/_tooltip.scss deleted file mode 100644 index 3c9c914499..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_tooltip.scss +++ /dev/null @@ -1,137 +0,0 @@ -/** - * The backgound color for tooltips. - * - * @type color - * @group tooltip - */ -$v-tooltip-background-color: rgba(if(is-dark-color($v-background-color), scale-color($v-background-color, $lightness: 80%), scale-color($v-background-color, $lightness: -80%)), .9) !default; - -/** - * The font color for tooltips. - * - * @type color - * @group tooltip - */ -$v-tooltip-font-color: valo-font-color(opacify($v-tooltip-background-color, 1), 1) !default; - -/** - * The font size for tooltips. - * - * @type size - * @group tooltip - */ -$v-tooltip-font-size: max(12px, round($v-font-size * 0.86)) !default; - -/** - * The CSS box shadow for tooltips. - * - * @type list - * @group tooltip - */ -$v-tooltip-box-shadow: 0 2px 12px rgba(#000, .2) !default; - -/** - * The vertical padding for tooltips. - * - * @type size - * @group tooltip - */ -$v-tooltip-padding-vertical: round($v-unit-size/8) !default; - -/** - * The horizontal padding for tooltips. - * - * @type size - * @group tooltip - */ -$v-tooltip-padding-horizontal: round($v-unit-size/4) !default; - -/** - * The backgound color for error tooltips. - * - * @type color - * @group tooltip - */ -$v-tooltip-error-message-background-color: #fff !default; - -/** - * The font color for error tooltips. - * - * @type color - * @group tooltip - */ -$v-tooltip-error-message-font-color: $v-error-indicator-color !default; - -/** - * The corner radius for tooltips. - * - * @type size - * @group tooltip - */ -$v-tooltip-border-radius: $v-border-radius - 1px !default; - - -/** - * Outputs the selectors and styles for tooltip elements. - * - * @group tooltip - */ -@mixin valo-tooltip { - .v-tooltip { - @include valo-tooltip-style; - - div[style*="width"] { - width: auto !important; - } - - .v-errormessage { - background-color: opacify($v-tooltip-error-message-background-color, 1); - background-color: $v-tooltip-error-message-background-color; - color: $v-tooltip-error-message-font-color; - margin: -$v-tooltip-padding-vertical #{-$v-tooltip-padding-horizontal}; - padding: $v-tooltip-padding-vertical $v-tooltip-padding-horizontal; - max-height: 10em; - overflow: auto; - font-weight: $v-font-weight + 100; - - h2:only-child { - font: inherit; - line-height: inherit; - } - } - - .v-tooltip-text { - max-height: 10em; - overflow: auto; - margin-top: $v-tooltip-padding-vertical * 2; - } - - .v-errormessage[aria-hidden="true"] + .v-tooltip-text { - margin-top: 0; - } - - h1, - h2, - h3, - h4 { - color: inherit; - } - } -} - -/** - * Outputs the main styles for tooltip elements. - * - * @group tooltip - */ -@mixin valo-tooltip-style { - background-color: opacify($v-tooltip-background-color, 1); // For IE8 - background-color: $v-tooltip-background-color; - @include box-shadow($v-tooltip-box-shadow); - color: $v-tooltip-font-color; - padding: $v-tooltip-padding-vertical $v-tooltip-padding-horizontal; - border-radius: $v-tooltip-border-radius; - max-width: 35em; - overflow: hidden !important; - font-size: $v-tooltip-font-size; -} diff --git a/WebContent/VAADIN/themes/valo/shared/_variables.scss b/WebContent/VAADIN/themes/valo/shared/_variables.scss deleted file mode 100644 index 4634a71fea..0000000000 --- a/WebContent/VAADIN/themes/valo/shared/_variables.scss +++ /dev/null @@ -1,538 +0,0 @@ -// Color functions are used to calculate default font color -@import "../util/color"; - -/** - * A static text that is shown under the loading spinned while the client-side - * engine is being loaded and started. The text must be given in quotes. The - * text can not be localized currently. - * - * @type string, quoted - */ -$v-app-loading-text: "" !default; - -/** - * Base line height for all widgets. It must be given a unitless number. - * - * @group typography - * @type number - */ -$v-line-height: 1.55 !default; - -/** - * Base font size for the theme. The font size defines the overall sizing of - * UI components by default. Must be specified in pixels. - * - * @group typography - * @type size (px) - */ -$v-font-size: 16px !default; - -/** - * Base font weight for plain text. - * Must be specified as a numeric value: 100, 200, 300 (light), 400 (regular), - * 500, 600, 700 (bold), 800 or 900. - * - * @group typography - * @type number - */ -$v-font-weight: 300 !default; - -/** - * Base font family for the theme. Can be any valid CSS font stack. - * - * @group typography - * @type list - */ -$v-font-family: "Open Sans", sans-serif !default; - -/** - * Font size for generic component captions. Can be any valid CSS font-size. A - * round pixel value is recommended. - * - * @group typography - * @type number - */ -$v-caption-font-size: round($v-font-size * 0.9) !default; - -/** - * Font weight for generic component captions. Can be any valid CSS font-weight. - * - * @group typography - * @type number | identifier - */ -$v-caption-font-weight: max(400, $v-font-weight) !default; - -/** - * Border specification for the components that have a border. The border width - * must be specified in pixels. For the border color, you can specify any CSS color - * or one of the v-tint, v-shade, and v-tone keywords. - * - * @group style - * @type list - */ -$v-border: 1px solid (v-shade 0.7) !default; - -/** - * Corner radius for components that have a border. The measure must be specified as a - * single pixel value (i.e. not as a list of values for each corner). - * - * @group style - * @type size (px) - */ -$v-border-radius: 4px !default; - -/** - * Color gradient style for components that have a gradient. The gradient style may use - * the following keywords: v-linear and v-linear-reverse. The opacity must be given - * as percentage between 0% and 100%. - * - * #### Gradient styles - * - * - __v-linear__ - The start of the gradient is a lighter shade of the base color and the end is a darker shade of the base color. A basic linear gradient. - * - __v-linear-reverse__ - Same as v-linear, but the color stops are reversed (darker at the start and lighter at the end) - * - * @group style - * @type list - */ -$v-gradient: v-linear 8% !default; - -/** - * Inset shadow style to define how some components are "raised" from the background. - * The value follows the syntax of CSS box-shadow, and should be a list of insets. - * For the bevel color, you can specify any CSS color or one of the v-tint, v-shade, - * and v-tone keywords. - * - * @group style - * @type list - */ -$v-bevel: inset 0 1px 0 v-tint, inset 0 -1px 0 v-shade !default; - -/** - * Specifies the "depth" of the bevel shadow, as applied to one of the color keywords for - * the bevel style. The actual amount of tint, shade, or tone is computed from the depth. - * - * @group style - * @type number (pct) - */ -$v-bevel-depth: 30% !default; - -/** - * Default shadow style for all components. As with $v-bevel, the value follows the syntax - * of CSS box-shadow, but without the inset. For the shadow color, you can specify any CSS - * color or one of the v-tint or v-shade keywords. - * - * @group style - * @type list - */ -$v-shadow: 0 2px 3px v-shade !default; - -/** - * Specifies the opacity of the shadow, as applied to one of the color keywords for the - * shadow style. The actual amount of tint or shade is computed from the depth. - * - * @group style - * @type number (pct) - */ -$v-shadow-opacity: 5% !default; - -/** - * The background color is the main control parameter for the Valo theme and - * it is used for computing all other colors in the theme. If the color is dark - * (has low luminance), * light foreground colors that give high contrast - * with the background are automatically used. - * - * Can be any valid CSS color. - * - * @group color - * @type color - */ -$v-background-color: hsl(210, 0%, 98%) !default; - -/** - * Background color of the UI's root element. You can specify the color in - * any way allowed in CSS. Used as the base for other default colors, such - * as panel and window content areas. - * - * Can be any valid CSS color. - * - * @group color - * @type color - */ -$v-app-background-color: $v-background-color !default; - -/** - * Base font color for the theme. Can be any valid CSS color. - * - * @group color - * @type color - */ -$v-font-color: valo-font-color($v-app-background-color) !default; - -/** - * Color for the field focus indicator. The valo-focus-color() function computes a - * high-contrast color from the context, which is usually the background color. The color - * can be any CSS color. - * - * @group color - * @type color - */ -$v-focus-color: valo-focus-color() !default; - -/** - * Box-shadow specification for the field focus indicator. The space-separated values - * are the horizontal shadow position in pixels, vertical shadow position in pixels, - * blur distance in pixels, spread distance in pixels, and the color. The color can be - * any CSS color. You can only specify the color, in which case defaults for the position - * are used. rgba() or hsla() can be used to enable transparency. - * - * @group style - * @type list | color - */ -$v-focus-style: 0 0 0 2px rgba($v-focus-color, .5) !default; - -/** - * Opacity of disabled components, from 0 to 1. Not all components have reduced opacity when disabled, such as Labels. - * - * @group style - * @type number - */ -$v-disabled-opacity: 0.5 !default; - -/** - * Color for indicating selection in selection components. - * - * @group color - * @type color - */ -$v-selection-color: $v-focus-color !default; - -/** - * Color of the component error indicator and other error indications, such as the - * error style notification. - * - * @group color - * @type color - */ -$v-error-indicator-color: #ed473b !default; - -/** - * Color of the required indicator in field components. - * - * @group color - * @type color - */ -$v-required-field-indicator-color: $v-error-indicator-color !default; - -/** - * Color used for success states and to indicate safe actions (i.e. actions that - * will not cause any data loss). - * - * @group color - * @type color - */ -$v-friendly-color: #2c9720 !default; - -/** - * Color specifications for $v-border, $v-bevel, and $v-shadow may use, in addition to CSS colors, the following keywords: - * - * - __v-tint__ - Lighter than the background color - * - __v-shade__ - Darker than the background color - * - __v-tone__ - Adaptive color specification: darker on light background and lighter on dark background. Not usable in $v-shadow. - * - * - * These keywords can be further adjusted by combining them with a strength multiplier, specified in parenthesis. - * - * Examples: - * - * (v-tint 2) - * (v-shade 0.6) - * (v-tone 1.1) - * - * @group color - */ -$v-color-keywords: v-tint, v-shade, v-tone; - -/** - * This is the base size for various layout measures. It is directly used in some - * measures, such as button height and layout margins, while other measures are - * derived from it. The value must be specified in pixels, with a suitable range - * of 18-50. - * - * @group layout - * @type size (px) - */ -$v-unit-size: round(2.3 * $v-font-size) !default; - -/** - * Scaling factor for tiny sizes. Must be a unitless number. - * - * @group layout - * @type number - */ -$v-scaling-factor--tiny: 0.75 !default; - -/** - * Scaling factor for small sizes. Must be a unitless number. - * - * @group layout - * @type number - */ -$v-scaling-factor--small: 0.85 !default; - -/** - * Scaling factor for large sizes. Must be a unitless number. - * - * @group layout - * @type number - */ -$v-scaling-factor--large: 1.2 !default; - -/** - * Scaling factor for huge sizes. Must be a unitless number. - * - * @group layout - * @type number - */ -$v-scaling-factor--huge: 1.6 !default; - -/** - * Unit size for tiny components. Must be a pixel value. - * - * @group layout - * @type size (px) - */ -$v-unit-size--tiny: round($v-unit-size * $v-scaling-factor--tiny) !default; - -/** - * Unit size for small components. Must be a pixel value. - * - * @group layout - * @type size (px) - */ -$v-unit-size--small: round($v-unit-size * $v-scaling-factor--small) !default; - -/** - * Unit size for large components. Must be a pixel value. - * - * @group layout - * @type size (px) - */ -$v-unit-size--large: round($v-unit-size * $v-scaling-factor--large) !default; - -/** - * Unit size for huge components. Must be a pixel value. - * - * @group layout - * @type size (px) - */ -$v-unit-size--huge: round($v-unit-size * $v-scaling-factor--huge) !default; - -/** - * The top margin size for all built-in layout components, when the margin is - * enabled with setMargin(). Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-margin-top: round($v-unit-size) !default; - -/** - * The right margin size for all built-in layout components, when the margin is - * enabled with setMargin(). Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-margin-right: round($v-unit-size) !default; - -/** - * The bottom margin size for all built-in layout components, when the margin is - * enabled with setMargin(). Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-margin-bottom: round($v-unit-size) !default; - -/** - * The left margin size for all built-in layout components, when the margin is - * enabled with setMargin(). Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-margin-left: round($v-unit-size) !default; - -/** - * Amount of vertical space when spacing is enabled for a layout with setSpacing(). - * Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-spacing-vertical: round($v-unit-size/3) !default; - -/** - * Amount of horizontal space when spacing is enabled for a layout with setSpacing(). - * Can be any valid CSS size. - * - * @group layout - * @type size - */ -$v-layout-spacing-horizontal: round($v-unit-size/3) !default; - -/** - * Tiny font size. - * - * @group typography - * @type size (px) - */ -$v-font-size--tiny: ceil($v-font-size * $v-scaling-factor--tiny) !default; - -/** - * Small font size. - * - * @group typography - * @type size (px) - */ -$v-font-size--small: ceil($v-font-size * $v-scaling-factor--small) !default; - -/** - * Large font size. - * - * @group typography - * @type size (px) - */ -$v-font-size--large: ceil($v-font-size * $v-scaling-factor--large) !default; - -/** - * Huge font size. - * - * @group typography - * @type size (px) - */ -$v-font-size--huge: ceil($v-font-size * $v-scaling-factor--huge) !default; - -/** - * Default width of certain field components, unless overridden with setWidth(). - * - * @group layout - * @type size (px) - */ -$v-default-field-width: $v-unit-size * 5 !default; - -/** - * Specifies whether various CSS animations are used. Not all animations are disabled when - * set to false, such as the default loading indicator animations. - * - * @group optimization - * @type bool - */ -$v-animations-enabled: true !default; - -/** - * Specifies whether various :hover styles are used for indicating that mouse pointer - * hovers over an element. - * - * @group optimization - * @type bool - */ -$v-hover-styles-enabled: true !default; - -/** - * List of components to include in the theme compilation. The list can be modified to make - * the compiled theme smaller by removing unused components from the list. - * - * @group optimization - * @type list - * - * @example scss - * // Remove the Calendar component styles from the output (must be declared after importing Valo) - * $v-included-components: remove($v-included-components, calendar); - * - * @example scss - * // Only include the Label, Button and Vertical and Horizontal layouts in the compilation - * $v-included-components: label, button, orderedlayout; - */ -$v-included-components: - absolutelayout, - accordion, - button, - calendar, - checkbox, - colorpicker, - combobox, - csslayout, - customcomponent, - customlayout, - datefield, - dragwrapper, - form, - formlayout, - grid, - gridlayout, - label, - link, - menubar, - nativebutton, - nativeselect, - notification, - optiongroup, - orderedlayout, - panel, - popupview, - progressbar, - slider, - splitpanel, - table, - tabsheet, - textfield, - textarea, - richtextarea, - tree, - treetable, - twincolselect, - upload, - window, - valo-menu !default; - -/** - * List of components whose additional styles should be included in the compilation. - * - * @group optimization - * @type list - */ -$v-included-additional-styles: $v-included-components !default; - -/** - * Checks if a given component is included in the compilation. Used by the collection mixins that - * include all components (i.e. valo-components). - * - * @requires $v-included-components - * - * @example scss - * @if v-is-included(button) { - * // The Button component is included in the compilation - * } - * - * @param {string} $component-name - the name of the component to check - * @param {list} $is-included ($v-included-components) - the list of components which is checked - * - * @return {bool} true if the component is included in the compilation, false if not - * - * @group optimization - */ -@function v-is-included ($component-name, $is-included: $v-included-components) { - @return contains($is-included, $component-name); -} - - -/** - * A flag to note whether relative URL paths are relative to the currently parsed SCSS file or to the compilation root file. - * The Vaadin compiler parses URL paths differently than the regular Sass compiler (i.e. Vaadin modifies relative url paths). - * This boolean is used to flag which compiler is used, so that paths are correct for different resources. - * false == Ruby, true == Vaadin - * - * @type bool - */ -$v-relative-paths: true !default; diff --git a/WebContent/VAADIN/themes/valo/shared/img/spinner.gif b/WebContent/VAADIN/themes/valo/shared/img/spinner.gif deleted file mode 100644 index a91347a730..0000000000 Binary files a/WebContent/VAADIN/themes/valo/shared/img/spinner.gif and /dev/null differ diff --git a/WebContent/VAADIN/themes/valo/styles.scss b/WebContent/VAADIN/themes/valo/styles.scss deleted file mode 100644 index 5760440179..0000000000 --- a/WebContent/VAADIN/themes/valo/styles.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "valo"; - -.valo { - @include valo; -} diff --git a/WebContent/VAADIN/themes/valo/util/_anim.scss b/WebContent/VAADIN/themes/valo/util/_anim.scss deleted file mode 100644 index 12c557d7de..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_anim.scss +++ /dev/null @@ -1,152 +0,0 @@ -$valo-anim-keyframes-included: false !default; - -@if $v-animations-enabled and $valo-anim-keyframes-included == false{ - - @include keyframes(valo-animate-in-fade) { - 0% { - opacity: 0; - } - } - - @include keyframes(valo-animate-out-fade) { - 100% { - opacity: 0; - } - } - - @include keyframes(valo-animate-in-slide-down) { - 0% { - @include transform( translateY(-100%) ); - } - } - - @include keyframes(valo-animate-in-slide-up) { - 0% { - @include transform( translateY(100%) ); - } - } - - @include keyframes(valo-animate-in-slide-left) { - 0% { - @include transform( translateX(100%) ); - } - } - - @include keyframes(valo-animate-in-slide-right) { - 0% { - @include transform( translateX(-100%) ); - } - } - - @include keyframes(valo-animate-out-slide-down) { - 100% { - @include transform( translateY(100%) ); - } - } - - @include keyframes(valo-animate-out-slide-up) { - 100% { - @include transform( translateY(-100%) ); - } - } - - @include keyframes(valo-animate-out-slide-left) { - 100% { - @include transform( translateX(-100%) ); - } - } - - @include keyframes(valo-animate-out-slide-right) { - 100% { - @include transform( translateX(100%) ); - } - } - - @include keyframes(valo-overlay-animate-in) { - 0% { - @include transform(translatey(-4px)); - opacity: 0; - } - } - - @include keyframes(valo-animate-out-slide-down-fade) { - 100% { - opacity: 0; - @include transform(translatey(30%)); - } - } - - $valo-anim-keyframes-included: true; -} - -/** - * Add animate-in-fade animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (180ms) - the duration of the fade - * @param {time} $delay (null) - the delay of the fade - */ -@mixin valo-animate-in-fade ($duration: 180ms, $delay: null){ - @include animation(valo-animate-in-fade $duration $delay backwards); -} - -/** - * Add animate-out-fade animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (180ms) - the duration of the fade - * @param {time} $delay (null) - the delay of the fade - */ -@mixin valo-animate-out-fade ($duration: 180ms, $delay: null){ - @include animation(valo-animate-out-fade $duration $delay backwards); -} - -/** - * Add animate-in-slide-down animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (400ms) - the duration of the slide - * @param {time} $delay (null) - the delay of the slide - */ -@mixin valo-animate-in-slide-down ($duration: 400ms, $delay: null){ - @include animation(valo-animate-in-slide-down $duration $delay backwards); -} - -/** - * Add animate-in-slide-up animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (400ms) - the duration of the slide - * @param {time} $delay (null) - the delay of the slide - */ -@mixin valo-animate-in-slide-up ($duration: 400ms, $delay: null){ - @include animation(valo-animate-in-slide-up $duration $delay backwards); -} - -/** - * Add animate-in-slide-left animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (400ms) - the duration of the slide - * @param {time} $delay (null) - the delay of the slide - */ -@mixin valo-animate-in-slide-left ($duration: 400ms, $delay: null){ - @include animation(valo-animate-in-slide-left $duration $delay backwards); -} - -/** - * Add animate-in-slide-right animation to the targeted elements. - * - * @group animation - * - * @param {time} $duration (400ms) - the duration of the slide - * @param {time} $delay (null) - the delay of the slide - */ -@mixin valo-animate-in-slide-right ($duration: 400ms, $delay: null){ - @include animation(valo-animate-in-slide-right $duration $delay backwards); -} diff --git a/WebContent/VAADIN/themes/valo/util/_bevel-and-shadow.scss b/WebContent/VAADIN/themes/valo/util/_bevel-and-shadow.scss deleted file mode 100644 index 1065161bfc..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_bevel-and-shadow.scss +++ /dev/null @@ -1,273 +0,0 @@ -/** - * Computes a CSS border property value for the given base color. - * - * @group style - * - * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords - * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to - * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function. - * @param {number} $strength (1) - adjustment for the border contrast - * - * @return {list} The input $border value with any color keyword replaced with the corresponding actual color - */ -@function valo-border($border: $v-border, $color: $v-background-color, $context: null, $strength: 1) { - @if type-of($border) != list { - @return $border; - } - - @if $context { - @if color-luminance($color) > color-luminance($context) { - $color: $context; - } - } - - $ret: null; - @each $part in $border { - @if $part == v-tint or $part == v-shade or $part == v-tone { - $part: $part 1; - } - @if type-of($part) == list { - $adjust-type: first-string($part); - $adjust-amount: first-number($part); - - $tint: blend-screen(rgba(#fff, $v-bevel-depth/100%*$adjust-amount*$strength), $color); - $shade: blend-linearburn(rgba(#000, $v-bevel-depth/100%*$adjust-amount*$strength), $color); - - @if $adjust-type == v-tone { - @if is-dark-color($color) { - $color: $tint; - } @else { - $color: $shade; - } - } @else if $adjust-type == v-tint { - $color: $tint; - } @else if $adjust-type == v-shade { - $color: $shade; - } - - $ret: $ret $color; - } @else { - $ret: $ret $part; - } - } - @return $ret; -} - - -/** - * Similar to the valo-border function, but adjusts the top and bottom border colors to suit an element with a gradient background-color. - * - * @group style - * - * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords - * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to - * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function. - * @param {number} $strength (1) - adjustment for the border contrast - * @param {list} $gradient ($v-gradient) - Valo specific gradient value. See the documentation for $v-gradient. - */ -@mixin valo-border-with-gradient($border: $v-border, $color: $v-background-color, $context: null, $strength: 1, $gradient: $v-gradient) { - border: valo-border($border, $color, $context, $strength); - - // Adjust border colors for gradient - @if $gradient { - $color-stops: valo-gradient-color-stops($color, $gradient); - $top: first(first($color-stops)); - $bottom: first(last($color-stops)); - border-top-color: first-color(valo-border($border, $top, $context, $strength)); - border-bottom-color: first-color(valo-border($border, $bottom, $context, $strength)); - } -} - - -/** - * Computes a CSS box-shadow value according to the specified style parameters. - * - * @group style - * - * @param {list} $bevel (null) - box-shadow value according to $v-bevel documentation - * @param {number} $bevel-depth ($v-bevel-depth) - percentage defining the depth/amount of the bevel effect. Affects the color keywords specified in the $bevel parameter. - * @param {list} $shadow (null) - box-shadow value according to $v-shadow documentation - * @param {number} $shadow-opacity ($v-shadow-opacity) - percentage defining the opacity/amount of the shadow effect. Affects the color keywords specified in the $shadow parameter. - * @param {color} $background-color ($v-background-color) - the base color to which the color keywords are applied to - * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. Affects the color keywords specified in the $bevel parameter. - * @param {bool} $include-focus (false) - should the box-shadow value include $v-focus-style as well (only added if $v-focus-style is a) - * - * @return {list} CSS box-shadow value, combined from $bevel and $shadow with all occurences of v-tint, v-shade and v-tone color keywords replaced with the corresponding actual color - */ -@function valo-bevel-and-shadow ($bevel: null, $bevel-depth: $v-bevel-depth, $shadow: null, $shadow-opacity: $v-shadow-opacity, $background-color: $v-background-color, $gradient: null, $include-focus: false) { - $box-shadow: null; - - @if $bevel { - @if list-of-lists($bevel) { - @each $b in $bevel { - $this: valo-bevel-and-shadow($bevel: $b, $shadow: null, $background-color: $background-color, $gradient: $gradient); - @if $this { - @if length($box-shadow) > 0 { - $box-shadow: $box-shadow, $this; - } @else { - $box-shadow: $this; - } - } - } - } @else if $bevel and $bevel != none { - $this: valo-replace-tones($bevel, $background-color, $gradient); - @if $this { - @if length($box-shadow) > 0 { - $box-shadow: $box-shadow, $this; - } @else { - $box-shadow: $this; - } - } - } - } - - @if $shadow { - @if list-of-lists($shadow) { - @each $s in $shadow { - $this: valo-bevel-and-shadow($bevel: null, $shadow: $s, $background-color: null, $gradient: null); - @if $this { - @if length($box-shadow) > 0 { - $box-shadow: $box-shadow, $this; - } @else { - $box-shadow: $this; - } - } - } - } @else { - $this: valo-replace-shadow($shadow); - @if $this { - @if length($box-shadow) > 0 { - $box-shadow: $box-shadow, $this; - } @else { - $box-shadow: $this; - } - } - } - } - - @if $include-focus and type-of($v-focus-style) == list { - $box-shadow: $v-focus-style, $box-shadow; - } - - @return $box-shadow; -} - - -/** - * Replaces color keywords in the given list. - * - * @group style - * - * @param {list} $list - any CSS list with possible color keywords - * @param {color} $color - The color to which color keywords are applied to - * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. Affects the replacement colors to accommodate the gradient. - * - * @return {list} The input $list parameter with all occurences of v-tint, v-shade and v-tone color keywords replaced with the corresponding actual color - */ -@function valo-replace-tones($list, $color, $gradient: null) { - $ret: (); - - @each $part in $list { - @if $part == v-tint or $part == v-shade or $part == v-tone { - $part: $part 1; - } - @if type-of($part) == list { - $adjust-type: first-string($part); - $adjust-amount: first-number($part); - - $top-color: $color; - $bottom-color: $color; - - @if $gradient { - $color-stops: valo-gradient-color-stops($color, $gradient); - $top-color: first(first($color-stops)); - $bottom-color: first(last($color-stops)); - } - - $tint: blend-lighten(adjust-color($top-color, $lightness: $v-bevel-depth/4*$adjust-amount, $saturation: -$v-bevel-depth/2), scale-color($top-color, $lightness: $v-bevel-depth/4*$adjust-amount)); - $shade: blend-darken(rgba(scale-color($bottom-color, $lightness: max(-30%, -$v-bevel-depth/3*$adjust-amount), $saturation: -$v-bevel-depth/2), $v-bevel-depth/100%), $bottom-color); - - $new-color: null; - @if $adjust-type == v-tone { - @if is-dark-color($color) { - $new-color: $tint; - } @else { - $new-color: $shade; - } - } @else if $adjust-type == v-tint { - $new-color: $tint; - } @else if $adjust-type == v-shade { - $new-color: $shade; - } - - $ret: join($ret, $new-color); - - } @else { - $ret: join($ret, $part); - } - } - - @return $ret; -} - - -/** - * Replace color keywords in the given box-shadow parameter. - * - * @group style - * - * @param {list} $shadow - CSS box-shadow value, or any other CSS list which might contain either the v-tint or the v-shade color keywords. - * - * @return {list} the input $shadow parameter with all occurences of v-tint and v-shade color keywords replaced with the corresponding actual color - */ -@function valo-replace-shadow ($shadow) { - $ret: (); - @each $part in $shadow { - @if $part == v-tint or $part == v-shade { - $part: $part 1; - } - @if type-of($part) == list { - $adjust-type: first-string($part); - $adjust-amount: first-number($part); - - $tint: rgba(#fff, min(1, $v-shadow-opacity/100% * $adjust-amount)); - $shade: rgba(#000, min(1, $v-shadow-opacity/100% * $adjust-amount)); - - $color: null; - @if $adjust-type == v-tint { - $color: $tint; - } @else if $adjust-type == v-shade { - $color: $shade; - } - - $ret: join($ret, $color); - - } @else { - $ret: join($ret, $part); - } - } - @return $ret; -} - - -/** - * Return a CSS text-shadow property value according to the specified style parameters. - * - * @group style - * - * @param {color} $font-color ($v-font-color) - the color of the text to which the text-shadow is added - * @param {color} $background-color ($v-background-color) - the color of the background where the text is to which the text-shadow is added - * @param {size} $offset (-1px) - the size of the text shadow vertical offset - * @param {number (pct)} $opacity ($v-shadow-opacity) - the percentage amount of shadow which is applied - */ -@function valo-text-shadow($font-color: $v-font-color, $background-color: $v-background-color, $offset: -1px, $opacity: $v-shadow-opacity) { - $color: null; - @if color-luminance($font-color) < color-luminance($background-color) { - $color: rgba(#fff, $opacity / 100%); - $offset: $offset * -1; - } @else { - $color: rgba(#000, $opacity / 100%); - } - - @return 0 $offset 0 $color; -} diff --git a/WebContent/VAADIN/themes/valo/util/_blend-modes.scss b/WebContent/VAADIN/themes/valo/util/_blend-modes.scss deleted file mode 100644 index 40d4defbdb..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_blend-modes.scss +++ /dev/null @@ -1,531 +0,0 @@ -// From https://github.com/heygrady/scss-blend-modes -// MIT license - -//-------------------------------- -// Normal -//-------------------------------- -@function blend-normal ($foreground, $background) { - $opacity: opacity($foreground); - $background-opacity: opacity($background); - - // calculate opacity - $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity); - $bm-green: green($foreground) * $opacity + green($background) * $background-opacity * (1 - $opacity); - $bm-blue: blue($foreground) * $opacity + blue($background) * $background-opacity * (1 - $opacity); - @return rgb($bm-red, $bm-green, $bm-blue); -} - -//-------------------------------- -// Multiply -//-------------------------------- -@function blend-multiply ($foreground, $background) { - $bm-red: red($background) * red($foreground) / 255; - $bm-green: green($background) * green($foreground) / 255; - $bm-blue: blue($background) * blue($foreground) / 255; - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -//-------------------------------- -// Lighten -//-------------------------------- -@function blend-lighten ($foreground, $background) { - $bm-red: blend-lighten-color(red($foreground), red($background)); - $bm-green: blend-lighten-color(green($foreground), green($background)); - $bm-blue: blend-lighten-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-lighten-color($foreground, $background) { - @if $background > $foreground { - $foreground: $background; - } - @return $foreground; -} - -//-------------------------------- -// Darken -//-------------------------------- -@function blend-darken ($foreground, $background) { - $bm-red: blend-darken-color(red($foreground), red($background)); - $bm-green: blend-darken-color(green($foreground), green($background)); - $bm-blue: blend-darken-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-darken-color($foreground, $background) { - @if $background < $foreground { - $foreground: $background; - } - @return $foreground; -} - -//-------------------------------- -// Darker Color -//-------------------------------- -@function blend-darkercolor ($foreground, $background) { - $bm-red: red($foreground); - $bm-green: green($foreground); - $bm-blue: blue($foreground); - $background-red: red($background); - $background-green: green($background); - $background-blue: blue($background); - - @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 <= $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { - $bm-red: $background-red; - $bm-green: $background-green; - $bm-blue: $background-blue; - } - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -//-------------------------------- -// Lighter Color -//-------------------------------- -@function blend-lightercolor ($foreground, $background) { - $bm-red: red($foreground); - $bm-green: green($foreground); - $bm-blue: blue($foreground); - $background-red: red($background); - $background-green: green($background); - $background-blue: blue($background); - - @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 > $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { - $bm-red: $background-red; - $bm-green: $background-green; - $bm-blue: $background-blue; - } - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -//-------------------------------- -// Linear Dodge -//-------------------------------- -@function blend-lineardodge ($foreground, $background) { - $bm-red: blend-lineardodge-color(red($foreground), red($background)); - $bm-green: blend-lineardodge-color(green($foreground), green($background)); - $bm-blue: blend-lineardodge-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-lineardodge-color($foreground, $background) { - @if $background + $foreground > 255 { - $foreground: 255; - } - @else { - $foreground: $background + $foreground; - } - @return $foreground; -} - -//-------------------------------- -// Linear Burn -//-------------------------------- -@function blend-linearburn ($foreground, $background) { - $bm-red: blend-linearburn-color(red($foreground), red($background)); - $bm-green: blend-linearburn-color(green($foreground), green($background)); - $bm-blue: blend-linearburn-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-linearburn-color($foreground, $background) { - @if $background + $foreground < 255 { - $foreground: 0; - } - @else { - $foreground: $background + $foreground - 255; - } - @return $foreground; -} - -//-------------------------------- -// Difference -//-------------------------------- -@function blend-difference ($foreground, $background) { - $bm-red: abs(red($background) - red($foreground)); - $bm-green: abs(green($background) - green($foreground)); - $bm-blue: abs(blue($background) - blue($foreground)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -//-------------------------------- -// Screen -//-------------------------------- -@function blend-screen ($foreground, $background) { - $bm-red: blend-screen-color(red($foreground), red($background)); - $bm-green: blend-screen-color(green($foreground), green($background)); - $bm-blue: blend-screen-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-screen-color($foreground, $background) { - @return (255 - ( ( (255 - $foreground) * (255 - $background)) / 256)); -} - -//-------------------------------- -// Exclusion -//-------------------------------- -@function blend-exclusion ($foreground, $background) { - $bm-red: blend-exclusion-color(red($foreground), red($background)); - $bm-green: blend-exclusion-color(green($foreground), green($background)); - $bm-blue: blend-exclusion-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-exclusion-color($foreground, $background) { - @return $background - ($background * (2 / 255) - 1) * $foreground; -} - -//-------------------------------- -// Overlay -//-------------------------------- -@function blend-overlay ($foreground, $background) { - $bm-red: blend-overlay-color(red($foreground), red($background)); - $bm-green: blend-overlay-color(green($foreground), green($background)); - $bm-blue: blend-overlay-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-overlay-color($foreground, $background) { - @if $background <= 255 / 2 { - $foreground: (2 * $background * $foreground) / 255; - } @else { - $foreground: 255 - (255 - 2 * ($background - (255 / 2))) * (255 - $foreground) / 255; - } - @return $foreground; -} - -//-------------------------------- -// Soft Light -//-------------------------------- -@function blend-softlight ($foreground, $background) { - $bm-red: blend-softlight-color(red($foreground), red($background)); - $bm-green: blend-softlight-color(green($foreground), green($background)); - $bm-blue: blend-softlight-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-softlight-color($foreground, $background) { - @if $background < 128 { - $foreground: (($foreground / 2) + 64) * $background * (2 / 255); - } @else { - $foreground: 255 - (191 - ($foreground / 2)) * (255 - $background) * (2 / 255); - } - @return $foreground; -} - -//-------------------------------- -// Hard Light -//-------------------------------- -@function blend-hardlight ($foreground, $background) { - $bm-red: blend-hardlight-color(red($foreground), red($background)); - $bm-green: blend-hardlight-color(green($foreground), green($background)); - $bm-blue: blend-hardlight-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-hardlight-color($foreground, $background) { - $tmp-blend: $foreground; - @if $tmp-blend < 128 { - $foreground: $background * $tmp-blend * (2 / 255); - } @else { - $foreground: 255 - (255-$background) * (255-$tmp-blend) * (2 / 255); - } - @return $foreground; -} - -//-------------------------------- -// Color Dodge -//-------------------------------- -@function blend-colordodge ($foreground, $background) { - $bm-red: blend-colordodge-color(red($foreground), red($background)); - $bm-green: blend-colordodge-color(green($foreground), green($background)); - $bm-blue: blend-colordodge-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-colordodge-color($foreground, $background) { - $tmp: $background * 256 / (255 - $foreground); - @if $tmp > 255 or $foreground == 255 { - $foreground: 255; - } @else { - $foreground: $tmp; - } - @return $foreground; -} - -//-------------------------------- -// Color Burn -//-------------------------------- -@function blend-colorburn ($foreground, $background) { - $bm-red: blend-colorburn-color(red($foreground), red($background)); - $bm-green: blend-colorburn-color(green($foreground), green($background)); - $bm-blue: blend-colorburn-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-colorburn-color($foreground, $background) { - $tmp: (255 - ((255 - $background) * 255) / $foreground); - - // TODO: hacked to replicate photoshop - @if $foreground == 0 { - $foreground: 255; - } @elseif $tmp < 0 { - $foreground: 0; - } @else { - $foreground: $tmp; - } - @return $foreground; -} - -//-------------------------------- -// Linear Light -//-------------------------------- -@function blend-linearlight ($foreground, $background) { - $bm-red: blend-linearlight-color(red($foreground), red($background)); - $bm-green: blend-linearlight-color(green($foreground), green($background)); - $bm-blue: blend-linearlight-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-linearlight-color($foreground, $background) { - @if $foreground < 128 { - $foreground: blend-linearburn-color($background, 2 * $foreground); - } @else { - $foreground: blend-lineardodge-color($background, 2 * ($foreground - 128)); - } - @return $foreground; -} - -//-------------------------------- -// Vivid Light -//-------------------------------- -@function blend-vividlight ($foreground, $background) { - $bm-red: blend-vividlight-color(red($foreground), red($background)); - $bm-green: blend-vividlight-color(green($foreground), green($background)); - $bm-blue: blend-vividlight-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -@function blend-vividlight-color($foreground, $background) { - @if $foreground < 128 { - $foreground: blend-colorburn-color(2 * $foreground, $background); - } @else { - $foreground: blend-colordodge-color(2 * ($foreground - 128), $background); - } - @return $foreground; -} - -//-------------------------------- -// Pin Light -//-------------------------------- -@function blend-pinlight ($foreground, $background) { - $bm-red: blend-pinlight-color(red($foreground), red($background)); - $bm-green: blend-pinlight-color(green($foreground), green($background)); - $bm-blue: blend-pinlight-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -@function blend-pinlight-color($foreground, $background) { - @if $foreground < 128 { - $foreground: blend-darken-color($background, 2 * $foreground); - } @else { - $foreground: blend-lighten-color($background, 2 * ($foreground - 128)); - } - @return $foreground; -} - -//-------------------------------- -// Hard Mix -//-------------------------------- -@function blend-hardmix ($foreground, $background) { - $bm-red: blend-hardmix-color(red($foreground), red($background)); - $bm-green: blend-hardmix-color(green($foreground), green($background)); - $bm-blue: blend-hardmix-color(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -@function blend-hardmix-color($foreground, $background) { - $tmp: blend-vividlight-color($foreground, $background); - @if $tmp < 128 { - $foreground: 0; - } @else { - $foreground: 255; - } - @return $foreground; -} - - -// Unique to Photoshop - -//-------------------------------- -// Color Blend -//-------------------------------- -@function blend-colorblend ($foreground, $background) { - $foreground-hsv: color-to-hsv($foreground); - $background-hsv: color-to-hsv($background); - - $bm-hsv: nth($foreground-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); - $bm-color: hsv-to-color($bm-hsv); - - @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); -} - -//-------------------------------- -// Dissolve -//-------------------------------- -@function blend-dissolve ($foreground, $background) { - // The Dissolve blend mode acts on transparent and partially transparent pixels - // it treats transparency as a pixel pattern and applies a diffusion dither pattern. - // @see http://photoblogstop.com/photoshop/photoshop-blend-modes-explained - @return $foreground; -} - -//-------------------------------- -// Divide -//-------------------------------- -@function blend-divide ($foreground, $background) { - $bm-red: blend-divide-colors(red($foreground), red($background)); - $bm-green: blend-divide-colors(green($foreground), green($background)); - $bm-blue:blend-divide-colors(blue($foreground), blue($background)); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} -@function blend-divide-colors($foreground, $background) { - @return min((($background / 255) / ($foreground / 255)) * 255, 255); -} - -//-------------------------------- -// Hue -//-------------------------------- -@function blend-hue ($foreground, $background) { - $foreground-hsv: color-to-hsv($foreground); - $background-hsv: color-to-hsv($background); - - $bm-hsv: nth($foreground-hsv, 1), nth($background-hsv, 2), nth($background-hsv, 3); - $bm-color: hsv-to-color($bm-hsv); - - @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); -} - -//-------------------------------- -// Luminosity -//-------------------------------- -@function blend-luminosity ($foreground, $background) { - $foreground-hsv: color-to-hsv($foreground); - $background-hsv: color-to-hsv($background); - - $bm-hsv: nth($background-hsv, 1), nth($background-hsv, 2), nth($foreground-hsv, 3); - $bm-color: hsv-to-color($bm-hsv); - - @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); -} - -//-------------------------------- -// Saturation -//-------------------------------- -@function blend-saturation ($foreground, $background) { - $foreground-hsv: color-to-hsv($foreground); - $background-hsv: color-to-hsv($background); - - $bm-hsv: nth($background-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); - $bm-color: hsv-to-color($bm-hsv); - - @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); -} - -//-------------------------------- -// Subtract -//-------------------------------- -@function blend-subtract ($foreground, $background) { - $bm-red: max(red($background) - red($foreground), 0); - $bm-green: max(green($background) - green($foreground), 0); - $bm-blue: max(blue($background) - blue($foreground), 0); - - @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); -} - -//-------------------------------- -// HSL and HSV -//-------------------------------- -// @see https://gist.github.com/1069204 -@function hsv-to-hsl($h, $s: 0, $v: 0) { - @if type-of($h) == 'list' { - $v: nth($h, 3); - $s: nth($h, 2); - $h: nth($h, 1); - } - - @if unit($h) == 'deg' { - $h: 3.1415 * 2 * ($h / 360deg); - } - @if unit($s) == '%' { - $s: 0 + ($s / 100%); - } - @if unit($v) == '%' { - $v: 0 + ($v / 100%); - } - - $ss: $s * $v; - $ll: (2 - $s) * $v; - - @if $ll <= 1 { - $ss: $ss / $ll; - } @else if ($ll == 2) { - $ss: 0; - } @else { - $ss: $ss / (2 - $ll); - } - - $ll: $ll / 2; - - @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $ss))), percentage(max(0, min(1, $ll))); -} - -@function hsl-to-hsv($h, $ss: 0, $ll: 0) { - @if type-of($h) == 'list' { - $ll: nth($h, 3); - $ss: nth($h, 2); - $h: nth($h, 1); - } @else if type-of($h) == 'color' { - $ll: lightness($h); - $ss: saturation($h); - $h: hue($h); - } - - @if unit($h) == 'deg' { - $h: 3.1415 * 2 * ($h / 360deg); - } - @if unit($ss) == '%' { - $ss: 0 + ($ss / 100%); - } - @if unit($ll) == '%' { - $ll: 0 + ($ll / 100%); - } - - $ll: $ll * 2; - - @if $ll <= 1 { - $ss: $ss * $ll; - } @else { - $ss: $ss * (2 - $ll); - } - - $v: ($ll + $ss) / 2; - $s: (2 * $ss) / ($ll + $ss); - - @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $s))), percentage(max(0, min(1, $v))); -} - -@function color-to-hsv($color) { - @return hsl-to-hsv($color); -} - -@function hsv-to-color($h, $s: 0, $v: 0) { - $hsl: hsv-to-hsl($h, $s, $v); - @return hsl(nth($hsl, 1), nth($hsl, 2), nth($hsl, 3)); -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/util/_color.scss b/WebContent/VAADIN/themes/valo/util/_color.scss deleted file mode 100644 index e4aab4596d..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_color.scss +++ /dev/null @@ -1,134 +0,0 @@ -// "Photoshop" blend modes -@import "blend-modes"; - -/** - * Returns the luminance of a color (0-255), i.e. the perceived brightness, rather than - * the absolute mathematical lightness value. - * - * "The luminance calculation is a weighted average of the color channels that approximates - * how humans perceive brightness, while lightness is just an average of the largest and - * smallest channels without regard to perception." - * - * Source: http://en.wikipedia.org/wiki/Luminance_(relative) - * - * @group color - * - * @param {color} $color - the color whose luminance value to get - * - * @return {number} the luminance value of the color, in the range of 0-255 - * - */ -@function color-luminance ($color) { - @return 0.2126 * red($color) + 0.7152 * green($color) + 0.0722 * blue($color); -} - - -/** - * Luminance value after which colors will be considered light (i.e. not dark). - * - * @group color - */ -$v-luminance-threshold: 150 !default; - - -/** - * Contrast default value for valo-font-color function. - * - * @group color - * @type number - */ -$v-font-color-contrast: 0.72 !default; - -/** - * Checks whether the color is considered dark or light, according to it's luminance and saturation. - * - * @group color - * - * @param {color} $color - the color to check - * - * @return {bool} true if the color is considered dark, false if considered light - */ -@function is-dark-color($color) { - $luminance: color-luminance($color); - @if $luminance < $v-luminance-threshold or (saturation($color) > 80% and ($luminance < $v-luminance-threshold + 20)) { - @return true; - } @else { - @return false; - } -} - - -/** - * Get the darkest color (by luminance) from a list of colors. - * - * @group color - * - * @param {list} $colors - a list of CSS colors - * - * @return {color} darkest color (by luminance) from a list of colors - */ -@function darkest-color($colors...) { - $darkest: first($colors); - @each $color in $colors { - @if color-luminance($color) < color-luminance($darkest) { - $darkest: $color; - } - } - @return $darkest; -} - - -/** - * Returns a font color with enough contrast for the given background color. - * - * @group color - * - * @param {color} $bg-color - the background color for which to compute a suitable font color - * @param {number} $contrast (0.8) - the contrast of the font color compared to the background color - * - * @return {color} a suitable font color for the given background color - */ -@function valo-font-color ($bg-color, $contrast: $v-font-color-contrast) { - @if type-of($bg-color) == color { - @if is-dark-color($bg-color) { - @return scale-color($bg-color, $lightness: min(100%, 100% * $contrast), $saturation: max(-100%, -50% * $contrast)); - } @else { - @return scale-color($bg-color, $lightness: max(-100%, -100% * $contrast), $saturation: max(-100%, -50% * $contrast)); - } - } - @return null; -} - - -/** - * Returns a suitable focus color for the given background color. - * - * @group color - * - * @param {color} $context ($v-app-background-color) - the background color for which to compute a suitable focus color - * - * @return {color} a suitable focus color for the given background color - */ -@function valo-focus-color ($context: $v-app-background-color) { - $color: $context; - @if is-dark-color($context) { - $color: scale-color($color, $lightness: 40%, $saturation: 80%); - } @else { - $color: scale-color($color, $lightness: -50%, $saturation: 80%); - } - @return $color; -} - - -/** - * Output the default focus styles (border-color and box-shadow). - * - * @group style - */ -@mixin valo-focus-style { - @if type-of($v-focus-style) == list { - @include box-shadow($v-focus-style); - } @else if type-of($v-focus-style) == color { - border-color: $v-focus-style; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/_css3.scss b/WebContent/VAADIN/themes/valo/util/_css3.scss deleted file mode 100644 index dc2dc781a7..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_css3.scss +++ /dev/null @@ -1,35 +0,0 @@ -/** - * Cross-browser opacity. - * - * @param {number} $value - opacity value from 0 to 1 - * @param {bool} $important (false) - should the property value be declared with !important - * - * @group util - */ -@mixin opacity ($value, $important: false) { - $importantValue: null; - @if $important { - $importantValue: unquote("!important"); - } - - opacity: $value $importantValue; - - @if $value < 1 { - $valueperc: $value*100; - filter: alpha(opacity=#{$valueperc}) #{$importantValue}; - } @else { - filter: none #{$importantValue}; - } -} - -/** - * Cross-browser box-shadow. - * -webkit-box-shadow is still needed for Android 2.3 and 3.0, as well as iOS 5 - * - * @param {list} $shadows - Any valid CSS box-shadow value - * - * @group util - */ -@mixin box-shadow ($shadows...) { - @include prefixer(box-shadow, $shadows, webkit spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/_gradient.scss b/WebContent/VAADIN/themes/valo/util/_gradient.scss deleted file mode 100644 index a38dca704c..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_gradient.scss +++ /dev/null @@ -1,78 +0,0 @@ -/** - * Outputs cross-browser Valo-specific linear gradient background-image declarations. - * - * @group style - * - * @param {color} $color ($v-background-color) - The base color for the gradient color stops - * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. - * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead. - * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end. - */ -@mixin valo-gradient($color: $v-background-color, $gradient: $v-gradient, $fallback: null, $direction: to bottom) { - @if $color { - @if $gradient { - $color-stops: valo-gradient-color-stops($color, $gradient); - @include linear-gradient($direction, $color-stops, $fallback: $fallback or $color); - } @else { - background: $fallback or $color; - } - } -} - -/** - * Returns a valid CSS, Valo-specific, color stop list to be used in a linear gradient. - * - * @group style - * - * @param {color} $color - the base color for the color stops - * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. - */ -@function valo-gradient-color-stops($color, $gradient: $v-gradient) { - $style: valo-gradient-style($gradient); - $opacity: valo-gradient-opacity($gradient); - - @if $style != none and $opacity > 0 { - @if $style == v-linear or $style == v-linear-reverse { - $start: blend-overlay(rgba(#fff, $opacity/100%), $color); - $end: blend-overlay(rgba(#000, max(0, $opacity/100%)), $color); - $end: blend-multiply(rgba(#000, max(0, $opacity/200%)), $end); - - @if $style == v-linear { - @return $start 2%, $end 98%; - } @else { - @return $end 2%, $start 98%; - } - } - } - - @return $color 0%, $color 100%; -} - - -/** - * Returns the style part of a Valo-specific gradient value. - * - * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. - * - * @return {string} One of the possible style values for $v-gradient - */ -@function valo-gradient-style($gradient: $v-gradient) { - @if type-of($gradient) != list { - @return none; - } - @return first-string($gradient); -} - -/** - * Returns the opacity part of a Valo-specific gradient value. - * - * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. - * - * @return {number} A percentage value from 0% to 100% - */ -@function valo-gradient-opacity($gradient: $v-gradient) { - @if type-of($gradient) != list { - @return 0%; - } - @return first-number($gradient); -} diff --git a/WebContent/VAADIN/themes/valo/util/_lists.scss b/WebContent/VAADIN/themes/valo/util/_lists.scss deleted file mode 100644 index e21c69fd01..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_lists.scss +++ /dev/null @@ -1,418 +0,0 @@ -/** - * Checks if a list contains a certain value. - * - * @param {list} $list - the list to check - * @param {value} $var - the value to search for - * @param {bool} $recursive (false) - should any contained lists be checked for the value - * - * @return {bool} true if the value is found from the list, false otherwise - * - * @group lists - */ -@function contains($list, $value, $recursive: false) { - @if $recursive == false { - @return (false != index($list, $value)); - } - - $ret: false; - @each $item in $list { - @if type-of($item) == list and $recursive { - @if contains($item, $value, true) { - @return true; - } - } @else if $item == $value { - @return true; - } - } - - @return false; -} - - -/** - * Check whether a list contains nested lists. - * - * @param {list} $list - the list to check - * - * @return {bool} true of the list contains other nested lists, false otherwise - * - * @group lists - */ -@function list-of-lists($list) { - @each $part in $list { - @if type-of($part) != list { - @return false; - } - } - @return true; -} - - -/** - * Get the first color value from a list. - * - * @param {list} $list - a list which should contain a color value - * - * @return {color} The first color encountered in the list - * - * @group lists - */ -@function first-color($list) { - @return first-of-type($list, color); -} - - -/** - * Get the first number value from a list. - * - * @param {list} $list - a list which should contain a number value - * - * @return {number} The first number encountered in the list - * - * @group lists - */ -@function first-number($list) { - @return first-of-type($list, number); -} - - -/** - * Get the first string value from a list. - * - * @param {list} $list - a list which should contain a string value - * - * @return {string} The first string encountered in the list - * - * @group lists - */ -@function first-string($list) { - @return first-of-type($list, string); -} - - -/** - * Get the first contained list from the list passed as the parameter. - * - * @param {list} $list - a list which should contain a nested list - * - * @return {list} The first list encountered in the list passed as the parameter - * - * @group lists - */ -@function first-list($list) { - @return first-of-type($list, list); -} - - -/** - * Get the first value of a certain type from a list. - * - * @param {list} $list - a list which should contain a value of the certain type - * @param {string} $type - the type of value to search for - * - * @return {value} The first item of the certain type encountered in the list - * - * @group lists - */ -@function first-of-type($list, $type) { - @each $item in $list { - @if type-of($item) == $type { - @return $item; - } @else if type-of($item) == list { - $ret: first-of-type($item, $type); - @if $ret { - @return $ret; - } - } - } - @return null; -} - - -/** - * Flatten nested lists to one list, while maintaining the original list separators. - * - * @param {list} $list - the list to flatten - * - * @return {list} the same list with all nested lists flattened - * - * @group lists - */ -@function flatten-list($list) { - $ret: (); - @each $item in $list { - @if type-of($item) != list and $item != null { - $ret: join($ret, $item); - } @else if length($item) > 0 and $item != null { - $t: flatten-list($item); - @if length($t) > 0 { - $ret: join($ret, $t); - } - } - } - @return $ret; -} - - - - -// Author: Hugo Giraudel -// Repository: https://github.com/Team-Sass/Sass-list-functions -// License: MIT - - -@function first($list) { - @return nth($list, 1); -} - - -@function last($list) { - @return nth($list, length($list)); -} - - -@function last-index($list, $value) { - @for $i from length($list)*-1 through -1 { - @if nth($list, abs($i)) == $value { - @return abs($i); - } - } - - @return null; -} - - -@function to-string($list, $glue: '', $is-nested: false) { - $result: null; - - @for $i from 1 through length($list) { - $e: nth($list, $i); - - @if type-of($e) == list { - $result: $result#{to-string($e, $glue, true)}; - } - - @else { - $result: if($i != length($list) or $is-nested, $result#{$e}#{$glue}, $result#{$e}); - } - } - - @return $result; -} - - -@function prepend($list, $value) { - @return join($value, $list); -} - - -@function insert-nth($list, $index, $value) { - $result: false; - - @if type-of($index) != number { - @warn "$index: #{quote($index)} is not a number for `insert-nth`."; - @return $result; - } - - @else if $index < 1 { - @warn "List index 0 must be a non-zero integer for `insert-nth`"; - @return $result; - } - - @else if $index > length($list) { - @warn "List index is #{$index} but list is only #{length($list)} item long for `insert-nth'."; - @return $result; - } - - @else { - $result: (); - - @for $i from 1 through length($list) { - @if $i == $index { - $result: append($result, $value); - } - - $result: append($result, nth($list, $i)); - } - } - - @return $result; -} - - -@function replace-nth($list, $index, $value) { - $result: false; - - @if type-of($index) != number { - @warn "$index: #{quote($index)} is not a number for `replace-nth`."; - @return $result; - } - - @else if $index == 0 { - @warn "List index 0 must be a non-zero integer for `replace-nth`."; - @return $result; - } - - @else if abs($index) > length($list) { - @warn "List index is #{$index} but list is only #{length($list)} item long for `replace-nth`."; - @return $result; - } - - @else { - $result: (); - $index: if($index < 0, length($list) + $index + 1, $index); - - @for $i from 1 through length($list) { - @if $i == $index { - $result: append($result, $value); - } - - @else { - $result: append($result, nth($list, $i)); - } - } - } - - @return $result; -} - - -@function replace($list, $old-value, $new-value, $recursive: false) { - $result: (); - - @for $i from 1 through length($list) { - @if type-of(nth($list, $i)) == list and $recursive { - $result: append($result, replace(nth($list, $i), $old-value, $new-value, $recursive)); - } - - @else { - @if nth($list, $i) == $old-value { - $result: append($result, $new-value); - } - - @else { - $result: append($result, nth($list, $i)); - } - } - } - - @return $result; -} - - -@function remove-nth($list, $index) { - $result: false; - - @if type-of($index) != number { - @warn "$index: #{quote($index)} is not a number for `remove-nth`."; - @return $result; - } - - @else if $index == 0 { - @warn "List index 0 must be a non-zero integer for `remove-nth`."; - @return $result; - } - - @else if abs($index) > length($list) { - @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; - @return $result; - } - - @else { - $result: (); - $index: if($index < 0, length($list) + $index + 1, $index); - - @for $i from 1 through length($list) { - @if $i != $index { - $result: append($result, nth($list, $i)); - } - } - } - - @return $result; -} - - -@function remove($list, $value, $recursive: false) { - $result: (); - - @for $i from 1 through length($list) { - @if type-of(nth($list, $i)) == list and $recursive { - $result: append($result, remove(nth($list, $i), $value, $recursive)); - } - - @else if nth($list, $i) != $value { - $result: append($result, nth($list, $i)); - } - } - - @return $result; -} - - -@function slice($list, $start: 1, $end: length($list)) { - $result: false; - - @if type-of($start) != number or type-of($end) != number { - @warn "Either $start or $end are not a number for `slice`."; - @return $result; - } - - @else if $start > $end { - @warn "The start index has to be lesser than or equals to the end index for `slice`."; - @return $result; - } - - @else if $start < 1 or $end < 1 { - @warn "List indexes must be non-zero integers for `slice`."; - @return $result; - } - - @else if $start > length($list) { - @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`."; - @return $result; - } - - @else if $end > length($list) { - @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`."; - @return $result; - } - - @else { - $result: (); - - @for $i from $start through $end { - $result: append($result, nth($list, $i)); - } - } - - @return $result; -} - - -@function reverse($list, $recursive: false) { - $result: (); - - @for $i from length($list)*-1 through -1 { - @if type-of(nth($list, abs($i))) == list and $recursive { - $result: append($result, reverse(nth($list, abs($i)), $recursive)); - } - - @else { - $result: append($result, nth($list, abs($i))); - } - } - - @return $result; -} - - -@function shift($list, $value: 1) { - $result: (); - - @for $i from 0 to length($list) { - $result: append($result, nth($list, ($i - $value) % length($list) + 1)); - } - - @return $result; -} diff --git a/WebContent/VAADIN/themes/valo/util/_util.scss b/WebContent/VAADIN/themes/valo/util/_util.scss deleted file mode 100644 index 3430263d90..0000000000 --- a/WebContent/VAADIN/themes/valo/util/_util.scss +++ /dev/null @@ -1,92 +0,0 @@ -/** - * Ouput selectors and properties to vertically center elements inside their parent. - * - * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements. - * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom - * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide - * - * @group util - */ -@mixin valo-vertical-align-guide ($to-align: (), $align: middle, $pseudo-element: after) { - &:#{$pseudo-element} { - content: ""; - display: inline-block; - width: 0; - height: 100%; - vertical-align: middle; - } - - @if length($to-align) > 0 { - @each $selector in $to-align { - & > #{$selector} { - vertical-align: $align; - } - } - } -} - - -/** - * Indicate that an element is clickable/tappable - * - * @group util - */ -@mixin valo-tappable { - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-touch-callout: none; - cursor: pointer; - } - - -/** - * Output Vaadin Responsive extension specific width-range declaration. - * - * @param {size} $min (0) - The lower bound for the width-range - * @param {size} $max (null) - The upper bound for the width-range - * - * @group util - * - * @example scss - * .v-ui { - * font-size: 18px; - * - * // Make the font-size smaller for 481px-768px wide UIs - * @include width-range(481px, 768px) { - * font-size: 16px; - * } - * - * // Make it even smaller for UIs narrower than 480px - * @include width-range($max: 480px) { - * font-size: 14px; - * } - * } - */ -@mixin width-range($min: 0, $max: null) { - &[width-range~="#{$min}-#{$max}"] { - @content; - } -} - -/** - * Output Vaadin Responsive extension specific height-range declaration. - * - * @param {size} $min (0) - The lower bound for the height-range - * @param {size} $max (null) - The upper bound for the height-range - * - * @group util - * - * @example scss - * .v-csslayout { - * color: red; - * - * // Make the text color blue when the layout height is between 100px-300px - * @include height-range(100px, 300px) { - * color: blue; - * } - * } - */ -@mixin height-range($min: 0, $max: null) { - &[height-range~="#{$min}-#{$max}"] { - @content; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss b/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss deleted file mode 100644 index 5332496d82..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss +++ /dev/null @@ -1,13 +0,0 @@ -//************************************************************************// -// These mixins/functions are deprecated -// They will be removed in the next MAJOR version release -//************************************************************************// -@mixin box-shadow ($shadows...) { - @include prefixer(box-shadow, $shadows, spec); - @warn "box-shadow is deprecated and will be removed in the next major version release"; -} - -@mixin background-size ($lengths...) { - @include prefixer(background-size, $lengths, spec); - @warn "background-size is deprecated and will be removed in the next major version release"; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon.scss b/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon.scss deleted file mode 100644 index c94d48ae14..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/_bourbon.scss +++ /dev/null @@ -1,79 +0,0 @@ -// Bourbon 3.2.4 -// http://bourbon.io -// Copyright 2011-2015 thoughtbot, inc. -// MIT License - -// Settings -@import "settings/prefixer"; -@import "settings/px-to-em"; -@import "settings/asset-pipeline"; - -// Custom Helpers -@import "helpers/gradient-positions-parser"; -@import "helpers/linear-positions-parser"; -@import "helpers/radial-arg-parser"; -@import "helpers/radial-positions-parser"; -@import "helpers/render-gradients"; -@import "helpers/shape-size-stripper"; - -// Custom Functions -@import "functions/color-lightness"; -@import "functions/flex-grid"; -@import "functions/golden-ratio"; -@import "functions/grid-width"; -@import "functions/linear-gradient"; -@import "functions/modular-scale"; -@import "functions/px-to-em"; -@import "functions/px-to-rem"; -@import "functions/radial-gradient"; -@import "functions/strip-units"; -@import "functions/tint-shade"; -@import "functions/transition-property-name"; -@import "functions/unpack"; - -// CSS3 Mixins -@import "css3/animation"; -@import "css3/appearance"; -@import "css3/backface-visibility"; -@import "css3/background"; -@import "css3/background-image"; -@import "css3/border-image"; -@import "css3/border-radius"; -@import "css3/box-sizing"; -@import "css3/calc"; -@import "css3/columns"; -@import "css3/filter"; -@import "css3/flex-box"; -@import "css3/font-face"; -@import "css3/font-feature-settings"; -@import "css3/hyphens"; -@import "css3/hidpi-media-query"; -@import "css3/image-rendering"; -@import "css3/inline-block"; -@import "css3/keyframes"; -@import "css3/linear-gradient"; -@import "css3/perspective"; -@import "css3/radial-gradient"; -@import "css3/transform"; -@import "css3/transition"; -@import "css3/user-select"; -@import "css3/placeholder"; - -// Addons & other mixins -@import "addons/button"; -@import "addons/clearfix"; -@import "addons/directional-values"; -@import "addons/ellipsis"; -@import "addons/font-family"; -@import "addons/hide-text"; -@import "addons/html5-input-types"; -@import "addons/position"; -@import "addons/prefixer"; -@import "addons/retina-image"; -@import "addons/size"; -@import "addons/timing-functions"; -@import "addons/triangle"; -@import "addons/word-wrap"; - -// Soon to be deprecated Mixins -@import "bourbon-deprecated-upcoming"; diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_button.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_button.scss deleted file mode 100644 index 14a89e480c..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_button.scss +++ /dev/null @@ -1,374 +0,0 @@ -@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) { - - @if type-of($style) == string and type-of($base-color) == color { - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == string and type-of($base-color) == number { - $padding: $text-size; - $text-size: $base-color; - $base-color: #4294f0; - - @if $padding == inherit { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == color and type-of($base-color) == color { - $base-color: $style; - $style: simple; - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == color and type-of($base-color) == number { - $padding: $text-size; - $text-size: $base-color; - $base-color: $style; - $style: simple; - - @if $padding == inherit { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - @if type-of($style) == number { - $padding: $base-color; - $text-size: $style; - $base-color: #4294f0; - $style: simple; - - @if $padding == #4294f0 { - $padding: 7px 18px; - } - - @include buttonstyle($style, $base-color, $text-size, $padding); - } - - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } -} - - -// Selector Style Button -//************************************************************************// -@mixin buttonstyle($type, $b-color, $t-size, $pad) { - // Grayscale button - @if $type == simple and $b-color == grayscale($b-color) { - @include simple($b-color, true, $t-size, $pad); - } - - @if $type == shiny and $b-color == grayscale($b-color) { - @include shiny($b-color, true, $t-size, $pad); - } - - @if $type == pill and $b-color == grayscale($b-color) { - @include pill($b-color, true, $t-size, $pad); - } - - @if $type == flat and $b-color == grayscale($b-color) { - @include flat($b-color, true, $t-size, $pad); - } - - // Colored button - @if $type == simple { - @include simple($b-color, false, $t-size, $pad); - } - - @else if $type == shiny { - @include shiny($b-color, false, $t-size, $pad); - } - - @else if $type == pill { - @include pill($b-color, false, $t-size, $pad); - } - - @else if $type == flat { - @include flat($b-color, false, $t-size, $pad); - } -} - - -// Simple Button -//************************************************************************// -@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); - $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); - $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border; - border-radius: 3px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: bold; - @include linear-gradient ($base-color, $stop-gradient); - padding: $padding; - text-decoration: none; - text-shadow: 0 1px 0 $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); - $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - } - - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); - $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); - - @if $grayscale == true { - $border-active: grayscale($border-active); - $inset-shadow-active: grayscale($inset-shadow-active); - } - - border: 1px solid $border-active; - box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active; - } -} - - -// Shiny Button -//************************************************************************// -@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); - $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); - $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); - $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); - $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); - $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); - $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border: grayscale($border); - $border-bottom: grayscale($border-bottom); - $fourth-stop: grayscale($fourth-stop); - $inset-shadow: grayscale($inset-shadow); - $second-stop: grayscale($second-stop); - $text-shadow: grayscale($text-shadow); - $third-stop: grayscale($third-stop); - } - - border: 1px solid $border; - border-bottom: 1px solid $border-bottom; - border-radius: 5px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: bold; - @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); - padding: $padding; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - - &:hover:not(:disabled) { - $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); - $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); - $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); - $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); - - @if $grayscale == true { - $first-stop-hover: grayscale($first-stop-hover); - $second-stop-hover: grayscale($second-stop-hover); - $third-stop-hover: grayscale($third-stop-hover); - $fourth-stop-hover: grayscale($fourth-stop-hover); - } - - cursor: pointer; - @include linear-gradient(top, $first-stop-hover 0%, - $second-stop-hover 50%, - $third-stop-hover 50%, - $fourth-stop-hover 100%); - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); - - @if $grayscale == true { - $inset-shadow-active: grayscale($inset-shadow-active); - } - - box-shadow: inset 0 0 20px 0 $inset-shadow-active; - } -} - - -// Pill Button -//************************************************************************// -@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); - $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); - $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); - $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); - } - - @if $grayscale == true { - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow: grayscale($inset-shadow); - $stop-gradient: grayscale($stop-gradient); - $text-shadow: grayscale($text-shadow); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - border-radius: 16px; - box-shadow: inset 0 1px 0 0 $inset-shadow; - color: $color; - display: inline-block; - font-size: $textsize; - font-weight: normal; - line-height: 1; - @include linear-gradient ($base-color, $stop-gradient); - padding: $padding; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px $text-shadow; - background-clip: padding-box; - - &:hover:not(:disabled) { - $base-color-hover: adjust-color($base-color, $lightness: -4.5%); - $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); - $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); - $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); - $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); - $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); - $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - $border-bottom: grayscale($border-bottom); - $border-sides: grayscale($border-sides); - $border-top: grayscale($border-top); - $inset-shadow-hover: grayscale($inset-shadow-hover); - $stop-gradient-hover: grayscale($stop-gradient-hover); - $text-shadow-hover: grayscale($text-shadow-hover); - } - - border: 1px solid $border-top; - border-color: $border-top $border-sides $border-bottom; - box-shadow: inset 0 1px 0 0 $inset-shadow-hover; - cursor: pointer; - @include linear-gradient ($base-color-hover, $stop-gradient-hover); - text-shadow: 0 -1px 1px $text-shadow-hover; - background-clip: padding-box; - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); - $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); - $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); - $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); - $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); - - @if $grayscale == true { - $active-color: grayscale($active-color); - $border-active: grayscale($border-active); - $border-bottom-active: grayscale($border-bottom-active); - $inset-shadow-active: grayscale($inset-shadow-active); - $text-shadow-active: grayscale($text-shadow-active); - } - - background: $active-color; - border: 1px solid $border-active; - border-bottom: 1px solid $border-bottom-active; - box-shadow: inset 0 0 6px 3px $inset-shadow-active; - text-shadow: 0 -1px 1px $text-shadow-active; - } -} - - - -// Flat Button -//************************************************************************// -@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { - $color: hsl(0, 0, 100%); - - @if is-light($base-color) { - $color: hsl(0, 0, 20%); - } - - background-color: $base-color; - border-radius: 3px; - border: none; - color: $color; - display: inline-block; - font-size: inherit; - font-weight: bold; - padding: 7px 18px; - text-decoration: none; - background-clip: padding-box; - - &:hover:not(:disabled){ - $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%); - - @if $grayscale == true { - $base-color-hover: grayscale($base-color-hover); - } - - background-color: $base-color-hover; - cursor: pointer; - } - - &:active:not(:disabled), - &:focus:not(:disabled) { - $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%); - - @if $grayscale == true { - $base-color-active: grayscale($base-color-active); - } - - background-color: $base-color-active; - cursor: pointer; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss deleted file mode 100644 index 783cfbc792..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Modern micro clearfix provides an easy way to contain floats without adding additional markup. -// -// Example usage: -// -// // Contain all floats within .wrapper -// .wrapper { -// @include clearfix; -// .content, -// .sidebar { -// float : left; -// } -// } - -@mixin clearfix { - &:after { - content:""; - display:table; - clear:both; - } -} - -// Acknowledgements -// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php) diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss deleted file mode 100644 index 742f1031a4..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss +++ /dev/null @@ -1,111 +0,0 @@ -// directional-property mixins are shorthands -// for writing properties like the following -// -// @include margin(null 0 10px); -// ------ -// margin-right: 0; -// margin-bottom: 10px; -// margin-left: 0; -// -// - or - -// -// @include border-style(dotted null); -// ------ -// border-top-style: dotted; -// border-bottom-style: dotted; -// -// ------ -// -// Note: You can also use false instead of null - -@function collapse-directionals($vals) { - $output: null; - - $A: nth( $vals, 1 ); - $B: if( length($vals) < 2, $A, nth($vals, 2)); - $C: if( length($vals) < 3, $A, nth($vals, 3)); - $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) )); - - @if $A == 0 { $A: 0 } - @if $B == 0 { $B: 0 } - @if $C == 0 { $C: 0 } - @if $D == 0 { $D: 0 } - - @if $A == $B and $A == $C and $A == $D { $output: $A } - @else if $A == $C and $B == $D { $output: $A $B } - @else if $B == $D { $output: $A $B $C } - @else { $output: $A $B $C $D } - - @return $output; -} - -@function contains-falsy($list) { - @each $item in $list { - @if not $item { - @return true; - } - } - - @return false; -} - -@mixin directional-property($pre, $suf, $vals) { - // Property Names - $top: $pre + "-top" + if($suf, "-#{$suf}", ""); - $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", ""); - $left: $pre + "-left" + if($suf, "-#{$suf}", ""); - $right: $pre + "-right" + if($suf, "-#{$suf}", ""); - $all: $pre + if($suf, "-#{$suf}", ""); - - $vals: collapse-directionals($vals); - - @if contains-falsy($vals) { - @if nth($vals, 1) { #{$top}: nth($vals, 1); } - - @if length($vals) == 1 { - @if nth($vals, 1) { #{$right}: nth($vals, 1); } - } @else { - @if nth($vals, 2) { #{$right}: nth($vals, 2); } - } - - // prop: top/bottom right/left - @if length($vals) == 2 { - @if nth($vals, 1) { #{$bottom}: nth($vals, 1); } - @if nth($vals, 2) { #{$left}: nth($vals, 2); } - - // prop: top right/left bottom - } @else if length($vals) == 3 { - @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } - @if nth($vals, 2) { #{$left}: nth($vals, 2); } - - // prop: top right bottom left - } @else if length($vals) == 4 { - @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } - @if nth($vals, 4) { #{$left}: nth($vals, 4); } - } - - // prop: top/right/bottom/left - } @else { - #{$all}: $vals; - } -} - -@mixin margin($vals...) { - @include directional-property(margin, false, $vals...); -} - -@mixin padding($vals...) { - @include directional-property(padding, false, $vals...); -} - -@mixin border-style($vals...) { - @include directional-property(border, style, $vals...); -} - -@mixin border-color($vals...) { - @include directional-property(border, color, $vals...); -} - -@mixin border-width($vals...) { - @include directional-property(border, width, $vals...); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss deleted file mode 100644 index a8ea2a4a86..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss +++ /dev/null @@ -1,7 +0,0 @@ -@mixin ellipsis($width: 100%) { - display: inline-block; - max-width: $width; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss deleted file mode 100644 index 31f5d9ca75..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss +++ /dev/null @@ -1,5 +0,0 @@ -$georgia: Georgia, Cambria, "Times New Roman", Times, serif; -$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; -$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; -$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; -$verdana: Verdana, Geneva, sans-serif; diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss deleted file mode 100644 index fc7943811d..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss +++ /dev/null @@ -1,10 +0,0 @@ -@mixin hide-text { - overflow: hidden; - - &:before { - content: ""; - display: block; - width: 0; - height: 100%; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss deleted file mode 100644 index 8428e4e194..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss +++ /dev/null @@ -1,110 +0,0 @@ -//************************************************************************// -// Generate a variable ($all-text-inputs) with a list of all html5 -// input types that have a text-based input, excluding textarea. -// http://diveintohtml5.org/forms.html -//************************************************************************// -$inputs-list: 'input[type="email"]', - 'input[type="number"]', - 'input[type="password"]', - 'input[type="search"]', - 'input[type="tel"]', - 'input[type="text"]', - 'input[type="url"]', - - // Webkit & Gecko may change the display of these in the future - 'input[type="color"]', - 'input[type="date"]', - 'input[type="datetime"]', - 'input[type="datetime-local"]', - 'input[type="month"]', - 'input[type="time"]', - 'input[type="week"]'; - -$unquoted-inputs-list: (); -@each $input-type in $inputs-list { - $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma); -} - -$all-text-inputs: $unquoted-inputs-list; - - -// Hover Pseudo-class -//************************************************************************// -$all-text-inputs-hover: (); -@each $input-type in $unquoted-inputs-list { - $input-type-hover: $input-type + ":hover"; - $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma); -} - -// Focus Pseudo-class -//************************************************************************// -$all-text-inputs-focus: (); -@each $input-type in $unquoted-inputs-list { - $input-type-focus: $input-type + ":focus"; - $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma); -} - -// You must use interpolation on the variable: -// #{$all-text-inputs} -// #{$all-text-inputs-hover} -// #{$all-text-inputs-focus} - -// Example -//************************************************************************// -// #{$all-text-inputs}, textarea { -// border: 1px solid red; -// } - - - -//************************************************************************// -// Generate a variable ($all-button-inputs) with a list of all html5 -// input types that have a button-based input, excluding button. -//************************************************************************// -$inputs-button-list: 'input[type="button"]', - 'input[type="reset"]', - 'input[type="submit"]'; - -$unquoted-inputs-button-list: (); -@each $input-type in $inputs-button-list { - $unquoted-inputs-button-list: append($unquoted-inputs-button-list, unquote($input-type), comma); -} - -$all-button-inputs: $unquoted-inputs-button-list; - - -// Hover Pseudo-class -//************************************************************************// -$all-button-inputs-hover: (); -@each $input-type in $unquoted-inputs-button-list { - $input-type-hover: $input-type + ":hover"; - $all-button-inputs-hover: append($all-button-inputs-hover, $input-type-hover, comma); -} - -// Focus Pseudo-class -//************************************************************************// -$all-button-inputs-focus: (); -@each $input-type in $unquoted-inputs-button-list { - $input-type-focus: $input-type + ":focus"; - $all-button-inputs-focus: append($all-button-inputs-focus, $input-type-focus, comma); -} - -// Active Pseudo-class -//************************************************************************// -$all-button-inputs-active: (); -@each $input-type in $unquoted-inputs-button-list { - $input-type-active: $input-type + ":active"; - $all-button-inputs-active: append($all-button-inputs-active, $input-type-active, comma); -} - -// You must use interpolation on the variable: -// #{$all-button-inputs} -// #{$all-button-inputs-hover} -// #{$all-button-inputs-focus} -// #{$all-button-inputs-active} - -// Example -//************************************************************************// -// #{$all-button-inputs}, button { -// border: 1px solid red; -// } diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_position.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_position.scss deleted file mode 100644 index 31a0699769..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_position.scss +++ /dev/null @@ -1,32 +0,0 @@ -@mixin position ($position: relative, $coordinates: 0 0 0 0) { - - @if type-of($position) == list { - $coordinates: $position; - $position: relative; - } - - $coordinates: unpack($coordinates); - - $top: nth($coordinates, 1); - $right: nth($coordinates, 2); - $bottom: nth($coordinates, 3); - $left: nth($coordinates, 4); - - position: $position; - - @if ($top and $top == auto) or (type-of($top) == number and not(unitless($top))) { - top: $top; - } - - @if ($right and $right == auto) or (type-of($right) == number and not(unitless($right))) { - right: $right; - } - - @if ($bottom and $bottom == auto) or (type-of($bottom) == number and not(unitless($bottom))) { - bottom: $bottom; - } - - @if ($left and $left == auto) or (type-of($left) == number and not(unitless($left))) { - left: $left; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss deleted file mode 100644 index bac1aed2cc..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss +++ /dev/null @@ -1,45 +0,0 @@ -//************************************************************************// -// Example: @include prefixer(border-radius, $radii, webkit ms spec); -//************************************************************************// -// Variables located in /settings/_prefixer.scss - -@mixin prefixer ($property, $value, $prefixes) { - @each $prefix in $prefixes { - @if $prefix == webkit { - @if $prefix-for-webkit { - -webkit-#{$property}: $value; - } - } - @else if $prefix == moz { - @if $prefix-for-mozilla { - -moz-#{$property}: $value; - } - } - @else if $prefix == ms { - @if $prefix-for-microsoft { - -ms-#{$property}: $value; - } - } - @else if $prefix == o { - @if $prefix-for-opera { - -o-#{$property}: $value; - } - } - @else if $prefix == spec { - @if $prefix-for-spec { - #{$property}: $value; - } - } - @else { - @warn "Unrecognized prefix: #{$prefix}"; - } - } -} - -@mixin disable-prefix-for-all() { - $prefix-for-webkit: false; - $prefix-for-mozilla: false; - $prefix-for-microsoft: false; - $prefix-for-opera: false; - $prefix-for-spec: false; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss deleted file mode 100644 index 3995c1970a..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss +++ /dev/null @@ -1,31 +0,0 @@ -@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) { - @if $asset-pipeline { - background-image: image-url("#{$filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}.#{$extension}"); - } - - @include hidpi { - @if $asset-pipeline { - @if $retina-filename { - background-image: image-url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } - - @else { - @if $retina-filename { - background-image: url("#{$retina-filename}.#{$extension}"); - } - @else { - background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); - } - } - - background-size: $background-size; - - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_size.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_size.scss deleted file mode 100644 index 342e41b79f..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_size.scss +++ /dev/null @@ -1,44 +0,0 @@ -@mixin size($size) { - @if length($size) == 1 { - @if $size == auto { - width: $size; - height: $size; - } - - @else if unitless($size) { - width: $size + px; - height: $size + px; - } - - @else if not(unitless($size)) { - width: $size; - height: $size; - } - } - - // Width x Height - @if length($size) == 2 { - $width: nth($size, 1); - $height: nth($size, 2); - - @if $width == auto { - width: $width; - } - @else if not(unitless($width)) { - width: $width; - } - @else if unitless($width) { - width: $width + px; - } - - @if $height == auto { - height: $height; - } - @else if not(unitless($height)) { - height: $height; - } - @else if unitless($height) { - height: $height + px; - } - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss deleted file mode 100644 index 5ecc6f9dcf..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss +++ /dev/null @@ -1,32 +0,0 @@ -// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) -// Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html - -// EASE IN -$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); -$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); -$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); -$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); -$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); -$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); -$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); -$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); - -// EASE OUT -$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); -$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); -$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); -$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); -$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); -$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); -$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); -$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); - -// EASE IN OUT -$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); -$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); -$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); -$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); -$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); -$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); -$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); -$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss deleted file mode 100644 index 3b29e2c3c0..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss +++ /dev/null @@ -1,86 +0,0 @@ -@mixin triangle ($size, $color, $direction) { - height: 0; - width: 0; - - $width: nth($size, 1); - $height: nth($size, length($size)); - - $foreground-color: nth($color, 1); - $background-color: transparent !default; - @if (length($color) == 2) { - $background-color: nth($color, 2); - } - - @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { - - $width: $width / 2; - $height: if(length($size) > 1, $height, $height/2); - - @if $direction == up { - border-left: $width solid $background-color; - border-right: $width solid $background-color; - border-bottom: $height solid $foreground-color; - - } @else if $direction == right { - border-top: $width solid $background-color; - border-bottom: $width solid $background-color; - border-left: $height solid $foreground-color; - - } @else if $direction == down { - border-left: $width solid $background-color; - border-right: $width solid $background-color; - border-top: $height solid $foreground-color; - - } @else if $direction == left { - border-top: $width solid $background-color; - border-bottom: $width solid $background-color; - border-right: $height solid $foreground-color; - } - } - - @else if ($direction == up-right) or ($direction == up-left) { - border-top: $height solid $foreground-color; - - @if $direction == up-right { - border-left: $width solid $background-color; - - } @else if $direction == up-left { - border-right: $width solid $background-color; - } - } - - @else if ($direction == down-right) or ($direction == down-left) { - border-bottom: $height solid $foreground-color; - - @if $direction == down-right { - border-left: $width solid $background-color; - - } @else if $direction == down-left { - border-right: $width solid $background-color; - } - } - - @else if ($direction == inset-up) { - border-width: $height $width; - border-style: solid; - border-color: $background-color $background-color $foreground-color; - } - - @else if ($direction == inset-down) { - border-width: $height $width; - border-style: solid; - border-color: $foreground-color $background-color $background-color; - } - - @else if ($direction == inset-right) { - border-width: $width $height; - border-style: solid; - border-color: $background-color $background-color $background-color $foreground-color; - } - - @else if ($direction == inset-left) { - border-width: $width $height; - border-style: solid; - border-color: $background-color $foreground-color $background-color $background-color; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss b/WebContent/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss deleted file mode 100644 index 9734a597cd..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin word-wrap($wrap: break-word) { - word-wrap: $wrap; - - @if $wrap == break-word { - overflow-wrap: break-word; - word-break: break-all; - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_animation.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_animation.scss deleted file mode 100644 index 08c3dbf157..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_animation.scss +++ /dev/null @@ -1,52 +0,0 @@ -// http://www.w3.org/TR/css3-animations/#the-animation-name-property- -// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. - -// Official animation shorthand property. -@mixin animation ($animations...) { - @include prefixer(animation, $animations, webkit moz spec); -} - -// Individual Animation Properties -@mixin animation-name ($names...) { - @include prefixer(animation-name, $names, webkit moz spec); -} - - -@mixin animation-duration ($times...) { - @include prefixer(animation-duration, $times, webkit moz spec); -} - - -@mixin animation-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out - @include prefixer(animation-timing-function, $motions, webkit moz spec); -} - - -@mixin animation-iteration-count ($values...) { -// infinite | - @include prefixer(animation-iteration-count, $values, webkit moz spec); -} - - -@mixin animation-direction ($directions...) { -// normal | alternate - @include prefixer(animation-direction, $directions, webkit moz spec); -} - - -@mixin animation-play-state ($states...) { -// running | paused - @include prefixer(animation-play-state, $states, webkit moz spec); -} - - -@mixin animation-delay ($times...) { - @include prefixer(animation-delay, $times, webkit moz spec); -} - - -@mixin animation-fill-mode ($modes...) { -// none | forwards | backwards | both - @include prefixer(animation-fill-mode, $modes, webkit moz spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss deleted file mode 100644 index 3eb16e45de..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin appearance ($value) { - @include prefixer(appearance, $value, webkit moz ms o spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss deleted file mode 100644 index 1161fe60dd..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss +++ /dev/null @@ -1,6 +0,0 @@ -//************************************************************************// -// Backface-visibility mixin -//************************************************************************// -@mixin backface-visibility($visibility) { - @include prefixer(backface-visibility, $visibility, webkit spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss deleted file mode 100644 index 17016b91b9..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss +++ /dev/null @@ -1,48 +0,0 @@ -//************************************************************************// -// Background-image property for adding multiple background images with -// gradients, or for stringing multiple gradients together. -//************************************************************************// - -@mixin background-image($images...) { - background-image: _add-prefix($images, webkit); - background-image: _add-prefix($images); -} - -@function _add-prefix($images, $vendor: false) { - $images-prefixed: (); - $gradient-positions: false; - @for $i from 1 through length($images) { - $type: type-of(nth($images, $i)); // Get type of variable - List or String - - // If variable is a list - Gradient - @if $type == list { - $gradient-type: nth(nth($images, $i), 1); // linear or radial - $gradient-pos: null; - $gradient-args: null; - - @if ($gradient-type == linear) or ($gradient-type == radial) { - $gradient-pos: nth(nth($images, $i), 2); // Get gradient position - $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue) - } - @else { - $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) - } - - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - $images-prefixed: append($images-prefixed, $gradient, comma); - } - // If variable is a string - Image - @else if $type == string { - $images-prefixed: join($images-prefixed, nth($images, $i), comma); - } - } - @return $images-prefixed; -} - -//Examples: - //@include background-image(linear-gradient(top, orange, red)); - //@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); - //@include background-image(url("/images/a.png"), linear-gradient(orange, red)); - //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); - //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red)); diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background.scss deleted file mode 100644 index 975f0a6e5f..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_background.scss +++ /dev/null @@ -1,103 +0,0 @@ -//************************************************************************// -// Background property for adding multiple backgrounds using shorthand -// notation. -//************************************************************************// - -@mixin background( - $background-1 , $background-2: null, - $background-3: null, $background-4: null, - $background-5: null, $background-6: null, - $background-7: null, $background-8: null, - $background-9: null, $background-10: null, - $fallback: null -) { - $backgrounds: $background-1, $background-2, - $background-3, $background-4, - $background-5, $background-6, - $background-7, $background-8, - $background-9, $background-10; - - $fallback-color: false; - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - @else { - $fallback-color: _extract-background-color($backgrounds); - } - - @if $fallback-color { - background-color: $fallback-color; - } - background: _background-add-prefix($backgrounds, webkit); - background: _background-add-prefix($backgrounds); -} - -@function _extract-background-color($backgrounds) { - $final-bg-layer: nth($backgrounds, length($backgrounds)); - @if type-of($final-bg-layer) == list { - @for $i from 1 through length($final-bg-layer) { - $value: nth($final-bg-layer, $i); - @if type-of($value) == color { - @return $value; - } - } - } - @return false; -} - -@function _background-add-prefix($backgrounds, $vendor: false) { - $backgrounds-prefixed: (); - - @for $i from 1 through length($backgrounds) { - $shorthand: nth($backgrounds, $i); // Get member for current index - $type: type-of($shorthand); // Get type of variable - List (gradient) or String (image) - - // If shorthand is a list (gradient) - @if $type == list { - $first-member: nth($shorthand, 1); // Get first member of shorthand - - // Linear Gradient - @if index(linear radial, nth($first-member, 1)) { - $gradient-type: nth($first-member, 1); // linear || radial - $gradient-args: false; - $gradient-positions: false; - $shorthand-start: false; - @if type-of($first-member) == list { // Linear gradient plus additional shorthand values - lg(red,orange)repeat,... - $gradient-positions: nth($first-member, 2); - $gradient-args: nth($first-member, 3); - $shorthand-start: 2; - } - @else { // Linear gradient only - lg(red,orange),... - $gradient-positions: nth($shorthand, 2); - $gradient-args: nth($shorthand, 3); // Get gradient (red, blue) - } - - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-positions); - $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - - // Append any additional shorthand args to gradient - @if $shorthand-start { - @for $j from $shorthand-start through length($shorthand) { - $gradient: join($gradient, nth($shorthand, $j), space); - } - } - $backgrounds-prefixed: append($backgrounds-prefixed, $gradient, comma); - } - // Image with additional properties - @else { - $backgrounds-prefixed: append($backgrounds-prefixed, $shorthand, comma); - } - } - // If shorthand is a simple string (color or image) - @else if $type == string { - $backgrounds-prefixed: join($backgrounds-prefixed, $shorthand, comma); - } - } - @return $backgrounds-prefixed; -} - -//Examples: - //@include background(linear-gradient(top, orange, red)); - //@include background(radial-gradient(circle at 40% 40%, orange, red)); - //@include background(url("/images/a.png") no-repeat, linear-gradient(orange, red)); - //@include background(url("image.png") center center, linear-gradient(orange, red), url("image.png")); diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss deleted file mode 100644 index e552ee442e..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss +++ /dev/null @@ -1,56 +0,0 @@ -@mixin border-image($images) { - -webkit-border-image: _border-add-prefix($images, webkit); - -moz-border-image: _border-add-prefix($images, moz); - -o-border-image: _border-add-prefix($images, o); - border-image: _border-add-prefix($images); - border-style: solid; -} - -@function _border-add-prefix($images, $vendor: false) { - $border-image: null; - $images-type: type-of(nth($images, 1)); - $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial) - - // If input is a gradient - @if $images-type == string { - @if ($first-var == "linear") or ($first-var == "radial") { - $gradient-type: nth($images, 1); // Get type of gradient (linear || radial) - $gradient-pos: nth($images, 2); // Get gradient position - $gradient-args: nth($images, 3); // Get actual gradient (red, blue) - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - } - // If input is a URL - @else { - $border-image: $images; - } - } - // If input is gradient or url + additional args - @else if $images-type == list { - $type: type-of(nth($images, 1)); // Get type of variable - List or String - - // If variable is a list - Gradient - @if $type == list { - $gradient: nth($images, 1); - $gradient-type: nth($gradient, 1); // Get type of gradient (linear || radial) - $gradient-pos: nth($gradient, 2); // Get gradient position - $gradient-args: nth($gradient, 3); // Get actual gradient (red, blue) - $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); - $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); - - @for $i from 2 through length($images) { - $border-image: append($border-image, nth($images, $i)); - } - } - } - @return $border-image; -} - -//Examples: -// @include border-image(url("image.png")); -// @include border-image(url("image.png") 20 stretch); -// @include border-image(linear-gradient(45deg, orange, yellow)); -// @include border-image(linear-gradient(45deg, orange, yellow) stretch); -// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); -// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); - diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss deleted file mode 100644 index 7c17190109..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss +++ /dev/null @@ -1,22 +0,0 @@ -//************************************************************************// -// Shorthand Border-radius mixins -//************************************************************************// -@mixin border-top-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-top-right-radius, $radii, spec); -} - -@mixin border-bottom-radius($radii) { - @include prefixer(border-bottom-left-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} - -@mixin border-left-radius($radii) { - @include prefixer(border-top-left-radius, $radii, spec); - @include prefixer(border-bottom-left-radius, $radii, spec); -} - -@mixin border-right-radius($radii) { - @include prefixer(border-top-right-radius, $radii, spec); - @include prefixer(border-bottom-right-radius, $radii, spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss deleted file mode 100644 index f07e1d412e..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin box-sizing ($box) { -// content-box | border-box | inherit - @include prefixer(box-sizing, $box, webkit moz spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_calc.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_calc.scss deleted file mode 100644 index 94d7e4cef3..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_calc.scss +++ /dev/null @@ -1,4 +0,0 @@ -@mixin calc($property, $value) { - #{$property}: -webkit-calc(#{$value}); - #{$property}: calc(#{$value}); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_columns.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_columns.scss deleted file mode 100644 index 96f601c1a8..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_columns.scss +++ /dev/null @@ -1,47 +0,0 @@ -@mixin columns($arg: auto) { -// || - @include prefixer(columns, $arg, webkit moz spec); -} - -@mixin column-count($int: auto) { -// auto || integer - @include prefixer(column-count, $int, webkit moz spec); -} - -@mixin column-gap($length: normal) { -// normal || length - @include prefixer(column-gap, $length, webkit moz spec); -} - -@mixin column-fill($arg: auto) { -// auto || length - @include prefixer(column-fill, $arg, webkit moz spec); -} - -@mixin column-rule($arg) { -// || || - @include prefixer(column-rule, $arg, webkit moz spec); -} - -@mixin column-rule-color($color) { - @include prefixer(column-rule-color, $color, webkit moz spec); -} - -@mixin column-rule-style($style: none) { -// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid - @include prefixer(column-rule-style, $style, webkit moz spec); -} - -@mixin column-rule-width ($width: none) { - @include prefixer(column-rule-width, $width, webkit moz spec); -} - -@mixin column-span($arg: none) { -// none || all - @include prefixer(column-span, $arg, webkit moz spec); -} - -@mixin column-width($length: auto) { -// auto || length - @include prefixer(column-width, $length, webkit moz spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_filter.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_filter.scss deleted file mode 100644 index 8560d77676..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_filter.scss +++ /dev/null @@ -1,5 +0,0 @@ -@mixin filter($function: none) { - // [ - @include prefixer(perspective, $depth, webkit moz spec); -} - -@mixin perspective-origin($value: 50% 50%) { - @include prefixer(perspective-origin, $value, webkit moz spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss deleted file mode 100644 index 5682fd097a..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss +++ /dev/null @@ -1,8 +0,0 @@ -@mixin placeholder { - $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; - @each $placeholder in $placeholders { - &:#{$placeholder}-placeholder { - @content; - } - } -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss deleted file mode 100644 index 7a8c3765f1..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Requires Sass 3.1+ -@mixin radial-gradient($G1, $G2, - $G3: null, $G4: null, - $G5: null, $G6: null, - $G7: null, $G8: null, - $G9: null, $G10: null, - $pos: null, - $shape-size: null, - $fallback: null) { - - $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); - $G1: nth($data, 1); - $G2: nth($data, 2); - $pos: nth($data, 3); - $shape-size: nth($data, 4); - - $full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10; - - // Strip deprecated cover/contain for spec - $shape-size-spec: _shape-size-stripper($shape-size); - - // Set $G1 as the default fallback color - $first-color: nth($full, 1); - $fallback-color: nth($first-color, 1); - - @if (type-of($fallback) == color) or ($fallback == "transparent") { - $fallback-color: $fallback; - } - - // Add Commas and spaces - $shape-size: if($shape-size, '#{$shape-size}, ', null); - $pos: if($pos, '#{$pos}, ', null); - $pos-spec: if($pos, 'at #{$pos}', null); - $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} '); - - background-color: $fallback-color; - background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full})); - background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})"); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transform.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transform.scss deleted file mode 100644 index 8cc35963d5..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transform.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin transform($property: none) { -// none | - @include prefixer(transform, $property, webkit moz ms o spec); -} - -@mixin transform-origin($axes: 50%) { -// x-axis - left | center | right | length | % -// y-axis - top | center | bottom | length | % -// z-axis - length - @include prefixer(transform-origin, $axes, webkit moz ms o spec); -} - -@mixin transform-style ($style: flat) { - @include prefixer(transform-style, $style, webkit moz ms o spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transition.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transition.scss deleted file mode 100644 index 5ad4c0aed2..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_transition.scss +++ /dev/null @@ -1,77 +0,0 @@ -// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable. -// Example: @include transition (all 2s ease-in-out); -// @include transition (opacity 1s ease-in 2s, width 2s ease-out); -// @include transition-property (transform, opacity); - -@mixin transition ($properties...) { - // Fix for vendor-prefix transform property - $needs-prefixes: false; - $webkit: (); - $moz: (); - $spec: (); - - // Create lists for vendor-prefixed transform - @each $list in $properties { - @if nth($list, 1) == "transform" { - $needs-prefixes: true; - $list1: -webkit-transform; - $list2: -moz-transform; - $list3: (); - - @each $var in $list { - $list3: join($list3, $var); - - @if $var != "transform" { - $list1: join($list1, $var); - $list2: join($list2, $var); - } - } - - $webkit: append($webkit, $list1); - $moz: append($moz, $list2); - $spec: append($spec, $list3); - } - - // Create lists for non-prefixed transition properties - @else { - $webkit: append($webkit, $list, comma); - $moz: append($moz, $list, comma); - $spec: append($spec, $list, comma); - } - } - - @if $needs-prefixes { - -webkit-transition: $webkit; - -moz-transition: $moz; - transition: $spec; - } - @else { - @if length($properties) >= 1 { - @include prefixer(transition, $properties, webkit moz spec); - } - - @else { - $properties: all 0.15s ease-out 0s; - @include prefixer(transition, $properties, webkit moz spec); - } - } -} - -@mixin transition-property ($properties...) { - -webkit-transition-property: transition-property-names($properties, 'webkit'); - -moz-transition-property: transition-property-names($properties, 'moz'); - transition-property: transition-property-names($properties, false); -} - -@mixin transition-duration ($times...) { - @include prefixer(transition-duration, $times, webkit moz spec); -} - -@mixin transition-timing-function ($motions...) { -// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() - @include prefixer(transition-timing-function, $motions, webkit moz spec); -} - -@mixin transition-delay ($times...) { - @include prefixer(transition-delay, $times, webkit moz spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss b/WebContent/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss deleted file mode 100644 index 1380aa8baa..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss +++ /dev/null @@ -1,3 +0,0 @@ -@mixin user-select($arg: none) { - @include prefixer(user-select, $arg, webkit moz ms spec); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss deleted file mode 100644 index 8c6df4e256..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Programatically determines whether a color is light or dark -// Returns a boolean -// More details here http://robots.thoughtbot.com/closer-look-color-lightness - -@function is-light($hex-color) { - $-local-red: red(rgba($hex-color, 1.0)); - $-local-green: green(rgba($hex-color, 1.0)); - $-local-blue: blue(rgba($hex-color, 1.0)); - - $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255; - - @return $-local-lightness > .6; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss deleted file mode 100644 index 3bbd866573..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Flexible grid -@function flex-grid($columns, $container-columns: $fg-max-columns) { - $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($width / $container-width); -} - -// Flexible gutter -@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { - $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; - @return percentage($gutter / $container-width); -} - -// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function. -// This function takes the fluid grid equation (target / context = result) and uses columns to help define each. -// -// The calculation presumes that your column structure will be missing the last gutter: -// -// -- column -- gutter -- column -- gutter -- column -// -// $fg-column: 60px; // Column Width -// $fg-gutter: 25px; // Gutter Width -// $fg-max-columns: 12; // Total Columns For Main Container -// -// div { -// width: flex-grid(4); // returns (315px / 995px) = 31.65829%; -// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%; -// -// p { -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// float: left; -// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%; -// } -// -// blockquote { -// float: left; -// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; -// } -// } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss deleted file mode 100644 index 463d14a00c..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss +++ /dev/null @@ -1,3 +0,0 @@ -@function golden-ratio($value, $increment) { - @return modular-scale($value, $increment, $golden) -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss deleted file mode 100644 index 8e63d83d60..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function grid-width($n) { - @return $n * $gw-column + ($n - 1) * $gw-gutter; -} - -// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. -// -// $gw-column: 100px; // Column Width -// $gw-gutter: 40px; // Gutter Width -// -// div { -// width: grid-width(4); // returns 520px; -// margin-left: $gw-gutter; // returns 40px; -// } diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss deleted file mode 100644 index c8454d83f0..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function linear-gradient($pos, $gradients...) { - $type: linear; - $pos-type: type-of(nth($pos, 1)); - - // if $pos doesn't exist, fix $gradient - @if ($pos-type == color) or (nth($pos, 1) == "transparent") { - $gradients: zip($pos $gradients); - $pos: false; - } - - $type-gradient: $type, $pos, $gradients; - @return $type-gradient; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss deleted file mode 100644 index afc59eb954..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss +++ /dev/null @@ -1,66 +0,0 @@ -// Scaling Variables -$golden: 1.618; -$minor-second: 1.067; -$major-second: 1.125; -$minor-third: 1.2; -$major-third: 1.25; -$perfect-fourth: 1.333; -$augmented-fourth: 1.414; -$perfect-fifth: 1.5; -$minor-sixth: 1.6; -$major-sixth: 1.667; -$minor-seventh: 1.778; -$major-seventh: 1.875; -$octave: 2; -$major-tenth: 2.5; -$major-eleventh: 2.667; -$major-twelfth: 3; -$double-octave: 4; - -@function modular-scale($value, $increment, $ratio) { - $v1: nth($value, 1); - $v2: nth($value, length($value)); - $value: $v1; - - // scale $v2 to just above $v1 - @while $v2 > $v1 { - $v2: ($v2 / $ratio); // will be off-by-1 - } - @while $v2 < $v1 { - $v2: ($v2 * $ratio); // will fix off-by-1 - } - - // check AFTER scaling $v2 to prevent double-counting corner-case - $double-stranded: $v2 > $v1; - - @if $increment > 0 { - @for $i from 1 through $increment { - @if $double-stranded and ($v1 * $ratio) > $v2 { - $value: $v2; - $v2: ($v2 * $ratio); - } @else { - $v1: ($v1 * $ratio); - $value: $v1; - } - } - } - - @if $increment < 0 { - // adjust $v2 to just below $v1 - @if $double-stranded { - $v2: ($v2 / $ratio); - } - - @for $i from $increment through -1 { - @if $double-stranded and ($v1 / $ratio) < $v2 { - $value: $v2; - $v2: ($v2 / $ratio); - } @else { - $v1: ($v1 / $ratio); - $value: $v1; - } - } - } - - @return $value; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss deleted file mode 100644 index 4832245e45..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Convert pixels to ems -// eg. for a relational value of 12px write em(12) when the parent is 16px -// if the parent is another value say 24px write em(12, 24) - -@function em($pxval, $base: $em-base) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1em; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss deleted file mode 100644 index 96b244e4cb..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss +++ /dev/null @@ -1,15 +0,0 @@ -// Convert pixels to rems -// eg. for a relational value of 12px write rem(12) -// Assumes $em-base is the font-size of - -@function rem($pxval) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - - $base: $em-base; - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1rem; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss deleted file mode 100644 index 4466a9c9af..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss +++ /dev/null @@ -1,23 +0,0 @@ -// This function is required and used by the background-image mixin. -@function radial-gradient($G1, $G2, - $G3: null, $G4: null, - $G5: null, $G6: null, - $G7: null, $G8: null, - $G9: null, $G10: null, - $pos: null, - $shape-size: null) { - - $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); - $G1: nth($data, 1); - $G2: nth($data, 2); - $pos: nth($data, 3); - $shape-size: nth($data, 4); - - $type: radial; - $gradient: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10; - - $type-gradient: $type, $shape-size $pos, $gradient; - @return $type-gradient; -} - - diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss deleted file mode 100644 index 6afc6e601c..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss +++ /dev/null @@ -1,5 +0,0 @@ -// Srtips the units from a value. e.g. 12px -> 12 - -@function strip-units($val) { - @return ($val / ($val * 0 + 1)); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss deleted file mode 100644 index f7172004ac..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Add percentage of white to a color -@function tint($color, $percent){ - @return mix(white, $color, $percent); -} - -// Add percentage of black to a color -@function shade($color, $percent){ - @return mix(black, $color, $percent); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss deleted file mode 100644 index 49e621d63d..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss +++ /dev/null @@ -1,22 +0,0 @@ -// Return vendor-prefixed property names if appropriate -// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background -//************************************************************************// -@function transition-property-names($props, $vendor: false) { - $new-props: (); - - @each $prop in $props { - $new-props: append($new-props, transition-property-name($prop, $vendor), comma); - } - - @return $new-props; -} - -@function transition-property-name($prop, $vendor: false) { - // put other properties that need to be prefixed here aswell - @if $vendor and $prop == transform { - @return unquote('-' + $vendor + '-' + $prop); - } - @else { - @return $prop; - } -} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss b/WebContent/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss deleted file mode 100644 index 377596365c..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Convert shorthand to the 4-value syntax - -@function unpack($shorthand) { - @if length($shorthand) == 1 { - @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1); - } - @else if length($shorthand) == 2 { - @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2); - } - @else if length($shorthand) == 3 { - @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2); - } - @else { - @return $shorthand; - } -} - diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss deleted file mode 100644 index 07d30b6cf9..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss +++ /dev/null @@ -1,13 +0,0 @@ -@function _gradient-positions-parser($gradient-type, $gradient-positions) { - @if $gradient-positions - and ($gradient-type == linear) - and (type-of($gradient-positions) != color) { - $gradient-positions: _linear-positions-parser($gradient-positions); - } - @else if $gradient-positions - and ($gradient-type == radial) - and (type-of($gradient-positions) != color) { - $gradient-positions: _radial-positions-parser($gradient-positions); - } - @return $gradient-positions; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss deleted file mode 100644 index d26383edce..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss +++ /dev/null @@ -1,61 +0,0 @@ -@function _linear-positions-parser($pos) { - $type: type-of(nth($pos, 1)); - $spec: null; - $degree: null; - $side: null; - $corner: null; - $length: length($pos); - // Parse Side and corner positions - @if ($length > 1) { - @if nth($pos, 1) == "to" { // Newer syntax - $side: nth($pos, 2); - - @if $length == 2 { // eg. to top - // Swap for backwards compatability - $degree: _position-flipper(nth($pos, 2)); - } - @else if $length == 3 { // eg. to top left - $corner: nth($pos, 3); - } - } - @else if $length == 2 { // Older syntax ("top left") - $side: _position-flipper(nth($pos, 1)); - $corner: _position-flipper(nth($pos, 2)); - } - - @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") { - $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); - } - $spec: to $side $corner; - } - @else if $length == 1 { - // Swap for backwards compatability - @if $type == string { - $degree: $pos; - $spec: to _position-flipper($pos); - } - @else { - $degree: -270 - $pos; //rotate the gradient opposite from spec - $spec: $pos; - } - } - $degree: unquote($degree + ","); - $spec: unquote($spec + ","); - @return $degree $spec; -} - -@function _position-flipper($pos) { - @return if($pos == left, right, null) - if($pos == right, left, null) - if($pos == top, bottom, null) - if($pos == bottom, top, null); -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss deleted file mode 100644 index a3a3704af5..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss +++ /dev/null @@ -1,69 +0,0 @@ -@function _radial-arg-parser($G1, $G2, $pos, $shape-size) { - @each $value in $G1, $G2 { - $first-val: nth($value, 1); - $pos-type: type-of($first-val); - $spec-at-index: null; - - // Determine if spec was passed to mixin - @if type-of($value) == list { - $spec-at-index: if(index($value, at), index($value, at), false); - } - @if $spec-at-index { - @if $spec-at-index > 1 { - @for $i from 1 through ($spec-at-index - 1) { - $shape-size: $shape-size nth($value, $i); - } - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - @else if $spec-at-index == 1 { - @for $i from ($spec-at-index + 1) through length($value) { - $pos: $pos nth($value, $i); - } - } - $G1: null; - } - - // If not spec calculate correct values - @else { - @if ($pos-type != color) or ($first-val != "transparent") { - @if ($pos-type == number) - or ($first-val == "center") - or ($first-val == "top") - or ($first-val == "right") - or ($first-val == "bottom") - or ($first-val == "left") { - - $pos: $value; - - @if $pos == $G1 { - $G1: null; - } - } - - @else if - ($first-val == "ellipse") - or ($first-val == "circle") - or ($first-val == "closest-side") - or ($first-val == "closest-corner") - or ($first-val == "farthest-side") - or ($first-val == "farthest-corner") - or ($first-val == "contain") - or ($first-val == "cover") { - - $shape-size: $value; - - @if $value == $G1 { - $G1: null; - } - - @else if $value == $G2 { - $G2: null; - } - } - } - } - } - @return $G1, $G2, $pos, $shape-size; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss deleted file mode 100644 index 6a5b477778..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss +++ /dev/null @@ -1,18 +0,0 @@ -@function _radial-positions-parser($gradient-pos) { - $shape-size: nth($gradient-pos, 1); - $pos: nth($gradient-pos, 2); - $shape-size-spec: _shape-size-stripper($shape-size); - - $pre-spec: unquote(if($pos, "#{$pos}, ", null)) - unquote(if($shape-size, "#{$shape-size},", null)); - $pos-spec: if($pos, "at #{$pos}", null); - - $spec: "#{$shape-size-spec} #{$pos-spec}"; - - // Add comma - @if ($spec != ' ') { - $spec: "#{$spec}," - } - - @return $pre-spec $spec; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss deleted file mode 100644 index c145110a17..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss +++ /dev/null @@ -1,26 +0,0 @@ -// User for linear and radial gradients within background-image or border-image properties - -@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) { - $pre-spec: null; - $spec: null; - $vendor-gradients: null; - @if $gradient-type == linear { - @if $gradient-positions { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - } - @else if $gradient-type == radial { - $pre-spec: nth($gradient-positions, 1); - $spec: nth($gradient-positions, 2); - } - - @if $vendor { - $vendor-gradients: "-#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} #{$gradients})"; - } - @else if $vendor == false { - $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})"; - } - $vendor-gradients: unquote($vendor-gradients); - @return $vendor-gradients; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss b/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss deleted file mode 100644 index ee5eda4220..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss +++ /dev/null @@ -1,10 +0,0 @@ -@function _shape-size-stripper($shape-size) { - $shape-size-spec: null; - @each $value in $shape-size { - @if ($value == "cover") or ($value == "contain") { - $value: null; - } - $shape-size-spec: "#{$shape-size-spec} #{$value}"; - } - @return $shape-size-spec; -} diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss b/WebContent/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss deleted file mode 100644 index d481a6afb1..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss +++ /dev/null @@ -1 +0,0 @@ -$asset-pipeline: false !default; diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss b/WebContent/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss deleted file mode 100644 index ecab49fb54..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Variable settings for /addons/prefixer.scss -$prefix-for-webkit: true !default; -$prefix-for-mozilla: true !default; -$prefix-for-microsoft: true !default; -$prefix-for-opera: true !default; -$prefix-for-spec: true !default; // required for keyframe mixin diff --git a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss b/WebContent/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss deleted file mode 100644 index f2f9a3e8de..0000000000 --- a/WebContent/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss +++ /dev/null @@ -1 +0,0 @@ -$em-base: 16px !default; diff --git a/WebContent/VAADIN/themes/valo/util/readme.txt b/WebContent/VAADIN/themes/valo/util/readme.txt deleted file mode 100644 index 6da898220f..0000000000 --- a/WebContent/VAADIN/themes/valo/util/readme.txt +++ /dev/null @@ -1,8 +0,0 @@ -The Bourbon library has been modified to work around the limitations of the Sass Compiler. -The following changes should be taken into account if Bourbon is upgraded to a newer -version: - -file _transition-property-name.scss, function transition-property-name: added space around -the operation '+'. This changed one line from -@return unquote('-'+$vendor+'-'+$prop); -to @return unquote('-' + $vendor + '-' + $prop); \ No newline at end of file diff --git a/buildhelpers/pom.xml b/buildhelpers/pom.xml index 3eefb66d1b..3fe7c0ab09 100644 --- a/buildhelpers/pom.xml +++ b/buildhelpers/pom.xml @@ -144,7 +144,7 @@ - release-build + release false diff --git a/client-compiled/pom.xml b/client-compiled/pom.xml index da664fb938..bcb3e57a00 100644 --- a/client-compiled/pom.xml +++ b/client-compiled/pom.xml @@ -169,9 +169,6 @@ true - - VAADIN/widgetsets/WEB-INF - diff --git a/ivysettings.xml b/ivysettings.xml index 860d39fa75..3eade2f777 100644 --- a/ivysettings.xml +++ b/ivysettings.xml @@ -50,7 +50,7 @@ + resolver="local-maven" /> + rev="${vaadin.version}" conf="deps -> default" transitive="false"/> 0.9.13 2.7.0.vaadin3 + 7.6.4 2.0 3.0.1 @@ -59,6 +60,7 @@ client client-compiler client-compiled + themes @@ -144,4 +146,16 @@ + + + release + + false + + + ${project.version} + + + + diff --git a/server/src/test/resources/com/vaadin/tests/styles.scss b/server/src/test/resources/com/vaadin/tests/styles.scss index d574243969..a96d5b93a0 100644 --- a/server/src/test/resources/com/vaadin/tests/styles.scss +++ b/server/src/test/resources/com/vaadin/tests/styles.scss @@ -1,4 +1,4 @@ -@import "../../../../../../WebContent/VAADIN/themes/valo/valo"; +@import "../../../../../../themes/src/main/resources/VAADIN/themes/valo/valo"; .my-label { @include transition-property (transform); diff --git a/themes/build.xml b/themes/build.xml deleted file mode 100644 index 0bb167855f..0000000000 --- a/themes/build.xml +++ /dev/null @@ -1,131 +0,0 @@ - - - - - Themes compiled to CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Compiling ${theme} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - No java files in module - - - - WHAT? No tests for ${module.name}! - - - diff --git a/themes/pom.xml b/themes/pom.xml new file mode 100644 index 0000000000..0b11b4ac1b --- /dev/null +++ b/themes/pom.xml @@ -0,0 +1,220 @@ + + + 4.0.0 + + com.vaadin + vaadin-root + 7.7.0-SNAPSHOT + + com.vaadin + vaadin-themes + vaadin-themes + jar + + + Vaadin Ltd + + https://vaadin.com/ + Vaadin themes + + + + + ${project.groupId} + vaadin-server + ${project.version} + provided + + + ${project.groupId} + vaadin-buildhelpers + ${project.version} + provided + + + + com.vaadin + vaadin-sass-compiler + ${vaadin.sass.version} + provided + + + + + net.sourceforge.cssparser + cssparser + 0.9.11 + provided + + + + com.carrotsearch + smartsprites + 0.2.10 + provided + + + + + + + src/main/resources + false + + **/base.scss + + + + src/main/resources + true + + **/base.scss + + + + + + + com.vaadin + vaadin-maven-plugin + ${vaadin.plugin.version} + + true + ${project.build.outputDirectory} + + + + process-resources + + compile-theme + + + + + + + org.codehaus.mojo + exec-maven-plugin + 1.4.0 + + + smart-sprite-reindeer + process-resources + + exec + + + compile + ${java.home}/bin/java + + -classpath + + + org.carrot2.labs.smartsprites.SmartSprites + + --sprite-png-depth + AUTO + + --css-file-encoding + UTF-8 + + --root-dir-path + ${project.build.outputDirectory}/VAADIN/themes/reindeer + + --log-level + WARN + + + + + generate-export-package + package + + exec + + + compile + ${java.home}/bin/java + + -Dvaadin.version=${project.version} + -DincludeNumberPackages=0 + + -classpath + + + com.vaadin.buildhelpers.GeneratePackageExports + + ${project.build.directory}/${project.build.finalName}.${project.packaging} + VAADIN/themes + + + + + + + + maven-antrun-plugin + + + repackage-reindeer + process-classes + + run + + + + + + + + + + + + + + + + org.apache.felix + maven-bundle-plugin + true + + + JavaSE-1.6 + + + + + + + + bundle-manifest + prepare-package + + manifest + + + + + + + org.apache.maven.plugins + maven-jar-plugin + 2.6 + + + ${project.build.outputDirectory}/META-INF/MANIFEST.MF + false + + true + + + + + + + + diff --git a/themes/src/main/resources/VAADIN/themes/base/absolutelayout/absolutelayout.scss b/themes/src/main/resources/VAADIN/themes/base/absolutelayout/absolutelayout.scss new file mode 100644 index 0000000000..4f007de9af --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/absolutelayout/absolutelayout.scss @@ -0,0 +1,19 @@ +@mixin base-absolutelayout($primaryStyleName : v-absolutelayout) { + +.#{$primaryStyleName}-wrapper { + position: absolute; + overflow: hidden; +} +.#{$primaryStyleName}-margin, .#{$primaryStyleName}-canvas { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.#{$primaryStyleName}.v-has-height > div, .#{$primaryStyleName}.v-has-height > div > div { + height: 100%; +} +.#{$primaryStyleName}.v-has-width > div, .#{$primaryStyleName}.v-has-width > div > div { + width: 100%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/accordion/accordion.scss b/themes/src/main/resources/VAADIN/themes/base/accordion/accordion.scss new file mode 100644 index 0000000000..a8def37d3b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/accordion/accordion.scss @@ -0,0 +1,33 @@ +@mixin base-accordion { + +.v-accordion { + position: relative; + outline: none; + overflow: visible; + text-align: left; /* Force default alignment */ + font-size: 0; +} +.v-accordion-item { + position: relative; + display: inline-block; + width: 100%; +} +.v-accordion-item-caption { + overflow: visible; + white-space: nowrap; + background: #eee; + border-bottom: 1px solid #ddd; +} +.v-accordion-item-caption .v-caption { + cursor: pointer; + font-size: $font-size; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + cursor: default; +} +.v-accordion-item-content { + position: absolute; + width: 100%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/base.scss b/themes/src/main/resources/VAADIN/themes/base/base.scss new file mode 100644 index 0000000000..e776e007fd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/base.scss @@ -0,0 +1,134 @@ +$font-size: 16px !default; +$line-height: normal !default; + +// Provide these so that we can use them in base mixins +// and so that we can use base mixins in Valo +$v-font-size: $font-size !default; +$v-line-height: $line-height !default; + +@import "common/mixins.scss"; +@import "absolutelayout/absolutelayout.scss"; +@import "accordion/accordion.scss"; +@import "button/button.scss"; +@import "button/nativebutton.scss"; +@import "button/checkbox.scss"; +@import "layout/layout.scss"; +@import "calendar/calendar.scss"; +@import "caption/caption.scss"; +@import "colorpicker/colorpicker.scss"; +@import "common/common.scss"; +@import "common/reconnect-dialog.scss"; +@import "csslayout/csslayout.scss"; +@import "customcomponent/customcomponent.scss"; +@import "customlayout/customlayout.scss"; +@import "datefield/datefield.scss"; +@import "inlinedatefield/inlinedatefield.scss"; +@import "dragwrapper/dragwrapper.scss"; +@import "embedded/embedded.scss"; +@import "escalator/escalator.scss"; +@import "fonts/fonts.scss"; +@import "formlayout/formlayout.scss"; +@import "grid/grid.scss"; +@import "gridlayout/gridlayout.scss"; +@import "label/label.scss"; +@import "link/link.scss"; +@import "loginform/loginform.scss"; +@import "menubar/menubar.scss"; +@import "notification/notification.scss"; +@import "orderedlayout/orderedlayout.scss"; +@import "panel/panel.scss"; +@import "popupview/popupview.scss"; +@import "progressindicator/progressindicator.scss"; +@import "select/select.scss"; +@import "shadow/shadow.scss"; +@import "slider/slider.scss"; +@import "splitpanel/splitpanel.scss"; +@import "table/table.scss"; +@import "tabsheet/tabsheet.scss"; +@import "textfield/textfield.scss"; +@import "tree/tree.scss"; +@import "treetable/treetable.scss"; +@import "upload/upload.scss"; +@import "widget/widget.scss"; +@import "window/window.scss"; +@import "browserframe/browserframe.scss"; + +.v-vaadin-version:after { + content: "${project.version}"; +} + +/* References the BODY tag generated by Vaadin application servlet */ +.v-generated-body { + width: 100%; + height: 100%; + border: 0; + margin: 0; + overflow: hidden; +} + +.v-modal-window-open { + overflow: hidden; +} + +@mixin base { + // @include base-app; + + // everything included from base theme + // other themes should enclose corresponding definitions in theme selectors + + @include base-widget; + + @include base-absolutelayout; + @include base-accordion; + @include base-browserframe; + @include base-button; + @include base-nativebutton; + @include base-checkbox; + @include base-caption; + @include base-colorpicker; + @include base-calendar; + + // here for now to preserve old semantics + @include base-common; + @include base-reconnect-dialog; + + @include base-layout; + @include base-csslayout; + @include base-customcomponent; + @include base-customlayout; + @include base-datefield; + @include base-inline-datefield; + @include base-dragwrapper; + @include base-embedded; + @include base-escalator; + @include base-formlayout; + @include base-grid; + @include base-gridlayout; + @include base-label; + @include base-link; + @include base-loginform; + @include base-menubar; + @include base-notification; + @include base-orderedlayout; + @include base-panel; + @include base-popupview; + @include base-progressindicator(v-progressbar); + /* For legacy ProgressIndicator component */ + @include base-progressindicator(v-progressindicator); + + @include base-select; + @include base-shadow; + @include base-slider; + @include base-splitpanel; + @include base-table; + @include base-tabsheet; + @include base-textfield; + @include base-richtextarea; + @include base-tree; + @include base-treetable; + @include base-upload; + @include base-window; +} + +// always include, don't wrap in .themename{} +@include fonts; diff --git a/themes/src/main/resources/VAADIN/themes/base/browserframe/browserframe.scss b/themes/src/main/resources/VAADIN/themes/base/browserframe/browserframe.scss new file mode 100644 index 0000000000..fce9c11513 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/browserframe/browserframe.scss @@ -0,0 +1,18 @@ +@mixin base-browserframe { + + /* Removes duplicate scrollbars in some cases */ + .v-browserframe { + font-size: 0; + } + + /* fix for #14813 - unable to scroll on iOS devices */ + .v-webkit.v-ios & .v-browserframe { + -webkit-overflow-scrolling: touch; + overflow:auto; + } + + /* Some times a browser frame can contain a span with altenate text */ + .v-browserframe > span { + font-size: $font-size; + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/button/button.scss b/themes/src/main/resources/VAADIN/themes/base/button/button.scss new file mode 100644 index 0000000000..694e49a359 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/button/button.scss @@ -0,0 +1,82 @@ +@mixin base-button($primaryStyleName : v-button) { + +/* + * Default button (more customizable) + * -------------------------------------- */ +.#{$primaryStyleName} { + display: inline-block; + zoom: 1; + text-align: center !important; + text-decoration: none; + border: 2px outset #ddd; + background: #eee; + cursor: pointer; + white-space: nowrap; + margin: 0; + padding: .2em 1em; + color: inherit; + font: inherit; + font-size: $font-size; + line-height: normal; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.#{$primaryStyleName}.v-disabled { + cursor: default; +} + +.#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-caption { + vertical-align: baseline; + white-space: nowrap; + font: inherit; + color: inherit; + line-height: normal; + } + +.#{$primaryStyleName} .v-icon { + vertical-align: middle; + margin-right: 3px; + border: none; + } + +.#{$primaryStyleName} .v-errorindicator { + display: inline-block; + zoom: 1; + vertical-align: middle; + float: none; +} + +/* Link style (we really should deprecate this) */ +.#{$primaryStyleName}-link { + border: none; + text-align: left !important; + background: transparent; + padding: 0; + color: inherit; + -khtml-user-select: text; + -moz-user-select: text; + -ie-user-select: text; + user-select: text; +} + +/* Inset Safari focus outline a bit */ +.v-sa & .#{$primaryStyleName}-link:focus{ + outline-offset: -3px; + } + +.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { + text-decoration: underline; + color: inherit; + text-align: left; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/button/checkbox.scss b/themes/src/main/resources/VAADIN/themes/base/button/checkbox.scss new file mode 100644 index 0000000000..e46d236035 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/button/checkbox.scss @@ -0,0 +1,33 @@ +@mixin base-checkbox($primaryStyleName : v-checkbox) { + +.#{$primaryStyleName}, +.#{$primaryStyleName} label, +.#{$primaryStyleName} input, +.#{$primaryStyleName} .v-icon { + vertical-align: middle; + white-space: nowrap; +} + +.#{$primaryStyleName} .v-icon { + margin: 0 2px; +} +.#{$primaryStyleName} .v-errorindicator { + float: none; + display: inline; + display: inline-block; + zoom: 1; +} + + +/* Disabled by default +.#{$primaryStyleName}-error { + background: #ffe0e0; +} +*/ +/* Disabled by default +.#{$primaryStyleName}-required { + background: #ffe0e0; +} +*/ + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/button/nativebutton.scss b/themes/src/main/resources/VAADIN/themes/base/button/nativebutton.scss new file mode 100644 index 0000000000..f85bd507ab --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/button/nativebutton.scss @@ -0,0 +1,73 @@ +@mixin base-nativebutton($primaryStyleName : v-nativebutton) { + + +.#{$primaryStyleName} .v-icon { + vertical-align: middle; + margin-right: 3px; + border: none; + } + +.#{$primaryStyleName} .v-errorindicator { + display: inline-block; + zoom: 1; + vertical-align: middle; + float: none; +} + +/* Link style (we really should deprecate this) */ +.#{$primaryStyleName}-link { + border: none; + text-align: left !important; + background: transparent; + padding: 0; + color: inherit; + -khtml-user-select: text; + -moz-user-select: text; + -ie-user-select: text; + user-select: text; +} + +.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { + text-decoration: underline; + color: inherit; + text-align: left; + } + +.#{$primaryStyleName} { + text-align: center !important; + cursor: pointer; + white-space: nowrap; + margin: 0; + color: inherit; + font: inherit; + line-height: normal; + } +.#{$primaryStyleName} .#{$primaryStyleName}-caption { + vertical-align: middle; + white-space: nowrap; + font: inherit; + color: inherit; + } + +.#{$primaryStyleName} .v-icon { + vertical-align: middle; + margin-right: 3px; + } + +.#{$primaryStyleName} .v-errorindicator { + display: inline-block; + zoom: 1; + float: none; +} +/* Fixes stretched buttons in IE7*/ +.v-ie & .#{$primaryStyleName} { + overflow: visible; + padding-left: 1em; + padding-right: 1em; +} + +.v-ie & .#{$primaryStyleName}-link { + padding: 0; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/calendar/calendar.scss b/themes/src/main/resources/VAADIN/themes/base/calendar/calendar.scss new file mode 100644 index 0000000000..8ff97df0f9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/calendar/calendar.scss @@ -0,0 +1,378 @@ +@mixin base-calendar($primaryStyleName : v-calendar) { + +/* Global resize style */ +.#{$primaryStyleName}-nresize DIV DIV { + cursor: n-resize !important; +} + +.#{$primaryStyleName}-sresize DIV DIV { + cursor: s-resize !important; +} + +/* Header bar */ +.#{$primaryStyleName} { + background-color: #fff; +} + +.#{$primaryStyleName}-header-month,.#{$primaryStyleName}-header-week { + border-bottom: 1px solid #c1c1c1; +} + +.#{$primaryStyleName}-header-day { + text-align: center; + color: #666; + font-size: 12px; + line-height: normal; +} + +.#{$primaryStyleName}-header-week .#{$primaryStyleName}-header-day:hover { + cursor: pointer; + color: #222 +} + +.#{$primaryStyleName}-header-day-today { + font-weight: bold; + color: #444; +} + +.#{$primaryStyleName}-header-month td:first-child { + padding-left: 19px; + /* Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - .#{$primaryStyleName}-week-numbers border */ +} + +.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next + { + border: none; + padding: 0; + margin: 0; + height: 12px; + width: 12px; + overflow: hidden; + background: transparent url(img/arrows.png) no-repeat 50% 0; + opacity: .3; + filter: alpha(opacity = 30); + cursor: default; +} + +.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:hover,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:hover + { + opacity: .6; + filter: alpha(opacity = 60); +} + +.#{$primaryStyleName}-header-week .#{$primaryStyleName}-back:active,.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next:active + { + opacity: 1; + filter: alpha(opacity = 100); +} + +.#{$primaryStyleName}-header-week .#{$primaryStyleName}-next { + background-position: 50% -12px; +} + +/* Month grid */ +.#{$primaryStyleName}-month { + outline: none; +} + +.#{$primaryStyleName}-week-numbers { + width: 20px; + border-right: 1px solid #ccc; +} + +.#{$primaryStyleName}-week-number { + border: none; + background: transparent; + padding: 0; + margin: 0; + cursor: pointer; + opacity: .5; + width: 20px; + text-align: center; + border-bottom: 1px solid #ddd; +} + +.#{$primaryStyleName}-week-number:hover { + opacity: 1; +} + +.#{$primaryStyleName}-month-day { + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + outline: none; +} + +.#{$primaryStyleName}-month-day-today { + background-color: #e7f0f5; +} + +.#{$primaryStyleName}-month-day-selected { + background-color: #fffee7; +} + +.#{$primaryStyleName}-month-day-dragemphasis { + background-color: #a8a8a8; +} + +.#{$primaryStyleName}-month-day-scrollable { + overflow-y: scroll; +} + +.#{$primaryStyleName}-day-number { + height: 18px; + line-height: 18px; + font-size: 12px; + text-align: right; + padding-right: 3px; + white-space: nowrap; +} + +.#{$primaryStyleName}-day-number:hover { + cursor: pointer; + opacity: .6; + filter: alpha(opacity = 60); +} + +.#{$primaryStyleName}-month .#{$primaryStyleName}-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer,.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer-empty + { + /* Bottom spacer is used in GWT to measure the event height (offsetHeight) */ + height: 15px; + font-size: 11px; +} + +.#{$primaryStyleName}-month .#{$primaryStyleName}-bottom-spacer:hover { + cursor: pointer; + opacity: .6; + filter: alpha(opacity = 60); +} + +.#{$primaryStyleName}-event { + line-height: 14px; + font-size: 11px; + padding: 0 0 0 4px; + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; + + outline: none; +} + +.#{$primaryStyleName}-event-month { + margin-bottom: 1px; + white-space: nowrap; +} + +.#{$primaryStyleName}-event-month:hover { + text-decoration: underline; +} + +.#{$primaryStyleName}-event-all-day { + background: #999; + display: block; + margin-left: -2px; +} + +div.#{$primaryStyleName}-event-all-day { + color: #fff; + height: 14px; +} + +.#{$primaryStyleName}-event-continued-from { + margin-left: 0; +} + +.#{$primaryStyleName}-event-start { + -webkit-border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-bottomleft: 6px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + margin-left: 0; +} + +.#{$primaryStyleName}-event-end { + -webkit-border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +/* Week/day view */ +.#{$primaryStyleName}-week-wrapper { + position: relative; +} + +/*.v-ie7 .#{$primaryStyleName}-week-wrapper TABLE{ + table-layout: fixed; +}*/ +.#{$primaryStyleName}-times { + width: 51px; +} + +.#{$primaryStyleName}-time { + padding: 0 8px 7px 0; + margin-top: -7px; + text-align: right; + font-size: 11px; + color: #666; + border-right: 1px solid #ccc; +} + +.#{$primaryStyleName}-weekly-longevents { + border-left: 1px solid #ccc; + border-bottom: 2px solid #bbb; + margin-left: 50px; +} + +.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-datecell { + border-right: 1px solid #ccc; + padding: 1px 0 0; +} + +.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event { + height: 14px; + margin-bottom: 1px; +} + +.#{$primaryStyleName}-weekly-longevents .#{$primaryStyleName}-event:hover { + text-decoration: underline; +} + +.#{$primaryStyleName}-day-times { + border-right: 1px solid #ccc; + outline: none; +} + +.#{$primaryStyleName}-day-times .v-datecellslot,.#{$primaryStyleName}-day-times .v-datecellslot-even { + border-bottom: 1px solid #ccc; +} + +.#{$primaryStyleName}-day-times .v-datecellslot-even { + border-bottom-color: #eee; +} + +.#{$primaryStyleName}-day-times .v-daterange { + background-color: #a8a8a8; +} + +.#{$primaryStyleName}-day-times .v-reserved { + background-color: #FF3333; +} + +.#{$primaryStyleName}-day-times .dragemphasis { + background-color: #a8a8a8; +} + +.#{$primaryStyleName}-week-wrapper .#{$primaryStyleName}-event { + padding: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin-top: -1px; +} + +.#{$primaryStyleName}-event-caption { + position: absolute; + z-index: 1; + top: 2px; + left: 4px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: normal; +} + +.#{$primaryStyleName}-event-content { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #777; + background: #eee; + opacity: .8; + filter: alpha(opacity = 80); + height: 14px; /* "min-height" */ +} + +.#{$primaryStyleName}-current-time { + position: absolute; + left: 0; + width: 100%; + height: 1px; + overflow: hidden; + background: #5a6c86; + opacity: .6; + filter: alpha(opacity = 60); + z-index: 2; +} + +.#{$primaryStyleName}-event-resizetop { + position: absolute; + cursor: n-resize; + height: 5%; + min-height: 3px; + top: 0; + width: 100%; + z-index: 1; +} + +.#{$primaryStyleName}-event-resizebottom { + position: absolute; + cursor: s-resize; + height: 5%; + min-height: 3px; + bottom: 0; + width: 100%; + z-index: 1; +} + +.#{$primaryStyleName}-month-sizedheight .#{$primaryStyleName}-month-day { + height: 100px; +} + +.#{$primaryStyleName}-month-sizedwidth .#{$primaryStyleName}-month-day { + width: 100px; +} + +.#{$primaryStyleName}-header-month-Hsized .#{$primaryStyleName}-header-day { + width: 101px; +} + +/* for others */ +.#{$primaryStyleName}-header-month-Hsized td:first-child { + padding-left: 21px; +} + +.#{$primaryStyleName}-header-day-Hsized { + width: 200px; +} + +.#{$primaryStyleName}-week-numbers-Vsized .#{$primaryStyleName}-week-number { + height: 100px; + line-height: 100px; +} + +.#{$primaryStyleName}-week-wrapper-Vsized { + height: 400px; + overflow-x: hidden !important; +} + +.#{$primaryStyleName}-times-Vsized .#{$primaryStyleName}-time { + height: 38px; +} + +.#{$primaryStyleName}-times-Hsized .#{$primaryStyleName}-time { + width: 42px; +} + +.#{$primaryStyleName}-day-times-Vsized .v-datecellslot,.#{$primaryStyleName}-day-times-Vsized .v-datecellslot-even { + height: 18px; +} + +.#{$primaryStyleName}-day-times-Hsized, .#{$primaryStyleName}-day-times-Hsized .v-datecellslot,.#{$primaryStyleName}-day-times-Hsized .v-datecellslot-even { + width: 200px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/calendar/img/arrows.png b/themes/src/main/resources/VAADIN/themes/base/calendar/img/arrows.png new file mode 100644 index 0000000000..9905c0b065 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/calendar/img/arrows.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/caption/caption.scss b/themes/src/main/resources/VAADIN/themes/base/caption/caption.scss new file mode 100644 index 0000000000..ec87f71999 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/caption/caption.scss @@ -0,0 +1,28 @@ +@mixin base-caption($primaryStyleName : v-caption) { + +.#{$primaryStyleName}wrapper { + text-align: left; /* Force default alignment */ +} +.#{$primaryStyleName} { + overflow: hidden; + white-space: nowrap; + font-size: $font-size; +} +.v-errorindicator { + display: inline-block; +} +.#{$primaryStyleName} .v-icon { + display: inline-block; + padding-right: 2px; + vertical-align: middle; +} +.#{$primaryStyleName} .#{$primaryStyleName}text { + display: inline-block; + overflow: hidden; + vertical-align: middle; +} +.#{$primaryStyleName} .v-required-field-indicator { + display: inline-block; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/colorpicker.scss b/themes/src/main/resources/VAADIN/themes/base/colorpicker/colorpicker.scss new file mode 100644 index 0000000000..70705dcee3 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/colorpicker/colorpicker.scss @@ -0,0 +1,212 @@ +@mixin base-colorpicker($name : v-colorpicker) { + +.#{$name} { + text-align: center; +} + +.#{$name}-button-color { + border: 1px solid silver; + float: left; + width: 10px; + height: 10px; + margin-top: 2px; + margin-right: 5px; +} + +.#{$name}-area { + border: 1px solid silver; + margin: 1px auto; +} + +.#{$name}.v-default-caption-width { + width: 100px; +} + +/***************** COLOR HISTORY COMPONENT *****************************/ +.#{$name}-history { + margin: 5px; +} + +.#{$name}-history td { + border: 1px solid silver !important; +} + +.#{$name}-history td { + line-height: 15px; +} +/***********************************************************************/ + + +/**************** COLOR POPUP COMPONENT ********************************/ +.#{$name}-popup { + width: 244px; +} + +.#{$name}-popup .v-scrollable { + background-color: #dddddd; +} + +.#{$name}-popup .v-tabsheet-content .v-scrollable { + background-color: #eaeaea; +} + +.#{$name}-popup .v-tabsheet-content .v-tabsheet-tabsheetpanel { + background: transparent; +} + +.#{$name}-popup .resize-button { + border: 0px solid silver; + background: url(images/resizebg.png); + margin-top: 5px; +} + +.#{$name}-popup .resize-button-caption { + display: none; +} + +.#{$name}-popup .resize-button:hover { + background: url(images/resizebg-selected.png); +} + +.#{$name}-popup .resize-button:focus { + outline: none; +} + +/***********************************************************************/ + + +/*********************** COLOR GRADIENT *******************************/ +.#{$name}-gradient { + width: 220px; + height: 220px; + padding-left: 10px; + margin-top: 0px; +} + +.#{$name}-gradient .#{$name}-gradient-clicklayer { + background-color: white; + filter: alpha(opacity = 0); + opacity: 0; +} + +.#{$name}-popup .rgb-gradient .#{$name}-gradient-background { + width: 220px; + height: 220px; + background: url(images/gradient2.png); +} + +.#{$name}-popup .hsv-gradient .#{$name}-gradient-foreground { + background: url(images/gradient.png); +} + +.#{$name}-popup .#{$name}-gradient-lowerbox { + border-right: 1px solid white; + border-top: 1px solid white; +} + +.#{$name}-popup .#{$name}-gradient-higherbox { + border-left: 1px solid white; + border-bottom: 1px solid white; +} +/**********************************************************************/ + + +/************************ COLOR SLIDER ********************************/ +.#{$name}-popup .rgb-sliders { + width: 227px; + padding-left: 10px; + color: #444444; + text-shadow: 0 1px 0 #FFFFFF; +} + +.#{$name}-popup .rgb-sliders .red .v-slider-base { + background-color: red; +} + +.#{$name}-popup .rgb-sliders .green .v-slider-base { + background-color: green; +} + +.#{$name}-popup .rgb-sliders .blue .v-slider-base { + background-color: blue; +} + +.#{$name}-popup .hsv-sliders { + padding-left: 10px; + color: #444444; + text-shadow: 0 1px 0 #FFFFFF; +} + +.#{$name}-popup .hue-slider { + height: 10px; + border: 0px solid silver; + background-image: url(images/slider_hue_bg.png); + background-color: transparent; + background-repeat: no-repeat; + background-position: 0 3px; + margin-top: 0px; +} + +.#{$name}-popup .hue-slider .v-slider-handle { + margin-top: -2px; +} + +.#{$name}-popup .hue-slider .v-slider-base { + border: 0px none; + height: 0px; + background-color: transparent; +} +/****************************************************************/ + + +/****************** COLOR PREVIEW *******************************/ +.#{$name}-popup .#{$name}-preview { + margin-top: 5px; + padding-left: 11px; + padding-right: 10px; + margin-bottom: 0px; +} + +.#{$name}-popup .v-absolutelayout-wrapper { + width: 100%; + height: 100%; +} + +.#{$name}-popup .#{$name}-preview-textfield { + background: none; + overflow: hidden; + overflow-y: hidden; + overflow-x: hidden; +} + +.#{$name}-popup .v-textfield-dark { + color: #FFFFFF; +} + +.#{$name}-popup .v-textfield-light { + color: #000000; +} +/****************************************************************/ + + +/*************** COLOR SELECT ***********************************/ +.#{$name}-popup .colorselect { + margin-top: 5px; + padding-left: 10px; + padding-right: 10px; +} + +.#{$name}-popup .v-tabsheet .#{$name}-grid { + height: 319px; +} + +.#{$name}-popup .colorselect td { + line-height: 15px; +} + +.#{$name}-popup .v-filterselect { + padding-right: 16px; +} +/****************************************************************/ + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient.png b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient.png new file mode 100644 index 0000000000..def063a8ab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient2.png b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient2.png new file mode 100644 index 0000000000..f51ed752a7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/gradient2.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg-selected.png b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg-selected.png new file mode 100644 index 0000000000..6e56ec0cc7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg-selected.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg.png b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg.png new file mode 100644 index 0000000000..b6e3532713 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/resizebg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png new file mode 100644 index 0000000000..bcef2c5575 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/colorpicker/images/slider_hue_bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/common.scss b/themes/src/main/resources/VAADIN/themes/base/common/common.scss new file mode 100644 index 0000000000..ea8b5e5aa0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/common/common.scss @@ -0,0 +1,293 @@ +@mixin base-common { + +&.v-app { + height: 100%; +} +/* Force arrow cursor for all elements inside the app */ +&.v-app, +.v-window, +.v-popupview-popup, +.v-label, +.v-caption { + cursor: default; +} +/* add box-shadows to overlay elements */ +.v-window { + box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .5); +} +.v-datefield-popup, +.v-filterselect-suggestpopup, +.v-menubar-popup, +.v-slider-feedback, +.v-popupview-popup, +.v-contextmenu { + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); +} + +body &.v-app .v-app-loading { + /* You can use this to provide indication for the user that the application is loading. */ + /* It is applied to the same element as .v-app */ + background-image: url(img/loading-indicator.gif); + background-repeat: no-repeat; + background-position: 50%; + width: 100%; + height: 100%; +} +.v-ui { + height: 100%; + width: 100%; + /* avoid scrollbars with margins in root layout */ + outline: none; + position: relative; +} +/* Prevent margin collapse */ +.v-ui.v-ui-embedded { + margin-top: -1px; + border-top: 1px solid transparent; +} +/** + * Try to handle printing somehow. Reasonable printing support + * needs application specific planning and CSS tuning. + */ + /* Disabled for now, see #10336 +@media print { + .v-generated-body { + height: auto; + min-height: 20cm; + overflow: visible; + } + .v-app { + height: auto; + min-height: 20cm; + } + .v-ui { + overflow: visible; + } + .v-gridlayout { + overflow: visible !important; + } +} +*/ + +.v-ui:active, +.v-ui:focus { + outline: none; +} +&.v-app select, +.v-window select { + margin: 0; +} +.v-disabled { + opacity: .3; + filter: alpha(opacity=30); + cursor: default; +} +.v-disabled * { + cursor: default; +} +* html & .v-disabled { + zoom: 1; +} +*+html & .v-disabled { + zoom: 1; +} +.v-disabled .v-disabled { + opacity: 1; +} +.v-required-field-indicator { + padding-left: 2px; + color: red; +} +.v-form fieldset { + border: none; + padding: 0; + margin: 0; + height: 100%; +} +.v-form-content { + height: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* Field modified */ /* Disabled by default +.v-modified, +.v-richtextarea.v-modified iframe.gwt-RichTextArea, +.v-checkbox.v-modified, +.v-modified .v-select-option, +.v-modified .v-textfield, +.v-modified .v-datefield-calendarpanel, +.v-modified .v-select-select, +.v-modified .v-select-twincol-selections, +.v-modified .v-select-twincol-options, +.v-modified .v-slider-base { + background: #ffffe0; +} +*/ +.v-tooltip { + cursor: default; + background: #fff; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); +} +.v-tooltip-text { + overflow: auto; +} +.v-tooltip .v-errormessage { + overflow: auto; +} +.v-contextmenu { + background: #fff; +} +.v-contextmenu .gwt-MenuItem { + cursor: pointer; + vertical-align: middle; + padding: 0; + border: 0; + margin: 0; +} + +.v-contextmenu .gwt-MenuBar { + overflow-y: auto; + overflow-x: hidden; +} + +.v-contextmenu .gwt-MenuItem div { + cursor: pointer; + vertical-align: middle; + white-space: nowrap; +} +.v-contextmenu .gwt-MenuItem-selected div { + background: #aaa; + color: #fff; +} +.v-contextmenu table { + border-collapse: collapse; + margin: 0; + padding: 0; +} +.v-contextmenu .gwt-MenuItem img { + margin-right: 1em; + vertical-align: middle; +} +/* Margins are not supported within Label */ +.v-label pre { + margin: 0; +} +/* A label with undefined width is always considered to be on one line */ +.v-label-undef-w { + white-space: nowrap; +} +/* Revert line-height for heading elements inside labels */ +.v-label h1, +.v-label h2, +.v-label h3, +.v-label h4, +.v-label h5, +.v-label h6 { + line-height: normal; +} +/* Loading indicator states + * Note: client side expects that loading indicator has a height. It depends on + * this css property to ensure browsers have applied all required styles. + */ +.v-loading-indicator, +.v-loading-indicator-delay, +.v-loading-indicator-wait { + position: absolute; + top: 0; + right: 0; + z-index: 30000; + width: 31px; + height: 31px; + background: transparent url(img/loading-indicator.gif); + margin-right: 5px; + margin-top: 5px; +} +.v-loading-indicator-delay { + background-image: url(img/loading-indicator-delay.gif); +} +.v-loading-indicator-wait { + background-image: url(img/loading-indicator-wait.gif); +} +/* Fix for Liferay, issue #2384 */ +&.v-app input[type="text"], +&.v-app input[type="password"], +&.v-app input[type="reset"], +&.v-app select, +&.v-app textarea , +.v-window input[type="text"], +.v-window input[type="password"], +.v-window input[type="reset"], +.v-window select, +.v-window textarea { + padding: 2px; +} + +/* Removes clear button from input fields introduced by IE10 */ +input::-ms-clear { + display: none; +} + +.v-drag-element { + z-index: 60000; + /* override any other position: properties */ + position: absolute !important; + opacity: 0.5; + filter: alpha(opacity=50); + cursor: default; +} + +.v-clip { + overflow: hidden; +} + +.v-scrollable { + overflow: auto; + font-size: 0; + line-height: normal; +} +/* Set font-size in order to make Firefox scrolling better #11353 */ +.v-ff & .v-scrollable { + font-size: $font-size; +} +.v-ios.v-webkit & .v-scrollable { + -webkit-overflow-scrolling: touch; +} +/* Disable native scrolling on iOS 5 due to #8792 */ +.v-ios5.v-webkit & .v-scrollable { + -webkit-overflow-scrolling: none; +} + +/* "Unnecessary scrollbar" related fixes (#14631, copied from Valo) */ +.v-scrollable.v-panel-content > .v-widget { + /* This is needed for IE */ + vertical-align: middle; + + /* Needed for all browsers. Can't really show anything outside the + * scrolling area anyway, so we can safely hide any overflow */ + overflow: hidden; +} + + + +&.v-overlay-container { + width: 0; + height: 0; +} + +} + +/* Outside the base mixin because elements might be added directly to the body */ +.v-assistive-device-only { + position: absolute; + top: -2000px; + left: -2000px; + width: 10px; + overflow: hidden; +} +/* fix for #14681 - mobile safari 8 sometimes displayed text cursor on that element */ +.v-radiobutton { + -webkit-user-select: none; +} + diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-big.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-big.gif new file mode 100644 index 0000000000..73dc88e31f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-big.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-medium.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-medium.gif new file mode 100644 index 0000000000..0a0c6aaef0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader-medium.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader.gif new file mode 100644 index 0000000000..354dc4685c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/ajax-loader.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/drag-slot-dot.png b/themes/src/main/resources/VAADIN/themes/base/common/img/drag-slot-dot.png new file mode 100644 index 0000000000..f8abcf7e21 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/drag-slot-dot.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-delay.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-delay.gif new file mode 100644 index 0000000000..831526849e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-delay.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-wait.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-wait.gif new file mode 100644 index 0000000000..b10a0720b5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator-wait.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator.gif new file mode 100644 index 0000000000..3fae1b8a6b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/loading-indicator.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/reconnect-spinner.gif b/themes/src/main/resources/VAADIN/themes/base/common/img/reconnect-spinner.gif new file mode 100644 index 0000000000..bc1a496d11 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/reconnect-spinner.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/img/sprites.png b/themes/src/main/resources/VAADIN/themes/base/common/img/sprites.png new file mode 100644 index 0000000000..c5d2e89b97 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/common/img/sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/common/mixins.scss b/themes/src/main/resources/VAADIN/themes/base/common/mixins.scss new file mode 100644 index 0000000000..fab97e9565 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/common/mixins.scss @@ -0,0 +1,29 @@ +@mixin keyframes ($name) { + @-webkit-keyframes #{$name} { + @content; + } + @-moz-keyframes #{$name} { + @content; + } + @keyframes #{$name} { + @content; + } +} + +@mixin animation ($anim) { + -webkit-animation: $anim; + -moz-animation: $anim; + animation: $anim; +} + +@mixin box-shadow ($shadow) { + -webkit-box-shadow: $shadow; + -moz-box-shadow: $shadow; + box-shadow: $shadow; +} + +@mixin box-sizing ($box-sizing) { + -webkit-box-sizing: $box-sizing; + -moz-box-sizing: $box-sizing; + box-sizing: $box-sizing; +} diff --git a/themes/src/main/resources/VAADIN/themes/base/common/reconnect-dialog.scss b/themes/src/main/resources/VAADIN/themes/base/common/reconnect-dialog.scss new file mode 100644 index 0000000000..15b78800d0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/common/reconnect-dialog.scss @@ -0,0 +1,31 @@ +@mixin base-reconnect-dialog { + .v-reconnect-dialog { + color: white; + top: 12px; + right: 12px; + max-width: 100%; + border-radius: 0; + @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); + padding: 10px; + + background-color: #444; + text-align: center; + + .text { + display: inline-block; + padding-left: 10px; + } + + .spinner { + background-image: url(img/reconnect-spinner.gif); + width: 31px; + height: 31px; + display: none; + vertical-align: middle; + } + + &.active .spinner { + display: inline-block; + } + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/csslayout/csslayout.scss b/themes/src/main/resources/VAADIN/themes/base/csslayout/csslayout.scss new file mode 100644 index 0000000000..d6df771b85 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/csslayout/csslayout.scss @@ -0,0 +1,36 @@ +@mixin base-csslayout($primaryStyleName : v-csslayout) { + +.#{$primaryStyleName} { + overflow: hidden; +} +/* More specific selector to override 'v-connector' */ +div.#{$primaryStyleName} { + display: block; +} +.#{$primaryStyleName}-margin, .#{$primaryStyleName}-container { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.v-has-width > .#{$primaryStyleName}-margin, +.v-has-width > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container { + width: 100%; +} +.v-has-height > .#{$primaryStyleName}-margin, +.v-has-height > .#{$primaryStyleName}-margin > .#{$primaryStyleName}-container { + height: 100%; +} +.#{$primaryStyleName}-margin-top { + padding-top: 12px; +} +.#{$primaryStyleName}-margin-bottom { + padding-bottom: 12px; +} +.#{$primaryStyleName}-margin-left { + padding-left: 12px; +} +.#{$primaryStyleName}-margin-right { + padding-right: 12px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/customcomponent/customcomponent.scss b/themes/src/main/resources/VAADIN/themes/base/customcomponent/customcomponent.scss new file mode 100644 index 0000000000..d672254a86 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/customcomponent/customcomponent.scss @@ -0,0 +1,6 @@ +@mixin base-customcomponent($primaryStyleName : v-customcomponent) { + +.#{$primaryStyleName} { +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/customlayout/customlayout.scss b/themes/src/main/resources/VAADIN/themes/base/customlayout/customlayout.scss new file mode 100644 index 0000000000..c8a13da4e9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/customlayout/customlayout.scss @@ -0,0 +1,7 @@ +@mixin base-customlayout($primaryStyleName : v-customlayout) { + +.#{$primaryStyleName} { + overflow: hidden; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/datefield/datefield.scss b/themes/src/main/resources/VAADIN/themes/base/datefield/datefield.scss new file mode 100644 index 0000000000..57a691211d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/datefield/datefield.scss @@ -0,0 +1,122 @@ +@mixin base-datefield($primaryStyleName : v-datefield) { + +.#{$primaryStyleName} { + white-space: nowrap; + display: inline-block; /* Force minimum width */ +} +.#{$primaryStyleName}-textfield { + vertical-align: top; +} +.v-ie & .#{$primaryStyleName}-button:after { + content: "\200B"; +} + +.#{$primaryStyleName}-button { + cursor: pointer; + vertical-align: top; +} +.v-has-width > input.#{$primaryStyleName}-textfield { + width: 100%; +} + +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { + color: #999; + font-style: italic; +} +.#{$primaryStyleName} .#{$primaryStyleName}-button-readonly { + display: none; +} +.#{$primaryStyleName}-calendarpanel table { + width: 100%; +} +.#{$primaryStyleName}-calendarpanel td { + padding: 0; + margin: 0; +} +.#{$primaryStyleName}-calendarpanel:focus { + outline:none; +} +.#{$primaryStyleName}-calendarpanel-header td { + text-align: center; +} +.#{$primaryStyleName}-calendarpanel-month { + text-align: center; + white-space: nowrap; +} +.#{$primaryStyleName}-calendarpanel-weeknumber { + color: #999; + border-right: 1px solid #ddd; + font-size: 11.7px; +} +.#{$primaryStyleName}-calendarpanel-day, +.#{$primaryStyleName}-calendarpanel-day-today { + cursor: pointer; +} +.#{$primaryStyleName}-calendarpanel-day-today { + border: 1px solid #ddd; +} +.v-disabled .#{$primaryStyleName}-calendarpanel-day, +.v-disabled .#{$primaryStyleName}-calendarpanel-day-today, +.v-disabled.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { + cursor: default; +} +.#{$primaryStyleName}-calendarpanel-day-disabled, +.#{$primaryStyleName}-calendarpanel-day-outside-range { + cursor: default; + opacity: .5; +} + +.#{$primaryStyleName}-calendarpanel-prevyear, +.#{$primaryStyleName}-calendarpanel-nextyear, +.#{$primaryStyleName}-calendarpanel-prevmonth, +.#{$primaryStyleName}-calendarpanel-nextmonth { + button.outside-range{ + opacity: .5; + } +} + +.#{$primaryStyleName}-calendarpanel-day-selected { + cursor: default; + background: #333; + color: #fff; +} +.#{$primaryStyleName}-calendarpanel-day-focused { + outline: 1px dotted black; +} +.#{$primaryStyleName}-calendarpanel-day-offmonth { + color: #666; +} + +.#{$primaryStyleName}-time { + white-space: nowrap; +} +.#{$primaryStyleName}-time .v-label { + display: inline; +} +.#{$primaryStyleName}-popup { + background: #fff; + .v-ie9 &, .v-ie10 &, .v-ie11 & { + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5); + } +} +.#{$primaryStyleName}-popupcalendar input.#{$primaryStyleName}-textfield { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/* Disabled by default +.#{$primaryStyleName}-error .v-textfield, +.#{$primaryStyleName}-error .#{$primaryStyleName}-calendarpanel { + background: #ffe0e0; +} +*/ + +/* Disabled by default +.#{$primaryStyleName}-required .v-textfield, +.#{$primaryStyleName}-required .#{$primaryStyleName}-calendarpanel { + background:transparent; + background-color: #ffe0e0; +} +*/ + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/dragwrapper/dragwrapper.scss b/themes/src/main/resources/VAADIN/themes/base/dragwrapper/dragwrapper.scss new file mode 100644 index 0000000000..86000abd7c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/dragwrapper/dragwrapper.scss @@ -0,0 +1,164 @@ +@mixin base-dragwrapper($primaryStyleName : v-ddwrapper) { + +.#{$primaryStyleName} { + padding: 2px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + position: relative; + -ms-touch-action: none; + touch-action: none; +} +[draggable=true] { + -khtml-user-drag: element; + -webkit-user-drag: element; + -khtml-user-select: none; + -webkit-user-select: none; +} +.v-ie & .#{$primaryStyleName} a.drag-start { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + /* Some color needed to make it draggable */ + background-color:cyan; + filter: alpha(opacity=0); +} +.#{$primaryStyleName}-over { + border: 2px solid #1d9dff; + background-color: #bcdcff; + padding: 0; +} +.#{$primaryStyleName}-over { + background-color: rgba(169,209,255,.6); +} +.no-box-drag-hints .#{$primaryStyleName}-over { + border: none; + background-color: transparent; + padding: 2px; +} +&.v-app .#{$primaryStyleName}-over-top, +.v-window .#{$primaryStyleName}-over-top, +.v-popupview-popup .#{$primaryStyleName}-over-top { + border: none; + border-top: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-top: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +&.v-app .#{$primaryStyleName}-over-bottom, +.v-window .#{$primaryStyleName}-over-bottom, +.v-popupview-popup .#{$primaryStyleName}-over-bottom { + border: none; + border-bottom: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-bottom: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +&.v-app .#{$primaryStyleName}-over-left, +.v-window .#{$primaryStyleName}-over-left, +.v-popupview-popup .#{$primaryStyleName}-over-left { + border: none; + border-left: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-left: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +&.v-app .#{$primaryStyleName}-over-right, +.v-window .#{$primaryStyleName}-over-right, +.v-popupview-popup .#{$primaryStyleName}-over-right { + border: none; + border-right: 2px solid #1d9dff; + background-color: transparent; + padding: 2px; + padding-right: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} +.#{$primaryStyleName}, +.#{$primaryStyleName}-over, +&.v-app .#{$primaryStyleName}-over-top, +.v-window .#{$primaryStyleName}-over-top, +.v-popupview-popup .#{$primaryStyleName}-over-top, +&.v-app .#{$primaryStyleName}-over-bottom, +.v-window .#{$primaryStyleName}-over-bottom, +.v-popupview-popup .#{$primaryStyleName}-over-bottom, +&.v-app .#{$primaryStyleName}-over-left, +.v-window .#{$primaryStyleName}-over-left, +.v-popupview-popup .#{$primaryStyleName}-over-left, +&.v-app .#{$primaryStyleName}-over-right, +.v-window .#{$primaryStyleName}-over-right, +.v-popupview-popup .#{$primaryStyleName}-over-right { + border-color: rgba(0,109,232,.6); +} + +.#{$primaryStyleName}-over-top:before, +.#{$primaryStyleName}-over-bottom:after, +.#{$primaryStyleName}-over-left:before, +.#{$primaryStyleName}-over-right:before { + display: block; + + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + margin-left: -2px; + background: transparent url(../common/img/drag-slot-dot.png) no-repeat; +} +.#{$primaryStyleName}-over-bottom:after { + margin-top: -2px; +} +.#{$primaryStyleName}-over-left:before, +.#{$primaryStyleName}-over-right:before { + background-position: 0 -6px; + margin-top: -2px; + margin-left: -4px; +} +.#{$primaryStyleName}-over-right:before { + position: relative; + margin-bottom: -4px; + margin-right: -4px; + margin-left: 0; + width: auto; + background-position: 100% -6px; +} + +.no-horizontal-drag-hints .#{$primaryStyleName}-over-left { + padding-left: 2px; + border-left: none; +} +.no-horizontal-drag-hints .#{$primaryStyleName}-over-right { + padding-right: 2px; + border-right: none; +} +.no-vertical-drag-hints .#{$primaryStyleName}-over-top { + padding-top: 2px; + border-top: none; +} +.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom { + padding-bottom: 2px; + border-bottom: none; +} +.no-horizontal-drag-hints .#{$primaryStyleName}-over-left:before, +.no-horizontal-drag-hints .#{$primaryStyleName}-over-right:before, +.no-vertical-drag-hints .#{$primaryStyleName}-over-top:before, +.no-vertical-drag-hints .#{$primaryStyleName}-over-bottom:after { + display: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/embedded/embedded.scss b/themes/src/main/resources/VAADIN/themes/base/embedded/embedded.scss new file mode 100644 index 0000000000..abb5e7956f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/embedded/embedded.scss @@ -0,0 +1,8 @@ +@mixin base-embedded($primaryStyleName : v-embedded) { + +.v-table .#{$primaryStyleName}-image { + /* make embeddeds be centered in centered table cells. */ + display: inline-block; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/escalator/escalator.scss b/themes/src/main/resources/VAADIN/themes/base/escalator/escalator.scss new file mode 100644 index 0000000000..2d5ad729fc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/escalator/escalator.scss @@ -0,0 +1,156 @@ +@mixin base-escalator($primaryStyleName: v-escalator, $background-color: #fff) { + + .#{$primaryStyleName} { + position: relative; + } + + .#{$primaryStyleName}-scroller { + position: absolute; + z-index: 1; + outline: none; + @include box-sizing(border-box); + } + + .#{$primaryStyleName}-scroller-horizontal { + left: 0; // Left position adjusted to align with frozen columns + right: 0; + bottom: 0; + overflow-y: hidden; + -ms-overflow-y: hidden; + } + + .#{$primaryStyleName}-scroller-vertical { + right: 0; + top: 0; // this will be overridden by code, but it's a good default behavior + bottom: 0; // this will be overridden by code, but it's a good default behavior + overflow-x: hidden; + -ms-overflow-x: hidden; + } + + .#{$primaryStyleName}-tablewrapper { + position: absolute; + overflow: hidden; + @include box-sizing(border-box); + z-index: 5; + } + + .#{$primaryStyleName}-tablewrapper > table { + border-spacing: 0; + table-layout: fixed; + width: inherit; // a decent default fallback + } + + .#{$primaryStyleName}-header-deco, + .#{$primaryStyleName}-footer-deco { + position: absolute; + right: 0; + @include box-sizing(border-box); + } + + .#{$primaryStyleName}-horizontal-scrollbar-deco { + position: absolute; + bottom: 0; + left: 0; + right: 0; + @include box-sizing(border-box); + } + + .#{$primaryStyleName}-header, + .#{$primaryStyleName}-body, + .#{$primaryStyleName}-footer { + position: absolute; + left: 0; + width: inherit; + z-index: 10; + } + + .#{$primaryStyleName}-header, + .#{$primaryStyleName}-header-deco { + top: 0; + } + + .#{$primaryStyleName}-footer, + .#{$primaryStyleName}-footer-deco { + bottom: 0; + } + + .#{$primaryStyleName}-body { + z-index: 0; + top: 0; + + .#{$primaryStyleName}-row { + position: absolute; + top: 0; + left: 0; + } + } + + .#{$primaryStyleName}-row { + display: block; + + .v-ie8 &, .v-ie9 & { + // Neither IE8 nor IE9 let table rows be longer than tbody, with only + // "display: block". Moar hax. + + float: left; + clear: left; + + // The inline style of margin-top from the to offset the + // header's dimension is, for some strange reason, inherited into each + // contained . We need to cancel it: + + margin-top: 0; + } + + > td, + > th { + // IE8 likes the bgcolor here instead of on the row + background-color: $background-color; + } + } + + .#{$primaryStyleName}-row { + width: inherit; + } + + .#{$primaryStyleName}-cell { + display: block; + float: left; + padding: 2px; + white-space: nowrap; + @include box-sizing(border-box); + overflow: hidden; + + // Because Vaadin changes the font size after the initial render, we + // need to mention the font size here explicitly, otherwise automatic + // row height detection gets broken. + + font-size: $v-font-size; + } + + .#{$primaryStyleName}-cell.frozen { + position: relative; + z-index: 1; + } + + .#{$primaryStyleName}-spacer { + position: absolute; + display: block; + + background-color: $background-color; + + > td { + width: 100%; + height: 100%; + @include box-sizing(border-box); + } + + .v-ie8 &, .v-ie9 & { + // The inline style of margin-top from the to offset the + // header's dimension is, for some strange reason, inherited into each + // contained . We need to cancel it: + + margin-top: 0; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/base/favicon.ico b/themes/src/main/resources/VAADIN/themes/base/favicon.ico new file mode 100644 index 0000000000..1f81f0de76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.eot b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.eot new file mode 100755 index 0000000000..9b6afaedc0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.svg b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.svg new file mode 100755 index 0000000000..d05688e9e2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.svg @@ -0,0 +1,655 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.ttf b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.ttf new file mode 100755 index 0000000000..26dea7951a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.woff b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.woff new file mode 100755 index 0000000000..dc35ce3c2c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/fontawesome-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/fonts.scss b/themes/src/main/resources/VAADIN/themes/base/fonts/fonts.scss new file mode 100644 index 0000000000..1f5c0cf6a2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/fonts/fonts.scss @@ -0,0 +1,35 @@ +$v-font-awesome: true !default; // Set to false to exclude Font Awesome + +@mixin fonts { + @include fonticons; + @include v-font(ThemeIcons, themeicons-webfont); +} + +@mixin fonticons { + @if $v-font-awesome { + @include v-font(FontAwesome, fontawesome-webfont); + } +} + +@mixin v-font($font-family, $file-name) { + @font-face { + font-family: '#{$font-family}'; + src: url('#{$file-name}.eot'); + src: url('#{$file-name}.eot?#iefix') format('embedded-opentype'), url('#{$file-name}.woff') format('woff'), url('#{$file-name}.ttf') format('truetype'), url('#{$file-name}.svg') format('svg'); + font-weight: normal; + font-style: normal; + } + .#{$font-family} { + font-family: '#{$font-family}'; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + } +} + +@mixin font($font-family, $file-name) { + @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead."; + @include v-font($font-family, $file-name); +} diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.eot b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.eot new file mode 100644 index 0000000000..9cc04785e2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.svg b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.svg new file mode 100644 index 0000000000..59685c3b3a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.ttf b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.ttf new file mode 100644 index 0000000000..1b7dd4a6ad Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.woff b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.woff new file mode 100644 index 0000000000..7d055f6dd0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/fonts/themeicons-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/base/formlayout/formlayout.scss b/themes/src/main/resources/VAADIN/themes/base/formlayout/formlayout.scss new file mode 100644 index 0000000000..2e2a3213f9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/formlayout/formlayout.scss @@ -0,0 +1,57 @@ +@mixin base-formlayout($primaryStyleName : v-formlayout) { + +.#{$primaryStyleName}.v-has-width > table { + width: 100%; +} +.#{$primaryStyleName}.v-has-height > table { + height: 100%; +} +.#{$primaryStyleName}-cell .v-errorindicator { + display: block; +} +.#{$primaryStyleName}-error-indicator { + /* fix width so layout is not jumpy when error disappears */ + width: 12px; +} +.#{$primaryStyleName}-captioncell { + text-align:right; + white-space: nowrap; +} +.#{$primaryStyleName}-errorcell, .#{$primaryStyleName}-captioncell { + width: 1px; /* Don't use any extra space */ + min-width: 1px; +} +.#{$primaryStyleName}-captioncell .v-caption { + overflow: visible; +} +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { + padding-top: 6px; +} +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { + padding-top: 0; +} +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { + padding-top: 12px; +} +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { + padding-bottom: 12px; +} +.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { + padding-left: 12px; +} +.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { + padding-right: 12px; +} +.#{$primaryStyleName}-captioncell .v-caption .v-required-field-indicator { + float: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/grid/grid.scss b/themes/src/main/resources/VAADIN/themes/base/grid/grid.scss new file mode 100644 index 0000000000..3e7b708557 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/grid/grid.scss @@ -0,0 +1,590 @@ +$v-grid-border-size: 1px !default; +$v-grid-border: $v-grid-border-size solid #ddd !default; +$v-grid-cell-vertical-border: $v-grid-border !default; +$v-grid-cell-horizontal-border: $v-grid-cell-vertical-border !default; +$v-grid-cell-focused-border: 1px solid !default; +$v-grid-header-border: $v-grid-border !default; +$v-grid-footer-border: $v-grid-header-border !default; + +$v-grid-row-height: round($v-font-size * 1.5) !default; +$v-grid-row-background-color: #fff !default; +$v-grid-row-stripe-background-color: darken($v-grid-row-background-color, 5%) !default; +$v-grid-row-selected-background-color: darken($v-grid-row-background-color, 25%) !default; +$v-grid-row-focused-background-color: null !default; + +$v-grid-header-row-height: null !default; +$v-grid-header-font-size: $v-font-size !default; +$v-grid-header-background-color: $v-grid-row-background-color !default; +$v-grid-header-drag-marked-color: $v-grid-row-selected-background-color !default; + +$v-grid-footer-row-height: $v-grid-header-row-height !default; +$v-grid-footer-font-size: $v-grid-header-font-size !default; +$v-grid-footer-background-color: $v-grid-header-background-color !default; + +$v-grid-cell-padding-horizontal: 10px !default; + +$v-grid-editor-background-color: $v-grid-row-background-color !default; + +$v-grid-details-marker-width: 2px !default; +$v-grid-details-marker-color: $v-grid-row-selected-background-color !default; +$v-grid-details-border-top: $v-grid-cell-horizontal-border !default; +$v-grid-details-border-top-stripe: $v-grid-cell-horizontal-border !default; +$v-grid-details-border-bottom: 1px solid darken($v-grid-row-stripe-background-color, 10%) !default; +$v-grid-details-border-bottom-stripe: 1px solid darken($v-grid-row-background-color, 10%) !default; + +@import "../escalator/escalator"; + + +@mixin base-grid($primaryStyleName: v-grid) { + + @include base-escalator($primaryStyleName: $primaryStyleName, $background-color: $v-grid-row-background-color); + + .#{$primaryStyleName} { + outline: none; + } + + .#{$primaryStyleName}-scroller-vertical, + .#{$primaryStyleName}-scroller-horizontal { + border: $v-grid-border; + } + + .#{$primaryStyleName}-scroller-vertical { + border-left: none; + } + + .#{$primaryStyleName}-scroller-horizontal { + border-top: none; + } + + .#{$primaryStyleName}-tablewrapper { + border: $v-grid-border; + } + + // Column drag and drop elements + + .#{$primaryStyleName} .header-drag-table { + border-spacing: 0; + position: relative; + table-layout: fixed; + width: inherit; // a decent default fallback + + .#{$primaryStyleName}-header { + position: absolute; + > .#{$primaryStyleName}-cell { + border: $v-grid-border; + margin-top: -10px; + opacity: 0.9; + filter: alpha(opacity=90); // IE8 + z-index: 30000; + } + + > .#{$primaryStyleName}-drop-marker { + background-color: $v-grid-header-drag-marked-color; + position: absolute; + width: 3px; + } + } + } + + // Sidebar + + .#{$primaryStyleName}-sidebar.v-contextmenu { + @include box-shadow(none); + border-radius: 0; + position: absolute; + top: 0; + right: 0; + + background-color: $v-grid-header-background-color; + border: $v-grid-header-border; + padding: 0; + z-index: 5; + + &.#{$primaryStyleName}-sidebar-popup { + right: auto; + } + + .#{$primaryStyleName}-sidebar-button { + background: transparent; + border: none; + color: inherit; + cursor: pointer; + outline: none; + padding: 0 4px; + text-align: right; + line-height: 1; + + &[disabled] { + cursor: default; + } + + &::-moz-focus-inner { + border: 0; + } + + &:after { + content: "\f0c9"; + display: block; + font-family: ThemeIcons, sans-serif; + font-size: $v-grid-header-font-size; + } + } + + &.closed { + border-radius: 0; + } + + &.open { + .#{$primaryStyleName}-sidebar-button { + width: 100%; + + &:after { + content: "\f0c9"; + font-size: $v-grid-header-font-size; + line-height: 1; + } + } + } + + .v-ie &.open .#{$primaryStyleName}-sidebar-button { + vertical-align: middle; + } + + .v-ie8 &.open .#{$primaryStyleName}-sidebar-button:after { + vertical-align: middle; + text-align: center; + display: inline; + } + + .#{$primaryStyleName}-sidebar-content { + padding: 4px 0; + + .gwt-MenuBar { + .gwt-MenuItem .column-hiding-toggle { + text-shadow: none; + } + } + } + } + + // Common cell styles + + .#{$primaryStyleName}-cell { + background-color: $v-grid-row-background-color; + padding: 0 $v-grid-cell-padding-horizontal; + line-height: $v-grid-row-height; + text-overflow: ellipsis; + + > * { + line-height: $v-line-height; + vertical-align: middle; + } + + // Force div elements to inline-blocks by default to enable vertical centering + > div { + display: inline-block; + } + + &.frozen { + @include box-shadow(1px 0 2px rgba(0,0,0,.1)); + border-right: $v-grid-cell-vertical-border; + + @if $v-grid-cell-vertical-border and $v-grid-cell-vertical-border != none { + + th, + + td { + border-left: none; + } + } + } + } + + // Rows + + .#{$primaryStyleName}-row > td, + .#{$primaryStyleName}-editor-cells > div { + border-left: $v-grid-cell-vertical-border; + border-bottom: $v-grid-cell-horizontal-border; + + &:first-child { + border-left: none; + } + } + + .#{$primaryStyleName}-editor-cells.frozen > div { + @include box-shadow(1px 0 2px rgba(0,0,0,.1)); + border-right: $v-grid-cell-vertical-border; + border-left: none; + } + + .#{$primaryStyleName}-row-stripe > td { + background-color: $v-grid-row-stripe-background-color; + } + + .#{$primaryStyleName}-row-selected > td { + background: $v-grid-row-selected-background-color; + } + + .#{$primaryStyleName}-row-focused > td { + background-color: $v-grid-row-focused-background-color; + } + + // Header + + .#{$primaryStyleName}-header { + th { + position: relative; + background-color: $v-grid-header-background-color; + font-size: $v-grid-header-font-size; + font-weight: inherit; + border-left: $v-grid-header-border; + border-bottom: $v-grid-header-border; + line-height: $v-grid-header-row-height; + text-align: left; + + &:first-child { + border-left: none; + } + } + + .sort-asc, + .sort-desc { + padding-right: round($v-grid-header-font-size * 1.2) + $v-grid-cell-padding-horizontal; + + &:after { + font-family: ThemeIcons, sans-serif; + content: "\f0de" " " attr(sort-order); + position: absolute; + right: $v-grid-cell-padding-horizontal; + font-size: round($v-grid-header-font-size * 0.85); + } + } + + .sort-desc:after { + content: "\f0dd" " " attr(sort-order); + } + } + + .#{$primaryStyleName}-column-resize-handle { + position: absolute; + width: 2 * $v-grid-cell-padding-horizontal; + right: -$v-grid-cell-padding-horizontal; + top: 0px; + bottom: 0px; + cursor: col-resize; + z-index: 10; + + // TODO should refactor into a mixin + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + // Footer + + .#{$primaryStyleName}-footer { + td { + background-color: $v-grid-footer-background-color; + font-size: $v-grid-footer-font-size; + font-weight: inherit; + border-left: $v-grid-footer-border; + border-top: $v-grid-footer-border; + border-bottom: none; + line-height: $v-grid-footer-row-height; + + &:first-child { + border-left: none; + } + } + } + + // Header and footer + + .#{$primaryStyleName}-header, + .#{$primaryStyleName}-footer { + .#{$primaryStyleName}-cell { + overflow: visible; + } + } + + .#{$primaryStyleName}-column-header-content, + .#{$primaryStyleName}-column-footer-content { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + // Hackish, needed to override the "v-grid-cell > *" rule above + line-height: $v-grid-row-height; + vertical-align: baseline; + } + + // Decorative elements + + .#{$primaryStyleName}-header-deco { + border-top: $v-grid-header-border; + border-right: $v-grid-header-border; + background-color: $v-grid-header-background-color; + } + + .#{$primaryStyleName}-footer-deco { + border-bottom: $v-grid-footer-border; + border-right: $v-grid-footer-border; + background-color: $v-grid-footer-background-color; + } + + .#{$primaryStyleName}-horizontal-scrollbar-deco { + background-color: $v-grid-footer-background-color; + border: $v-grid-footer-border; + border-top: none; + } + + // Focused cell style (common for all cells) + + .#{$primaryStyleName}-cell-focused { + position: relative; + + &:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: $v-grid-cell-focused-border; + display: none; + pointer-events: none; + } + + // IE 8-10 apply "pointer-events" only to SVG elements. + // Using an empty SVG instead of an empty text node makes IE + // obey the "pointer-events: none" and forwards click events + // to the underlying element. The data decodes to: + // + .ie8 &:before, + .ie9 &:before, + .ie10 &:before { + content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); + } + } + + .#{$primaryStyleName}:focus .#{$primaryStyleName}-cell-focused:before { + display: block; + } + + .#{$primaryStyleName}.v-disabled:focus .#{$primaryStyleName}-cell-focused:before { + // Disabled Grid should not show cell focus outline + display: none; + } + + // Editor + + .#{$primaryStyleName}-editor { + position: absolute; + z-index: 20; + overflow: hidden; + left: 0; + right: 0; + border: $v-grid-border; + box-sizing: border-box; + -moz-box-sizing: border-box; + margin-top: nth($v-grid-border, 1) * -1; + @include box-shadow(0 0 9px rgba(0,0,0,.2)); + + // Unbuffered footer needs to be 100% width to display correctly + &.unbuffered { + .#{$primaryStyleName}-editor-footer { + width: 100%; + } + } + } + + .#{$primaryStyleName}-editor-cells { + position: relative; + white-space: nowrap; + + &.frozen { + z-index: 2; + } + + > div { + display: inline-block; + @include box-sizing(border-box); + vertical-align: middle; + background: $v-grid-editor-background-color; + + &:first-child { + border-left: none; + } + + > * { + vertical-align: middle; + display: inline-block; + } + + .v-filterselect { + padding-left: 0; + } + + input[type="text"], + input[type="text"].v-filterselect-input, + input[type="password"] { + padding-left: $v-grid-cell-padding-horizontal; + } + + input[type="text"]:not(.v-filterselect-input), + input[type="password"] { + padding-right: $v-grid-cell-padding-horizontal / 2; + } + + input[type="checkbox"] { + margin-left: $v-grid-cell-padding-horizontal; + } + + .v-textfield, + .v-datefield, + .v-filterselect { + min-width: 100%; + max-width: 100%; + min-height: 100%; + max-height: 100%; + } + + .v-datefield-button { + .v-ie8 & { + margin-left: -37px; + } + } + + .v-filterselect-button { + .v-ie8 & { + margin-left: -25px; + } + } + + .v-select, + .v-select-select { + min-width: 100%; + max-width: 100%; + } + + &.not-editable.#{$primaryStyleName}-cell { + float: none; + } + } + + .error::before { + position: absolute; + display: block; + height: 0; + width: 0; + content: ""; + border-top: 5px solid red; + border-right: 5px solid transparent; + } + + .error, + .error > input { + background-color: #fee; + } + } + + .#{$primaryStyleName}-editor-footer { + display: table; + height: $v-grid-row-height; + border-top: $v-grid-cell-horizontal-border; + margin-top: nth($v-grid-cell-horizontal-border, 1) * -1; + background: $v-grid-row-background-color; + padding: 0 5px; + + + .#{$primaryStyleName}-editor-cells > div { + border-bottom: none; + border-top: $v-grid-cell-horizontal-border; + } + + &:first-child { + border-top: none; + margin-top: 0; + border-bottom: $v-grid-cell-horizontal-border; + margin-bottom: nth($v-grid-cell-horizontal-border, 1) * -1; + } + } + + .#{$primaryStyleName}-editor-message, + .#{$primaryStyleName}-editor-buttons { + display: table-cell; + white-space: nowrap; + vertical-align: middle; + } + + .#{$primaryStyleName}-editor-message { + width: 100%; + position: relative; + + > div { + position: absolute; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + line-height: $v-grid-row-height; + top: 0; + } + } + + .#{$primaryStyleName}-editor-save { + margin-right: 4px; + } + + .#{$primaryStyleName}-spacer { + // using padding since left is used with some position functions in escalator + padding-left: $v-grid-details-marker-width - $v-grid-border-size; + } + + .#{$primaryStyleName}-spacer > td { + display: block; + padding: 0; + + background-color: $v-grid-row-background-color; + border-top: $v-grid-details-border-top; + border-bottom: $v-grid-details-border-bottom; + } + + .#{$primaryStyleName}-spacer.stripe > td { + background-color: $v-grid-row-stripe-background-color; + border-top: $v-grid-details-border-top-stripe; + border-bottom: $v-grid-details-border-bottom-stripe; + } + + .#{$primaryStyleName}-spacer-deco-container { + border-top: $v-grid-border-size solid transparent; // same size as table wrapper border + position: relative; + top: 0; // escalator will override top for scrolling and margin-top for header offset. + z-index: 5; + } + + .#{$primaryStyleName}-spacer-deco { + top: 0; // this will be overridden by code, but it's a good default. + left: 0; + width: $v-grid-details-marker-width; + background-color: $v-grid-details-marker-color; + position: absolute; + height: 100%; // this will be overridden by code, but it's a good default. + pointer-events: none; + + // IE 8-10 apply "pointer-events" only to SVG elements. + // Using an empty SVG instead of an empty text node makes IE + // obey the "pointer-events: none" and forwards click events + // to the underlying element. The data decodes to: + // + .ie8 &:before, + .ie9 &:before, + .ie10 &:before { + content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==); + } + } + + // Renderers + + .#{$primaryStyleName}-cell > .v-progressbar { + width: 100%; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/base/gridlayout/gridlayout.scss b/themes/src/main/resources/VAADIN/themes/base/gridlayout/gridlayout.scss new file mode 100644 index 0000000000..54a2e8667c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/gridlayout/gridlayout.scss @@ -0,0 +1,35 @@ +@mixin base-gridlayout($primaryStyleName : v-gridlayout) { + +.#{$primaryStyleName} { + position: relative; +} +.#{$primaryStyleName}-slot { + position: absolute; +} +.#{$primaryStyleName}-margin-top { + padding-top: 12px; +} +.#{$primaryStyleName}-margin-bottom { + padding-bottom: 12px; +} +.#{$primaryStyleName}-margin-left { + padding-left: 12px; +} +.#{$primaryStyleName}-margin-right { + padding-right: 12px; +} +.#{$primaryStyleName}-spacing-on { + padding-left: 6px; + padding-top: 6px; + overflow: hidden; +} +.#{$primaryStyleName}-spacing, +.#{$primaryStyleName}-spacing-off { + padding-left: 0; + padding-top: 0; +} +.#{$primaryStyleName}-spacing-off { + overflow: hidden; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss b/themes/src/main/resources/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss new file mode 100644 index 0000000000..06a24125c2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/inlinedatefield/inlinedatefield.scss @@ -0,0 +1,5 @@ +@mixin base-inline-datefield($primaryStyleName : v-inline-datefield){ + + /* FIXME $primaryStyleName should be passed to the the mixing instead of the default. Fix when SASS compiler works. #9821 */ + @include base-datefield(v-inline-datefield); +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/label/label.scss b/themes/src/main/resources/VAADIN/themes/base/label/label.scss new file mode 100644 index 0000000000..3c72796828 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/label/label.scss @@ -0,0 +1,11 @@ +@mixin base-label($primaryStyleName : v-label) { + +.#{$primaryStyleName} { + overflow: hidden; +} + +.#{$primaryStyleName}.v-has-width { + white-space: normal; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/layout/layout.scss b/themes/src/main/resources/VAADIN/themes/base/layout/layout.scss new file mode 100644 index 0000000000..fe3fcd17ed --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/layout/layout.scss @@ -0,0 +1,221 @@ +/* +TODO +- separate styles to proper places +- decide a good class name structure for core layouts (e.g. 'v-layout', 'v-vertical', 'v-grid' etc.) +- use !important in carefully selected places to prevent accidental layout breakage by custom theming (e.g. alignments should be forced) + +*/ + +@mixin base-layout { + +.v-vertical.v-margin-top, +.v-horizontal.v-margin-top { + padding-top: 12px; +} + +.v-vertical.v-margin-right, +.v-horizontal.v-margin-right { + padding-right: 12px; +} + +.v-vertical.v-margin-bottom, +.v-horizontal.v-margin-bottom { + padding-bottom: 12px; +} + +.v-vertical.v-margin-left, +.v-horizontal.v-margin-left { + padding-left: 12px; +} + +/* Different for historical reasons: previously was inherited directly from Base theme */ +/* TODO unify these values in version 7 */ +.v-gridlayout.v-layout-margin-top { + padding-top: 24px; +} +.v-gridlayout, +.v-verticallayout, +.v-horizontallayout { + font-size: 0; + line-height: normal; +} + +.v-gridlayout.v-layout-margin-bottom { + padding-bottom: 24px; +} +.v-gridlayout.v-layout-margin-left { + padding-left: 24px; +} +.v-gridlayout.v-layout-margin-right { + padding-right: 24px; +} +.v-gridlayout .v-layout-spacing-on { + padding-left: 12px; + padding-top: 12px; +} + +.v-spacing { + width: 6px; + height: 6px; +} + +.v-vertical, +.v-horizontal { + display: inline-block; +} + +div.v-layout.v-horizontal.v-widget { + white-space: nowrap; +} + +.v-layout.v-vertical > .v-expand, +.v-layout.v-horizontal > .v-expand { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + height: 100%; +} + +.v-slot, +.v-spacing { + display: inline-block; + white-space: normal; + vertical-align: top; +} + +/* Clear any floats inside the slot, to prevent unwanted collapsing */ +.v-vertical > .v-slot:after { + display: inline-block; + clear: both; + width: 0; + height: 0; + overflow: hidden; + line-height:0; +} + +.v-vertical > .v-slot, +.v-vertical > .v-expand > .v-slot { + display: block; + clear: both; +} + +.v-horizontal > .v-slot, +.v-horizontal > .v-expand > .v-slot { + height: 100%; +} + +/* Workaround for IE8+IE9 bug where clicking inside an input area which is inside a div with negative margin causes cursor position to jump to wrong position. See #11152 */ +.v-horizontal > .v-expand > .v-slot { + position: relative; +} + +.v-vertical > .v-spacing, +.v-vertical > .v-expand > .v-spacing { + width: 0; + display: block; + clear: both; +} + +.v-horizontal > .v-spacing, +.v-horizontal > .v-expand > .v-spacing { + height: 0; +} + +.v-align-middle:before, +.v-align-bottom:before, +.v-expand > .v-align-middle:before, +.v-expand > .v-align-bottom:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + width: 0; +} + +.v-align-middle, +.v-align-bottom { + white-space: nowrap; +} + +.v-align-middle > .v-widget, +.v-align-right > .v-widget, +.v-align-center > .v-widget, +.v-align-bottom > .v-widget { + display: inline-block; +} + +.v-align-middle, +.v-align-middle > .v-widget { + vertical-align: middle; +} + +.v-align-bottom, +.v-align-bottom > .v-widget { + vertical-align: bottom; +} + +.v-align-center { + text-align: center; +} + +.v-align-center > .v-widget { + margin-left: auto; + margin-right: auto; +} + +.v-align-right { + text-align: right; +} + +.v-align-right > .v-widget { + margin-left: auto; +} + +.v-has-caption, +.v-has-caption > .v-caption { + display: inline-block; /* Force natural width to zero */ +} + +.v-caption { + overflow: visible; + vertical-align: middle; +} + +.v-caption-on-left, +.v-caption-on-right { + white-space: nowrap; +} + +.v-caption-on-top > .v-caption, +.v-caption-on-bottom > .v-caption { + display: block; +} + +.v-caption-on-left > .v-caption { + padding-right: .5em; +} + +.v-caption-on-right > .v-caption { + vertical-align:top; +} + +.v-caption-on-left > .v-widget, +.v-caption-on-right > .v-widget { + display: inline-block; + vertical-align: middle; +} + +.v-has-caption.v-has-width > .v-widget { + width: 100% !important; +} + +.v-has-caption.v-has-height > .v-widget { + height: 100% !important; +} + +.v-errorindicator { + vertical-align: middle; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/legacy-styles.scss b/themes/src/main/resources/VAADIN/themes/base/legacy-styles.scss new file mode 100644 index 0000000000..188fc85d46 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/legacy-styles.scss @@ -0,0 +1,6 @@ +@import "base.scss"; +// For legacy themes; does not wrap styles in .themename +// Creates legacy-styles.css that can be imported into non-sass themes. +// NOTE: can not be used in scenarios where multiple themes are used on the +// same page (e.g portals). +@include base; \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/link/link.scss b/themes/src/main/resources/VAADIN/themes/base/link/link.scss new file mode 100644 index 0000000000..bff6fbd5fe --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/link/link.scss @@ -0,0 +1,22 @@ +@mixin base-link($primaryStyleName : v-link) { + +.#{$primaryStyleName} { + white-space: nowrap; +} +.#{$primaryStyleName} a { + vertical-align: middle; + text-decoration: none; +} +.#{$primaryStyleName} span { + text-decoration: underline; + vertical-align: middle; +} +.v-disabled a { + cursor: default; +} +.#{$primaryStyleName} img { + vertical-align: middle; + border:none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/loginform/loginform.scss b/themes/src/main/resources/VAADIN/themes/base/loginform/loginform.scss new file mode 100644 index 0000000000..48fabbf793 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/loginform/loginform.scss @@ -0,0 +1,13 @@ +@mixin base-loginform($primaryStyleName : v-loginform) { + +.#{$primaryStyleName} { + height: 140px; + width: 200px; +} + +.v-app-loginpage .v-button, +.v-app-loginpage .v-button { + float: left; /* Force minimum width for button */ +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/menubar/img/check.gif b/themes/src/main/resources/VAADIN/themes/base/menubar/img/check.gif new file mode 100644 index 0000000000..0a89195168 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/menubar/img/check.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/menubar/menubar.scss b/themes/src/main/resources/VAADIN/themes/base/menubar/menubar.scss new file mode 100644 index 0000000000..ad701f1b42 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/menubar/menubar.scss @@ -0,0 +1,108 @@ +@mixin base-menubar($primaryStyleName : v-menubar) { + +.#{$primaryStyleName} { + display: inline-block; + white-space: nowrap; + overflow: hidden; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { + cursor: default; + vertical-align: middle; + white-space: nowrap; + display: inline; + display: inline-block; + zoom: 1; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-caption .v-icon { + vertical-align: middle; + white-space: nowrap; +} +.#{$primaryStyleName}-submenu { + background: #fff; +} +.#{$primaryStyleName}-menuitem-selected { + background: #333; + color: #fff; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { + cursor: default; + display: block; + position: relative; + padding-right: 1.5em; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption { + display: block; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem *, +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption * { + white-space: nowrap; +} +.#{$primaryStyleName}-submenu-indicator { + display: none; + /* Arial has the most coverage for geometric entity characters */ + font-family: arial, helvetica, sans-serif; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { + display: block; + position: absolute; + right: 0; + width: 1em; + height: 1em; + font-size: 11.7px; +} +.#{$primaryStyleName}-menuitem-disabled, +.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:hover, +.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:focus, +.#{$primaryStyleName} span.#{$primaryStyleName}-menuitem-disabled:active { + opacity: .5; + filter: alpha(opacity=50); + + .v-ie8 & { + filter: none; + color: #999; + img { + filter: alpha(opacity=50); + } + } +} + +.#{$primaryStyleName}-more-menuitem { + /* Arial has the most coverage for geometric entity characters */ + font-family: arial, helvetica, sans-serif; +} +.#{$primaryStyleName}-separator { + overflow: hidden; +} +.#{$primaryStyleName}-separator span { + display: block; + text-indent: -9999px; + font-size: 1px; + line-height: 1px; + border-top: 1px solid #ddd; + margin: 3px 0 2px; + overflow: hidden; +} +.#{$primaryStyleName} .v-icon, +.#{$primaryStyleName}-submenu .v-icon { + margin-right: 3px; +} + +.#{$primaryStyleName}:focus, +.#{$primaryStyleName}-popup:focus, +.#{$primaryStyleName}-popup .popupContent:focus, +.#{$primaryStyleName}-popup .popupContent .#{$primaryStyleName}-submenu:focus{ + outline: none; +} +/* Checkboxes for checkable/checked menu items */ +/* Checked/unchecked requires combined style selected-(un)checked for IE6 */ +.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem { + padding-left: 6px; +} +.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption { + padding-left: 18px; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-checked .#{$primaryStyleName}-menuitem-caption { + background: transparent url(img/check.gif) no-repeat left; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/notification/notification.scss b/themes/src/main/resources/VAADIN/themes/base/notification/notification.scss new file mode 100644 index 0000000000..5deb7e0e84 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/notification/notification.scss @@ -0,0 +1,67 @@ +@mixin base-notification($primaryStyleName : v-Notification) { + +.#{$primaryStyleName} { + background: #999; + color: #fff; + cursor: pointer; + overflow: hidden; + padding: 1em; + max-width:85%; + opacity: .9; + filter: alpha(opacity=90); +} +.#{$primaryStyleName}-caption, +.#{$primaryStyleName}-description, +.#{$primaryStyleName}-details { + display: inline; + margin: 0 0.5em 0 0; +} +.#{$primaryStyleName}-warning { + background: orange; +} +.#{$primaryStyleName}-error { + background: red; +} +.#{$primaryStyleName}-tray { + .#{$primaryStyleName}-caption, + .#{$primaryStyleName}-description { + display: block; + } +} +.#{$primaryStyleName}-system { + background-color: red; +} +.#{$primaryStyleName}-system .#{$primaryStyleName}-caption { + display: block; + margin: 0; +} +.#{$primaryStyleName}-animate-out { + @include animation(v-notification-animate-out 400ms); +} + +.#{$primaryStyleName} { + &.v-position-top { + top: 0; + } + &.v-position-right { + right: 0; + } + &.v-position-bottom { + bottom: 0; + } + &.v-position-left { + left: 0; + } + &.v-position-assistive { + top: -9999px; + left: -9999px; + } +} + +} + +@include keyframes(v-notification-animate-out) { + 100% { + opacity: 0; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/base/orderedlayout/orderedlayout.scss b/themes/src/main/resources/VAADIN/themes/base/orderedlayout/orderedlayout.scss new file mode 100644 index 0000000000..7820d842fc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/orderedlayout/orderedlayout.scss @@ -0,0 +1,47 @@ +@mixin base-orderedlayout { + +.v-orderedlayout, +.v-horizontallayout, +.v-verticallayout { + position: relative; +} + +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top { + padding-top: 12px; +} +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right { + padding-right: 12px; +} +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom { + padding-bottom: 12px; +} +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left { + padding-left: 12px; +} +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { + padding-top: 6px; + padding-left: 6px; +} +/* This can be used to define spacing if spacing is off server side */ +.v-orderedlayout-spacing-off, +.v-horizontallayout-spacing-off, +.v-verticallayout-spacing-off { + padding-top: 0; + padding-left: 0; +} + +.v-horizontallayout-slot, .v-verticallayout-slot { + position: absolute; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/panel/panel.scss b/themes/src/main/resources/VAADIN/themes/base/panel/panel.scss new file mode 100644 index 0000000000..16fadfa15d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/panel/panel.scss @@ -0,0 +1,47 @@ +@mixin base-panel($primaryStyleName : v-panel) { + +.#{$primaryStyleName}, +.#{$primaryStyleName}-caption, +.#{$primaryStyleName}-content, +.#{$primaryStyleName}-deco, +.#{$primaryStyleName}-light, +.#{$primaryStyleName}-caption-light, +.#{$primaryStyleName}-content-light, +.#{$primaryStyleName}-deco-light { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left; /* Force default alignment */ +} +.#{$primaryStyleName}-caption .v-errorindicator { + float: none; + display: inline; +} +.#{$primaryStyleName}-caption .v-icon { + display: inline; + vertical-align: middle; +} +.#{$primaryStyleName}-caption span { + vertical-align: middle; +} +.#{$primaryStyleName}-caption { + white-space: nowrap; + overflow:hidden; + font-weight: bold; +} +.#{$primaryStyleName}-nocaption { + overflow: hidden; +} +.#{$primaryStyleName}-content { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.#{$primaryStyleName}.v-has-width > .#{$primaryStyleName}-content { + width: 100%; +} +.#{$primaryStyleName}.v-has-height > .#{$primaryStyleName}-content { + height: 100%; +} +.#{$primaryStyleName}-deco { +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/popupview/popupview.scss b/themes/src/main/resources/VAADIN/themes/base/popupview/popupview.scss new file mode 100644 index 0000000000..cafcf9b720 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/popupview/popupview.scss @@ -0,0 +1,17 @@ +@mixin base-popupview($primaryStyleName : v-popupview) { + +.#{$primaryStyleName} { + cursor: pointer; + text-decoration: underline; + white-space: nowrap; +} +.#{$primaryStyleName}-popup { + overflow: auto; +} +.#{$primaryStyleName}-loading { + width: 30px; + height: 30px; + background: transparent url(../common/img/ajax-loader-medium.gif) no-repeat 50%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/progressindicator/progressindicator.scss b/themes/src/main/resources/VAADIN/themes/base/progressindicator/progressindicator.scss new file mode 100644 index 0000000000..0065cf3d07 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/progressindicator/progressindicator.scss @@ -0,0 +1,35 @@ +@mixin base-progressindicator($primaryStyleName : v-progressindicator) { + +.#{$primaryStyleName} { + width: 150px; +} +.#{$primaryStyleName}-wrapper { + height: 7px; + border: 1px solid #ddd; +} +.#{$primaryStyleName}-indicator { + height: 7px; + background: #ddd; +} +div.#{$primaryStyleName}-indeterminate { + height: 20px; + width: 20px; + background: #fff url(../common/img/ajax-loader-medium.gif) no-repeat 50%; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; +} +/* Hide obsolete elements in indeterminate mode */ +.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-wrapper, +.#{$primaryStyleName}-indeterminate .#{$primaryStyleName}-indicator, +.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-wrapper, +.#{$primaryStyleName}-indeterminate-disabled .#{$primaryStyleName}-indicator { + display: none; +} +div.#{$primaryStyleName}-indeterminate-disabled { + height: 20px; + width: 20px; + background: transparent; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/select/select.scss b/themes/src/main/resources/VAADIN/themes/base/select/select.scss new file mode 100644 index 0000000000..69d3c07272 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/select/select.scss @@ -0,0 +1,174 @@ +@mixin base-select($primaryStyleName : v-select) { + +$select-button-width : 1em; +$select-button-negative-width : -1em; + +.#{$primaryStyleName} { + text-align: left; +} +.#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option { + display: block; + white-space: nowrap; +} +.#{$primaryStyleName}-optiongroup .v-icon { + vertical-align: middle; + white-space: nowrap; + margin: 0 2px; +} +.v-ie & .#{$primaryStyleName}-optiongroup .#{$primaryStyleName}-option { + zoom: 1; +} +.#{$primaryStyleName}-select { + display: block; +} +.#{$primaryStyleName}-twincol { + white-space: nowrap; +} +.#{$primaryStyleName}-twincol-options { + float: left; +} +.#{$primaryStyleName}-twincol-caption-left { + float: left; + overflow: hidden; + text-overflow: ellipsis; +} +.#{$primaryStyleName}-twincol-selections { + font-weight: bold; +} +.#{$primaryStyleName}-twincol-caption-right { + float: right; + overflow: hidden; + text-overflow: ellipsis; +} +.#{$primaryStyleName}-twincol-buttons { + float: left; + text-align: center; +} +.#{$primaryStyleName}-twincol-buttons .#{$primaryStyleName}-twincol-deco { + clear: both; +} +.#{$primaryStyleName}-twincol .v-textfield { + display: block; + float: left; + clear: left; +} +.#{$primaryStyleName}-twincol .v-button { + float: left; +} +.#{$primaryStyleName}-twincol-buttons .v-button { + float: none; +} +.v-filterselect { + white-space: nowrap; + text-align: left; + display: inline-block; + padding-right: $select-button-width; /* Space for the button */ +} +.v-filterselect .v-icon { + float: left; +} +&.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { + margin: 0; + float: left; + -webkit-border-radius: 0px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.v-filterselect-prompt .v-filterselect-input { + color: #999; + font-style: italic; +} +.v-filterselect-button { + display: inline-block; + cursor: pointer; + width: $select-button-width; + margin-right: $select-button-negative-width; + height: 1em; + background: transparent url(../common/img/sprites.png) no-repeat -5px -8px; +} +.v-filterselect.v-readonly .v-filterselect-button { + display: none; +} +.v-filterselect.v-readonly, +.v-filterselect.v-readonly .v-filterselect-input { + background: transparent; +} +.v-filterselect-suggestpopup { + background: #fff; + border: 1px solid #eee; +} +.v-filterselect-suggestmenu table { + border-collapse: collapse; + border: none; + vertical-align:top; +} +.v-filterselect-suggestmenu .gwt-MenuItem { + white-space: nowrap; +} +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { + margin-right: 3px; + vertical-align: middle; +} +.v-filterselect-suggestmenu .gwt-MenuItem span { + vertical-align: middle; +} +.v-filterselect-suggestmenu .gwt-MenuItem-selected { + background: #333; + color: #fff; +} +.v-filterselect-nextpage, +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off, +.v-filterselect-prevpage { + width: 100%; + background: #aaa; + text-align: center; + overflow: hidden; + cursor: pointer; +} +.v-filterselect-nextpage-off, +.v-filterselect-prevpage-off { + color: #666; + opacity: .5; + filter: alpha(opacity=50); + cursor: default; +} +.v-filterselect-nextpage-off span, +.v-filterselect-prevpage-off span { + cursor: default; +} +.v-filterselect-status { + white-space: nowrap; + text-align: center; +} + +.v-filterselect-no-input .v-filterselect-input { + cursor: default; +} + +/* Error styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.#{$primaryStyleName}-error .#{$primaryStyleName}-option, +.#{$primaryStyleName}-error .#{$primaryStyleName}-select, +.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-selections, +.#{$primaryStyleName}-error .#{$primaryStyleName}-twincol-options { + background: #ffaaaa; +} +*/ + +/* Required field styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.#{$primaryStyleName}-required .#{$primaryStyleName}-option, +.#{$primaryStyleName}-required .#{$primaryStyleName}-select, +.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-selections, +.#{$primaryStyleName}-required .#{$primaryStyleName}-twincol-options { + background: #ffaaaa; +} +*/ + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-left.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-left.png new file mode 100644 index 0000000000..6b2cd00a0d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-right.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-right.png new file mode 100644 index 0000000000..c5c10a7bf5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom.png new file mode 100644 index 0000000000..14935a81d4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/bottom.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/center.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/center.png new file mode 100644 index 0000000000..1db9a53c75 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/center.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/left.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/left.png new file mode 100644 index 0000000000..45634c05d8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/right.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/right.png new file mode 100644 index 0000000000..619c4034db Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-left.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-left.png new file mode 100644 index 0000000000..10e743875e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-right.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-right.png new file mode 100644 index 0000000000..2088806475 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/img/top.png b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top.png new file mode 100644 index 0000000000..9daf3f41f4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/shadow/img/top.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/shadow/shadow.scss b/themes/src/main/resources/VAADIN/themes/base/shadow/shadow.scss new file mode 100644 index 0000000000..3c369d3fef --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/shadow/shadow.scss @@ -0,0 +1,78 @@ +@mixin base-shadow($primaryStyleName : v-shadow) { + +.#{$primaryStyleName} { + position: absolute; + display: none; + pointer-events: none; + + .v-ie8 & { + display: block; + } +} + +.#{$primaryStyleName} .top-left { + position: absolute; overflow: hidden; + top: -3px; left: -5px; + width: 10px; height: 10px; + background: transparent url(img/top-left.png); +} + +.#{$primaryStyleName} .top { + position: absolute; overflow: hidden; + top: -3px; left: 5px; + height: 10px; right: 5px; + background: transparent url(img/top.png); +} + +.#{$primaryStyleName} .top-right { + position: absolute; overflow: hidden; + top: -3px; right: -5px; + width: 10px; height: 10px; + background: transparent url(img/top-right.png); +} + +.#{$primaryStyleName} .left { + position: absolute; overflow: hidden; + top: 7px; left: -5px; + width: 10px; + bottom: 3px; + background: transparent url(img/left.png); +} + +.#{$primaryStyleName} .center { + position: absolute; overflow: hidden; + top: 7px; left: 5px; + bottom: 3px; right: 5px; + background: transparent url(img/center.png); +} + +.#{$primaryStyleName} .right { + position: absolute; overflow: hidden; + top: 7px; right: -5px; + width: 10px; + bottom: 3px; + background: transparent url(img/right.png); +} + +.#{$primaryStyleName} .bottom-left { + position: absolute; overflow: hidden; + bottom: -7px; left: -5px; + width: 10px; height: 10px; + background: transparent url(img/bottom-left.png); +} + +.#{$primaryStyleName} .bottom { + position: absolute; overflow: hidden; + bottom: -7px; left: 5px; + right: 5px; height: 10px; + background: transparent url(img/bottom.png); +} + +.#{$primaryStyleName} .bottom-right { + position: absolute; overflow: hidden; + bottom: -7px; right: -5px; + width: 10px; height: 10px; + background: transparent url(img/bottom-right.png); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/slider/slider.scss b/themes/src/main/resources/VAADIN/themes/base/slider/slider.scss new file mode 100644 index 0000000000..60047bc6db --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/slider/slider.scss @@ -0,0 +1,70 @@ +@mixin base-slider($primaryStyleName : v-slider) { + +.#{$primaryStyleName} { + margin: 5px 0; +} +.#{$primaryStyleName}-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + border-top: 1px solid #ddd; + background: #eee; + border-left: 1px solid #ddd; + border-right: 1px solid #eee; +} +.#{$primaryStyleName}-handle { + background: #aaa; + width: 12px; + height: 12px; + margin-top: -5px; + font-size: 0; + -ms-touch-action: none; + touch-action: none; +} + +.#{$primaryStyleName}-vertical { + width: 2px; + height: auto; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { + width: 2px; + border-bottom: 1px solid #eee; + border-right: none; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { + width: 12px; + height: 12px; + font-size: 0; + margin-left: -5px; +} + +.#{$primaryStyleName}-feedback { + padding: 2px 5px; + background: #444; + color: #fff; + font-size: 11px; + line-height: 13px; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + margin: -2px 0 0 2px; + text-shadow: 0 1px 0 #000; +} + +/* Disabled by default +.#{$primaryStyleName}-error .#{$primaryStyleName}-base { + background: #FFE0E0; +} +*/ +/* Disabled by default +.#{$primaryStyleName}-required .#{$primaryStyleName}-base { + background: #FFE0E0; +} +*/ + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/splitpanel/splitpanel.scss b/themes/src/main/resources/VAADIN/themes/base/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..968894d92d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/splitpanel/splitpanel.scss @@ -0,0 +1,38 @@ +@mixin base-splitpanel($primaryStyleName : v-splitpanel) { + +.#{$primaryStyleName}-horizontal, +.#{$primaryStyleName}-vertical { + overflow: hidden; +} +.#{$primaryStyleName}-hsplitter { + width: 6px; +} +.#{$primaryStyleName}-hsplitter div { + width: 6px; + position: absolute; + top: 0; + bottom: 0; + background: #ddd; + cursor: e-resize; + cursor: col-resize; + -ms-touch-action: none; + touch-action: none +} +.v-disabled .#{$primaryStyleName}-hsplitter div { + cursor: default; +} +.#{$primaryStyleName}-vsplitter { + height: 6px; +} +.#{$primaryStyleName}-vsplitter div { + height: 6px; + background: #ddd; + cursor: s-resize; + cursor: row-resize; + -ms-touch-action: none; + touch-action: none; +} +.v-disabled .#{$primaryStyleName}-vsplitter div { + cursor: default; +} +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/styles.scss b/themes/src/main/resources/VAADIN/themes/base/styles.scss new file mode 100644 index 0000000000..1b6942944b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/styles.scss @@ -0,0 +1,4 @@ +@import "base.scss"; +.base { + @include base; +} diff --git a/themes/src/main/resources/VAADIN/themes/base/table/table.scss b/themes/src/main/resources/VAADIN/themes/base/table/table.scss new file mode 100644 index 0000000000..22ffdffa4d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/table/table.scss @@ -0,0 +1,293 @@ +@mixin base-table($primaryStyleName : v-table) { + +/* Table theme building instructions + * + * Vaadin scroll table is very complex widget with dozens of features. These + * features set some limitations for theme builder. To keep things working, it + * is safest to try to just override values used in default theme and comfort to + * these instructions. + * + * Borders in table header and in table body need to be same width + * - specify vertical borders on .#{$primaryStyleName}-header-wrap and .#{$primaryStyleName}-body + * + * Table cells in body: + * - padding/border for cells is to be defined for td elements (class name: .#{$primaryStyleName}-cell-content) + * - in default theme there are no borders, but they should work. Just set border-right or border-bottom + * - no padding or border is allowed for div inside cells (class name: .#{$primaryStyleName}-cell-wrapper) element + * - background is allowed for both elements + * + * Table headers: + * - table cells in header contain .#{$primaryStyleName}-resizer and + * .#{$primaryStyleName}-caption-container div elements, which are both floated to right + * - to align header caption to body content resizer width + .#{$primaryStyleName}-caption-container + * padding right should be equal to content cells padding-right and border-right. + * - Possible cell border in header must be themed into column resizer. + * + */ +.#{$primaryStyleName} { + overflow: hidden; + text-align: left; /* Force default alignment */ +} +.#{$primaryStyleName}-header-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-bottom: none; + background: #efefef; +} +.#{$primaryStyleName}-header table, +.#{$primaryStyleName}-table { + border-spacing: 0; + border-collapse: separate; + margin: 0; + padding: 0; + border: 0; +} +.#{$primaryStyleName}-table { + font-size: $font-size; +} + +.#{$primaryStyleName}-header td { + padding: 0; +} +.#{$primaryStyleName}-header-cell, +.#{$primaryStyleName}-header-cell-asc, +.#{$primaryStyleName}-header-cell-desc { + cursor: pointer; +} + +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell, +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-asc, +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-header-cell-desc { + cursor: default; +} + +.#{$primaryStyleName}-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.#{$primaryStyleName}-footer table { + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.#{$primaryStyleName}-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.#{$primaryStyleName}-footer-cell { + cursor: pointer; +} +.#{$primaryStyleName}-footer-container { + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} +.#{$primaryStyleName}-resizer { + display: block; + height: 1.2em; + float: right; + background: #aaa; + cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ + cursor: col-resize; + width: 1px; + overflow: hidden; +} +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-resizer { + cursor: default; +} +.#{$primaryStyleName}-caption-container { + overflow: hidden; + white-space: nowrap; + margin-left: 6px; +} +.#{$primaryStyleName}-caption-container-align-right { + float: right; +} +.#{$primaryStyleName}-sort-indicator { + width: 0px; + height: 1.2em; + float: right; +} +.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator, +.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + width: 16px; + height: 1.2em; + float: right; +} +.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { + background: transparent url(../common/img/sprites.png) no-repeat right 6px; +} +.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + background: transparent url(../common/img/sprites.png) no-repeat right -10px; +} +.#{$primaryStyleName}-caption-container-align-center { + text-align: center; +} +.#{$primaryStyleName}-caption-container-align-right { + text-align: right; +} +.#{$primaryStyleName}-caption-container .v-icon, +.#{$primaryStyleName}-header-drag .v-icon { + vertical-align: middle; +} +.#{$primaryStyleName}-body { + border: 1px solid #aaa; +} +.#{$primaryStyleName}-row-spacer { + height: 10px; + overflow: hidden; /* IE hack to allow < one line height divs */ +} +.#{$primaryStyleName}-row, +.#{$primaryStyleName}-row-odd { + background: #fff; + border: 0; + margin: 0; + padding: 0; + cursor: pointer; +} + +.#{$primaryStyleName}-generated-row { + background: #efefef; +} + +.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row, +.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd { + cursor: default; +} +.#{$primaryStyleName} .v-selected { + background: #999; + color: #fff; +} +.#{$primaryStyleName}-cell-content { + white-space: nowrap; + overflow: hidden; + padding: 0 6px; + border-right: 1px solid #aaa; +} +.#{$primaryStyleName}-cell-wrapper { + /* Do not specify any margins, paddings or borders here */ + white-space: nowrap; + overflow: hidden; +} +.#{$primaryStyleName}-cell-wrapper-align-center { + text-align: center; +} +.#{$primaryStyleName}-cell-wrapper-align-right { + text-align: right; +} +.#{$primaryStyleName}-column-selector { + float: right; + background: transparent url(../common/img/sprites.png) no-repeat 4px -37px; + margin: -1.2em 0 0 0; + height: 1.2em; + width: 14px; + position: relative; /* hide this from IE, it works without it */ + cursor: pointer; +} +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-column-selector { + cursor: default; +} +.#{$primaryStyleName}-focus-slot-left { + border-left: 2px solid #999; + float: none; + margin-bottom: -1.2em; + width: auto; + background: transparent; + border-right: 1px solid #aaa; +} +.#{$primaryStyleName}-focus-slot-right { + border-right: 2px solid #999; + margin-left: -2px; +} +.#{$primaryStyleName}-header-drag { + position: absolute; + background: #efefef; + border: 1px solid #eee; + opacity: 0.9; + filter: alpha(opacity=90); + margin-top: 20px; + z-index: 30000; +} +.#{$primaryStyleName}-header-drag .v-icon { + vertical-align: middle; +} +.#{$primaryStyleName}-scrollposition { + width: 160px; + background: #eee; + border: 1px solid #aaa; +} +.#{$primaryStyleName}-scrollposition span { + display: block; + text-align: center; +} +.#{$primaryStyleName}-body:focus, +.#{$primaryStyleName}-body-wrapper:focus { + outline: none; +} +.#{$primaryStyleName}-body.focused { + border-color: #388ddd; +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-content { + border-top: 1px dotted #0066bd; + border-bottom: 1px dotted #0066bd; +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-cell-wrapper { + margin-top: -1px; + margin-bottom: -1px; +} +/* row in column selector */ +.v-on { + +} +.v-off { + color: #ddd; +} + +/* CheckBox and selection fix #9064 */ +.#{$primaryStyleName} .v-checkbox { + display: inline-block; +} + +/************************************* + * Drag'n'drop styles + *************************************/ +.#{$primaryStyleName}-drag .#{$primaryStyleName}-body { + border-color: #1d9dff; +} +.#{$primaryStyleName}-row-drag-middle .#{$primaryStyleName}-cell-content { + background-color: #bcdcff; +} +.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content { + border-top: 2px solid #1d9dff; +} +.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-wrapper { + margin-top: -2px; /* compensate the space consumed by border hint */ +} +.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content { + border-bottom: 2px solid #1d9dff; +} +.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-wrapper { + margin-bottom: -2px; /* compensate the space consumed by border hint */ +} +.#{$primaryStyleName}-row-drag-top .#{$primaryStyleName}-cell-content:first-child:before, +.#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after { + display: block; + + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + margin-left: -6px; + background: transparent url(../common/img/drag-slot-dot.png); +} +.v-ff & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after, +.v-ie & .#{$primaryStyleName}-row-drag-bottom .#{$primaryStyleName}-cell-content:first-child:after { + margin-top: -2px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/tabsheet/tabsheet.scss b/themes/src/main/resources/VAADIN/themes/base/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..14def56ab5 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/tabsheet/tabsheet.scss @@ -0,0 +1,134 @@ +@mixin base-tabsheet($primaryStyleName : v-tabsheet) { + +.#{$primaryStyleName}, +.#{$primaryStyleName}-content, +.#{$primaryStyleName}-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left; /* Force default alignment */ +} +.#{$primaryStyleName}-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; +} +.#{$primaryStyleName}-tabitemcell:focus { + outline: none; +} +.#{$primaryStyleName}-tabitemcell, +.#{$primaryStyleName}-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.#{$primaryStyleName}-spacertd { + width: 100%; +} +.#{$primaryStyleName}-spacertd div { + border-left: 1px solid #aaa; + border-bottom: 1px solid #aaa; + height: 1em; + padding: 0.2em 0; +} +.#{$primaryStyleName}-hidetabs > .#{$primaryStyleName}-tabcontainer { + display: none; +} +.#{$primaryStyleName}-scroller { + white-space: nowrap; + text-align: right; + margin-top: -1em; +} +.v-disabled .#{$primaryStyleName}-scroller { + display: none; +} +.#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; +} +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled { + opacity: 0.5; + cursor: default; +} +.#{$primaryStyleName}-tabs .v-caption, +.#{$primaryStyleName}-tabs .v-caption span { + white-space: nowrap; +} +.#{$primaryStyleName}-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; +} +.#{$primaryStyleName} .v-disabled .#{$primaryStyleName}-caption-close { + cursor: default; + visibility: hidden; +} +.#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { + visibility: visible; +} +.#{$primaryStyleName}-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; +} +.#{$primaryStyleName}-tabitem .v-caption { + cursor: inherit; +} +.#{$primaryStyleName}.v-disabled .#{$primaryStyleName}-tabitem, +.#{$primaryStyleName}-tabitemcell-disabled .#{$primaryStyleName}-tabitem { + cursor: default; +} +.#{$primaryStyleName}-tabitem-selected { + cursor: default; + border-bottom-color: #fff; +} +.#{$primaryStyleName}-tabitem-selected .v-caption { + cursor: default; +} +.#{$primaryStyleName}-tabitem-focus .v-captiontext { + text-decoration: underline; +} +.#{$primaryStyleName}-tabitem-selected.#{$primaryStyleName}-tabitem-focus .v-captiontext { + text-decoration: inherit; +} +.#{$primaryStyleName}-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; +} +.#{$primaryStyleName}-deco { + height: 1px; + background: #aaa; + overflow: hidden; +} +.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { + border: none; +} +.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-deco { + height: 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png b/themes/src/main/resources/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png new file mode 100644 index 0000000000..e92be23e51 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/textfield/img/richtext-toolbar-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/textfield/textfield.scss b/themes/src/main/resources/VAADIN/themes/base/textfield/textfield.scss new file mode 100644 index 0000000000..4266346132 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/textfield/textfield.scss @@ -0,0 +1,120 @@ +// textfield-normal.css + +@mixin base-textfield($primaryStyleName : v-textfield) { + +.#{$primaryStyleName} { + text-align: left; /* Force default alignment */ +} +.v-textarea { + resize: none; + white-space: pre-wrap; +} +.#{$primaryStyleName}-focus, +.v-textarea-focus { +} +input.#{$primaryStyleName}-prompt, +textarea.v-textarea-prompt { + color: #999; + font-style: italic; +} +input.#{$primaryStyleName}-readonly, +textarea.v-textarea-readonly { + background: transparent; + border: none; + resize: none; +} +input.v-disabled, +textarea.v-disabled { + resize: none; +} +input.#{$primaryStyleName}-readonly:focus, +textarea.v-textarea-readonly:focus { + outline: none; +} +/* Disabled by default +.v-textarea-error, +.#{$primaryStyleName}-error, +.v-richtextarea-error iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Disabled by default +.v-textarea-required, +.#{$primaryStyleName}-required, +.v-richtextarea-required iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Safari focus glow fix */ +.v-sa & input:focus, +.v-sa & textarea:focus { + outline-width: medium; +} + +} + +// richtext.css + +@mixin base-richtextarea { + +.v-richtextarea { + border: 1px solid #aaa; + overflow: hidden; +} +.v-richtextarea .gwt-RichTextArea { + background: #fff; + border: none; +} +.v-richtextarea .gwt-HTML { + height: 100%; + font-size: $font-size; +} +.v-richtextarea .gwt-RichTextToolbar { + white-space: nowrap; + background: #959595 url(img/richtext-toolbar-bg.png) repeat-x 0 -42px; + border-bottom: 1px solid #7d7d7d; + padding: 2px; + overflow: hidden; +} +.v-richtextarea .gwt-RichTextToolbar-top { + padding-bottom: 1px; + overflow: hidden; + white-space: normal; +} +.v-richtextarea .gwt-RichTextToolbar-bottom { + clear: left; + overflow: hidden; + white-space: nowrap; +} +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { + float: left; + display: inline; + width: 22px; + height: 21px; + overflow: hidden; + background: transparent url(img/richtext-toolbar-bg.png) repeat-x; + cursor: pointer; + margin-right: 2px; + text-align: center; +} +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering { + background-position: 0 -21px; +} +.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img, +.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img { + +} +.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox { + width: 24.5%; + margin-right: 2px; +} + +.v-richtextarea-readonly { + border: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse-last.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse-last.png new file mode 100644 index 0000000000..c03e0839b5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse.png new file mode 100644 index 0000000000..577a7c9de6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-collapse.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand-last.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand-last.png new file mode 100644 index 0000000000..3a578681de Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand.png new file mode 100644 index 0000000000..f3548875fa Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-expand.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item-last.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item-last.png new file mode 100644 index 0000000000..2eb04a32fd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item.png new file mode 100644 index 0000000000..5f88fe1bef Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-item.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf-last.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf-last.png new file mode 100644 index 0000000000..15a255088a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf.png new file mode 100644 index 0000000000..282839bb95 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector-leaf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/img/connector.png b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector.png new file mode 100644 index 0000000000..4f0327204e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/tree/img/connector.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/tree/tree.scss b/themes/src/main/resources/VAADIN/themes/base/tree/tree.scss new file mode 100644 index 0000000000..ace6d7d2f2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/tree/tree.scss @@ -0,0 +1,141 @@ +@mixin base-tree($primaryStyleName : v-tree) { + +// tree-default.css + +.#{$primaryStyleName} { + text-align: left; /* Force default alignment */ + padding: 1px 0; + outline: none; +} +.#{$primaryStyleName}-node { + background: transparent url(../common/img/sprites.png) no-repeat 5px -37px; + padding: 1px 0; +} +.#{$primaryStyleName}-node-caption:focus { + outline: none; +} +div.#{$primaryStyleName}-node-leaf { + background: transparent; +} +.#{$primaryStyleName}-node-expanded { + background: transparent url(../common/img/sprites.png) no-repeat -5px -10px; +} +.#{$primaryStyleName}-node-caption { + margin-left: 1em; +} +.#{$primaryStyleName}-node span { + cursor: pointer; +} +.#{$primaryStyleName}-node-caption div { + white-space: nowrap; +} +.#{$primaryStyleName}-node-caption span, +.#{$primaryStyleName}-node-caption .v-icon { + vertical-align: middle; +} +.#{$primaryStyleName}-node-selected span { + background: #999; + color: #fff; +} +.#{$primaryStyleName}-node-children { + padding-left: 1em; +} + +// Drag'n'drop styles + +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { + border-top: 2px solid #1d9dff; + margin-top: -1px; + padding-top: 0; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom { + border-bottom: 2px solid #1d9dff; + margin-bottom: -1px; + padding-bottom: 0; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top:before, +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after, +.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { + display: block; + + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + background: transparent url(../common/img/drag-slot-dot.png); +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom:after { + margin-top: -2px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { + margin-left: 14px; +} +.v-ff & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after, +.v-ie & .#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center:after { + margin-top: -2px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { + background-position: 5px -38px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { + background-position: -5px -11px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div { + border: 2px solid #1d9dff; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + margin: -2px 2px -2px -2px; + background-color: #bcdcff; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div { + background-color: rgba(169,209,255,.6); +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-caption-drag-center div, +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top, +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-bottom { + border-color: rgba(0,109,232,.6); +} + +// tree-connectors.css +// This could be (and was) wrapped in a nested block instead of prefixing each +// row, but #10309 prevents us from doing that right now. + + // Make item caption height an even number (so that the connector dots overlap nicely) + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { + padding-top: 1px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node { + background: transparent url(img/connector-expand.png) no-repeat 2px -52px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded { + background: transparent url(img/connector-collapse.png) no-repeat 2px -52px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-last { + background: transparent url(img/connector-expand-last.png) no-repeat 2px -52px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-last { + background: transparent url(img/connector-collapse-last.png) no-repeat 2px -52px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf { + background: transparent url(img/connector-leaf.png) repeat-y 2px 50%; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-leaf-last { + background: transparent url(img/connector-leaf-last.png) repeat-y 2px 50%; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children { + background: transparent url(img/connector.png) repeat-y 2px 0; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-children-last { + background: transparent; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { + background-position: 2px -53px; + } + .#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { + background-position: 2px 50%; + } + + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.gif b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.gif new file mode 100644 index 0000000000..ad599674a1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.png b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.png new file mode 100644 index 0000000000..cba812b799 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.gif b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.gif new file mode 100644 index 0000000000..cbe21ac7c0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.png b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.png new file mode 100644 index 0000000000..7fe6e2b59f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/treetable/img/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/treetable/treetable.scss b/themes/src/main/resources/VAADIN/themes/base/treetable/treetable.scss new file mode 100644 index 0000000000..e4d41eefa8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/treetable/treetable.scss @@ -0,0 +1,68 @@ +@mixin base-treetable($primaryStyleName : v-treetable) { + +.#{$primaryStyleName}-treespacer { + display: inline-block; + background: transparent; + height: 10px; + /* defines the amount of indent per level */ + width: 18px; + position: absolute; + left: 0; + top: 5px; +} + +.#{$primaryStyleName}-node-closed { + background: url(../treetable/img/arrow-right.png) right top no-repeat; +} + +.#{$primaryStyleName}-node-open { + background: url(../treetable/img/arrow-down.png) right top no-repeat; +} + +.#{$primaryStyleName} .v-checkbox { + display: inline-block; + padding-bottom: 4px; +} + +.#{$primaryStyleName} .v-table-row .v-table-cell-content, +.#{$primaryStyleName} .v-table-row-odd .v-table-cell-content { + z-index: 10; +} + +.#{$primaryStyleName} .v-table-cell-wrapper { + position: relative; +} + +.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating { + zoom:1; + z-index:1; +} + +.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating, +.#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content { + background:transparent; +} + +.#{$primaryStyleName}-animation-clone { + border-spacing: 0; + zoom:1; +} + +div.#{$primaryStyleName}-animation-clone-wrapper { + position: absolute; + z-index: 2; + background-color:#fff; +} + +div.#{$primaryStyleName}-animation-clone-wrapper table.#{$primaryStyleName}-animation-clone { + background-color:#fff; +} + +div table.#{$primaryStyleName}-animation-clone tr.v-table-row, +div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd, +div table.#{$primaryStyleName}-animation-clone tr.v-table-row td.v-table-cell-content, +div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd td.v-table-cell-content { + visibility: visible; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/upload/upload.scss b/themes/src/main/resources/VAADIN/themes/base/upload/upload.scss new file mode 100644 index 0000000000..f8e707446c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/upload/upload.scss @@ -0,0 +1,41 @@ +@mixin base-upload($primaryStyleName : v-upload) { + +.#{$primaryStyleName} { + white-space: nowrap; +} + +.#{$primaryStyleName}-immediate { + position: relative; + margin: 0; + overflow: hidden; + .v-button { + width:100%; + } +} + +.v-ff & .#{$primaryStyleName}-immediate, +.v-op & .#{$primaryStyleName}-immediate { + display: inline-block; +} + +.#{$primaryStyleName}-immediate input { + opacity: 0; + filter: alpha(opacity=0); + z-index: 2; + position: absolute; + right: 0; + height: 21px; + text-align: right; + border: none; + background: transparent; +} + +.#{$primaryStyleName}-immediate button { + position: relative; + left: 0; + top: 0; + width: 100%; + text-align: left; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/base/widget/widget.scss b/themes/src/main/resources/VAADIN/themes/base/widget/widget.scss new file mode 100644 index 0000000000..e4f660003c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/widget/widget.scss @@ -0,0 +1,14 @@ +@mixin base-widget($primaryStyleName : v-widget) { + +.#{$primaryStyleName} { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-align: left; + display: inline-block; + white-space: normal; + vertical-align: bottom; + font-size: $font-size; + line-height: $line-height; +} +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-left.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-left.png new file mode 100644 index 0000000000..f40e53f939 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-right.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-right.png new file mode 100644 index 0000000000..8ef8376f7a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom.png new file mode 100644 index 0000000000..89096316e6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/bottom.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/center.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/center.png new file mode 100644 index 0000000000..1db9a53c75 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/center.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/left.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/left.png new file mode 100644 index 0000000000..bc526b1674 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/right.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/right.png new file mode 100644 index 0000000000..b837d90545 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-left.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-left.png new file mode 100644 index 0000000000..abd7943b21 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-right.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-right.png new file mode 100644 index 0000000000..d54b748be7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top.png b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top.png new file mode 100644 index 0000000000..4d5272e7f3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/base/window/img/shadow/top.png differ diff --git a/themes/src/main/resources/VAADIN/themes/base/window/window.scss b/themes/src/main/resources/VAADIN/themes/base/window/window.scss new file mode 100644 index 0000000000..bdc16999b0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/base/window/window.scss @@ -0,0 +1,194 @@ +@mixin base-window($primaryStyleName : v-window) { + +.#{$primaryStyleName} { + background: #fff; +} +.#{$primaryStyleName}-contents { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.#{$primaryStyleName}.v-has-width > div.popupContent, +.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents, +.#{$primaryStyleName}.v-has-width .#{$primaryStyleName}-contents > div { + width: 100%; +} + +.#{$primaryStyleName}.v-has-height > div.popupContent, +.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents, +.#{$primaryStyleName}.v-has-height .#{$primaryStyleName}-contents > div { + height: 100%; +} + +.#{$primaryStyleName}-outerheader { + padding: 0.3em 1em; + height: 1.6em; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.#{$primaryStyleName}-outerheader, +.#{$primaryStyleName}-draggingCurtain { + cursor: move; +} +.#{$primaryStyleName}-header { + font-weight: bold; + -khtml-user-select: none; + -moz-user-select: none; + -ie-user-select: none; + user-select: none; +} +/* A more specific selector to make sure padding isn't so easily overridden */ +div.#{$primaryStyleName}-header { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + overflow: hidden; + padding: 0; +} +.#{$primaryStyleName}-header .v-icon { + vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */ +} +.#{$primaryStyleName}-contents > div { + outline: none; +} +.#{$primaryStyleName}-footer { + overflow: hidden; + zoom: 1; + height: 10px; + position: relative; + cursor: move; +} +.#{$primaryStyleName}-resizebox { + width: 10px; + height: 10px; + background: #ddd; + overflow: hidden; + position: absolute; + right: 0; +} + +.#{$primaryStyleName}-resizebox, +.#{$primaryStyleName}-resizingCurtain { + cursor: se-resize; +} + +.#{$primaryStyleName} div.#{$primaryStyleName}-footer-noresize { + height: 0; +} +.#{$primaryStyleName}-resizebox-disabled, +.#{$primaryStyleName}-closebox-disabled, +.#{$primaryStyleName}-restorebox-disabled, +.#{$primaryStyleName}-maximizebox-disabled { + cursor: default; + display: none; +} +.#{$primaryStyleName}-closebox, +.#{$primaryStyleName}-restorebox, +.#{$primaryStyleName}-maximizebox { + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + cursor: pointer; + overflow: hidden; +} +.#{$primaryStyleName}-maximizebox, +.#{$primaryStyleName}-restorebox { + right: 1.1em; +} + +.#{$primaryStyleName}-closebox { + background: red; +} +.#{$primaryStyleName}-maximizebox { + background: blue; +} +.#{$primaryStyleName}-restorebox { + background: yellow; +} +.#{$primaryStyleName}-modalitycurtain { + top: 0; + left: 0; + background: #999; + opacity: 0.5; + position: fixed; + width: 100%; + height: 100%; + filter: alpha(opacity=50); +} +/* Shadow for window */ +.v-shadow-window { + position: absolute; + display: none; + pointer-events: none; + + .v-ie8 & { + display: block; + } +} +.v-shadow-window .top-left { + position: absolute; overflow: hidden; + top: -10px; left: -15px; + width: 28px; height: 28px; + background: transparent url(img/shadow/top-left.png); +} +.v-shadow-window .top { + position: absolute; overflow: hidden; + top: -10px; left: 13px; + height: 28px; + right: 13px; + background: transparent url(img/shadow/top.png); +} +.v-shadow-window .top-right { + position: absolute; overflow: hidden; + top: -10px; right: -15px; + width: 28px; height: 28px; + background: transparent url(img/shadow/top-right.png); +} +.v-shadow-window .left { + position: absolute; overflow: hidden; + top: 18px; left: -15px; + width: 28px; + bottom: 10px; + background: transparent url(img/shadow/left.png); +} +.v-shadow-window .center { + position: absolute; overflow: hidden; + top: 18px; left: 13px; + bottom: 10px; right: 13px; + background: transparent url(img/shadow/center.png); +} +.v-shadow-window .right { + position: absolute; overflow: hidden; + top: 18px; right: -15px; + width: 28px; + bottom: 10px; + background: transparent url(img/shadow/right.png); +} +.v-shadow-window .bottom-left { + position: absolute; overflow: hidden; + bottom: -18px; left: -15px; + width: 28px; height: 28px; + background: transparent url(img/shadow/bottom-left.png); +} +.v-shadow-window .bottom { + position: absolute; overflow: hidden; + bottom: -18px; left: 13px; + right: 13px; height: 28px; + background: transparent url(img/shadow/bottom.png); +} +.v-shadow-window .bottom-right { + position: absolute; overflow: hidden; + bottom: -18px; right: -15px; + width: 28px; height: 28px; + background: transparent url(img/shadow/bottom-right.png); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/chameleon.scss b/themes/src/main/resources/VAADIN/themes/chameleon/chameleon.scss new file mode 100644 index 0000000000..b315678308 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/chameleon.scss @@ -0,0 +1,17 @@ +$font-size: 13px !default; +$line-height: 1.4 !default; + +@import "../base/base.scss"; +@import "common/common.scss"; +@import "components/components.scss"; +@import "compound/compound.scss"; + +@mixin chameleon { + // TODO move this? + @include base; + // TODO each + @include chameleon-app; + @include chameleon-common; + @include chameleon-components; + @include chameleon-compound; +} diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/common/common.scss b/themes/src/main/resources/VAADIN/themes/chameleon/common/common.scss new file mode 100644 index 0000000000..82e0810bc2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/common/common.scss @@ -0,0 +1,176 @@ +// this file defines the common chameleon mixin any related variables etc. + +$chameleon-app-background: transparent; + +$chameleon-font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; +$chameleon-font-size: 13px; +$chameleon-font-size-small: 11.05px; +$chameleon-font-size-big: 15.6px; +$chameleon-line-height: 1.4; + + +// rules on the application level, above theme selection +@mixin chameleon-app { + // App background & tooltip + &.v-app { + background: transparent; + overflow: hidden; + } + + .v-ui { + margin-top: 0; + border-top: none; + } + + .v-tooltip { + background: #fdfdee; + border: 1px solid #c0c0b9; + padding: 1px 5px; + color: #222; + font-size: 11.7px; + line-height: normal; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + } + + .v-sa & .v-tooltip { + outline-color: #000000; /* Fallback for browsers that does not support RGBA such as IE8 */ + outline-color: rgba(0,0,0,.2); + outline: 1px solid; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border: none; + } + + // TODO move most of the rest to chameleon-common + + // Global fonts + + // First all the containers that have other components inside them, and are + // possibly overlay elements (which reside inside the BODY element, not the .v-app element) + + // Then come all other overlay elements, that do not have other arbitrary + // components inside them (from v-filterselect-suggestpopup onwards) + + &.v-app, + .v-window, + .v-popupview-popup, + .v-tooltip, + &.v-app input, + &.v-app select, + &.v-app button, + &.v-app textarea, + .v-window input, + .v-window select, + .v-window button, + .v-window textarea, + .v-popupview-popup input, + .v-popupview-popup select, + .v-popupview-popup button, + .v-popupview-popup textarea, + .v-filterselect-suggestpopup, + .v-datefield-popup, + .v-contextmenu, + .v-Notification, + .v-menubar-submenu, + .v-table-header-drag, + .v-menubar-submenu, + .v-drag-element { + font-family: $chameleon-font-family; + font-size: $chameleon-font-size; + line-height: $chameleon-line-height; + color: #222; + } + + + + // Generic overlay elements + + .v-window, + .v-popupview-popup, + .v-filterselect-suggestpopup, + .v-datefield-popup, + .v-contextmenu, + .v-Notification, + .v-menubar-submenu { + border: 1px solid #adadad; + border-color: #000000; /* Fallback for browsers that does not support RGBA such as IE8 */ + border-color: rgba(0,0,0,.4); + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + overflow: hidden; + } + .v-window, + .v-popupview-popup, + .v-filterselect-suggestpopup, + .v-datefield-popup, + .v-contextmenu, + .v-menubar-submenu{ + background: #e8e8e8; /* Fallback for browsers that does not support RGBA such as IE8 */ + background: rgba(232,232,232,.90); + background-image: url(../img/grad-light-top.png) repeat-x; + } + .v-filterselect-suggestpopup, + .v-contextmenu, + .v-menubar-submenu { + padding: 3px 0; + } + + .v-contextmenu .gwt-MenuItem, + .v-filterselect-suggestpopup .gwt-MenuItem, + .v-menubar-submenu .v-menubar-menuitem { + padding: .05em .7em; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + cursor: default; + } + + .v-contextmenu td.gwt-MenuItem-selected div, + .v-filterselect-suggestpopup td.gwt-MenuItem-selected, + .v-table .v-table-body .v-selected, + .v-menubar-submenu span.v-menubar-menuitem-selected { + text-shadow: none; + } + + .v-contextmenu .gwt-MenuItem-selected, + .v-filterselect-suggestpopup .gwt-MenuItem-selected, + .v-table .v-selected, + .v-menubar-submenu .v-menubar-menuitem-selected { + background-color: #333; + } + + .v-contextmenu .gwt-MenuItem-selected div { + background: transparent; + } + + + // Misc. generics + + .v-tooltip .v-errormessage { + color: #b2320b; + padding-left: 14px; + background: transparent url(../img/error-indicator.png) no-repeat 0 50%; + } + +} + +@mixin chameleon-common { + // Misc. generics + + .v-errorindicator { + width: 13px; + height: 1.4em; + background: transparent url(../img/error-indicator.png) no-repeat right 50%; + } + + .v-caption-small .v-errorindicator { + height: 1.2em; + } + + .v-caption-big .v-errorindicator { + height: 1.8em; + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/accordion/accordion.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/accordion/accordion.scss new file mode 100644 index 0000000000..2fe0307fe0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/accordion/accordion.scss @@ -0,0 +1,80 @@ +@mixin chameleon-accordion($primaryStyleName : v-accordion) { + +.#{$primaryStyleName} { + border: 1px solid #b3b3b3; + } + +.#{$primaryStyleName}-item-open { + border-bottom: 1px solid #b3b3be; + } + +.#{$primaryStyleName}-item-caption, +.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { + padding: 0; + background: transparent url(../../img/grad-light-top.png) repeat-x; + border-width: 0 0 1px 0; + border-style: solid none; + } + +div.#{$primaryStyleName}-item-caption, +div.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { + background-color: transparent; + } + +.#{$primaryStyleName}-item-caption .v-caption { + padding: .2em .9em; + } + +.#{$primaryStyleName}-item-caption:active { + background-image: url(../../img/grad-dark-bottom.png); + background-position: left bottom; + } + +/******************************************************************************* + * Opaque + ******************************************************************************/ +.#{$primaryStyleName}-opaque { + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + } + +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-caption, +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open { + border: none; + } + +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-caption, +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption:active { + background-color: #b8b8b8; + } + +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-open { + background-color: #fff; + } + +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-first, +.#{$primaryStyleName}-opaque .#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { + -webkit-border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-topright: 3px; + overflow: hidden; + } + + +/******************************************************************************* + * Borderless + ******************************************************************************/ +.#{$primaryStyleName}-borderless { + border: none; + } + +.#{$primaryStyleName}-opaque.borderless, +.#{$primaryStyleName}-opaque.borderless .#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/button/button.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/button/button.scss new file mode 100644 index 0000000000..f2b597c59a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/button/button.scss @@ -0,0 +1,261 @@ +@mixin chameleon-button($primaryStyleName : v-button) { + +.#{$primaryStyleName}:active, +.v-ie8 & .v-pressed.#{$primaryStyleName}, +div.#{$primaryStyleName}-down { + background-image: url(../../img/grad-dark-bottom2.png); + background-color: #afafaf; + } + +.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, +.v-ie8 & .v-pressed.#{$primaryStyleName} .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-down .#{$primaryStyleName}-wrap { + background-image: url(../../img/grad-dark-top2.png); + border: 1px solid #888; + padding: 3px 12px; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +div.#{$primaryStyleName}-down .#{$primaryStyleName}-wrap { + background-image: url(../../img/grad-dark-top2.png); + } + +.#{$primaryStyleName} { + overflow: hidden; + } + +.#{$primaryStyleName}, +.v-disabled.#{$primaryStyleName}:focus, +.v-disabled.#{$primaryStyleName}:active { + border: 1px solid #8b8b8b; + background: #c9c9c9; + border-radius: 3px; + background: #c9c9c9 url(../../img/grad-dark-bottom.png) repeat-x left bottom; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2); + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2); + text-shadow: 0 1px 0 #fff; + padding: 0; + } + +.#{$primaryStyleName}-wrap, +.v-disabled:active .#{$primaryStyleName}-wrap { + display: block; + padding: 4px 13px; + border: none; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + background: transparent url(../../img/grad-light-top.png) repeat-x; + height: 100%; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + } + +.v-sa & .#{$primaryStyleName}, +.v-sa & .#{$primaryStyleName}-wrap, +.v-ff & .#{$primaryStyleName}, +.v-ff & .#{$primaryStyleName}-wrap { + overflow: hidden; + } + +.#{$primaryStyleName}:focus { + outline: none; + } + +.#{$primaryStyleName} .v-icon { + margin-left: -0.5em; + } + +.#{$primaryStyleName} .#{$primaryStyleName}-caption { + line-height: 1.26; + } + + +/******************************************************************************* + * Big + ******************************************************************************/ +.#{$primaryStyleName}-big { + font-size: $chameleon-font-size-big; + } + + +/******************************************************************************* + * Small + ******************************************************************************/ +.#{$primaryStyleName}-small { + font-size: $chameleon-font-size-small; + font-weight: normal; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { + padding: 3px 11px; + } + +.#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, +.v-ie8 & .#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-down.small .#{$primaryStyleName}-wrap { + padding: 2px 10px; + } + +.#{$primaryStyleName}-small .v-icon { + margin-top: -4px; + margin-bottom: -4px; + } + + +/******************************************************************************* + * Wide + ******************************************************************************/ +.#{$primaryStyleName}-wide .#{$primaryStyleName}-wrap { + padding-left: 26px; + padding-right: 26px; + } + +.#{$primaryStyleName}-wide:active .#{$primaryStyleName}-wrap, +.v-ie8 & .#{$primaryStyleName}-wide.v-pressed .#{$primaryStyleName}-wrap { + padding-left: 25px; + padding-right: 25px; + } + + +/******************************************************************************* + * Tall + ******************************************************************************/ +.#{$primaryStyleName}-tall .#{$primaryStyleName}-wrap { + padding-top: 13px; + padding-bottom: 13px; + } + +.#{$primaryStyleName}-tall:active .#{$primaryStyleName}-wrap, +.v-ie8 & .#{$primaryStyleName}-tall.v-pressed .#{$primaryStyleName}-wrap { + padding-top: 12px; + padding-bottom: 12px; + } + + +/******************************************************************************* + * Default + ******************************************************************************/ +.#{$primaryStyleName}-default, +.v-disabled.#{$primaryStyleName}-default:focus { + font-weight: bold; + } + + +/******************************************************************************* + * Link & borderless + ******************************************************************************/ +div.#{$primaryStyleName}-link, +div.#{$primaryStyleName}-link:focus, +.#{$primaryStyleName}-link:active, +div.v-disabled.#{$primaryStyleName}-link, +div.v-disabled.#{$primaryStyleName}-link:focus, +body.v-ie & .v-pressed.#{$primaryStyleName}-link, +div.#{$primaryStyleName}-borderless, +div.#{$primaryStyleName}-borderless:focus, +.#{$primaryStyleName}-borderless:active, +div.v-disabled.#{$primaryStyleName}-borderless, +div.v-disabled.#{$primaryStyleName}-borderless:focus, +body.v-ie & .v-pressed.#{$primaryStyleName}-borderless { + background: transparent; + font-weight: normal; + text-shadow: none; + border: none; + margin: 1px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + +.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap { + display: inline; + } + +div.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +div.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, +div.v-disabled.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +div.v-disabled.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, +body.v-ie & .v-pressed.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap, +div.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-wrap, +div.v-disabled.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap, +div.v-disabled.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-wrap, +body.v-ie & .v-pressed.#{$primaryStyleName}-borderless .#{$primaryStyleName}-wrap { + background: transparent; + font-weight: normal; + text-shadow: none; + border: none; + padding: 1px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + +.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption, +.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-caption { + border: 1px dotted gray; + margin: -1px; + } + +.#{$primaryStyleName}-link:active .#{$primaryStyleName}-caption, +.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-caption { + border: none; + margin: 0; + } + +.#{$primaryStyleName}-borderless:active .v-icon { + opacity: .6; + } + +.#{$primaryStyleName}-link .v-icon, +.#{$primaryStyleName}-borderless .v-icon { + margin-left: 0; + } + + +/******************************************************************************* + * Icon-on-top + ******************************************************************************/ +.#{$primaryStyleName}-icon-on-top.#{$primaryStyleName}-borderless:focus .#{$primaryStyleName}-caption { + margin-top: 1px; + } + +.#{$primaryStyleName}-icon-on-top .#{$primaryStyleName}-caption, +.#{$primaryStyleName}-icon-on-top:focus .#{$primaryStyleName}-caption, +.#{$primaryStyleName}-icon-on-top.#{$primaryStyleName}-borderless:active .#{$primaryStyleName}-caption { + display: block; + margin-top: 2px; + } + +.#{$primaryStyleName}-icon-on-top .v-icon { + margin: 0; + } + + +/******************************************************************************* + * Icon-on-right + ******************************************************************************/ +.#{$primaryStyleName}-icon-on-right .v-icon { + float: right; + margin-left: 3px; + margin-right: -0.5em; + } + + +/******************************************************************************* + * Icon-only + ******************************************************************************/ +.#{$primaryStyleName}-icon-only .#{$primaryStyleName}-caption { + display: none; + } + +.#{$primaryStyleName}-icon-only .v-icon { + margin-right: -.5em; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss new file mode 100644 index 0000000000..98f00f0626 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/colorpicker/colorpicker.scss @@ -0,0 +1,15 @@ +@mixin chameleon-colorpicker($name : v-colorpicker) { + +.#{$name}-button-color { + border: 1px solid #8B8B8B; +} + +.#{$name}-popup { + width: 248px; +} + +.#{$name}-popup .v-tabsheet .#{$name}-grid { + height: 308px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/components.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/components.scss new file mode 100644 index 0000000000..578ea23bf3 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/components.scss @@ -0,0 +1,53 @@ +@import "accordion/accordion.scss"; +@import "button/button.scss"; +@import "colorpicker/colorpicker.scss"; +@import "grid/grid.scss"; +@import "label/label.scss"; +@import "menubar/menubar.scss"; +@import "notification/notification.scss"; +@import "panel/panel.scss"; +@import "popupview/popupview.scss"; +@import "progressindicator/progressindicator.scss"; +@import "slider/slider.scss"; +@import "splitpanel/splitpanel.scss"; +@import "table/table.scss"; +@import "textfield/textfield.scss"; +// datefield and selects must be after textfield +@import "datefield/datefield.scss"; +@import "inlinedatefield/inlinedatefield.scss"; +@import "selects/selects.scss"; +@import "tabsheet/tabsheet.scss"; +@import "tree/tree.scss"; +@import "window/window.scss"; + +@mixin chameleon-components { + + @include chameleon-accordion; + @include chameleon-button; + @include chameleon-colorpicker; + @include chameleon-grid; + @include chameleon-label; + @include chameleon-menubar; + @include chameleon-notification; + @include chameleon-panel; + @include chameleon-popupview; + + @include chameleon-progressindicator(v-progressbar); + /* For legacy ProgressIndicator component */ + @include chameleon-progressindicator(v-progressindicator); + + @include chameleon-slider; + @include chameleon-splitpanel; + @include chameleon-table; + @include chameleon-textfield; + + // datefield and selects must be after textfield + @include chameleon-datefield; + @include chameleon-inline-datefield; + + @include chameleon-selects; + @include chameleon-tabsheet; + @include chameleon-tree; + @include chameleon-window; + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/datefield/datefield.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/datefield/datefield.scss new file mode 100644 index 0000000000..2947a71896 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/datefield/datefield.scss @@ -0,0 +1,285 @@ +@mixin chameleon-datefield($primaryStyleName : v-datefield) { + +$popupdatefield-button-width: 25px; +$negative-popupdatefield-button-width: -25px; + +$popupdatefield-height: 1.7em; +$popupdatefield-small-height: 1.6em; +$popupdatefield-big-height: 1.9em; + +.#{$primaryStyleName}-button { + background: #dadada url(../../img/date-btn.png) repeat-x 50% 0; + border: 1px solid gray; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + width: $popupdatefield-button-width; + margin-right: $negative-popupdatefield-button-width; + height: $popupdatefield-height; + padding: .2em 0; + } + + +input.#{$primaryStyleName}-textfield[type="text"] { + border-right: none; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + height: $popupdatefield-height; + } + +/******************************************************************************* + * Big + ******************************************************************************/ +.#{$primaryStyleName}-big { + .#{$primaryStyleName}-button { + padding: .3em 0; + height: $popupdatefield-big-height; + width: 32px; + background-image: url(../../img/date-btn-big.png); + font-size: $chameleon-font-size-big; + } + input.#{$primaryStyleName}-textfield[type="text"] { + height: $popupdatefield-big-height; + font-size: $chameleon-font-size-big; + } +} + + +/******************************************************************************* + * Small + ******************************************************************************/ +.#{$primaryStyleName}-small { + .#{$primaryStyleName}-button { + height: $popupdatefield-small-height; + width: 19px; + background-position: 50% -2px; + font-size: $chameleon-font-size-small; + } + input.#{$primaryStyleName}-textfield[type="text"] { + height: $popupdatefield-small-height; + font-size: $chameleon-font-size-small; + } + +} + +/******************************************************************************* + * Calendar panel + ******************************************************************************/ +.#{$primaryStyleName}-calendarpanel { + border-collapse: collapse; + margin: 0; + padding: 0; + height: auto !important; + font-size: 11.7px; + } + +.#{$primaryStyleName}-month .#{$primaryStyleName}-textfield { + width: 6.4em; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-textfield { + width: 4.4em; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevmonth, +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextmonth { + display: none; + } + +.#{$primaryStyleName}-calendarpanel-header td { + border-bottom: 1px solid #666; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-header td, +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-header td { + border-bottom: none; + } + +td.#{$primaryStyleName}-calendarpanel-month { + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -1px; + text-shadow: 0 1px 0 rgba(255,255,255,.7); + } + +span.#{$primaryStyleName}-calendarpanel-month { + display: block; + text-align: center; + overflow: hidden; + line-height: 2em; + height: 1.8em; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { + width: 5.4em; + } + +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { + width: 9.4em; + } + +.#{$primaryStyleName}-popupcalendar { + min-width: 0; + padding-right: $popupdatefield-button-width; +} + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { + width: 8.4em; + } + +td.#{$primaryStyleName}-calendarpanel-prevyear { + text-align: right; + } + +td.#{$primaryStyleName}-calendarpanel-nextyear { + text-align: left; + } + +.#{$primaryStyleName}-calendarpanel-header button { + font-size: 13px; + line-height: normal; + width: 100%; + padding: 0 .8em; + height: 1.8em; + border: none; + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -1px; + overflow: hidden; + outline: none; + cursor: pointer; + } + +.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel-header button { + background-position: 0 0; + } + +.#{$primaryStyleName}-calendarpanel-header button:active { + background-image: url(../../img/grad-dark-top2.png); + } + +.#{$primaryStyleName}-calendarpanel-prevyear button { + -webkit-border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; + } + +.#{$primaryStyleName}-calendarpanel-nextyear button { + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevyear button, +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-prevyear button { + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + } + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextyear button, +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-nextyear button { + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + } + +.#{$primaryStyleName}-calendarpanel-body, +.#{$primaryStyleName}-calendarpanel-time { + text-align: center; + vertical-align: top; + } + +.#{$primaryStyleName}-calendarpanel-body table { + border-collapse: collapse; + margin: 0; + padding: 0; + margin: 0 auto; + } + +.#{$primaryStyleName}-calendarpanel-weekdays td { + width: 14.2%; + overflow: hidden; + line-height: normal; + text-transform: uppercase; + vertical-align: top; + } + +.#{$primaryStyleName}-calendarpanel-weeknumbers td { + width: 12.5%; + } + +.#{$primaryStyleName}-calendarpanel-weekdays strong { + display: block; + text-align: right; + font-size: 10.4px; + padding: .3em .5em .35em 0; + height: 1.1em; + color: #fff; + text-shadow: 0 1px 0 rgba(0,0,0,.5); + background: #c9c9c9 url(../../img/grad-dark-top2.png) repeat-x; + margin-bottom: 2px; + } + +.#{$primaryStyleName}-calendarpanel .v-first strong { + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + } + +.#{$primaryStyleName}-calendarpanel .v-last strong { + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + } + +.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel .v-first strong, +.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel .v-last strong { + -webkit-border-radius: 0; + -moz-border-radius: 0; + } + +.#{$primaryStyleName}-calendarpanel-body td { + text-align: right; + height: 1.6em; + } + +.#{$primaryStyleName}-calendarpanel-weeknumber { + padding: .5em .5em .35em 0; + font-size: 11.7px; + } + +.#{$primaryStyleName}-calendarpanel-day, +.#{$primaryStyleName}-calendarpanel-day-today { + padding: .15em .5em .15em 0; + display: block; + margin: 1px 1px 1px .3em; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +.#{$primaryStyleName}-calendarpanel-day-focused, +.#{$primaryStyleName}-calendarpanel-day:hover { + margin: 0 0 0 .2em; + border: 1px solid #b3b3b3; + outline: none; + } + +.#{$primaryStyleName}-calendarpanel-day-today { + border: none; + background: transparent url(../../img/grad-dark-top2.png) repeat-x; + margin: 0 0 0 .2em; + font-weight: bold; + border: 1px solid #c9c9c9; + } + +.#{$primaryStyleName}-calendarpanel-day-selected, +.#{$primaryStyleName}-calendarpanel-day-selected:hover { + margin: 0 0 0 .3em; + border: none; + } + +.#{$primaryStyleName}-calendarpanel-time select { + padding: 0; + font-size: 11.7px; + margin: 0; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/grid/grid.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/grid/grid.scss new file mode 100644 index 0000000000..5007ad6619 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/grid/grid.scss @@ -0,0 +1,12 @@ +@mixin chameleon-grid($primaryStyleName: v-grid) { + + // Sidebar + .#{$primaryStyleName}-sidebar.v-contextmenu { + + .v-on:before, .v-off:before { + content: none; + font-size: 0; + margin-right: 0; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss new file mode 100644 index 0000000000..deceee19be --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/inlinedatefield/inlinedatefield.scss @@ -0,0 +1,10 @@ +@mixin chameleon-inline-datefield($primaryStyleName : v-inline-datefield){ + + /* FIXME $primaryStyleName should be passed to the the mixing instead of the default. Fix when SASS compiler works. #9821 */ + @include chameleon-datefield(v-inline-datefield); + + .#{$primaryStyleName}, + .#{$primaryStyleName}-calendarpanel-day { + line-height:16px; /* Override popup datefields line-height:0 to get correct line heights */ + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/label/label.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/label/label.scss new file mode 100644 index 0000000000..5afcbd584a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/label/label.scss @@ -0,0 +1,131 @@ +@mixin chameleon-label($primaryStyleName : v-label) { + +/******************************************************************************* + * Different headers + ******************************************************************************/ +.#{$primaryStyleName}-h1, +.#{$primaryStyleName} h1, +.#{$primaryStyleName}-h2, +.#{$primaryStyleName} h2, +.#{$primaryStyleName}-h3, +.#{$primaryStyleName} h3, +.#{$primaryStyleName}-h4, +.#{$primaryStyleName} h4 { + margin: 0; + font-weight: bold; + } + +.#{$primaryStyleName}-h1, +.#{$primaryStyleName} h1 { + padding: .75em 0 .5em 0; + font-size: 24.05px; + } + +.#{$primaryStyleName}-h2, +.#{$primaryStyleName} h2 { + padding: .67em 0 .33em 0; + font-size: 18.2px; + } + +.#{$primaryStyleName}-h3, +.#{$primaryStyleName} h3 { + margin: .71em 0 .29em 0; + font-size: 14.3px; + } + +.#{$primaryStyleName}-h4, +.#{$primaryStyleName} h4 { + padding: .23em 0; + font-size: 13px; + } + + +/******************************************************************************* + * Big + ******************************************************************************/ +.#{$primaryStyleName}-big { + font-size: $chameleon-font-size-big; + } + + +/******************************************************************************* + * Small + ******************************************************************************/ +.#{$primaryStyleName}-small { + font-size: 11.7px; + line-height: 1.3; + opacity: .8; + filter: alpha(opacity=80); + } + + +/******************************************************************************* + * Tiny + ******************************************************************************/ +.#{$primaryStyleName}-tiny { + font-size: $chameleon-font-size-small; + line-height: 1.2; + opacity: .7; + filter: alpha(opacity=70); + } + + +/******************************************************************************* + * Warning & error + ******************************************************************************/ +&.v-app .#{$primaryStyleName}-warning, +&.v-app .#{$primaryStyleName}-error { + color: #574734; + background: #fffec8 url(../../img/label-warning-icon.png) no-repeat .2em 50%; + white-space: nowrap; + padding: .3em 1em .3em 2.4em; + overflow: hidden; + width: auto !important; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + text-shadow: none; + } + +&.v-app .#{$primaryStyleName}-error { + color: #fff; + font-weight: bold; + background: #c22f24 url(../../img/label-error-icon.png) no-repeat .2em 50%; + text-shadow: 0 1px 0 #8f2e27; + } + + +/******************************************************************************* + * Big warning & big error + ******************************************************************************/ +.#{$primaryStyleName}-big.#{$primaryStyleName}-warning, +.#{$primaryStyleName}-big.#{$primaryStyleName}-error { + background-image: url(../../img/label-warning-icon-big.png); + background-position: 0 50%; + padding: .5em 1em .5em 3em; + } + +.#{$primaryStyleName}-big.#{$primaryStyleName}-error { + background-image: url(../../img/label-error-icon-big.png); + } + + +/******************************************************************************* + * Loading + ******************************************************************************/ +&.v-app .#{$primaryStyleName}-loading { + height: 32px; + line-height: 32px; + background-image: url(../../../base/common/img/loading-indicator.gif); + background-repeat: no-repeat; + background-position: 0 50%; + white-space: nowrap; + padding: .3em 1em .3em 36px; + overflow: hidden; + width: auto !important; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/menubar/menubar.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/menubar/menubar.scss new file mode 100644 index 0000000000..0db478855d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/menubar/menubar.scss @@ -0,0 +1,31 @@ +@mixin chameleon-menubar($primaryStyleName : v-menubar) { + +.#{$primaryStyleName} { + padding: 0 .4em; + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; + border: 1px solid #b3b3b3; + border-width: 1px 0; + } + +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { + padding: .2em .5em; + line-height: normal; + } + +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { + padding-right:1.5em; + } + +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { + margin-top: .1em; + font-size: 11.7px; + } + +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected { + background-image: url(../../img/grad-light-top2.png); + background-position: 0 -1px; + } +.#{$primaryStyleName}-popup { + border-radius: 5px; + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/notification/notification.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/notification/notification.scss new file mode 100644 index 0000000000..a1454ccfad --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/notification/notification.scss @@ -0,0 +1,71 @@ +@mixin chameleon-notification($primaryStyleName : v-Notification) { + +div.#{$primaryStyleName} { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + font-size: 16px; + -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.7); + -moz-box-shadow: 0 2px 5px rgba(0,0,0,.7); + box-shadow: 0 2px 5px rgba(0,0,0,.7); + //IE8 does not support rgba, using just rgb + background:rgb(255,255,255) url(../../img/grad-light-top.png) repeat-x; + background:rgba(255,255,255,.90) url(../../img/grad-light-top.png) repeat-x; + } + +.#{$primaryStyleName}-description { + line-height: 1.3; + } + +div.#{$primaryStyleName}-warning { + background-color: #fffec8; + color: #574734; + border: 2px solid #fee3af; + } + +div.#{$primaryStyleName}-warning .#{$primaryStyleName}-caption { + padding-left: 44px; + background: transparent url(../../img/label-warning-icon-big.png) no-repeat 0 50%; + } + +div.#{$primaryStyleName}-error { + color: #fff; + text-shadow: 0 1px 2px rgba(0,0,0,.3); + background: #c22f24 url(../../img/error-close.png) no-repeat right top; + border: 2px solid #ca3030; + } + +div.#{$primaryStyleName}-error .#{$primaryStyleName}-caption { + padding-left: 44px; + background: transparent url(../../img/label-error-icon-big.png) no-repeat 0 50%; + } + +div.#{$primaryStyleName}-tray { + color: #fff; + margin: 0 5px 5px 0; + background: #3b3b3b url(../../img/grad-light-top2.png) repeat-x; + border: 1px solid #5b5b5b; + padding: 0.8em 0.9em; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + text-shadow: 0 1px 1px rgba(0,0,0,.5); + } + +.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { + font-size: 14px; + line-height: 18px; + } + +.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { + font-size: 12px; + font-weight: normal; + } + +div.#{$primaryStyleName}-system { + color: #fff; + border: none; + background-color: #b40000; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/panel/panel.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/panel/panel.scss new file mode 100644 index 0000000000..bae827b484 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/panel/panel.scss @@ -0,0 +1,124 @@ +@mixin chameleon-panel($primaryStyleName : v-panel) { + +.#{$primaryStyleName}-caption { + background: #b9dcff; + font-size: 15.6px; + border: 1px solid #b3b3b3; + border-bottom: none; + padding: .2em .6em; + } + +.#{$primaryStyleName}-nocaption { + padding: 0; + height: 0; + overflow: hidden; + border-top: 1px solid #b3b3b3; + } + +.#{$primaryStyleName}-content { + background: #fff; + border: 1px solid #b3b3b3; + border-top: none; + border-bottom: none; + } + +.#{$primaryStyleName}-deco { + height: 0; + overflow: hidden; + border-top: 1px solid #b3b3b3; + } + + +/******************************************************************************* + * Borderless + ******************************************************************************/ +div.#{$primaryStyleName}-caption-borderless { + border: none; + } + +div.#{$primaryStyleName}-nocaption-borderless, +div.#{$primaryStyleName}-content-borderless, +div.#{$primaryStyleName}-deco-borderless { + border: none; + background: transparent; + } + + +/******************************************************************************* + * Light + ******************************************************************************/ +.#{$primaryStyleName}-light .#{$primaryStyleName}-caption-light { + background: transparent; + font-weight: normal; + border-bottom: 1px solid #b3b3b3; + } + +div.#{$primaryStyleName}-content-light { + background: transparent; + } + + +/******************************************************************************* + * Bubble + ******************************************************************************/ +.#{$primaryStyleName}-bubble .#{$primaryStyleName}-captionwrap { + border: 1px solid #b3b3b3; + border-bottom: none; + background: #fff; + -webkit-border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-topright: 4px; + padding: 1px 2px; + overflow: hidden; + } + +.#{$primaryStyleName}-bubble .#{$primaryStyleName}-caption-bubble { + border: none; + background-image: url(../../img/grad-light-top.png); + background-repeat: repeat-x; + background-position: 0 -1px; + color: #fff; + text-shadow: 0 -1px 0 rgba(0,0,0,.4); + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + margin: 1px 0; + font-size: 13px; + line-height: 1.2; + padding: .3em .6em; + } + +.#{$primaryStyleName}-nocaption-bubble { + padding: 0; + margin: 0; + border: none; + } + +.#{$primaryStyleName}-deco-bubble { + height: 2px; + border: 1px solid #b3b3b3; + border-top: none; + background: #fff; + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-bottomright: 4px; + } + + +/******************************************************************************* + * Borderless Bubble + ******************************************************************************/ +div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-captionwrap, +div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-deco-bubble { + border: none; + padding: 0; + background: transparent; + } + +div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-content-bubble { + background: transparent; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/popupview/popupview.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/popupview/popupview.scss new file mode 100644 index 0000000000..978ca56391 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/popupview/popupview.scss @@ -0,0 +1,7 @@ +@mixin chameleon-popupview($primaryStyleName : v-popupview) { + +.#{$primaryStyleName}-popup { + padding: .3em .4em; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss new file mode 100644 index 0000000000..56eb2cc6c9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/progressindicator/progressindicator.scss @@ -0,0 +1,116 @@ +@mixin chameleon-progressindicator($primaryStyleName : v-progressindicator) { + +.#{$primaryStyleName}-wrapper { + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + background: #eee url(../../img/grad-dark-bottom.png) repeat-x left bottom; + overflow: visible; + font-size: 1px; + line-height: 1px; + } + +.#{$primaryStyleName}-indicator { + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x 0 -10px; + margin: -1px; + height: 7px; + border: 1px solid #b3b3b3; + } + + +/******************************************************************************* + * Small + ******************************************************************************/ +.#{$primaryStyleName}-small { + width: 110px; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-wrapper, +.#{$primaryStyleName}-small .#{$primaryStyleName}-indicator { + height: 2px; + border-radius: 1px; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + } + + +/******************************************************************************* + * Big + ******************************************************************************/ +.#{$primaryStyleName}-big { + width: 250px; + } + +.#{$primaryStyleName}-big .#{$primaryStyleName}-wrapper, +.#{$primaryStyleName}-big .#{$primaryStyleName}-indicator { + height: 14px; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + } + + +/******************************************************************************* + * Indeterminates + ******************************************************************************/ +.#{$primaryStyleName}-indeterminate.#{$primaryStyleName}-big { + width: 42px; + height: 42px; + background: #fff url(../../../base/common/img/ajax-loader-big.gif) no-repeat 50%; + } + +.#{$primaryStyleName}-indeterminate.v-disabled { + display: none; + } + +.#{$primaryStyleName}-indeterminate.#{$primaryStyleName}-bar { + display: block; + width: 150px; + height: 9px; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-small { + width: 110px; + height: 4px; + } + +.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-big { + width: 200px; + height: 16px; + } + +.#{$primaryStyleName}-indeterminate.bar .#{$primaryStyleName}-wrapper { + display: block; + background: #fff url(../../img/indeterminate-progress.gif); + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + overflow: hidden; + } + +.#{$primaryStyleName}-indeterminate.bar .#{$primaryStyleName}-indicator { + display: block; + background: transparent url(../../img/grad-light-top.png) repeat-x; + border: none; + margin: 0; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + overflow: hidden; + } + +.#{$primaryStyleName}-indeterminate.bar.#{$primaryStyleName}-small .#{$primaryStyleName}-indicator { + background: transparent; + } + +.#{$primaryStyleName}-indeterminate.bar.v-disabled .#{$primaryStyleName}-indicator { + background: #fff; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/selects/selects.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/selects/selects.scss new file mode 100644 index 0000000000..fc51e8a779 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/selects/selects.scss @@ -0,0 +1,177 @@ +@mixin chameleon-selects($primaryStyleName : v-filterselect) { + +$select-button-width : 16px; +$select-button-negative-width : -16px; + +.#{$primaryStyleName} { + overflow: hidden; + padding-right: $select-button-width; /* Space for the button */ + } + +&.v-app input.#{$primaryStyleName}-input { + margin: 0; + padding: 0; + border: none; + background: transparent; + line-height: normal; + } + +&.v-app input.#{$primaryStyleName}-input[type=text] { + padding: 0; + } + +.#{$primaryStyleName}-focus .#{$primaryStyleName}-input, +.#{$primaryStyleName} .#{$primaryStyleName}-input:focus { + outline: none; + } + +.#{$primaryStyleName}-big.#{$primaryStyleName}-search { + padding-left: 22px; + } + +.#{$primaryStyleName}-button { + width: $select-button-width; + margin-right: $select-button-negative-width; + height: 1.2em; + background-position: -5px -11px; + opacity: .4; + } + +.#{$primaryStyleName}-button:hover { + opacity: .7; + } + +.#{$primaryStyleName}-button:active { + opacity: 1; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-button { + height: 0.95em; + background-position: -5px -12px; + } + +.#{$primaryStyleName}-suggestpopup { + margin-top: .4em; + } +.#{$primaryStyleName}-suggestmenu tr { + line-height:1.4em; +} + +&.v-app .#{$primaryStyleName}-suggestpopup-small td { + font-size: $chameleon-font-size-small; + } + +&.v-app .#{$primaryStyleName}-suggestpopup-big td { + font-size: 14.3px; + } + +.#{$primaryStyleName}-big .#{$primaryStyleName}-button { + height: 1.4em; + background-position: -5px -9px; + } + +.#{$primaryStyleName}-search .#{$primaryStyleName}-button { + width: 0; + overflow: hidden; + margin-right: 0; + } + +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { + font-style: normal; + } + +.#{$primaryStyleName}-prevpage-off, +.#{$primaryStyleName}-nextpage-off, +.#{$primaryStyleName}-prevpage, +.#{$primaryStyleName}-nextpage { + border-style: solid; + border-width: 1px 0; + border-color: #b3b3b3; + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; + height: 12px; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + } + +.#{$primaryStyleName}-prevpage:active, +.#{$primaryStyleName}-nextpage:active { + // TODO check - was missing a part of the rule + background-image: #c9c9c9 url(../../img/grad-dark-bottom2.png); + background-position: left bottom; + } + +.#{$primaryStyleName}-prevpage-off span, +.#{$primaryStyleName}-nextpage-off span, +.#{$primaryStyleName}-prevpage span, +.#{$primaryStyleName}-nextpage span { + display: block; + text-indent: -9999px; + height: 12px; + background: transparent url(../../../base/common/img/sprites.png) no-repeat 50% 3px; + } + +.#{$primaryStyleName}-nextpage-off span, +.#{$primaryStyleName}-nextpage span { + background-position: 50% -12px; + } + +.#{$primaryStyleName}-status { + font-size: 11.05px; + margin: 1px 0 -3px; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + } + +.#{$primaryStyleName}-suggestmenu .gwt-menuItem-selected { + background-image: url(../../img/grad-light-top2.png); + background-position: 0 -1px; + } + +.#{$primaryStyleName}-suggestpopup-small .#{$primaryStyleName}-status { + font-size: 10.4px; + } + +.#{$primaryStyleName}-suggestpopup-big .#{$primaryStyleName}-status { + font-size: 11.7px; + } + +.v-select-small .v-select-select { + font-size: 10.4px; + } + +.v-select-big .v-select-select { + font-size: $chameleon-font-size-big; + } + + +/******************************************************************************* + * Non-editable combobox (i.e. themable select) + ******************************************************************************/ +.#{$primaryStyleName}-select-button { + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; + position: relative; + padding: .3em .5em; + } + +.#{$primaryStyleName}-select-button .#{$primaryStyleName}-input { + display: block; + width: 100% !important; + user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + } + +.#{$primaryStyleName}-select-button .#{$primaryStyleName}-button { + position: absolute; + width: 100%; + top: 0; + left: 0; + height: 100%; + background-position: 100% -8px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/slider/slider.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/slider/slider.scss new file mode 100644 index 0000000000..30c5eb85cb --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/slider/slider.scss @@ -0,0 +1,60 @@ +@mixin chameleon-slider($primaryStyleName : v-slider) { + +.#{$primaryStyleName} { + border-top: 1px solid #9a9c9e; + border-bottom: 1px solid #bdbfc1; + margin: 3px 0; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + } + +.#{$primaryStyleName}-base { + height: 4px; + background: #e0e2e2 url(../../img/grad-dark-top2.png) repeat-x; + border-top: 1px solid #adb0b1; + border-left: 1px solid #a0a3a6; + border-right: 1px solid #a0a3a6; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +.#{$primaryStyleName}-handle { + background: #c9c9c9 url(../../img/grad-dark-bottom2.png) repeat-x left bottom; + border: 1px solid #b3b3b3; + width: 10px; + height: 10px; + margin-top: -5px; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5); + -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5); + cursor: pointer; + } + +.#{$primaryStyleName}-handle-active { + background-color: #afafaf; + } + +.#{$primaryStyleName}-vertical { + width: auto; + margin: 0 4px; + border-width: 0 1px; + } + +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { + background-image: none; + width: 4px; + border-width: 1px 1px 0; + } + +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { + width: 10px; + height: 10px; + margin: 0; + margin-left: -5px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..2496be6513 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss @@ -0,0 +1,67 @@ +@mixin chameleon-splitpanel($primaryStyleName : v-splitpanel) { + +.#{$primaryStyleName}-hsplitter div, +.#{$primaryStyleName}-vsplitter div { + background: transparent url(../../img/split-handle.png) no-repeat 2px 50%; + margin: 0 -1px; + width: 9px; + } + +.#{$primaryStyleName}-vsplitter div { + background-position: 50% 2px; + margin: -1px 0; + width: auto; + height: 9px; + } + +.#{$primaryStyleName}-hsplitter, +.#{$primaryStyleName}-hsplitter-locked { + border-style: solid; + border-width: 0 1px; + border-color: #b0b0b0; + width: 7px; + background: #b3b3b3 url(../../img/grad-light-left.png) repeat-y; + } + +.#{$primaryStyleName}-vsplitter, +.#{$primaryStyleName}-vsplitter-locked { + border-style: solid; + border-width: 1px 0; + border-color: #b0b0b0; + height: 7px; + background: #b3b3b3 url(../../img/grad-light-top.png) repeat-x; + } + +/******************************************************************************* + * Small + ******************************************************************************/ +&.v-app .#{$primaryStyleName}-hsplitter-small, +&.v-app .#{$primaryStyleName}-hsplitter-small-locked { + width: 1px; + border: none; + background-image: none; + } + +&.v-app .#{$primaryStyleName}-vsplitter-small, +&.v-app .#{$primaryStyleName}-vsplitter-small-locked { + height: 1px; + border: none; + background-image: none; + font-size: 1px; + line-height: 1px; + } + +.#{$primaryStyleName}-hsplitter-small div { + width: 7px; + margin-left: -2px; + background: transparent; + } + +.#{$primaryStyleName}-vsplitter-small div { + height: 7px; + margin-top: -2px; + background: transparent; + overflow: hidden; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/table/table.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/table/table.scss new file mode 100644 index 0000000000..f224e898f1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/table/table.scss @@ -0,0 +1,171 @@ +@mixin chameleon-table($primaryStyleName : v-table) { + +.#{$primaryStyleName}-table { + line-height: $line-height; +} + +.#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-header-drag { + background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x; + height: 1.4em; + line-height: normal; + } + +.#{$primaryStyleName}-caption-container, +.#{$primaryStyleName}-header-drag { + padding-top: .2em; + padding-right: 4px; + } + +.#{$primaryStyleName}-header-drag { + padding-left: .3em; + } + +.#{$primaryStyleName}-resizer { + background: transparent; + border-right: 1px solid #b3b3b3; + padding-left: 1px; + height: 1.4em; + } + +/* Targets the same element as .#{$primaryStyleName}-resizer */ +div.#{$primaryStyleName}-focus-slot-left { + background: transparent; + border-left: 2px solid #b3b3b3; + border-right: none; + padding-left: 0; + padding-right: 1px; + float: left; + margin: 0; + } + +.#{$primaryStyleName}-row, +.#{$primaryStyleName}-row-odd { + background: transparent; + } + +.#{$primaryStyleName}-generated-row { + background: #c9c9c9; + } + +.#{$primaryStyleName} tr.v-selected { + background-image: url(../../img/grad-light-top2.png); + background-position: 0 -1px; + } + +div.#{$primaryStyleName}-focus-slot-right { + background: transparent; + border-right: 2px solid #b3b3b3; + padding-left: 0; + margin: 0; + } + +.#{$primaryStyleName}-column-selector { + margin-top: -1.35em; + } + +.#{$primaryStyleName}-cell-content { + border-right: none; + padding-right: 7px; + } + +.#{$primaryStyleName}-caption-container .v-icon { + vertical-align: middle; + margin: -0.37em 2px 0 0; + } + +.#{$primaryStyleName}-header-drag .v-icon { + vertical-align: middle; + } + +/* column selector */ +.v-contextmenu .v-on, +.v-contextmenu .v-off { + display: block; + background: transparent url(../../icons/bullet.png) no-repeat 0 4px; + padding-left: 12px; + } + +.v-contextmenu .v-off { + background-image: none; + color: #666; + } + +.v-contextmenu .gwt-MenuItem-selected .v-on { + background-image: url(../../icons/bullet-white.png); + } + +.#{$primaryStyleName}-scrollposition { + font-size: 11.7px; + opacity: .85; + filter: alpha(opacity=85); + } + +/******************************************************************************* + * Small + ******************************************************************************/ +.#{$primaryStyleName}-small .#{$primaryStyleName}-caption-container, +.#{$primaryStyleName}-small .#{$primaryStyleName}-body { + font-size: $chameleon-font-size-small; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-resizer, +.#{$primaryStyleName}-small .#{$primaryStyleName}-header-wrap { + height: 1.2em; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-column-selector { + margin-top: -1.2em; + } + + +/******************************************************************************* + * Big + ******************************************************************************/ +.#{$primaryStyleName}-big .#{$primaryStyleName}-caption-container, +.#{$primaryStyleName}-big .#{$primaryStyleName}-body { + font-size: $chameleon-font-size-big; + } + +.#{$primaryStyleName}-big .#{$primaryStyleName}-caption-container { + padding-top: .3em; + } + +.#{$primaryStyleName}-big .#{$primaryStyleName}-resizer, +.#{$primaryStyleName}-big .#{$primaryStyleName}-header-wrap { + height: 1.8em; + } + +.#{$primaryStyleName}-big .#{$primaryStyleName}-column-selector { + margin-top: -1.5em; + } + +/******************************************************************************* + * Striped + ******************************************************************************/ +.#{$primaryStyleName}-striped .#{$primaryStyleName}-row-odd { + background-color: #e6e6e6; + } + + +/******************************************************************************* + * Strong + ******************************************************************************/ +.#{$primaryStyleName}-strong .#{$primaryStyleName}-caption-container { + font-weight: bold; + } + + +/******************************************************************************* + * Borderless + ******************************************************************************/ +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { + border: none; + } + +div.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { + background: transparent; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..d7f968fe43 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/tabsheet/tabsheet.scss @@ -0,0 +1,163 @@ +@mixin chameleon-tabsheet($primaryStyleName : v-tabsheet) { + +.#{$primaryStyleName}-spacertd div { + border-color: #b3b3b3; + border-left: none; + } + +.#{$primaryStyleName}-tabitem { + border: none; + border-bottom: 1px solid #b3b3b3; + padding: 0; + } + +.#{$primaryStyleName}-tabitem .v-caption { + padding: .2em .8em; + margin: 1px; + margin-bottom: 0; + } + +.#{$primaryStyleName}-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; + } + +.#{$primaryStyleName}-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; + } + +.#{$primaryStyleName}-content { + background: #fff; + border-color: #b3b3b3; + } + +.#{$primaryStyleName}-deco { + height: 0; + background: transparent; + border-top: 1px solid #b3b3b3; + } + +.#{$primaryStyleName}-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; + } + +.#{$primaryStyleName}-caption-close:hover { + background-position: .5em -25px; + } + +.#{$primaryStyleName}-caption-close:active { + background-position: .5em -50px; + } + +/******************************************************************************* + * Scroller + ******************************************************************************/ +.#{$primaryStyleName}-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; + } + +.#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled, +.#{$primaryStyleName}-scrollerPrev-disabled:active, +.#{$primaryStyleName}-scrollerNext-disabled:active { + padding-top: 12px; + 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); + } + +.#{$primaryStyleName}-scroller button::-moz-focus-inner { + border: none; + padding: 0; + } + +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerNext-disabled, +.#{$primaryStyleName}-scrollerNext-disabled:active { + background-position: -10px 50%; + border-left-width: 1px; + } + +.#{$primaryStyleName}-scrollerPrev:hover, +.#{$primaryStyleName}-scrollerNext:hover { + opacity: .75; + filter: alpha(opacity=75); + } + +.#{$primaryStyleName}-scrollerPrev:active, +.#{$primaryStyleName}-scrollerNext:active { + opacity: 1; + filter: none; + } + +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled, +.#{$primaryStyleName}-scrollerPrev-disabled:active, +.#{$primaryStyleName}-scrollerNext-disabled:active { + opacity: .1; + filter: alpha(opacity=10); + } + + + +/******************************************************************************* + * open-only-closable + ******************************************************************************/ +.#{$primaryStyleName}-open-only-closable .#{$primaryStyleName}-caption-close { + visibility: hidden; + } + +.#{$primaryStyleName}-open-only-closable .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { + visibility: visible; + } + + +/******************************************************************************* + * Borderless + ******************************************************************************/ +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-content-borderless, +.#{$primaryStyleName}-deco-borderless { + border: none; + background: transparent; + } + +.#{$primaryStyleName}-tabs-borderless .#{$primaryStyleName}-tabitem-selected, +.#{$primaryStyleName}-tabs-borderless .#{$primaryStyleName}-tabitem-selected .v-caption { + background-color: transparent; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/textfield/textfield.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/textfield/textfield.scss new file mode 100644 index 0000000000..4554672da4 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/textfield/textfield.scss @@ -0,0 +1,131 @@ +@mixin chameleon-textfield($primaryStyleName : v-textfield) { + +input.#{$primaryStyleName}, +textarea.v-textarea, +.v-filterselect { + line-height: normal; + border: 1px solid #b3b3b3; + border-top-color: #808080; + border-color: rgba(0,0,0,.3); + border-top-color: rgba(0,0,0,.5); + background: #fff url(../../img/input-bg.png) repeat-x; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2); + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2); + margin: 0; + } + +input.#{$primaryStyleName}[type="text"], +textarea.v-textarea, +.v-filterselect { + padding-bottom: .1em; + padding-top: .1em; + padding-left: .2em; + padding-right: .2em; + } + +input.#{$primaryStyleName}[type="text"] { + height: 1.2em; + } + +input.v-widget.#{$primaryStyleName}[type="text"], +.v-filterselect { + height: 1.7em; + } + +&.v-app input.#{$primaryStyleName}, +&.v-app textarea.v-textarea, +&.v-app input.v-filterselect-input { + color: #222; + } + +.v-ie & input.#{$primaryStyleName}, +.v-ie & textarea.v-textarea, +.v-ie & .v-filterselect { + border-top-color: #808080; + } + +&.v-app input.#{$primaryStyleName}-prompt, +&.v-app textarea.v-textarea-prompt { + font-style: normal; + color: #999; + } + +input.#{$primaryStyleName}-focus, +textarea.v-textarea-focus { + background-color: #fffce1; + } + + +/******************************************************************************* + * Readonly + ******************************************************************************/ +input.#{$primaryStyleName}-readonly, +textarea.v-textarea-readonly { + border: none; + background: transparent; + } + + +/******************************************************************************* + * Small + ******************************************************************************/ +&.v-app input.#{$primaryStyleName}-small, +&.v-app textarea.v-textarea-small, +.v-filterselect-small .v-filterselect-input { + font-size: $chameleon-font-size-small; + } + +/******************************************************************************* + * Big (and big search) + ******************************************************************************/ +&.v-app input.#{$primaryStyleName}-big, +&.v-app textarea.v-textarea-big, +.v-filterselect-big .v-filterselect-input { + font-size: $chameleon-font-size-big; + } + +input.#{$primaryStyleName}-big[type=text], +.v-datefield-big input.v-datefield-textfield[type=text] { + padding: .3em; + } + +textarea.v-textarea, +.v-filterselect-big { + padding: .3em; + } + +input.#{$primaryStyleName}-big.#{$primaryStyleName}-search, +.v-filterselect-search.v-filterselect-big { + background-image: url(../../img/magnifier-big.png); + background-repeat: no-repeat; + background-position: 4px 50%; + } + +input.#{$primaryStyleName}-big.#{$primaryStyleName}-search[type=text] { + padding-left: 26px; + } + +.v-filterselect-search.v-filterselect-big { + padding-left: 26px; + } + + +/******************************************************************************* + * Search + ******************************************************************************/ +input.#{$primaryStyleName}-search, +.v-filterselect-search { + background-image: url(../../img/magnifier.png); + background-repeat: no-repeat; + background-position: 3px 50%; + } + +input.#{$primaryStyleName}-search[type=text], +.v-filterselect-search { + padding-left: 17px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/tree/tree.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/tree/tree.scss new file mode 100644 index 0000000000..9b33cd0155 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/tree/tree.scss @@ -0,0 +1,26 @@ +@mixin chameleon-tree($primaryStyleName : v-tree) { + +.#{$primaryStyleName}-node-caption { + margin-left: 16px; + } + +.#{$primaryStyleName}-node span { + padding: .1em .3em; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + } + +.#{$primaryStyleName}-node-children { + padding-left: 16px; + } + +.#{$primaryStyleName}-node-selected span { + background-color: #333; + } + +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { + padding-bottom: 1px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/components/window/window.scss b/themes/src/main/resources/VAADIN/themes/chameleon/components/window/window.scss new file mode 100644 index 0000000000..16de81a785 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/components/window/window.scss @@ -0,0 +1,74 @@ +@mixin chameleon-window($primaryStyleName : v-window) { + +.#{$primaryStyleName} { + border-radius: 3px; +} +.#{$primaryStyleName}-closebox, +.#{$primaryStyleName}-restorebox, +.#{$primaryStyleName}-maximizebox { + width: 14px; + height: 15px; + overflow: hidden; + vertical-align: middle; + margin: 0; + top: .3em; + z-index: 2; + &:hover { + background-position: 0 -25px; + } + &:active { + background-position: 0 -50px; + } +} +.#{$primaryStyleName}-closebox { + text-indent: -50px; + background: transparent url(../../img/close-btn.png) no-repeat; + right: .4em; +} +.#{$primaryStyleName}-restorebox, +.#{$primaryStyleName}-maximizebox { + right: 1.8em; +} + +.#{$primaryStyleName}-restorebox { + background: transparent url(../../img/restore.png) no-repeat; +} +.#{$primaryStyleName}-maximizebox { + background: transparent url(../../img/maximize.png) no-repeat; +} + + +.#{$primaryStyleName} { + background-image: none; + } + +.#{$primaryStyleName}-wrap { + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-image: url(../../img/grad-light-top.png); + background-repeat: repeat-x; + } +.#{$primaryStyleName}-outerheader { + padding: .2em 1.7em .5em 1.2em; + height: auto; + text-align: center; + } + +.#{$primaryStyleName}-header { + font-weight: normal; + } + +.#{$primaryStyleName}-footer { + height: 0; + position: static; + } + +.#{$primaryStyleName}-resizebox { + background: transparent url(../../img/resize.png) no-repeat; + width: 14px; + height: 14px; + bottom: 0; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/compound/compound.scss b/themes/src/main/resources/VAADIN/themes/chameleon/compound/compound.scss new file mode 100644 index 0000000000..43a8717dbb --- /dev/null +++ b/themes/src/main/resources/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: 11.05px; + 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/themes/src/main/resources/VAADIN/themes/chameleon/favicon.ico b/themes/src/main/resources/VAADIN/themes/chameleon/favicon.ico new file mode 100644 index 0000000000..1f81f0de76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet-white.png b/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet-white.png new file mode 100644 index 0000000000..f0a0b1bfba Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet-white.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet.png b/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet.png new file mode 100644 index 0000000000..5047f6b27c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/icons/bullet.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/app-bg.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/app-bg.png new file mode 100644 index 0000000000..0eb0022781 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/app-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/close-btn.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/close-btn.png new file mode 100644 index 0000000000..a1337676e1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/close-btn.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn-big.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn-big.png new file mode 100644 index 0000000000..d4562a1368 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn-big.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn.png new file mode 100644 index 0000000000..522a77539e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/date-btn.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/error-close.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/error-close.png new file mode 100644 index 0000000000..587a680604 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/error-close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/error-indicator.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/error-indicator.png new file mode 100644 index 0000000000..ab7b4bb2f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/error-indicator.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom.png new file mode 100644 index 0000000000..3d86693c5f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom2.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom2.png new file mode 100644 index 0000000000..1bf7a557ef Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-bottom2.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-top2.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-top2.png new file mode 100644 index 0000000000..8509f462e0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-dark-top2.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-left.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-left.png new file mode 100644 index 0000000000..a6965e4772 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top.png new file mode 100644 index 0000000000..d9479f195e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top2.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top2.png new file mode 100644 index 0000000000..51ec5e60b3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/grad-light-top2.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/indeterminate-progress.gif b/themes/src/main/resources/VAADIN/themes/chameleon/img/indeterminate-progress.gif new file mode 100644 index 0000000000..46136f0339 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/indeterminate-progress.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/input-bg.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/input-bg.png new file mode 100644 index 0000000000..08b67dd7bd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/input-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon-big.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon-big.png new file mode 100644 index 0000000000..6de95c9595 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon-big.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon.png new file mode 100644 index 0000000000..8802ac417c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-error-icon.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon-big.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon-big.png new file mode 100644 index 0000000000..e6bb96cbdd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon-big.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon.png new file mode 100644 index 0000000000..67886c067c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/label-warning-icon.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier-big.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier-big.png new file mode 100644 index 0000000000..19d662fe7c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier-big.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier.png new file mode 100644 index 0000000000..3fed5eeaab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/magnifier.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/maximize.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/maximize.png new file mode 100644 index 0000000000..5c6488d1a5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/resize.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/resize.png new file mode 100644 index 0000000000..86ae55eced Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/resize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/restore.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/restore.png new file mode 100644 index 0000000000..55d004fe53 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/split-handle.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/split-handle.png new file mode 100644 index 0000000000..01085cdd4d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/split-handle.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/img/tab-arrows.png b/themes/src/main/resources/VAADIN/themes/chameleon/img/tab-arrows.png new file mode 100644 index 0000000000..8a16d80e55 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/chameleon/img/tab-arrows.png differ diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/legacy-styles.scss b/themes/src/main/resources/VAADIN/themes/chameleon/legacy-styles.scss new file mode 100644 index 0000000000..843f81475c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/legacy-styles.scss @@ -0,0 +1,6 @@ +@import "chameleon.scss"; +// For legacy themes; does not wrap styles in .themename +// Creates legacy-styles.css that can be imported into non-sass themes. +// NOTE: can not be used in scenarios where multiple themes are used on the +// same page (e.g portals). +@include chameleon; diff --git a/themes/src/main/resources/VAADIN/themes/chameleon/styles.scss b/themes/src/main/resources/VAADIN/themes/chameleon/styles.scss new file mode 100644 index 0000000000..0c55a57239 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/chameleon/styles.scss @@ -0,0 +1,4 @@ +@import "chameleon.scss"; +.chameleon { + @include chameleon; +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/accordion/accordion.scss b/themes/src/main/resources/VAADIN/themes/liferay/accordion/accordion.scss new file mode 100644 index 0000000000..9a37fd463e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/accordion/accordion.scss @@ -0,0 +1,35 @@ +@mixin liferay-accordion { + +.v-accordion { + border: 1px solid #999; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-accordion-item-caption { + color: #222; + text-shadow: 1px 1px #FFFFFF; + font-weight: bold; + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0; + border-top: 1px solid #999; + border-bottom: none; + padding: 4px 5px 5px 5px; +} + +.v-accordion-item-caption .v-caption { + font-size: 12px; +} + +.v-accordion-item-first .v-accordion-item-caption { + border-top: none; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.v-accordion-item-open .v-accordion-item-caption { + border-bottom: 1px solid #999; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/button/button.scss b/themes/src/main/resources/VAADIN/themes/liferay/button/button.scss new file mode 100644 index 0000000000..85c1eb4094 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/button/button.scss @@ -0,0 +1,110 @@ +@mixin liferay-button { + +.v-button:focus { + outline: none; +} + +.v-button:hover .v-button-wrap { + background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0; + border-color: #627782; + color: #369; +} + +.v-button:active .v-button-wrap, +.v-button.v-pressed .v-button-wrap, +.v-button:focus .v-button-wrap { + background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + border-color: #555; +} + +.v-button { + padding: 0; + border: none; + height: 26px; + overflow: hidden; +} + +.v-nativebutton { + font-size: $font-size; +} +.v-button .v-button-wrap, +.v-disabled.v-button .v-button-wrap { + display: block; + font-size: $font-size; + font-weight: bold; + border: 1px solid #c8c9ca; + border-right-color: #9e9e9e; + border-bottom-color: #9e9e9e; + background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0; + -webkit-background-origin: padding; + -moz-background-origin: padding; + padding: 4px 4px 0px 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + line-height: 16px; + min-height: 16px; + text-shadow: 1px 1px #fff; + color: #34404f; + text-overflow: ellipsis; + height: 20px; +} + +.v-button-caption { + line-height: 16px; +} + +/* Link style button */ +.v-button-link, +.v-disabled.v-button-link, +.v-button-link:focus, +.v-button-link:active, +.v-button-link:hover, +.v-button-link-pressed, +button.v-nativebutton-link, +.v-disabled.v-nativebutton-link, +button.v-nativebutton-link:focus, +button.v-nativebutton-link:active, +button.v-nativebutton-link:hover, +button.v-nativebutton-link-pressed, +.v-button.v-button-link .v-button-wrap, +.v-button.v-button-link:focus .v-button-wrap, +.v-button.v-button-link:active .v-button-wrap, +.v-disabled.v-button.v-button-link .v-button-wrap { + color: #5B677D; + font-weight: normal; + border: none; + border-style: none; + background: transparent; + padding: 0; + font-size: $font-size; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; + height: auto; +} + +.v-button-link:hover { + color: #0066cc; + text-decoration: none; +} + +.v-button-link:focus, +.v-sa & .v-button-link:focus { + outline: 1px dotted #1b699f; + outline-offset: -1px; +} + +.v-sa & .v-button-link:focus { + outline-offset: -1px; +} + +/* CheckBox */ +.v-checkbox input { + margin-right: 3px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/colorpicker/colorpicker.scss b/themes/src/main/resources/VAADIN/themes/liferay/colorpicker/colorpicker.scss new file mode 100644 index 0000000000..fc50297388 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/colorpicker/colorpicker.scss @@ -0,0 +1,19 @@ +@mixin liferay-colorpicker($name : v-colorpicker) { + +.#{$name}-button-color { + border: 1px solid #999999; +} + +.#{$name}-popup { + width: 252px; +} + +.#{$name}-popup .v-tabsheet .#{$name}-grid { + height: 312px; +} + +.#{$name}-popup .v-filterselect { + padding-right: 24px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/common/buttons_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/common/buttons_sprites.png new file mode 100644 index 0000000000..70521dffce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/common/buttons_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/common/common.scss b/themes/src/main/resources/VAADIN/themes/liferay/common/common.scss new file mode 100644 index 0000000000..0d653baf7c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/common/common.scss @@ -0,0 +1,39 @@ +@mixin liferay-common { + +body &.v-app { + background-color: transparent; +} + +.v-caption { + font-weight: bold; +} + +.v-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + font-size: 11px; + color: #222; +} +.v-tooltip-text { + padding: 2px 4px; +} +.v-tooltip .v-errormessage { + padding: 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; +} +.v-tooltip .v-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.v-tooltip .v-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/contextmenu/contextmenu.scss b/themes/src/main/resources/VAADIN/themes/liferay/contextmenu/contextmenu.scss new file mode 100644 index 0000000000..7748580f0c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/contextmenu/contextmenu.scss @@ -0,0 +1,44 @@ +@mixin liferay-contextmenu { + +.v-contextmenu { + background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; + border: 1px solid; + border-color: #aeafb1 #777879 #777879 #aeafb1; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-contextmenu table { + border-collapse: separate; +} + +.v-contextmenu .gwt-MenuItem { + padding: 3px 8px 2px 8px; + height: 16px; + color: #2c2f34; + text-shadow: -1px -1px #fff; + font-weight: bold; + border-bottom: 1px solid #bcbbbb; + border-top: 1px solid #eee; +} + +.v-contextmenu tr:last-child .gwt-MenuItem { + border-bottom-width: 0; +} + +.v-contextmenu .gwt-MenuItem img { + margin-right: 4px; +} + +.v-contextmenu .gwt-MenuItem-selected { + background-color: #5b677d; + color: #FFF; + text-shadow: -1px -1px #2c2f34; +} + +.v-contextmenu .gwt-MenuItem-selected div { + background: transparent; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield.scss b/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield.scss new file mode 100644 index 0000000000..c9ef7180a5 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield.scss @@ -0,0 +1,171 @@ +@mixin liferay-datefield($primaryStyleName : v-datefield) { + +.#{$primaryStyleName}-popup { + padding: 3px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.#{$primaryStyleName}-calendarpanel-header { + height: 28px; +} + +.#{$primaryStyleName}-calendarpanel:focus { + outline: none; +} + +.#{$primaryStyleName}-calendarpanel-body { + text-align: right; + vertical-align: top; +} + +.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { + background: transparent url(../common/buttons_sprites.png) no-repeat 0 -48px; + width: 24px; + height: 24px; + border: none; +} + +.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:hover { + background-position: 0px -72px; +} + +.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:focus { + background-position: 0px -96px; +} + +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { + width: 124px; +} + +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { + width: 35px; +} + +.#{$primaryStyleName}-calendarpanel-month { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; + font-weight: bold; +} + +span.#{$primaryStyleName}-calendarpanel-month { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 1px 3px 0; +} + +.#{$primaryStyleName}-calendarpanel-prevyear, +.#{$primaryStyleName}-calendarpanel-nextyear { + width: 22px; +} + +.#{$primaryStyleName}-calendarpanel-prevyear button, +.#{$primaryStyleName}-calendarpanel-prevmonth button, +.#{$primaryStyleName}-calendarpanel-nextmonth button, +.#{$primaryStyleName}-calendarpanel-nextyear button { + width: 22px; + height: 28px; + border: none; + background: transparent; + background-repeat: no-repeat; + background-image: url(datefield_sprites.png); + background-position: 0 0; + overflow: hidden; + padding: 0; + text-indent: -9999px; + outline: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button, +.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { + text-indent: 0; + font-size: 1px; +} + +.#{$primaryStyleName}-calendarpanel-prevmonth button { + background-position: 0 -56px; +} + +.#{$primaryStyleName}-calendarpanel-prevmonth { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; +} + +.#{$primaryStyleName}-calendarpanel-nextyear button { + background-position: 0 -28px; + width: 100%; + min-width: 22px; +} + +.#{$primaryStyleName}-calendarpanel-nextmonth button { + background-position: 0 -84px; +} + +.#{$primaryStyleName}-calendarpanel-nextmonth { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; +} + +.#{$primaryStyleName}-calendarpanel-prevyear button { + width: 100%; + min-width: 22px; +} + +.#{$primaryStyleName}-calendarpanel-day { + display: block; + width: 22px; + margin: 0 0 3px 3px; + text-align: center; + background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; + border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca; + border-style: solid; + border-width: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.#{$primaryStyleName}-calendarpanel-day-today { + font-weight: bold; +} + +.#{$primaryStyleName}-calendarpanel-day-selected { + background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + color: #000; + border-color: #555; +} + +.#{$primaryStyleName}-calendarpanel-day-focused { + outline: 1px dotted #555; +} + + +.#{$primaryStyleName}-calendarpanel-weekdays { + text-align: center; +} + +.#{$primaryStyleName}-calendarpanel-weekdays strong { + font-weight: normal; +} + +.#{$primaryStyleName}-calendarpanel-weeknumber { + display: block; + border: none; + padding: 2px 0 2px 0; + margin: 0; + font-size: 9.9px; +} + +.#{$primaryStyleName}-calendarpanel-body table { + margin: 0 auto; + width: 200px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield_sprites.png new file mode 100644 index 0000000000..7da07e33ca Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/datefield/datefield_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/favicon.ico b/themes/src/main/resources/VAADIN/themes/liferay/favicon.ico new file mode 100644 index 0000000000..1f81f0de76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/formlayout/formlayout.scss b/themes/src/main/resources/VAADIN/themes/liferay/formlayout/formlayout.scss new file mode 100644 index 0000000000..3fa6fa20ee --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/formlayout/formlayout.scss @@ -0,0 +1,7 @@ +@mixin liferay-formlayout { + +.v-formlayout .v-caption { + font-weight: normal; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss b/themes/src/main/resources/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss new file mode 100644 index 0000000000..80e3b467ec --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/inlinedatefield/inlinedatefield.scss @@ -0,0 +1,8 @@ +@mixin liferay-inlinedatefield ($primaryStyleName : v-inline-datefield) { + + @include liferay-datefield(v-inline-datefield); + + .#{$primaryStyleName} { + line-height:19px; /* Override popup datefields line-height:0 to get correct line heights */ + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/legacy-styles.scss b/themes/src/main/resources/VAADIN/themes/liferay/legacy-styles.scss new file mode 100644 index 0000000000..4f304fd397 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/legacy-styles.scss @@ -0,0 +1,6 @@ +@import "liferay.scss"; +// For legacy themes; does not wrap styles in .themename +// Creates legacy-styles.css that can be imported into non-sass themes. +// NOTE: can not be used in scenarios where multiple themes are used on the +// same page (e.g portals). +@include liferay; \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/liferay.scss b/themes/src/main/resources/VAADIN/themes/liferay/liferay.scss new file mode 100644 index 0000000000..273c065772 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/liferay.scss @@ -0,0 +1,56 @@ +@import "../base/base.scss"; + +@import "accordion/accordion.scss"; +@import "button/button.scss"; +@import "colorpicker/colorpicker.scss"; + +@import "common/common.scss"; + +@import "contextmenu/contextmenu.scss"; +@import "datefield/datefield.scss"; +@import "inlinedatefield/inlinedatefield.scss"; +@import "formlayout/formlayout.scss"; +@import "menubar/menubar.scss"; +@import "notification/notification.scss"; +@import "panel/panel.scss"; +@import "popupview/popupview.scss"; +@import "progressindicator/progressindicator.scss"; +@import "select/select.scss"; +@import "slider/slider.scss"; +@import "splitpanel/splitpanel.scss"; +@import "table/table.scss"; +@import "tabsheet/tabsheet.scss"; +@import "textfield/textfield.scss"; +@import "tree/tree.scss"; +@import "window/window.scss"; + +@mixin liferay { + // TODO move? + $font-size: 11px; + @include base; + // TODO @each + @include liferay-accordion; + @include liferay-button; + @include liferay-colorpicker; + + @include liferay-common; + @include liferay-contextmenu; + @include liferay-datefield; + @include liferay-inlinedatefield; + @include liferay-formlayout; + @include liferay-menubar; + @include liferay-notification; + @include liferay-panel; + @include liferay-popupview; + @include liferay-progressindicator(v-progressbar); + /* For legacy ProgressIndicator component */ + @include liferay-progressindicator(v-progressindicator); + @include liferay-select; + @include liferay-slider; + @include liferay-splitpanel; + @include liferay-table; + @include liferay-tabsheet; + @include liferay-textfield; + @include liferay-tree; + @include liferay-window; +} diff --git a/themes/src/main/resources/VAADIN/themes/liferay/menubar/menubar.scss b/themes/src/main/resources/VAADIN/themes/liferay/menubar/menubar.scss new file mode 100644 index 0000000000..dd31608e79 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/menubar/menubar.scss @@ -0,0 +1,72 @@ +@mixin liferay-menubar { + +.v-menubar { + background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0; + border-bottom: 1px solid #636364; +} + +.v-menubar-separator span { + display: none; +} + +.v-menubar-menuitem { + padding: 3px 8px; + line-height: 16px; + font-weight: bold; + color: #2c2f34; + text-shadow: -1px -1px #FFF; +} + +.v-menubar-menuitem-selected { + color: #FFF; + text-shadow: -1px -1px #2c2f34; +} + +.v-menubar-submenu { + background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0; + border: 1px solid; + border-color: #aeafb1 #777879 #777879 #aeafb1; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + padding: 2px 0; +} +.v-menubar-submenu .v-menubar-submenu-indicator { + font-size: 9.9px; +} +.v-menubar-submenu .v-menubar-menuitem { + color: #2c2f34; + font-weight: bold; + text-shadow: 1px 1px #fff; + padding: 1px 26px 1px 10px; + line-height: 16px; + border-bottom: 1px solid #bcbbbb; + border-top: 1px solid #eee; +} + +.v-menubar-submenu .v-menubar-menuitem:last-child { + border-bottom-width: 0; +} + +.v-menubar-submenu .v-menubar-menuitem-caption * { + vertical-align: middle; +} + +.v-menubar .v-menubar-menuitem-selected, +.v-menubar-submenu .v-menubar-menuitem-selected { + color: #fff; + text-shadow: 1px 1px #000; + background-color: #5b677d; +} +.v-menubar-popup { + border-radius: 5px; + } +.v-menubar-menuitem-disabled, +.v-menubar-submenu .v-menubar-menuitem-disabled, +.v-menubar span.v-menubar-menuitem-disabled:hover, +.v-menubar span.v-menubar-menuitem-disabled:focus, +.v-menubar span.v-menubar-menuitem-disabled:active { + color: #999; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/notification/notification.scss b/themes/src/main/resources/VAADIN/themes/liferay/notification/notification.scss new file mode 100644 index 0000000000..75b5e6a0a9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/notification/notification.scss @@ -0,0 +1,48 @@ +@mixin liferay-notification { + +.v-Notification { + background: #dff4ff; + color: #34404F; + font-weight: bold; + cursor: pointer; + overflow: hidden; + padding: 1em; + max-width: 85%; + border: 1px solid #a7cedf; +} + +.v-Notification-caption, +.v-Notification-description { + display: inline; + margin: 0 0.5em 0 0; +} +.v-Notification-warning { + background: #ffc; + border-color: #fc0; +} +.v-Notification-error { + background-color: #ffdddd; + border-color: #ff0000; +} + +.v-Notification-tray { + color: #111111; + background-color: #e5e5e5; + border-color: #b5b5b5; +} +.v-Notification-tray .v-Notification-caption { + display: block; +} +.v-Notification-tray .v-Notification-description { + display: block; +} +.v-Notification-system { + background-color: #ffdddd; + border-color: #ff0000; +} +.v-Notification-system .v-Notification-caption { + display: block; + margin: 0; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/liferay/panel/panel.scss b/themes/src/main/resources/VAADIN/themes/liferay/panel/panel.scss new file mode 100644 index 0000000000..cb65560a74 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/panel/panel.scss @@ -0,0 +1,86 @@ +@mixin liferay-panel { + +.v-panel { + background: transparent url(top-left.png) no-repeat; +} + +.v-panel-caption, +.v-panel-nocaption { + text-shadow: 1px 1px #fff; + font-size: 12px; + color: #222; + margin-left: 4px; + background: transparent url(top-right.png) no-repeat right top; + padding: 5px 5px 10px 2px; + height: 12px; +} + +.v-panel-caption .v-icon { + padding-right: 2px; +} + +.v-panel-content { + border: 1px solid #999; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +/* Light style Panel */ + +.v-panel-light { + background: transparent; +} + +.v-panel-caption-light, +.v-panel-nocaption-light { + margin: 0; + border: none; + background: none; +} + +.v-panel-caption-light { + border-bottom: 1px solid #999; +} + +.v-panel-nocaption-light { + padding: 0; + height: 0; +} + +.v-panel-content-light { + border: none; +} +.v-panel-content-light > div { + background: transparent; +} + +.v-panel-deco { + height: 0; + overflow: hidden; +} + +/* IE specific rules */ +.v-ie & .v-panel { + background: transparent; +} +.v-ie & .v-panel-caption, +.v-ie & .v-panel-nocaption { + border: 1px solid #999; + border-bottom: none; + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + margin: 0; + padding-left: 5px; +} + +.v-ie & .v-panel-caption-light, +.v-ie & .v-panel-nocaption-light { + border: none; + background: transparent; +} + +.v-ie & .v-panel-caption-light { + border-bottom: 1px solid #999; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/panel/top-left.png b/themes/src/main/resources/VAADIN/themes/liferay/panel/top-left.png new file mode 100644 index 0000000000..12e0780d42 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/panel/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/panel/top-right.png b/themes/src/main/resources/VAADIN/themes/liferay/panel/top-right.png new file mode 100644 index 0000000000..08203ae8a2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/panel/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/popupview/popupview.scss b/themes/src/main/resources/VAADIN/themes/liferay/popupview/popupview.scss new file mode 100644 index 0000000000..ab06d18c98 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/popupview/popupview.scss @@ -0,0 +1,13 @@ +@mixin liferay-popupview { + +.v-popupview-popup { + background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0; + padding: 8px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #c8c9ca; + border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/progressindicator/progressindicator.scss b/themes/src/main/resources/VAADIN/themes/liferay/progressindicator/progressindicator.scss new file mode 100644 index 0000000000..4371b2aeef --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/progressindicator/progressindicator.scss @@ -0,0 +1,16 @@ +@mixin liferay-progressindicator { + +.v-progressindicator-wrapper { + background: #dfe2e4 url(../../reindeer/progressindicator/img/base.gif) repeat-x; + border: 1px solid #bfbfbf; +} + +.v-disabled .v-progressindicator-wrapper { + background-image: url(../../reindeer/progressindicator/img/disabled.gif); +} + +.v-progressindicator-indicator { + background: #f7f9f9 url(../../reindeer/progressindicator/img/progress.png); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/select/select.scss b/themes/src/main/resources/VAADIN/themes/liferay/select/select.scss new file mode 100644 index 0000000000..5ae302be9a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/select/select.scss @@ -0,0 +1,87 @@ +@mixin liferay-select { + +$select-button-width : 24px; +$select-button-negative-width : -24px; + +&.v-app select, +.v-window select { + padding: 1px; +} + +select { + background-color: #fff; +} +.v-filterselect { + padding-right: $select-button-width; /* Space for the button */ +} +.v-filterselect-button { + width: $select-button-width; + margin-right: $select-button-negative-width; + height: 24px; + background: transparent url(../common/buttons_sprites.png) no-repeat 0 0; +} + +.v-filterselect-button:hover { + background-position: 0px -24px; +} + +.v-filterselect-suggestpopup { + border: 1px solid #98C0F4; +} + +.v-filterselect-suggestmenu { + min-height: 2px; +} + +.v-filterselect-prevpage, +.v-filterselect-prevpage-off, +.v-filterselect-nextpage, +.v-filterselect-nextpage-off { + background-color: #fff; +} + +.v-filterselect-prevpage span, +.v-filterselect-prevpage-off span, +.v-filterselect-nextpage span, +.v-filterselect-nextpage-off span { + display: block; + height: 8px; + width: 16px; + margin-left: auto; + margin-right: auto; + text-indent: -99999px; +} + +.v-filterselect-prevpage span, .v-filterselect-nextpage span { + background: transparent no-repeat 0 -4px; + background-image: url(/html/themes/classic/images/aui/icon_sprite.png); +} + +.v-filterselect-nextpage span { + background-position: -65px -4px; +} +.v-filterselect-suggestmenu .gwt-MenuItem span { + display: block; + width: 100%; + height: 18px; + border: 1px solid #fff; + border-style: solid none; + +} + +.v-filterselect-suggestmenu .gwt-MenuItem-selected span { + color: #000; + background: #dfe8f6; + border-color: #a3bae9; +} + +.v-filterselect-suggestmenu .gwt-MenuItem .v-icon { + float: left; +} + +.v-select-twincol-buttons .v-button-wrap { + padding-left: 11px; + padding-right: 11px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/slider/slider.scss b/themes/src/main/resources/VAADIN/themes/liferay/slider/slider.scss new file mode 100644 index 0000000000..d30de67da0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/slider/slider.scss @@ -0,0 +1,36 @@ +@mixin liferay-slider { + +.v-slider { + border: 1px solid #9e9e9e; + border-right: 1px solid #c8c9ca; + border-bottom: 1px solid #c8c9ca; + margin: 4px 0; +} + +.v-slider-base { + height: 1px; +} + +.v-slider-vertical { + margin: 0 5px; + width: 2px; +} + +.v-slider-vertical .v-slider-base { + width: 1px; +} + +.v-slider-handle { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px; + width: 10px; + height: 10px; +} + +/* Invalid rule (not used at least by some browsers */ +/* +.v-slider-feedback { + background: #33; +} +*/ + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/hsplit.png b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/hsplit.png new file mode 100644 index 0000000000..32e689b668 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/hsplit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/splitpanel.scss b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..b8058f8cb1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/splitpanel.scss @@ -0,0 +1,67 @@ +@mixin liferay-splitpanel { + +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { + font-size: 1px; + width: 3px; + background-color: #c8c9ca; +} + +.v-splitpanel-hsplitter div { + font-size: 1px; + width: 3px; + background: transparent; + background-repeat: no-repeat; + background-image: url(hsplit.png); + background-position: center; +} + +.v-splitpanel-hsplitter-locked div { + font-size: 1px; + width: 3px; +} + +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { + font-size: 1px; + height: 3px; +} + +.v-splitpanel-vsplitter div { + font-size: 1px; + height: 3px; + background: transparent; + background-color: #c8c9ca; + background-repeat: no-repeat; + background-image: url(vsplit.png); + background-position: center; +} + +.v-splitpanel-vsplitter-locked, +.v-splitpanel-vsplitter-locked div { + font-size: 1px; + height: 3px; + background-color: #c8c9ca; +} + +/* Small SplitPanel */ + +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-hsplitter-small-locked div { + font-size: 1px; + width: 1px; + background: #c8c9ca; +} + +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked div { + font-size: 1px; + height: 1px; + background: #c8c9ca; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/vsplit.png b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/vsplit.png new file mode 100644 index 0000000000..2ffe03a71b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/splitpanel/vsplit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/styles.scss b/themes/src/main/resources/VAADIN/themes/liferay/styles.scss new file mode 100644 index 0000000000..b76e5f756b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/styles.scss @@ -0,0 +1,4 @@ +@import "liferay.scss"; +.liferay { + @include liferay; +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/table/columnselect.png b/themes/src/main/resources/VAADIN/themes/liferay/table/columnselect.png new file mode 100644 index 0000000000..34b4834051 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/table/columnselect.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/table/table.scss b/themes/src/main/resources/VAADIN/themes/liferay/table/table.scss new file mode 100644 index 0000000000..ecb260709b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/table/table.scss @@ -0,0 +1,139 @@ +@mixin liferay-table { + +.v-table-body { + border: 1px solid #999; +} + +.v-table-body:focus, +.v-table-body-wrapper:focus { + outline: none; +} + +.v-table-body.focused { + border-color: #555; +} + +.v-table-focus .v-table-cell-content { + border-top: 1px dotted #555; + border-bottom: 1px dotted #555; +} + +.v-table-header-wrap, +.v-table-footer-wrap { + border-color: #999; + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + height: 26px; +} + +.v-table-footer-wrap { + border: 1px solid #999; + border-top: none; +} + +.v-table-footer td { + height: 100%; + border-right: 1px solid #999; + padding-bottom: 5px; + padding-top: 5px; +} + +.v-table-footer-container { + height: 16px; + float: right; + padding-right: 7px; + overflow: hidden; + white-space: nowrap; +} + +.v-table-caption-container { + color: #336699; + font-weight: bold; + font-size: 11px; + padding-left: 0px; + padding-top: 6px; +} + +.v-table-caption-container-align-right { + margin-left: 0; + margin-right: 6px; + padding-left: 0; +} + +.v-table-caption-container .v-icon { + height: 16px; + margin: -4px 3px 0 0; +} + +.v-ie & .v-table-caption-container .v-icon { + margin-top: -2px; +} + +.v-table-header-cell-asc .v-table-sort-indicator { + background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; + height: 26px; +} + +.v-table-header-cell-desc .v-table-sort-indicator { + background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; + height: 26px; +} + +.v-table-resizer { + height: 26px; + background: #999; +} + +.v-table-focus-slot-left { + margin-bottom: -26px; + background: transparent; +} + +.v-table-column-selector { + background: transparent url(columnselect.png); + width: 16px; + height: 26px; + margin: -26px 0 0; +} + +.v-table-row-odd { + background: #dde1e6; +} + +.v-table-row { + background: #eef0f2; +} + +.v-table-generated-row { + color: #336699; + font-weight: bold; + font-size: 11px; + padding-left: 0px; + padding-top: 6px; + background: #c0c2c5; +} + +.v-table .v-selected { + background-color: #5B677D; + color: #FFF; + text-shadow: -1px -1px #2C2F34; +} + +.v-table-cell-wrapper { + padding-top: 3px; + padding-bottom: 3px; +} + +.v-table-cell-content { + border-right: 1px solid #999; + padding: 0 6px; +} + +.v-table-cell-content:last-child { + border-right-color: transparent; +} + +.v-off { + color: #999; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/close.png b/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/close.png new file mode 100644 index 0000000000..3b436159be Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/tabsheet.scss b/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..83a36dd80f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/tabsheet/tabsheet.scss @@ -0,0 +1,153 @@ +@mixin liferay-tabsheet { + +.v-tabsheet-content { + border: none; +} + +.v-tabsheet-deco { + background: transparent; +} + +.v-tabsheet-tabitem { + border: none; +} + +.v-tabsheet-tabitem .v-caption { + height: 14px; + padding: 3px 10px; +} + +.v-tabsheet-tabitem .v-captiontext { + color: #336699; + font-size: 11px; + font-weight: bold; + text-decoration: underline; +} + +.v-tabsheet-tabitem-selected .v-caption { + background: none repeat scroll 0 0 #333; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-tabsheet-tabitem-selected .v-captiontext { + color: #fff; + text-decoration: none; + text-shadow: -1px -1px #000; +} + +.v-tabsheet-tabitem-selected { + position: relative; +} + +.v-tabsheet-tabitem-selected:after { + border: 10px solid; + border-bottom-width: 0; + border-color: #333 transparent transparent; + bottom: -6px; + content: '-'; + display: block; + height: 0; + left: 50%; + margin-left: -10px; + position: absolute; + text-indent: -9999px; + width: 0; +} + +.v-tabsheet-tabs { + height: 35px; +} + +.v-tabsheet-tabcontainer, +.v-tabsheet-tabs { + overflow: visible !important; +} + +.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem { + border-left: 1px solid #c8c9ca; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.v-tabsheet-tabitemcell, .v-tabsheet-spacertd { + vertical-align: top; +} + +.v-tabsheet-spacertd div { + height: 28px; + border: 1px solid #c8c9ca; + border-left: none; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + padding: 0; +} + +.v-tabsheet-tabitem { + height: 20px; + border-top: 1px solid #c8c9ca; + border-bottom: 1px solid #c8c9ca; + padding: 4px; +} + +.v-tabsheet-scroller { + float: right; + width: 33px; + height: 28px; + margin-top: -35px; + background-color: #eef0f2; + border: 1px solid #c8c9ca; + border-left: none; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + position: relative; +} + +.v-tabsheet-scroller button { + padding: 0; + margin-top: 6px; + width: 16px; + height: 16px; + border: none; + background: transparent; +} + +.v-tabsheet-scroller .v-tabsheet-scrollerPrev, +.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px; +} + +.v-tabsheet-scroller .v-tabsheet-scrollerNext, +.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px; +} + +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.v-tabsheet-caption-close { + background: transparent url(close.png) no-repeat right top; + cursor: default; + float: right; + margin: 3px -1px 0; + overflow: hidden; + text-indent: -999px; + width: 13px; + height: 9px; +} + +.v-ff & .v-tabsheet-caption-close{ + margin-top: -10px; +} +.v-ff & .v-tabsheet-caption-close:only-child { + margin-top: -1px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/textfield/textfield.scss b/themes/src/main/resources/VAADIN/themes/liferay/textfield/textfield.scss new file mode 100644 index 0000000000..a260156bc8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/textfield/textfield.scss @@ -0,0 +1,19 @@ +@mixin liferay-textfield { + +&.v-app input[type="text"], +&.v-app input[type="password"], +&.v-app input[type="reset"], +&.v-app textarea , +.v-window input[type="text"], +.v-window input[type="password"], +.v-window input[type="reset"], +.v-window textarea { + padding: 5px 1px; +} + +input.v-textfield-prompt, +textarea.v-textarea-prompt { + font-style: normal; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/tree/arrows_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/tree/arrows_sprites.png new file mode 100644 index 0000000000..0a6ab35a26 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/tree/arrows_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/tree/tree.scss b/themes/src/main/resources/VAADIN/themes/liferay/tree/tree.scss new file mode 100644 index 0000000000..99ce8e709f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/tree/tree.scss @@ -0,0 +1,62 @@ +@mixin liferay-tree { + +.v-tree-node { + background: transparent url(arrows_sprites.png) no-repeat -42px 1px; +} + +.v-tree-node span { + color: #336699; + padding: 1px 2px; + display: inline-block; +} + +.v-tree-node:hover { + background-position: -14px -30px; +} + +.v-tree-node-expanded { + background-position: -28px -14px; +} + +.v-tree-node-expanded:hover { + background-position: 0 -47px; +} + +.v-tree .v-tree-node-drag-top { + background-position: -42px 0px; +} + +.v-tree .v-tree-node-drag-top.v-tree-node-expanded { + background-position: -28px -15px; +} + +.v-tree-node-selected { + background: #333; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-tree-node-selected span { + display: inline-block; + background: transparent; + color: #fff; + text-shadow: -1px -1px #000; + padding: 1px 2px; +} + +.v-tree-node-caption { + margin-left: 14px; + padding: 1px; +} + +.v-tree-node-focused { + border: 1px dotted #555; + padding: 0; +} + +.v-tree-node-children { + padding-left: 14px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/closebutton_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/window/closebutton_sprites.png new file mode 100644 index 0000000000..ca8eb278a1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/window/closebutton_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/maximize_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/window/maximize_sprites.png new file mode 100644 index 0000000000..06510063cd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/window/maximize_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/restore_sprites.png b/themes/src/main/resources/VAADIN/themes/liferay/window/restore_sprites.png new file mode 100644 index 0000000000..41ccfaf79f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/window/restore_sprites.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/top-left.png b/themes/src/main/resources/VAADIN/themes/liferay/window/top-left.png new file mode 100644 index 0000000000..3beb6bdca9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/window/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/top-right.png b/themes/src/main/resources/VAADIN/themes/liferay/window/top-right.png new file mode 100644 index 0000000000..dd8d61fdee Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/liferay/window/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/liferay/window/window.scss b/themes/src/main/resources/VAADIN/themes/liferay/window/window.scss new file mode 100644 index 0000000000..d78c69a72f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/liferay/window/window.scss @@ -0,0 +1,82 @@ +@mixin liferay-window { + +.v-window { + background: transparent; +} + +.v-window-wrap { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #fff url(top-left.png) no-repeat; +} + +.v-window-outerheader { + height: 38px; + margin-left: 9px; + padding: 10px 40px 12px 2px; + background: transparent url(top-right.png) no-repeat right top; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-window-header { + color: #000; + font-size: 12px; + text-shadow: 1px 1px #fff; +} + +.v-window-contents { + padding: 0 5px 0 5px; +} + +.v-window-footer { + height: 5px; + overflow: visible; +} + +.v-window div.v-window-footer-noresize { + height: 5px; +} + +.v-window-restorebox, +.v-window-maximizebox, +.v-window-closebox { + position: absolute; + width: 24px; + height: 24px; + top: 8px; + &:hover { + background-position: 0 -24px; + } + &:active { + background-position: 0 -48px; + } + +} +.v-window-closebox { + right: 9px; + background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent; +} + +.v-window-restorebox, +.v-window-maximizebox { + right: 36px; +} +.v-window-restorebox { + background: url(restore_sprites.png) no-repeat scroll 0 0 transparent; +} +.v-window-maximizebox { + background: url(maximize_sprites.png) no-repeat scroll 0 0 transparent; +} + +.v-window-resizebox { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -69px -229px; + width: 10px; + height: 10px; + bottom: 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss b/themes/src/main/resources/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss new file mode 100644 index 0000000000..ffa7ca349a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.scss @@ -0,0 +1,14 @@ +/*------------ + * General vertical and horizontal sprites + * -----------*/ +/** sprite: verticals; sprite-image: url(common/img/vertical-sprites.png); sprite-layout: vertical */ +/** sprite: horizontals; sprite-image: url(common/img/horizontal-sprites.png); sprite-layout: horizontal */ + +/** sprite: black-verticals; sprite-image: url(common/img/black-vertical-sprites.png); sprite-layout: vertical; sprite-matte-color: #1e2022 */ +/** sprite: black-horizontals; sprite-image: url(common/img/black-horizontal-sprites.png); sprite-layout: horizontal; sprite-matte-color: #1e2022 */ + +/*------------ + * Buttons + * -----------*/ +/** sprite: buttons; sprite-image: url(button/img/button-sprites.png); sprite-layout: vertical */ +/** sprite: black-buttons; sprite-image: url(button/img/black-button-sprites.png); sprite-layout: vertical */ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/accordion/accordion.scss b/themes/src/main/resources/VAADIN/themes/reindeer/accordion/accordion.scss new file mode 100644 index 0000000000..cd2ca4b21d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/accordion/accordion.scss @@ -0,0 +1,55 @@ +@mixin reindeer-accordion($primaryStyleName : v-accordion) { + +.#{$primaryStyleName} { + border: 1px solid #bebebe; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +.#{$primaryStyleName}-item { + background-color: #fff; +} +.#{$primaryStyleName}-item-caption { + height: 19px; + background: #e4e4e4 repeat-x; + background-image: url(../tabsheet/img/tabbar-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + font-size: 11px; + line-height: normal; + border-top: 1px solid #bebebe; + text-shadow: #fff 0 1px 0; +} +.#{$primaryStyleName}-item-caption .v-caption { + font-size: 11px; +} + +.#{$primaryStyleName}-item-caption .v-captiontext{ + vertical-align:baseline; +} + +.#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { + border-top: none; +} +.#{$primaryStyleName}-item-caption .v-caption { + padding: 3px 0 0 10px; +} +.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption { + background-image: url(../tabsheet/img/tabbar-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + border-bottom: 1px solid #bbb; +} +.#{$primaryStyleName}-item-caption .v-icon { + margin-top: -3px; +} +.v-ie & .#{$primaryStyleName}-item-caption .v-icon, +.v-ff & .#{$primaryStyleName}-item-caption .v-icon { + margin-top: -6px; +} + +/* Borderless style */ +.#{$primaryStyleName}-borderless { + border: none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button-ie.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-ie.scss new file mode 100644 index 0000000000..6732aeb2aa --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-ie.scss @@ -0,0 +1,8 @@ +@mixin reindeer-button-ie($primaryStyleName : v-nativebutton) { + +.v-ie8 & .#{$primaryStyleName}-link { + padding: 0; + text-align: left; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button-link-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-link-style.scss new file mode 100644 index 0000000000..2064cb1650 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-link-style.scss @@ -0,0 +1,37 @@ +@mixin reindeer-button-link-style($primaryStyleName : v-button) { + +.#{$primaryStyleName}.#{$primaryStyleName}-link, +.#{$primaryStyleName}.#{$primaryStyleName}-link:focus, +.#{$primaryStyleName}.#{$primaryStyleName}-link:active, +.#{$primaryStyleName}-link.v-pressed, +.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link, +.#{$primaryStyleName}.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-link.v-pressed .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap { + background: transparent; + height: auto; + padding: 0; + cursor: pointer; + line-height: inherit; + } + +.#{$primaryStyleName}.#{$primaryStyleName}-link.v-disabled, +.#{$primaryStyleName}.#{$primaryStyleName}-link.v-disabled .#{$primaryStyleName}-wrap { + cursor: default; + } + +.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { + line-height: inherit; + font-weight: normal; + color: #1b699f; + font-size: 12px; + text-shadow: none; + } + +.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption { + outline: 1px dotted #1b699f; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button-primary-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-primary-style.scss new file mode 100644 index 0000000000..238a694e28 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-primary-style.scss @@ -0,0 +1,66 @@ +@mixin reindeer-button-primary-style($primaryStyleName : v-button) { + +.#{$primaryStyleName}-primary:focus { + background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */ + } + +.#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap { + background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.#{$primaryStyleName}-primary:active, +.#{$primaryStyleName}-primary.v-pressed { + background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */ + } + +.#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.#{$primaryStyleName}-primary, +.v-disabled.#{$primaryStyleName}-primary { + background-image: url(img/primary-left.png); /** sprite-ref: buttons */ + } + +.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap { + background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + + + + +/* Black style */ + + +.black .#{$primaryStyleName}-primary:focus { + background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap { + background-image: url(img/black/primary-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + color: #eaf4fb; + } + +.black .#{$primaryStyleName}-primary:active, +.black .#{$primaryStyleName}-primary.v-pressed { + background-image: url(img/black/primary-left-pressed.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap, +.black .#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/black/primary-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}-primary, +.black .v-disabled.#{$primaryStyleName}-primary { + background-image: url(img/black/primary-left.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap, +.black .v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap { + background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button-small-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-small-style.scss new file mode 100644 index 0000000000..5c9e8a32bb --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-small-style.scss @@ -0,0 +1,71 @@ +@mixin reindeer-button-small-style($primaryStyleName : v-button) { + +.#{$primaryStyleName}-small:focus { + background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */ + } + +.#{$primaryStyleName}-small:focus .#{$primaryStyleName}-wrap { + background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.#{$primaryStyleName}-small:active, +.#{$primaryStyleName}-small.v-pressed { + background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */ + } + +.#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.#{$primaryStyleName}-small, +.v-disabled.#{$primaryStyleName}-small { + background-image: url(img/small-left.png); /** sprite-ref: buttons */ + height: 20px; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { + background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */ + height: 19px; + padding: 1px 14px 0 8px; + } + +.#{$primaryStyleName}-small .#{$primaryStyleName}-caption { + font-weight: normal; + } + + + + +/* Black style */ + +.black .#{$primaryStyleName}-small:focus { + background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-small:focus .#{$primaryStyleName}-wrap { + background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}-small:active, +.black .#{$primaryStyleName}-small.v-pressed { + background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-small:active .#{$primaryStyleName}-wrap, +.black .#{$primaryStyleName}-small.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}-small, +.black .v-disabled.#{$primaryStyleName}-small { + background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, +.black .v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { + background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button-standard.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-standard.scss new file mode 100644 index 0000000000..632340f228 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button-standard.scss @@ -0,0 +1,94 @@ +@mixin reindeer-button-standard($primaryStyleName : v-button) { + +.#{$primaryStyleName}:focus { + background-image: url(img/left-focus.png); /** sprite-ref: buttons */ + outline: none; + } + +.#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { + background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + +.#{$primaryStyleName}:active, +.#{$primaryStyleName}.v-pressed { + background-image: url(img/left-pressed.png); /** sprite-ref: buttons */ + outline: none; + } + +.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */ + outline: none; + } + +.#{$primaryStyleName}, +.v-disabled.#{$primaryStyleName} { + height: 26px; + padding: 0 0 0 6px; + background-color: transparent; + background-repeat: no-repeat; + background-image: url(img/left.png); /** sprite-ref: buttons */ + border: none; + cursor: default; + } + +.#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { + display: block; + height: 22px; + padding: 4px 15px 0 9px; + background-color: transparent; + background-repeat: no-repeat; + background-position: right top; + background-image: url(img/right.png); /** sprite-ref: buttons; sprite-alignment: right */ + } + +.#{$primaryStyleName}-caption { + color: #222; + text-shadow: #fff 0 1px 0; + font-weight: bold; + font-size: 11px; + line-height: 16px; + } + + + + +/************************** + * Black style + **************************/ +.black .#{$primaryStyleName}:focus { + background-image: url(img/black/left-focus.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { + background-image: url(img/black/right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}:active, +.black .#{$primaryStyleName}.v-pressed { + background-image: url(img/black/left-pressed.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, +.black .#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { + background-image: url(img/black/right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}, +.black .v-disabled.#{$primaryStyleName} { + background-image: url(img/black/left.png); /** sprite-ref: black-buttons */ + } + +.black .#{$primaryStyleName}-wrap, +.black .v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { + background-image: url(img/black/right.png); /** sprite-ref: black-buttons; sprite-alignment: right */ + } + +.black .#{$primaryStyleName}-caption { + color: #c9ccce; + text-shadow: #121314 0 -1px 0; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/button.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/button.scss new file mode 100644 index 0000000000..2fd34ef2c8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/button.scss @@ -0,0 +1,15 @@ +/* Standard implementation of the button theme + * These files contain styles that apply to all browsers + */ +@import "button-standard.scss"; +@import "button-primary-style.scss"; +@import "button-small-style.scss"; +@import "button-link-style.scss"; + +@mixin reindeer-button($primaryStyleName : v-button) { + // TODO use $exclude + @include reindeer-button-standard; + @include reindeer-button-primary-style; + @include reindeer-button-small-style; + @include reindeer-button-link-style; +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-focus.png new file mode 100644 index 0000000000..4361800079 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-pressed.png new file mode 100644 index 0000000000..ab0d245b15 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left.png new file mode 100644 index 0000000000..e77900abc5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png new file mode 100644 index 0000000000..47bfc36a5b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png new file mode 100644 index 0000000000..d20fa467f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left.png new file mode 100644 index 0000000000..e05e8cf8ae Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png new file mode 100644 index 0000000000..ecc06c52ab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png new file mode 100644 index 0000000000..b71eecc3d8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right.png new file mode 100644 index 0000000000..94d5e93f85 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/primary-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-focus.png new file mode 100644 index 0000000000..43e6edb2b9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-pressed.png new file mode 100644 index 0000000000..2612f6869d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right.png new file mode 100644 index 0000000000..bfeafb779e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-focus.png new file mode 100644 index 0000000000..55e76701b8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png new file mode 100644 index 0000000000..01eea1ea58 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left.png new file mode 100644 index 0000000000..28aca63243 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-focus.png new file mode 100644 index 0000000000..4415262cb6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png new file mode 100644 index 0000000000..7095241499 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right.png new file mode 100644 index 0000000000..1be4b2c327 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/black/small-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-focus.png new file mode 100644 index 0000000000..636cf840c3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-pressed.png new file mode 100644 index 0000000000..e70f56b84b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left.png new file mode 100644 index 0000000000..c4209e8119 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-focus.png new file mode 100644 index 0000000000..7952ae5022 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-pressed.png new file mode 100644 index 0000000000..7ff5296025 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left.png new file mode 100644 index 0000000000..abb6bcc5af Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-focus.png new file mode 100644 index 0000000000..7b7ae32d84 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-pressed.png new file mode 100644 index 0000000000..dbcc59c906 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right.png new file mode 100644 index 0000000000..a600b84c34 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/primary-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-focus.png new file mode 100644 index 0000000000..fa59dfefa3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-pressed.png new file mode 100644 index 0000000000..2cbe6c010f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right.png new file mode 100644 index 0000000000..af80f785e8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-focus.png new file mode 100644 index 0000000000..96408f225f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-pressed.png new file mode 100644 index 0000000000..90f0d5cbef Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left.png new file mode 100644 index 0000000000..4efaa98ac2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-focus.png new file mode 100644 index 0000000000..03c4c92e68 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-pressed.png new file mode 100644 index 0000000000..90a22c8b8b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right.png new file mode 100644 index 0000000000..96f11915c1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/button/img/small-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/button/nativebutton.scss b/themes/src/main/resources/VAADIN/themes/reindeer/button/nativebutton.scss new file mode 100644 index 0000000000..ca7a16e88e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/button/nativebutton.scss @@ -0,0 +1,25 @@ +/* Browser-specific corrections to the standard implementation */ +@import "button-ie.scss"; + +@mixin reindeer-nativebutton-link($primaryStyleName : v-nativebutton) { + +.#{$primaryStyleName}-link .#{$primaryStyleName}-caption { + line-height: inherit; + font-weight: normal; + color: #1b699f; + font-size: 12px; + text-shadow: none; + } + +.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-caption { + outline: 1px dotted #1b699f; + } + +} + +@mixin reindeer-nativebutton($primaryStyleName : v-nativebutton) { + @include reindeer-nativebutton-link($primaryStyleName); + + /* Browser-specific corrections to the standard implementation */ + @include reindeer-button-ie($primaryStyleName); +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/colorpicker/colorpicker.scss b/themes/src/main/resources/VAADIN/themes/reindeer/colorpicker/colorpicker.scss new file mode 100644 index 0000000000..4224691d12 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/colorpicker/colorpicker.scss @@ -0,0 +1,15 @@ +@mixin reindeer-colorpicker($name : v-colorpicker) { + +.#{$name}-popup { + width: 246px; +} + +.#{$name}-popup .v-tabsheet .#{$name}-grid { + height: 284px; +} + +.#{$name}-popup .v-filterselect { + padding-right: 25px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/common/common.scss b/themes/src/main/resources/VAADIN/themes/reindeer/common/common.scss new file mode 100644 index 0000000000..5e85cb09bc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/common/common.scss @@ -0,0 +1,125 @@ +@mixin reindeer-common { + +&.v-app { + background: #f5f5f5; +} +/* Global font styles */ +&.v-app, +.v-window, +.v-popupview-popup, +.v-tooltip, +&.v-app input, +&.v-app select, +&.v-app button, +&.v-app textarea, +.v-window input, +.v-window select, +.v-window button, +.v-window textarea, +.v-popupview-popup input, +.v-popupview-popup select, +.v-popupview-popup button, +.v-popupview-popup textarea, +.v-filterselect-suggestpopup, +.v-datefield-popup, +.v-contextmenu, +.v-Notification, +.v-menubar-submenu, +.v-drag-element, +.v-table-header-drag { + font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; + font-size: 12px; + line-height: normal; + color: #222; +} +/* Fonts on black background */ +&.v-app .black, +.v-window-black, +.v-window .black, +.v-popupview-popup .black { + color: #c9ccce; + text-shadow: #000 0 0 1px; +} +.v-errorindicator { + width: 13px; + height: 15px; + background: transparent url(../common/icons/error.png) no-repeat 50%; +} +.v-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + font-size: 11px; + color: #222; +} +.v-tooltip-text { + padding: 2px 4px; +} +.v-tooltip .v-errormessage { + padding: 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; +} +.v-tooltip .v-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.v-tooltip .v-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; +} +.v-contextmenu { + background: #f8f8f9; + border: none; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + overflow: hidden; + padding: 4px 0; +} +.v-contextmenu .gwt-MenuItem { + padding: 1px 12px 1px 8px; + height: 16px; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + cursor: default; +} +.v-contextmenu .gwt-MenuItem .v-icon { + margin-right: 3px; +} +.v-contextmenu .gwt-MenuItem-selected { + background: transparent repeat-x; + background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #fff; + text-shadow: #3b5a7a 0 1px 0; +} +.v-ie & .v-contextmenu .gwt-MenuItem-selected { + background-image: url(img/sel-bg.png); + background-position: left top; +} +.v-contextmenu .gwt-MenuItem-selected div { + background: transparent; + cursor: default; +} + +/* Fixes for Liferay 6.0 */ +.portlet &.v-app { + background: transparent; +} +.portlet &.v-app .v-radiobutton input, +.portlet .v-window .v-radiobutton input, +.portlet .v-popupview-popup .v-radiobutton input, +.portlet &.v-app .v-checkbox input, +.portlet .v-window .v-checkbox input, +.portlet .v-popupview-popup .v-checkbox input { + margin-right: 3px; + background: transparent; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet-white.png b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet-white.png new file mode 100644 index 0000000000..f0a0b1bfba Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet-white.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet.png b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet.png new file mode 100644 index 0000000000..5047f6b27c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/bullet.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/error.png b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/error.png new file mode 100644 index 0000000000..14200fcfda Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/common/icons/error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/common/img/sel-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/common/img/sel-bg.png new file mode 100644 index 0000000000..272db0e9f5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/common/img/sel-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/datefield.scss b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/datefield.scss new file mode 100644 index 0000000000..d486316419 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/datefield.scss @@ -0,0 +1,370 @@ +@mixin reindeer-datefield($primaryStyleName : v-datefield) { + +.#{$primaryStyleName} { + overflow: hidden; +} +input.v-textfield-readonly:focus{ + background-color: transparent; +} +.#{$primaryStyleName}-calendarpanel { + border-collapse: collapse; + margin: 0; + padding: 0; + height: auto !important; +} +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-prevmonth, +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-nextmonth { + display: none; +} +.#{$primaryStyleName}-calendarpanel td { + vertical-align: top; +} +td.#{$primaryStyleName}-calendarpanel-month { + height: 23px; + background-repeat: repeat-x; + background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +span.#{$primaryStyleName}-calendarpanel-month { + display: block; + text-align: center; + height: 16px; + padding: 3px 10px 0 10px; + border-left: 1px solid #efefef; + border-right: 1px solid #d8d8d8; + text-shadow: #fff 0 1px 0; + overflow: hidden; + margin-top: 1px; +} +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel-month { + width: 35px; +} +.#{$primaryStyleName}-month .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-day .#{$primaryStyleName}-calendarpanel-month, +.#{$primaryStyleName}-full .#{$primaryStyleName}-calendarpanel-month { + width: 124px; +} +.#{$primaryStyleName}-month, +.#{$primaryStyleName}-day, +.#{$primaryStyleName}-full { + min-width: 240px; +} +.#{$primaryStyleName}-popupcalendar { + min-width: 0; + padding-right: 24px; +} +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { + width: 100px; +} +td.#{$primaryStyleName}-calendarpanel-prevyear { + text-align: right; +} +td.#{$primaryStyleName}-calendarpanel-nextyear { + text-align: left; +} +.#{$primaryStyleName}-calendarpanel-prevyear button, +.#{$primaryStyleName}-calendarpanel-nextyear button, +.#{$primaryStyleName}-calendarpanel-prevmonth button, +.#{$primaryStyleName}-calendarpanel-nextmonth button { + width: 24px; + height: 23px; + border: none; + background: transparent; + background-repeat: no-repeat; + background-image: url(img/year-prev.png); /** sprite-ref: verticals */ + overflow: hidden; + padding: 0; + text-indent: -9999px; + outline: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button, +.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { + text-indent: 0; + font-size: 1px; +} +.#{$primaryStyleName}-calendarpanel-nextyear button { + background-position: left top; + background-image: url(img/year-next.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-calendarpanel-prevyear button:active, +.v-ie & .#{$primaryStyleName}-calendarpanel-prevyear button.v-pressed { + background-image: url(img/year-prev-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-calendarpanel-nextyear button:active, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextyear button.v-pressed { + background-image: url(img/year-next-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-calendarpanel-prevmonth, +.#{$primaryStyleName}-calendarpanel-nextmonth { + width: 24px; + background-repeat: repeat-x; + background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-calendarpanel-prevmonth button, +.#{$primaryStyleName}-calendarpanel-nextmonth button { + width: 100%; + height: 21px; + border-left: 1px solid #efefef; + border-right: 1px solid #d8d8d8; + background: transparent; + background-position: center top; + background-image: url(img/month-prev.png); /** sprite-ref: verticals; sprite-alignment: center */ + min-width: 24px; + margin-top: 1px; +} +.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button { + border: none; +} +.#{$primaryStyleName}-calendarpanel-nextmonth button { + background-image: url(img/month-next.png); /** sprite-ref: verticals; sprite-alignment: center */ +} +.#{$primaryStyleName}-calendarpanel-prevmonth button:active, +.v-ie & .#{$primaryStyleName}-calendarpanel-prevmonth button.v-pressed { + background-position: center top; + background-image: url(img/month-prev-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ +} +.#{$primaryStyleName}-calendarpanel-nextmonth button:active, +.v-ie & .#{$primaryStyleName}-calendarpanel-nextmonth button.v-pressed { + background-position: center top; + background-image: url(img/month-next-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */ +} +.#{$primaryStyleName}-calendarpanel-body, +.#{$primaryStyleName}-calendarpanel-time { + text-align: center; + vertical-align: top; +} +.#{$primaryStyleName}-calendarpanel-body table { + border-collapse: collapse; + margin: 0; + padding: 0; + width: 220px; + margin: 0 auto; +} +.#{$primaryStyleName}-calendarpanel-weekdays td { + width: 14.2%; + overflow: hidden; + background-repeat: repeat-x; + background-image: url(img/weekday-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 3px */ + font-size: 10px; + line-height: normal; + text-transform: uppercase; + color: #eaeff1; + text-shadow: #3b4651 0 -1px 0; + vertical-align: top; + padding:0; +} +.#{$primaryStyleName}-calendarpanel-weeknumbers td { + width: 12.4%; +} +.#{$primaryStyleName}-calendarpanel-weekdays strong { + display: block; + text-align: right; + padding: 1px 5px 0 0; + height: 14px; + border-top: 1px solid #596775; +} +.#{$primaryStyleName}-calendarpanel-weekdays .v-first { + background-repeat: no-repeat; + background-image: url(img/weekday-first.png); /** sprite-ref: verticals; sprite-margin-bottom: 3px */ +} +.#{$primaryStyleName}-calendarpanel-weekdays .v-last { + background-repeat: no-repeat; + background-position: right top; + background-image: url(img/weekday-last.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-bottom: 3px */ +} +/* IE fails to position backgrounds inside table element */ +.v-ie & .#{$primaryStyleName}-calendarpanel-weekdays td { + background: url(img/weekday-bg.png) repeat-x; + background-position: left top; +} +.v-ie & .#{$primaryStyleName}-calendarpanel .v-first { + background: url(img/weekday-first.png) no-repeat; +} +.v-ie & .#{$primaryStyleName}-calendarpanel .v-last { + background: url(img/weekday-last.png) no-repeat right top; +} +.#{$primaryStyleName}-calendarpanel-body td { + text-align: right; + height: 19px; +} +.#{$primaryStyleName}-calendarpanel-day, +.#{$primaryStyleName}-calendarpanel-weeknumber, +.#{$primaryStyleName}-calendarpanel-day-today { + padding: 2px 5px 2px 0; + display: block; + margin: 1px 0 0 5px; +} +.#{$primaryStyleName}-calendarpanel-weeknumber { + margin: 0; + padding-top: 4px; + padding-bottom: 3px; + font-size: 10.8px; +} +.#{$primaryStyleName}-calendarpanel-day-today { + color: #4095d1; + border: none; +} +.#{$primaryStyleName}-calendarpanel-day-selected { + background: #507ba3; + color: #fff; + text-shadow: #3b5b79 0 1px 0; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} +.#{$primaryStyleName}-calendarpanel-time select { + padding: 0; + font-size: 11px; + margin: 2px; +} +.#{$primaryStyleName}-popup { + background: #f8f8f9; + padding: 8px 4px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.v-sa & .#{$primaryStyleName}-popup, +.v-op & .#{$primaryStyleName}-popup { + background: rgba(255,255,255,.95); +} +.#{$primaryStyleName}-year > .#{$primaryStyleName}-textfield { + width: 4.5em; +} +.#{$primaryStyleName}-month > .#{$primaryStyleName}-textfield { + width: 5.5em; +} +.#{$primaryStyleName}-day > .#{$primaryStyleName}-textfield { + width: 6em; +} +.#{$primaryStyleName}-full >.#{$primaryStyleName}-textfield { + width: 12.5em; +} +.#{$primaryStyleName}-popupcalendar input.#{$primaryStyleName}-textfield { + border-right-width: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + height: 23px; +} +.#{$primaryStyleName}.v-readonly input.#{$primaryStyleName}-textfield { + border-right-width: 1px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { + color: #999; + font-style: normal; +} +.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { + width: 24px; + margin-right: -24px; + height: 23px; + background: transparent; + border: none; + padding: 0; + background-image: url(img/popup-btn.png); /** sprite-ref: verticals */ + cursor: pointer; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:active { + background-image: url(img/popup-btn-pressed.png); /** sprite-ref: verticals */ +} + +/* over black background */ +.black .#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button { + background-image: url(img/popup-btn-black.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-popupcalendar .#{$primaryStyleName}-button:active { + background-image: url(img/popup-btn-black-pressed.png); /** sprite-ref: black-verticals */ +} + + +/*------------ +* on black background +*/ + +.black td.#{$primaryStyleName}-calendarpanel-month { + background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ + height: 21px; +} +.black span.#{$primaryStyleName}-calendarpanel-month { + border-left: 1px solid #333638; + border-right: 1px solid #232527; + color: #c9ccce; + text-shadow: #000 0 -1px 0; + padding: 4px 10px 1px 10px; + margin-top: 0; +} +.black .#{$primaryStyleName}-calendarpanel-prevyear button, +.black .#{$primaryStyleName}-calendarpanel-nextyear button, +.black .#{$primaryStyleName}-calendarpanel-prevmonth button, +.black .#{$primaryStyleName}-calendarpanel-nextmonth button { + background-image: url(img/year-prev-black.png); /** sprite-ref: black-verticals */ + height: 21px; +} +.black .#{$primaryStyleName}-calendarpanel-nextyear button { + background-image: url(img/year-next-black.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-calendarpanel-prevyear button:active, +.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevyear button.v-pressed { + background-image: url(img/year-prev-black-pressed.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-calendarpanel-nextyear button:active, +.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextyear button.v-pressed { + background-image: url(img/year-next-black-pressed.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-calendarpanel-prevmonth, +.black .#{$primaryStyleName}-calendarpanel-nextmonth { + background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ +} +.black .#{$primaryStyleName}-calendarpanel-prevmonth button, +.black .#{$primaryStyleName}-calendarpanel-nextmonth button { + border-left: 1px solid #333638; + border-right: 1px solid #232527; + background-image: url(img/month-prev-black.png); /** sprite-ref: black-verticals; sprite-alignment: center */ + margin-top: 0; +} +.black .#{$primaryStyleName}-calendarpanel-nextmonth button { + background-image: url(img/month-next-black.png); /** sprite-ref: black-verticals; sprite-alignment: center */ +} +.black .#{$primaryStyleName}-calendarpanel-prevmonth button:active, +.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevmonth button.v-pressed { + background-image: url(img/month-prev-black-pressed.png); /** sprite-ref: black-verticals; sprite-alignment: center */ +} +.black .#{$primaryStyleName}-calendarpanel-nextmonth button:active, +.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextmonth button.v-pressed { + background-image: url(img/month-next-black-pressed.png); /** sprite-ref: black-verticals; sprite-alignment: center */ +} +.v-ie & .black .#{$primaryStyleName}-calendarpanel-prevmonth button, +.v-ie & .black .#{$primaryStyleName}-calendarpanel-nextmonth button { + border: none; +} +.black .#{$primaryStyleName}-calendarpanel-weekdays td { + background-image: url(img/weekday-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 3px */ + color: #0a0b0b; + text-shadow: #5a5c5e 0 1px 0; +} +.black .#{$primaryStyleName}-calendarpanel-weekdays strong { + border-top-color: #1b1c1d; +} +.black .#{$primaryStyleName}-calendarpanel .v-first { + background-image: url(img/weekday-first-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 3px */ +} +.black .#{$primaryStyleName}-calendarpanel .v-last { + background-image: url(img/weekday-last-black.png); /** sprite-ref: black-verticals; sprite-alignment: right */ +} +.black .#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { + color: #5f6366; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png new file mode 100644 index 0000000000..4da33f2113 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black.png new file mode 100644 index 0000000000..94517547c0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png new file mode 100644 index 0000000000..48a3bc8ff5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg.png new file mode 100644 index 0000000000..f033b5316d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png new file mode 100644 index 0000000000..f4c54cd177 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black.png new file mode 100644 index 0000000000..37001e2794 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png new file mode 100644 index 0000000000..22393c7973 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next.png new file mode 100644 index 0000000000..50732c44ad Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-next.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png new file mode 100644 index 0000000000..d57ed56a45 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black.png new file mode 100644 index 0000000000..2d525f5751 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png new file mode 100644 index 0000000000..ad39a9ae22 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev.png new file mode 100644 index 0000000000..19bb013151 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/month-prev.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png new file mode 100644 index 0000000000..393b1c5d5f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png new file mode 100644 index 0000000000..927fba5b31 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png new file mode 100644 index 0000000000..26f237ba0b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn.png new file mode 100644 index 0000000000..e51b1f0602 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/popup-btn.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png new file mode 100644 index 0000000000..f64cdafd5c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg.png new file mode 100644 index 0000000000..19fd2b4288 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png new file mode 100644 index 0000000000..ff6ee7ba1b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first.png new file mode 100644 index 0000000000..f77ed233ae Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-first.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png new file mode 100644 index 0000000000..984d2c2129 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last.png new file mode 100644 index 0000000000..500dc8bdaa Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/weekday-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png new file mode 100644 index 0000000000..038f46149b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black.png new file mode 100644 index 0000000000..45c762fbcd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png new file mode 100644 index 0000000000..60b57c370b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next.png new file mode 100644 index 0000000000..bb015ef73d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-next.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png new file mode 100644 index 0000000000..3df767e493 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black.png new file mode 100644 index 0000000000..05b7178722 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png new file mode 100644 index 0000000000..c760d022e8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev.png b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev.png new file mode 100644 index 0000000000..3cd62e4e95 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/datefield/img/year-prev.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/favicon.ico b/themes/src/main/resources/VAADIN/themes/reindeer/favicon.ico new file mode 100644 index 0000000000..1f81f0de76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/formlayout/formlayout.scss b/themes/src/main/resources/VAADIN/themes/reindeer/formlayout/formlayout.scss new file mode 100644 index 0000000000..7f8871fdac --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/formlayout/formlayout.scss @@ -0,0 +1,65 @@ +@mixin reindeer-formlayout($primaryStyleName : v-formlayout) { + +.#{$primaryStyleName}-errorcell { + width: 13px; + min-width: 13px; +} +.#{$primaryStyleName}-cell .v-errorindicator { + width: 13px; + height: 16px; + background: transparent url(../common/icons/error.png) no-repeat 50%; +} +.#{$primaryStyleName}-captioncell { + text-align: right; + white-space: nowrap; +} +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { + padding-top: 8px; +} +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { + padding-top: 15px; +} +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { + padding-bottom: 15px; +} +.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { + padding-left: 18px; +} +.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { + padding-right: 18px; +} +/* form */ +.v-form-errormessage { + background: transparent url(../common/icons/error.png) no-repeat 3px 2px; + padding-left: 20px; + margin-bottom: 5px; + margin-top: 5px; + min-height: 20px; +} +.v-form fieldset { + border: none; + border-top: 1px solid #babfc0; +} +.v-form-nocaption fieldset { + border: none; +} +.v-form-nocaption legend { + display: none; +} +.v-form legend { + margin: 0 0 0 20px; + padding: 0 5px; + font-weight: bold; + color: #222; +} +.black .v-form legend { + color: #e3e6e8; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/grid.scss b/themes/src/main/resources/VAADIN/themes/reindeer/grid/grid.scss new file mode 100644 index 0000000000..71d7a864f6 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/grid/grid.scss @@ -0,0 +1,110 @@ +// Variables defined in reindeer.scss + +@mixin reindeer-grid($primaryStyleName: v-grid) { + + .#{$primaryStyleName}-header, + .#{$primaryStyleName}-footer { + .#{$primaryStyleName}-cell { + background-image: url(img/header-bg-light.png); + color: #222; + font-weight: bold; + text-shadow: #f3f5f8 0 1px 0; + text-transform: uppercase; + } + } + + .#{$primaryStyleName}-header-deco, + .#{$primaryStyleName}-footer-deco, + .#{$primaryStyleName}-horizontal-scrollbar-deco { + background-image: url(img/header-bg-light.png); + } + + // Selected row + .#{$primaryStyleName}-row-selected { + color: #fff; + text-shadow: #3b5a7a 0 1px 0; + + > .#{$primaryStyleName}-cell { + background: #4d749f url(../common/img/sel-bg.png) repeat-x; + border-color: #466c90; + } + + // Selected and focused + > .#{$primaryStyleName}-cell-focused:before { + border-color: #b1cde4; + } + } + + // Sidebar + .#{$primaryStyleName}-sidebar.v-contextmenu { + .#{$primaryStyleName}-sidebar-content { + background-color: #f8f8f9; + } + + .v-on:before, .v-off:before { + content: none; + font-size: 0; + margin-right: 0; + } + } + + // Sort indicators + .#{$primaryStyleName} th.sort-asc, + .#{$primaryStyleName} th.sort-desc { + padding-right: 16px + $v-grid-cell-padding-horizontal; + + &:after { + content: " " attr(sort-order); + background: transparent no-repeat right 7px; + width: 16px; + height: 12px; + top: 0; + } + } + + .#{$primaryStyleName} th.sort-asc:after { + background-image: url(img/asc-light.png); + } + + .#{$primaryStyleName} th.sort-desc:after { + background-image: url(img/desc-light.png); + } + + .#{$primaryStyleName}-editor-footer { + background: #dfe1e3; + } + + .#{$primaryStyleName}-editor-cells > div { + .v-textfield, + .v-textfield-focus, + .v-datefield, + .v-datefield .v-textfield-focus, + .v-filterselect, + .v-filterselect-input, + .v-filterselect-input:focus { + border: none; + border-radius: 0; + background: transparent; + } + + .v-datefield-button { + .v-ie8 & { + margin-top: -2px; + } + } + + .v-filterselect { + overflow: hidden; + } + + .v-filterselect-input { + height: 100%; + } + + .v-filterselect-button { + // 24px is the height of v-filterselect + margin-top: round((24px - $v-grid-row-height) / -2) + } + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/asc-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/asc-light.png new file mode 100644 index 0000000000..44ed76001a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/asc-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/desc-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/desc-light.png new file mode 100644 index 0000000000..84d15a0628 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/desc-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-bg-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-bg-light.png new file mode 100644 index 0000000000..20b34474c7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-bg-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png new file mode 100644 index 0000000000..4e83df03cb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-header-bg-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png new file mode 100644 index 0000000000..249fd5917c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/focus-sel-bg-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/header-bg-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/header-bg-light.png new file mode 100644 index 0000000000..0b913e2ef1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/grid/img/header-bg-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss b/themes/src/main/resources/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss new file mode 100644 index 0000000000..8ad3c1a012 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/inlinedatefield/inlinedatefield.scss @@ -0,0 +1,8 @@ +@mixin reindeer-inlinedatefield ($primaryStyleName : v-inline-datefield) { + + @include reindeer-datefield(v-inline-datefield); + + .#{$primaryStyleName} { + line-height:14px; /* Override popup datefields line-height:0 to get correct line heights */ + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/label/label.scss b/themes/src/main/resources/VAADIN/themes/reindeer/label/label.scss new file mode 100644 index 0000000000..9a6f9b33ad --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/label/label.scss @@ -0,0 +1,126 @@ +@mixin reindeer-label($primaryStyleName : v-label) { + +.#{$primaryStyleName} { + line-height: 18px; +} + +/********************** + * Black styles + **********************/ +.white .black, +.blue .black { + color: #C9CCCE; + text-shadow: 0 0 1px #000; +} +.black .#{$primaryStyleName}-h1, +.black .#{$primaryStyleName}-h2, +.black .v-caption-h1, +.black .v-caption-h2, +.white .black .#{$primaryStyleName}-h1, +.white .black .#{$primaryStyleName}-h2, +.white .black .v-caption-h1, +.white .black .v-caption-h2, +.blue .black .#{$primaryStyleName}-h1, +.blue .black .#{$primaryStyleName}-h2, +.blue .black .v-caption-h1, +.blue .black .v-caption-h2 { + color: #fff; + text-shadow: rgba(0,0,0,.8) 0 2px 2px; +} +.black .#{$primaryStyleName}-light, +.white .black .#{$primaryStyleName}-light { + color: #72787c; +} +.black .#{$primaryStyleName} hr, +.white .black .#{$primaryStyleName} hr { + background: #0c0d0e; + color: #0c0d0e; + border-bottom-color: #292b2e; +} + +/********************** + * Blue styles + **********************/ +&.v-app .white, +.v-window .white, +&.v-app .blue, +.v-window .blue { + color: #222; + text-shadow: none; +} +.blue .#{$primaryStyleName}-h1, +.blue .#{$primaryStyleName}-h2, +.blue .v-caption-h1, +.blue .v-caption-h2, +.white .blue .#{$primaryStyleName}-h1, +.white .blue .#{$primaryStyleName}-h2, +.white .blue .v-caption-h1, +.white .blue .v-caption-h2 { + color: #fff; + text-shadow: rgba(0,0,0,.3) 0 1px 1px; +} +.blue .#{$primaryStyleName}-light, +.white .blue .#{$primaryStyleName}-light { + color: #6e7c83; +} +.blue .#{$primaryStyleName} hr, +.white .blue .#{$primaryStyleName} hr { + background: #a3bcc9; + color: #a3bcc9; + border-bottom-color: #cfe2eb; +} + +/********************** + * Default & white styles + **********************/ +.#{$primaryStyleName}-h1, +.#{$primaryStyleName}-h2, +.v-caption-h1, +.v-caption-h2, +.white .#{$primaryStyleName}-h1, +.white .#{$primaryStyleName}-h2, +.white .v-caption-h1, +.white .v-caption-h2 { + font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif; + font-size: 24px; + line-height: 30px; + font-weight: bold; + color: #44698b; + letter-spacing: -0.02em; + text-shadow: #fff 0 -1px 1px; +} +.#{$primaryStyleName}-h2, +.v-caption-h2, +.white .#{$primaryStyleName}-h2, +.white .v-caption-h2 { + font-size: 16px; + line-height: 22px; +} +.#{$primaryStyleName}-light, +.white .#{$primaryStyleName}-light { + font-size: 11px; + line-height: 13px; + color: #707070; +} + +.#{$primaryStyleName} hr, +.white .#{$primaryStyleName} hr { + height: 2px; + overflow: hidden; + background: #dcdcdc; + color: #dcdcdc; /* For IE */ + border: none; + border-bottom: 1px solid #fff; +} + +.v-sa & .#{$primaryStyleName} hr, +.v-ie8 & .#{$primaryStyleName} hr { + height: 1px; +} + +/* Labels inside Table don't need a line-height */ +.v-table .#{$primaryStyleName} { + line-height: normal; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/layouts/img/black-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/layouts/img/black-bg.png new file mode 100644 index 0000000000..f2e0ac0537 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/layouts/img/black-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/layouts/layouts.scss b/themes/src/main/resources/VAADIN/themes/reindeer/layouts/layouts.scss new file mode 100644 index 0000000000..0b0b311daa --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/layouts/layouts.scss @@ -0,0 +1,86 @@ +@mixin reindeer-layouts { + +.v-orderedlayout-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top, +.v-layout.v-margin-top { + padding-top: 18px; +} +.v-orderedlayout-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right, +.v-layout.v-margin-right { + padding-right: 18px; +} +.v-orderedlayout-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom, +.v-layout.v-margin-bottom { + padding-bottom: 18px; +} +.v-orderedlayout-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left, +.v-layout.v-margin-left { + padding-left: 18px; +} +.v-orderedlayout-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { + padding-top: 7px; + padding-left: 6px; +} +.v-spacing { + height: 7px; + width: 6px; +} + +/* Blue background */ +.v-verticallayout-blue, +.v-horizontallayout-blue, +.v-orderedlayout-blue, +.v-gridlayout-blue, +.v-csslayout-blue, +.v-formlayout-blue, +.v-absolutelayout-blue, +.v-splitpanel-vertical-blue, +.v-splitpanel-horizontal-blue { + background-color: #bcd3de; +} +.v-panel-content > div.blue { + background-color: #bcd3de; +} +/* White background */ +.v-verticallayout-white, +.v-horizontallayout-white, +.v-orderedlayout-white, +.v-gridlayout-white, +.v-csslayout-white, +.v-formlayout-white, +.v-absolutelayout-white, +.v-splitpanel-vertical-white, +.v-splitpanel-horizontal-white { + background-color: #fff; + color: #222; +} +.v-panel-content > div.white { + background-color: #fff; + color: #222; +} +/* Black background */ +.v-verticallayout-black, +.v-horizontallayout-black, +.v-orderedlayout-black, +.v-gridlayout-black, +.v-csslayout-black, +.v-formlayout-black, +.v-absolutelayout-black, +.v-splitpanel-vertical-black, +.v-splitpanel-horizontal-black { + background: #1e2022 url(img/black-bg.png) repeat-x; +} +.v-panel-content > div.black { + background: #1e2022 url(img/black-bg.png) repeat-x; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/legacy-styles.scss b/themes/src/main/resources/VAADIN/themes/reindeer/legacy-styles.scss new file mode 100644 index 0000000000..6c59b887d8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/legacy-styles.scss @@ -0,0 +1,6 @@ +@import "reindeer.scss"; +// For legacy themes; does not wrap styles in .themename +// Creates legacy-styles.css that can be imported into non-sass themes. +// NOTE: can not be used in scenarios where multiple themes are used on the +// same page (e.g portals). +@include reindeer; \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/link/link.scss b/themes/src/main/resources/VAADIN/themes/reindeer/link/link.scss new file mode 100644 index 0000000000..f1d2a31d83 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/link/link.scss @@ -0,0 +1,13 @@ +@mixin reindeer-link($primaryStyleName : v-link) { + +.#{$primaryStyleName} a:link span { + color: #1b699f; +} +.#{$primaryStyleName} a:visited span { + color: #5c7485; +} +.#{$primaryStyleName} a:hover span { + color: #2483c4; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/bg.png new file mode 100644 index 0000000000..0ce20b9aca Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked-selected.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked-selected.png new file mode 100644 index 0000000000..192c404617 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked-selected.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked.png new file mode 100644 index 0000000000..418e951166 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/checked.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png new file mode 100644 index 0000000000..d61d9ad6df Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/menu-sel-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png new file mode 100644 index 0000000000..dcf5e1ac55 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon.png new file mode 100644 index 0000000000..4dc376b78e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/submenu-icon.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png new file mode 100644 index 0000000000..bac6587c20 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked-selected.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked.png b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked.png new file mode 100644 index 0000000000..92a2b582c5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/img/unchecked.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/menubar/menubar.scss b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/menubar.scss new file mode 100644 index 0000000000..0b1672dab1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/menubar/menubar.scss @@ -0,0 +1,77 @@ +@mixin reindeer-menubar($primaryStyleName : v-menubar) { + +.#{$primaryStyleName} { + height: 23px; + background: #323336 repeat-x; + background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #d1d3d6; + text-shadow: rgba(0,0,0,.9) 0 1px 0; + padding: 0 8px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { + padding: 3px 8px; + height: 17px; + line-height: 16px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem:hover { + color: #fff; +} +.#{$primaryStyleName}-submenu { + background: #f8f8f9; + border: none; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + overflow: hidden; + padding: 4px 0; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { + padding: 1px 26px 1px 10px; + line-height: 16px; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption .v-icon { + vertical-align: middle; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-selected, +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected { + background: #4d749f repeat-x; + background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #fff; + text-shadow: 0 1px 0 #3b5a7a; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem-selected { + background-image: url(img/menu-sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { + background: transparent url(img/submenu-icon.png) no-repeat right 70%; + width: 26px; + height: 16px; + text-indent: -9999px; + font-size: 10.8px; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected .#{$primaryStyleName}-submenu-indicator { + background-image: url(img/submenu-icon-hover.png); +} + +/* Checkboxes for checkable/checked menu items */ +.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem { + padding-left: 6px; +} +.#{$primaryStyleName}-submenu-check-column .#{$primaryStyleName}-menuitem-caption { + padding-left: 18px; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-checked .#{$primaryStyleName}-menuitem-caption { + background: transparent url(img/checked.png) no-repeat left; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-unchecked .#{$primaryStyleName}-menuitem-caption { + background: transparent url(img/unchecked.png) no-repeat left; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected-checked .#{$primaryStyleName}-menuitem-caption { + background: transparent url(img/checked-selected.png) no-repeat left; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected-unchecked .#{$primaryStyleName}-menuitem-caption { + background: transparent url(img/unchecked-selected.png) no-repeat left; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/notification/img/error-close.png b/themes/src/main/resources/VAADIN/themes/reindeer/notification/img/error-close.png new file mode 100644 index 0000000000..2ce85b628a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/notification/img/error-close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/notification/notification.scss b/themes/src/main/resources/VAADIN/themes/reindeer/notification/notification.scss new file mode 100644 index 0000000000..85eab598fe --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/notification/notification.scss @@ -0,0 +1,49 @@ +@mixin reindeer-notification($primaryStyleName : v-Notification) { + +.#{$primaryStyleName} { + color: #fff; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + font-size: 16px; + background: #c8ccd0; + font-weight: bold; +} + +.v-ie9 &, .v-ie10 & { + .#{$primaryStyleName}-caption { + /* Fix for #6793 */ + font-weight: bold; + } +} +.#{$primaryStyleName}-description { + line-height: 1.3; +} +.#{$primaryStyleName}-warning { + background: #fdf3b5; + color: #ca9a61; + border: 3px solid #fee3af; +} +.#{$primaryStyleName}-error { + background: #b40000 url(img/error-close.png) no-repeat right top; + border: 3px solid #ca3030; +} +.#{$primaryStyleName}-tray { + margin: 0 5px 5px 0; + background: #3b3c3e; + border: 2px solid #585b5c; + padding: 0.8em 0.9em; +} +.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { + font-size: 14px; + line-height: 18px; +} +.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { + font-size: 12px; + font-weight: normal; +} +.#{$primaryStyleName}-system { + background-color: #b40000; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/panel/panel.scss b/themes/src/main/resources/VAADIN/themes/reindeer/panel/panel.scss new file mode 100644 index 0000000000..74ee10837d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/panel/panel.scss @@ -0,0 +1,78 @@ +@mixin reindeer-panel($primaryStyleName : v-panel) { + +.blue .#{$primaryStyleName}-caption, +.blue .#{$primaryStyleName}-nocaption, +.blue .#{$primaryStyleName}-content { + border-color: #a8bcc5; +} +.#{$primaryStyleName}-caption, +.#{$primaryStyleName}-nocaption, +.white .#{$primaryStyleName}-caption, +.white .#{$primaryStyleName}-nocaption { + border-bottom: 1px solid #e5e5e5; + line-height: 16px; /* accommodate minimum icon size */ +} + +.v-webkit &, +.v-gecko &, +.v-ie9 &, +.v-ie10 & { + .#{$primaryStyleName}-caption, + .#{$primaryStyleName}-nocaption { + border-bottom-color: rgba(0,0,0,.08); + } + .#{$primaryStyleName}-content { + border-top-color: rgba(0,0,0,.07); + } + .#{$primaryStyleName}-deco { + border-top-color: rgba(0,0,0,.1); + background: rgba(0,0,0,.08); + } +} + +.#{$primaryStyleName}-caption { + padding-bottom: 2px; +} +.#{$primaryStyleName}-content, +.white .#{$primaryStyleName}-content { + background: #fff; + border: 1px solid #dcdcdc; + border-bottom: none; + border-top: none; +} + +.blue .#{$primaryStyleName}-deco { + border-color: #92a3ac; + background: #adc2cd; +} +.#{$primaryStyleName}-deco, +.white .#{$primaryStyleName}-deco { + height: 1px; + border-top: 1px solid #bebebe; + background: #e2e2e2; + overflow: hidden; +} +.#{$primaryStyleName}-caption .v-errorindicator { + height: 16px; + width: 13px; + background: url(../common/icons/error.png) no-repeat 50%; + display: inline; + display: inline-block; + vertical-align: middle; +} + +/* Light style */ +.#{$primaryStyleName}-light .#{$primaryStyleName}-caption-light, +.#{$primaryStyleName}-light .#{$primaryStyleName}-nocaption-light { + border: none; +} +.#{$primaryStyleName}-light .#{$primaryStyleName}-content-light { + border: none; + background: transparent; +} +.#{$primaryStyleName}-light .#{$primaryStyleName}-deco-light { + height: 0; + border: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/popupview/popupview.scss b/themes/src/main/resources/VAADIN/themes/reindeer/popupview/popupview.scss new file mode 100644 index 0000000000..a6e7ad9843 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/popupview/popupview.scss @@ -0,0 +1,14 @@ +@mixin reindeer-popupview($primaryStyleName : v-popupview) { + +.#{$primaryStyleName} { + color: #1b699f; +} +.#{$primaryStyleName}:hover { + color: #2483c4; +} +.#{$primaryStyleName}-popup { + background: #fff; + padding: 3px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base-static.gif b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base-static.gif new file mode 100644 index 0000000000..474b684196 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base-static.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base.gif b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base.gif new file mode 100644 index 0000000000..6c6f15ef9e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/base.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/disabled.gif b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/disabled.gif new file mode 100644 index 0000000000..7a64d034b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/disabled.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/progress.png b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/progress.png new file mode 100644 index 0000000000..4a9803308c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/img/progress.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/progressindicator.scss b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/progressindicator.scss new file mode 100644 index 0000000000..2417202828 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/progressindicator/progressindicator.scss @@ -0,0 +1,20 @@ +@mixin reindeer-progressindicator($primaryStyleName : v-progressindicator) { + +.#{$primaryStyleName}-wrapper { + background: #dfe2e4 url(img/base.gif) repeat-x; + border: 1px solid #bfbfbf; +} +.v-disabled .#{$primaryStyleName}-wrapper { + background-image: url(img/disabled.gif); +} +.#{$primaryStyleName}-indicator { + background: #f7f9f9 url(img/progress.png); +} + +// Static style + +.#{$primaryStyleName}-static .#{$primaryStyleName}-wrapper { + background: #dfe2e4 url(img/base-static.gif) repeat-x; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/reindeer.scss b/themes/src/main/resources/VAADIN/themes/reindeer/reindeer.scss new file mode 100644 index 0000000000..c5d88f4a02 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/reindeer.scss @@ -0,0 +1,87 @@ +$font-size: 12px !default; +$line-height: normal !default; + + +// Override Base Grid variables +$v-grid-border: 1px solid #c2c3c4 !default; +$v-grid-cell-vertical-border: 1px solid #d4d4d4 !default; +$v-grid-cell-horizontal-border: none !default; +$v-grid-cell-focused-border: 1px solid #0f68ba !default; +$v-grid-row-height: 20px !default; +$v-grid-row-stripe-background-color: #eff0f1 !default; +$v-grid-row-selected-background-color: #4d749f !default; +$v-grid-header-font-size: 10px !default; +$v-grid-header-background-color: rgb(217,219,221) !default; +$v-grid-cell-padding-horizontal: 10px !default; + + +@import "../base/base.scss"; + +// common between others for now for backwards compatibility +@import "accordion/accordion.scss"; +@import "a-sprite-definitions/a-sprite-definitions.scss"; +@import "button/button.scss"; +@import "button/nativebutton.scss"; +@import "colorpicker/colorpicker.scss"; + +@import "common/common.scss"; + +@import "datefield/datefield.scss"; +@import "inlinedatefield/inlinedatefield.scss"; +@import "formlayout/formlayout.scss"; +@import "grid/grid.scss"; +@import "label/label.scss"; +@import "layouts/layouts.scss"; +@import "link/link.scss"; +@import "menubar/menubar.scss"; +@import "notification/notification.scss"; +@import "panel/panel.scss"; +@import "popupview/popupview.scss"; +@import "progressindicator/progressindicator.scss"; +@import "select/select.scss"; +@import "slider/slider.scss"; +@import "splitpanel/splitpanel.scss"; +@import "table/table.scss"; +@import "tabsheet/tabsheet.scss"; +@import "textfield/textfield.scss"; +@import "tree/tree.scss"; +@import "window/window.scss"; + +.v-generated-body { + background: #f5f5f5; +} + +@mixin reindeer { + @include base; + // TODO @each + + @include reindeer-accordion; + // TODO @include a-sprite-definitions; + @include reindeer-button; + @include reindeer-nativebutton; + @include reindeer-colorpicker; + @include reindeer-common; + @include reindeer-datefield; + @include reindeer-inlinedatefield; + @include reindeer-formlayout; + @include reindeer-grid; + @include reindeer-label; + @include reindeer-layouts; + @include reindeer-link; + @include reindeer-menubar; + @include reindeer-notification; + @include reindeer-panel; + @include reindeer-popupview; + @include reindeer-progressindicator(v-progressbar); + /* For legacy ProgressIndicator component */ + @include reindeer-progressindicator(v-progressindicator); + + @include reindeer-select; + @include reindeer-slider; + @include reindeer-splitpanel; + @include reindeer-table; + @include reindeer-tabsheet; + @include reindeer-textfield; + @include reindeer-tree; + @include reindeer-window; +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down-hover.png new file mode 100644 index 0000000000..2061e31bee Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down.png new file mode 100644 index 0000000000..6fba8ab906 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up-hover.png new file mode 100644 index 0000000000..a2d3ea6706 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up.png new file mode 100644 index 0000000000..3c9b52c9fc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black-focus.png new file mode 100644 index 0000000000..1d47349076 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black.png new file mode 100644 index 0000000000..a5cfcebf3b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/center-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black-focus.png new file mode 100644 index 0000000000..720c310c35 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black.png new file mode 100644 index 0000000000..9908a79990 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/left-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png new file mode 100644 index 0000000000..2f98d641d2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png new file mode 100644 index 0000000000..5a8012b861 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus.png new file mode 100644 index 0000000000..a5c88ed7cb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-hover.png new file mode 100644 index 0000000000..8113640f15 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png new file mode 100644 index 0000000000..ef5ee44451 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black.png new file mode 100644 index 0000000000..1bd04abb46 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/black/right-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center-focus.png new file mode 100644 index 0000000000..e236f2a24d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center.png new file mode 100644 index 0000000000..fae6766cce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/center.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left-focus.png new file mode 100644 index 0000000000..528d53203b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left.png new file mode 100644 index 0000000000..e4179a0078 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-hover.png new file mode 100644 index 0000000000..5479c21ee9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-pressed.png new file mode 100644 index 0000000000..8d621bd96e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-down-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-hover.png new file mode 100644 index 0000000000..ba08d141fd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-pressed.png new file mode 100644 index 0000000000..08c044abc6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/page-up-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-hover.png new file mode 100644 index 0000000000..9b8ddc7676 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-pressed.png new file mode 100644 index 0000000000..9c7b6dc0ac Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus.png new file mode 100644 index 0000000000..127c3e03d2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-hover.png new file mode 100644 index 0000000000..5d1c8f8153 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-pressed.png new file mode 100644 index 0000000000..f9450d2d43 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right.png new file mode 100644 index 0000000000..d341745cce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/img/status-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/status-bg.png new file mode 100644 index 0000000000..c93bfeb350 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/select/img/status-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/select/select.scss b/themes/src/main/resources/VAADIN/themes/reindeer/select/select.scss new file mode 100644 index 0000000000..a15ba4ab87 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/select/select.scss @@ -0,0 +1,265 @@ +@mixin reindeer-select($primaryStyleName : v-filterselect) { + +$select-button-width : 25px; +$select-button-negative-width : -25px; + +.#{$primaryStyleName} { + height: 24px; + background-repeat: no-repeat; + background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ + padding-left: 2px; + padding-right: $select-button-width; /* Space for the button */ +} +&.v-app .#{$primaryStyleName}-input, +.v-window .#{$primaryStyleName}-input, +.v-popupview-popup .#{$primaryStyleName}-input { + background: transparent repeat-x; + background-image: url(img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ + border: none; + height: 24px; +} +/* More specific selector to override padding */ +&.v-app input.#{$primaryStyleName}-input, +.v-window input.#{$primaryStyleName}-input, +.v-popupview-popup input.#{$primaryStyleName}-input { + padding: 4px 0 4px 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { + font-style: normal; +} +.#{$primaryStyleName}-input:focus { + outline: none; +} +.#{$primaryStyleName}-focus { + background-image: url(img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-input { + background-image: url(img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-button { + overflow: hidden; + width: $select-button-width; + height: 24px; + background-position: 0 0; + background-image: url(img/right.png); /** sprite-ref: verticals ; sprite-margin-bottom: 1px */ + cursor: default; + margin-right: $select-button-negative-width; +} +.#{$primaryStyleName}-button:hover { + background-image: url(img/right-hover.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-button:active { + background-image: url(img/right-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-button { + background-image: url(img/right-focus.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-button:hover { + background-image: url(img/right-focus-hover.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-focus .#{$primaryStyleName}-button:active { + background-image: url(img/right-focus-pressed.png); /** sprite-ref: verticals */ +} +.v-disabled .#{$primaryStyleName}-button:hover, +.v-readonly .#{$primaryStyleName}-button:hover { + background-image: url(img/right.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-suggestpopup { + background: #f8f8f9; + border: none; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + overflow: hidden; +} +.#{$primaryStyleName}-suggestmenu { + margin: 4px 0; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem { + padding: 1px 8px; + height: 16px; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + cursor: default; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem .v-icon { + margin-right: 3px; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { + background: transparent repeat-x; + background-image: url(../common/img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #fff; + text-shadow: #3b5a7a 0 1px 0; +} +.#{$primaryStyleName}-nextpage, +.#{$primaryStyleName}-nextpage-off, +.#{$primaryStyleName}-prevpage-off, +.#{$primaryStyleName}-prevpage { + height: 11px; + width: 100%; + background: transparent; + margin-bottom: -4px; +} +.#{$primaryStyleName}-nextpage, +.#{$primaryStyleName}-nextpage-off { + margin: -4px 0 0; +} +.#{$primaryStyleName}-nextpage:hover { + background-repeat: repeat-x; + background-image: url(img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-prevpage:hover { + background-repeat: repeat-x; + background-image: url(img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-nextpage:active { + background-repeat: repeat-x; + background-image: url(img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-prevpage:active { + background-repeat: repeat-x; + background-image: url(img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-nextpage-off span, +.#{$primaryStyleName}-prevpage-off span { + display: none; +} +.#{$primaryStyleName}-nextpage span, +.#{$primaryStyleName}-prevpage span { + display: block; + height: 11px; + width: 100%; + overflow: hidden; + text-indent: -99999px; + background: transparent no-repeat center 3px; + background-image: url(img/arrow-down.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +.#{$primaryStyleName}-prevpage span { + background-image: url(img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ +} +.#{$primaryStyleName}-nextpage:hover span { + background-image: url(img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ +} +.#{$primaryStyleName}-prevpage:hover span { + background-image: url(img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */ +} +.#{$primaryStyleName}-status { + text-shadow: #e9eaeb 0 1px 0; + font-size: 11px; + line-height: normal; + width: 100%; + padding: 3px 0; + height: 11px; + overflow: hidden; + background-repeat: repeat-x; + background-image: url(img/status-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} +/* IE fails to position background images properly inside table elements */ +.v-ie & .#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { + background: transparent url(../common/img/sel-bg.png) repeat-x; +} +.v-ie & .#{$primaryStyleName}-nextpage:hover { + background: transparent url(img/page-down-hover.png) repeat-x; +} +.v-ie & .#{$primaryStyleName}-prevpage:hover { + background: transparent url(img/page-up-hover.png) repeat-x; +} +.v-ie & .#{$primaryStyleName}-prevpage span { + background: transparent url(img/arrow-up.png) no-repeat center 3px; +} +.v-ie & .#{$primaryStyleName}-nextpage span { + background: transparent url(img/arrow-down.png) no-repeat center 3px; +} +.v-ie & .#{$primaryStyleName}-prevpage:hover span { + background: transparent url(img/arrow-up-hover.png) no-repeat center 3px; +} +.v-ie & .#{$primaryStyleName}-nextpage:hover span { + background: transparent url(img/arrow-down-hover.png) no-repeat center 3px; +} +.v-ie & .#{$primaryStyleName}-status { + background: transparent url(img/status-bg.png) repeat-x; +} +/* Filterselect with icon needs a similar fix than in buttons */ +.#{$primaryStyleName} .v-icon { + width: 16px; + position: relative; +} +.#{$primaryStyleName} .v-icon + .#{$primaryStyleName}-input { + margin-left: -16px; + padding-left: 18px; +} + + + + +/* Combobox on black background */ +.black .#{$primaryStyleName} { + background-image: url(img/black/left-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +&.v-app .black .#{$primaryStyleName}-input, +.v-window .black .#{$primaryStyleName}-input, +.v-window-black .#{$primaryStyleName}-input, +.v-popupview-popup .black .#{$primaryStyleName}-input { + color: #c9ccce; + background-image: url(img/black/center-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-focus { + background-image: url(img/black/left-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-input { + background-image: url(img/black/center-black-focus.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-button { + background-image: url(img/black/right-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-button:hover { + background-image: url(img/black/right-black-hover.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-button:active { + background-image: url(img/black/right-black-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button { + background-image: url(img/black/right-black-focus.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button:hover { + background-image: url(img/black/right-black-focus-hover.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-focus .#{$primaryStyleName}-button:active { + background-image: url(img/black/right-black-focus-pressed.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .v-disabled .#{$primaryStyleName}-button:hover, +.black .v-readonly .#{$primaryStyleName}-button:hover { + background-image: url(img/black/right-black.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 1px */ +} +.black .#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { + color: #5f6366; +} + + + +/* Native selects on black background */ +.black .v-select select, +.black .v-select-twincol select { + border-color: #38393a; + border-top-color: #2c2d2e; + border-bottom-color: #3e3f3f; + background: #151717; + color: #c9ccce; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob-pressed.png new file mode 100644 index 0000000000..d5afcb71a0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob.png b/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob.png new file mode 100644 index 0000000000..897d45b415 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/slider/img/knob.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/slider/slider.scss b/themes/src/main/resources/VAADIN/themes/reindeer/slider/slider.scss new file mode 100644 index 0000000000..ed286d7c68 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/slider/slider.scss @@ -0,0 +1,45 @@ +@mixin reindeer-slider($primaryStyleName : v-slider) { + +.#{$primaryStyleName} { + border-top: 1px solid #9a9c9e; + border-bottom: 1px solid #bdbfc1; + margin: 4px 0; +} +.#{$primaryStyleName}-base { + height: 1px; + background: #e0e2e2; + border-top: 1px solid #adb0b1; + border-left: 1px solid #a0a3a6; + border-right: 1px solid #a0a3a6; +} +.#{$primaryStyleName}-handle { + background: transparent; + background-image: url(img/knob.png); /** sprite-ref: verticals */ + width: 10px; + height: 10px; + margin-top: -5px; +} +.#{$primaryStyleName}-handle-active { + background-image: url(img/knob-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-vertical { + width: 2px; + margin: 0 5px; + border: none; + border-left: 1px solid #9a9c9e; + border-right: 1px solid #bdbfc1; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { + width: 2px; + border-left: 1px solid #adb0b1; + border-right: none; + border-top: 1px solid #adb0b1; + border-bottom: 1px solid #adb0b1; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { + width: 10px; + height: 10px; + margin-left: -5px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png new file mode 100644 index 0000000000..4ce1cabffc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png new file mode 100644 index 0000000000..50645f41f1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png new file mode 100644 index 0000000000..1e6968dd1c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png new file mode 100644 index 0000000000..bf5ca89ca5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/splitpanel.scss b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..2e612e2e21 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/splitpanel/splitpanel.scss @@ -0,0 +1,70 @@ +@mixin reindeer-splitpanel($primaryStyleName : v-splitpanel) { + +.#{$primaryStyleName}-hsplitter, +.#{$primaryStyleName}-hsplitter-locked { + width: 7px; + background-repeat: repeat-y; + background-image: url(img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-hsplitter div { + width: 7px; + height: 100%; /* for Opera */ + background: transparent; + background-repeat: no-repeat; + background-position: 50%; + background-image: url(img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: center */ +} +.#{$primaryStyleName}-vsplitter, +.#{$primaryStyleName}-vsplitter-locked { + height: 7px; + background-repeat: repeat-x; + background-image: url(img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-vsplitter div { + height: 7px; + background: transparent; + background-repeat: no-repeat; + background-position: 50%; + background-image: url(img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */ +} + + +/* Splitpanels on blue background */ +.blue .#{$primaryStyleName}-hsplitter-small, +.blue .#{$primaryStyleName}-hsplitter-small-locked { + background: #7c8a91; +} + +/* Splitpanels on black background */ +.black .#{$primaryStyleName}-hsplitter-small, +.black .#{$primaryStyleName}-hsplitter-small-locked { + background: #4e5253; +} + +/* Small style */ +.#{$primaryStyleName}-hsplitter-small, +.#{$primaryStyleName}-hsplitter-small-locked, +.white .#{$primaryStyleName}-hsplitter-small, +.white .#{$primaryStyleName}-hsplitter-small-locked { + width: 1px; + background: #949698; +} +.#{$primaryStyleName}-vsplitter-small, +.#{$primaryStyleName}-vsplitter-small-locked, +.white .#{$primaryStyleName}-vsplitter-small, +.white .#{$primaryStyleName}-vsplitter-small-locked { + height: 1px; + background: #949698; +} +.#{$primaryStyleName}-hsplitter-small div { + width: 5px; + margin-left: -2px; + background: transparent; +} +.#{$primaryStyleName}-vsplitter-small div { + height: 5px; + margin-top: -2px; + background: transparent; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/styles.scss b/themes/src/main/resources/VAADIN/themes/reindeer/styles.scss new file mode 100644 index 0000000000..89ddb29341 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/styles.scss @@ -0,0 +1,5 @@ +@import "reindeer.scss"; + +.reindeer { + @include reindeer; +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc-light.png new file mode 100644 index 0000000000..44ed76001a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc.png new file mode 100644 index 0000000000..050d6c715b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/asc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png new file mode 100644 index 0000000000..69ed19c41f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black.png new file mode 100644 index 0000000000..6cf004991d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png new file mode 100644 index 0000000000..02afc74e14 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light.png new file mode 100644 index 0000000000..7b15cb5605 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-pressed.png new file mode 100644 index 0000000000..774248c447 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel.png new file mode 100644 index 0000000000..3a2a0b3f44 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/col-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc-light.png new file mode 100644 index 0000000000..84d15a0628 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc.png new file mode 100644 index 0000000000..c3edfa25b9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/desc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-black.png new file mode 100644 index 0000000000..1ccbca7168 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-light.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-light.png new file mode 100644 index 0000000000..0b913e2ef1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg-light.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg.png new file mode 100644 index 0000000000..a6b897199a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png new file mode 100644 index 0000000000..060eadee5f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/table/img/scroll-indic-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/table/table.scss b/themes/src/main/resources/VAADIN/themes/reindeer/table/table.scss new file mode 100644 index 0000000000..5896bef014 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/table/table.scss @@ -0,0 +1,293 @@ +@mixin reindeer-table($primaryStyleName : v-table) { + +/* Table on blue background */ +.blue .#{$primaryStyleName}-header-wrap { + border-color: #92a2aa; +} +.blue .#{$primaryStyleName}-body { + border-color: #92a2aa; + border-top-color: #c2c3c4; +} + +/* Default & white style */ +.#{$primaryStyleName}-header-wrap, +.white .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-footer-wrap, +.white .#{$primaryStyleName}-footer-wrap, +.#{$primaryStyleName}-header-drag { + border-color: #c2c3c4; + background: transparent repeat-x; + background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + height: 20px; + text-transform: uppercase; + font-size: 10px; + font-weight: bold; + color: #222; + text-shadow: #f3f5f8 0 1px 0; + line-height: normal; +} + +.#{$primaryStyleName}-footer-wrap, +.white .#{$primaryStyleName}-footer-wrap { + text-transform: none; + font-size: 12px; + font-weight: normal; +} + +.#{$primaryStyleName}-footer td, +.white .#{$primaryStyleName}-footer td { + border-color: #c2c3c4; +} + +.#{$primaryStyleName}-footer-container { + padding-right: 7px; +} + + +.#{$primaryStyleName}-header, +.#{$primaryStyleName}-footer, +.#{$primaryStyleName}-footer table { + height: 20px; +} + +.#{$primaryStyleName}-caption-container, +.#{$primaryStyleName}-header-drag { + padding-top: 4px; + padding-right: 4px; +} +.#{$primaryStyleName}-caption-container .v-icon, +.#{$primaryStyleName}-header-drag .v-icon { + height: 16px; + margin: -4px 3px 0 0; + vertical-align: middle; +} +.v-ie & .#{$primaryStyleName}-caption-container .v-icon, +.v-ie & .#{$primaryStyleName}-header-drag .v-icon { + margin-top: -3px; +} +.#{$primaryStyleName}-resizer { + height: 20px; + width: 2px; + background: transparent; + border-right: 1px solid #c2c3c4; +} + +.#{$primaryStyleName}-sort-indicator { + background: transparent; + width: 0px; + height: 20px; +} + +.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { + background: transparent no-repeat right 7px; + background-image: url(img/asc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ + width: 16px; +} +.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + background: transparent no-repeat right 7px; + background-image: url(img/desc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ + width: 16px; +} +.#{$primaryStyleName}-body, +.white .#{$primaryStyleName}-body { + border-color: #c2c3c4; + background: #fff; +} +.#{$primaryStyleName}-cell-content { + padding-top: 0; + border-right-color: #d3d4d5; + vertical-align: top; +} +.#{$primaryStyleName}-cell-wrapper { + padding-top: 3px; + padding-bottom: 3px; +} +.#{$primaryStyleName}-row-odd { + background: #eff0f1; +} +.#{$primaryStyleName}-generated-row { + background: #dcdee0; + text-transform: uppercase; + font-size: 10px; + font-weight: bold; + color: #222; + text-shadow: #f3f5f8 0 1px 0; + line-height: normal; +} +.#{$primaryStyleName}-generated-row .#{$primaryStyleName}-cell-wrapper { + padding-top: 4px; + padding-bottom: 5px; +} +.#{$primaryStyleName}-cell-content:last-child { + border-right-color: transparent; +} +.#{$primaryStyleName} .v-selected, +.black .#{$primaryStyleName} .v-selected { + background: #4d749f url(../common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */ + color: #fff; + text-shadow: #3b5a7a 0 1px 0; +} +.#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { + border-right-color: #466c90; +} +.#{$primaryStyleName}-column-selector { + width: 16px; + height: 20px; + margin-top: -20px; + background: transparent no-repeat; + background-image: url(img/col-sel-light.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-column-selector:active { + background-image: url(img/col-sel-light-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-focus-slot-left { + border-left: 1px solid #222; + margin-bottom: -20px; + width: auto; +} +.#{$primaryStyleName}-focus-slot-right { + border-right-color: #222; + margin-right: 0; +} +.#{$primaryStyleName}-header-drag { + padding-left: 6px; + height: 16px; +} +.#{$primaryStyleName}-header-drag img { + height: 16px; + margin: -3px 3px 0 0; +} +.#{$primaryStyleName}-scrollposition { + width: auto; + background: transparent; + border: none; +} +.#{$primaryStyleName}-scrollposition span { + background: transparent repeat-x; + background-image: url(img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + border: 1px solid #939494; + border: none; + border-radius-bottomleft: 4px; + border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-left-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + height: 13px; + padding: 4px 30px; + white-space: nowrap; + color: #222; + text-shadow: #fff 0 1px 0; + position: relative; + top: 1px; + -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px; + -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px; +} +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-scrollposition span { + top: 0; +} +/* row in column selector */ +.v-contextmenu .v-on, +.v-contextmenu .v-off { + display: inline-block; + zoom: 1; + background: transparent no-repeat 0 4px; + background-image: url(../common/icons/bullet.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 4px */ + padding-left: 12px; + padding-right: 4px; +} +.v-contextmenu .v-off { + background-image: none; + color: #666; +} +.v-contextmenu .gwt-MenuItem-selected .v-on { + background-image: url(../common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */ +} + + +/* Strong style */ +.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-drag { + border-color: #2b3033; + border-top-color: #2b3033; + background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #e7e9ea; + text-shadow: #000 0 -1px 0; +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-body { + border-top-color: #2b3033; +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-resizer { + border-right-color: #1c1f21; +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { + background-image: url(img/asc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + background-image: url(img/desc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector { + background-image: url(img/col-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-column-selector:active { + background-image: url(img/col-sel-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-left, +.#{$primaryStyleName}-strong .#{$primaryStyleName}-focus-slot-right { + border-color: #9ca1a5; +} + + +/* Table on black background (normal style) */ +.black .#{$primaryStyleName}-header-wrap, +.black .#{$primaryStyleName}-header-drag { + border-color: #252729; + background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ + color: #e7eaee; + text-shadow: #000 0 -1px 0; +} +.black .#{$primaryStyleName}-resizer { + border-right-color: #252729; +} +.black .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { + background-image: url(img/asc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ +} +.black .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + background-image: url(img/desc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */ +} +.black .#{$primaryStyleName}-column-selector { + background-image: url(img/col-sel-black.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-column-selector:active { + background-image: url(img/col-sel-black-pressed.png); /** sprite-ref: black-verticals */ +} +.black .#{$primaryStyleName}-focus-slot-left, +.black .#{$primaryStyleName}-focus-slot-right { + border-color: #9ca1a5; +} +.black .#{$primaryStyleName}-body { + border-color: #252729; + background: transparent; +} +.black .#{$primaryStyleName}-cell-content { + border-right-color: #252729; + border-bottom: 1px solid #252729; +} +.black .#{$primaryStyleName}-cell-wrapper { + padding-bottom: 2px; +} +.black .#{$primaryStyleName}-row-odd { + background: transparent; +} +/* Selection background-color combined with the default (white) style selector, so we don't have to duplicate the sprite image in the final sprite collection */ +.black .#{$primaryStyleName} .v-selected .#{$primaryStyleName}-cell-content { + border-bottom: 1px solid #4d749f; +} + +/* Borderless style */ +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { + border: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png new file mode 100644 index 0000000000..3c6b3a8efb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png new file mode 100644 index 0000000000..033e1cbd6d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png new file mode 100644 index 0000000000..30188fb070 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png new file mode 100644 index 0000000000..207a0a9040 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-first-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png new file mode 100644 index 0000000000..5aa0df6736 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png new file mode 100644 index 0000000000..78a0bd6ff6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png new file mode 100644 index 0000000000..acb8aceacf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png new file mode 100644 index 0000000000..7aedf4c443 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/bar/tab-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png new file mode 100644 index 0000000000..f548db838a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png new file mode 100644 index 0000000000..a39a4431b3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png new file mode 100644 index 0000000000..31a0d1f3f5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png new file mode 100644 index 0000000000..9aae58c427 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png new file mode 100644 index 0000000000..e0cd398707 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn.png new file mode 100644 index 0000000000..9407f7b82c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/close-btn.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png new file mode 100644 index 0000000000..69cb79bb07 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png new file mode 100644 index 0000000000..ba6ce2d1f6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png new file mode 100644 index 0000000000..39e2eb907d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png new file mode 100644 index 0000000000..5da4f354a7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-first-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png new file mode 100644 index 0000000000..36bda281a2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png new file mode 100644 index 0000000000..8debec889c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png new file mode 100644 index 0000000000..8dd605495f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png new file mode 100644 index 0000000000..f02e91260e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png new file mode 100644 index 0000000000..a4d36b63d6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/framed/tab-spacer-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png new file mode 100644 index 0000000000..bfdb3d60b9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-disabled.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png new file mode 100644 index 0000000000..3b1d688ea0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next.png new file mode 100644 index 0000000000..10d8dd96de Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-next.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png new file mode 100644 index 0000000000..fbd08f74b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-disabled.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png new file mode 100644 index 0000000000..22923aa7e9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png new file mode 100644 index 0000000000..aaa748424f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tab-prev.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png new file mode 100644 index 0000000000..7084ff1af3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg-sel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png new file mode 100644 index 0000000000..76cf520e04 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/img/tabbar-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss new file mode 100644 index 0000000000..e2a92730b4 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-borderless-style.scss @@ -0,0 +1,24 @@ +@mixin reindeer-tabsheet-borderless-style($primaryStyleName : v-tabsheet-borderless) { + +.#{$primaryStyleName} .v-tabsheet-tabitemcell-first { + padding-left: 7px; + background: url(img/framed/tab-first-left.png) no-repeat -3px 0; +} +.#{$primaryStyleName} .v-tabsheet-tabitemcell-selected-first { + background: url(img/framed/tab-first-left-sel.png) no-repeat -3px 0; +} +.#{$primaryStyleName} .v-tabsheet-spacertd div { + margin-right: 0; +} +.#{$primaryStyleName} .v-tabsheet-spacertd { + background: transparent; +} +.#{$primaryStyleName} .v-tabsheet-content { + border: none; +} +.#{$primaryStyleName} .v-tabsheet-deco { + height: 0; + border-top: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss new file mode 100644 index 0000000000..706aea151b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-hover-closable-style.scss @@ -0,0 +1,10 @@ +@mixin reindeer-tabsheet-hover-closable-style($primaryStyleName : v-tabsheet) { + +.#{$primaryStyleName}-tabs-hover-closable .#{$primaryStyleName}-caption-close { + visibility: hidden; +} +.#{$primaryStyleName}-tabs-hover-closable .#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { + visibility: visible; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss new file mode 100644 index 0000000000..77d4922535 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-minimal-style.scss @@ -0,0 +1,157 @@ +@mixin reindeer-tabsheet-minimal-style($primaryStyleName : v-tabsheet) { + +/** + * Tabsheet "minimal" style -------------- + */ + +/* Minimal tabsheet on blue background */ +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { + border-color: #7c8a91; +} +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { + color: #7c8a91; +} +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { + color: #BCD3DE; + background: #778d98; +} +.blue .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { + background: #4f6874; +} + +/* Default & white styles */ +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, +.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div { + border-bottom: 1px solid #bfbfbf; + height: auto; + background: transparent; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitemcell, +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd { + height: auto; + background: transparent; + padding-left: 0; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, +.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem { + border: none; + border-bottom: 1px solid #bfbfbf; + color: #4d748f; + padding: 0; + height: auto; + background: transparent; + text-shadow: none; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .v-caption { + padding: 5px 16px; + height: auto; + background: transparent; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitemcell-selected { + background: transparent; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected, +.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { + background: transparent; + border: 1px solid #bfbfbf; + border-bottom: none; + color: #222; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected .v-caption { + background: transparent; + padding: 4px 15px 6px 15px; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .v-caption-closable, +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected .v-caption-closable { + padding-right: 6px; +} +.#{$primaryStyleName}-content-minimal, +.white .#{$primaryStyleName}-content-minimal { + border: none; +} +.#{$primaryStyleName}-content-minimal .#{$primaryStyleName}-tabsheetpanel { + background: transparent; +} +.#{$primaryStyleName}-deco-minimal, +.white .#{$primaryStyleName}-deco-minimal { + height: 0; + border: none; +} +.#{$primaryStyleName}-tabcontainer-minimal .#{$primaryStyleName}-scroller { + margin-top: -20px; + height: 17px; + padding: 0; + border: none; + background: transparent; +} +.#{$primaryStyleName}-tabcontainer-minimal .#{$primaryStyleName}-scroller button { + margin-top: 0; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close, +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { + text-indent: 0; + background: transparent; + margin-left: 3px; + margin-right: -3px; + padding: 0; + color: #999; + width: 14px; + height: 14px; + line-height: 14px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; +} + +.v-ie9 &, .v-ie10 & { + .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem .#{$primaryStyleName}-caption-close { + &, &:hover, &:active { + + /* IE9/IE10 suffers from rounding subpixel values errors when measuring the tabs which makes the close button wrap. */ + margin-left: 2.5px; + + /* The close button is a pixel too high in IE9/IE10, adjust for that */ + margin-top: 1px; + } + } +} + +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover, +.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { + color: #fff; + background: #aaa; +} +.#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active, +.white .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { + background: #777; +} + +/* Minimal tabsheet on black background */ +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-spacertd div, +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem, +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { + border-color: #3e4044; + color: #6a7f89; +} +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-tabitem-selected { + color: #c9ccce; +} +.black .#{$primaryStyleName}-content-minimal, +.black .#{$primaryStyleName}-content-bar { + color: #c9ccce; + text-shadow: #000 0 0 1px; +} +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close { + color: #72787c; +} +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:hover { + color: #1d2021; + background: #4d5154; +} +.black .#{$primaryStyleName}-tabs-minimal .#{$primaryStyleName}-caption-close:active { + background: #626669; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss new file mode 100644 index 0000000000..a2091130a1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-normal-style.scss @@ -0,0 +1,168 @@ +@mixin reindeer-tabsheet-normal-style($primaryStyleName : v-tabsheet) { + +/* Default Tabsheet styles */ + +.#{$primaryStyleName}-tabitemcell, +.#{$primaryStyleName}-spacertd { + height: 32px; +} +.#{$primaryStyleName}-tabitemcell { + background: no-repeat; + background-image: url(img/framed/tab-left.png); /** sprite-ref: verticals */ + padding-left: 3px; +} +.#{$primaryStyleName}-tabitemcell-first { + padding-left: 10px; + background-image: url(img/framed/tab-first-left.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitem, +.#{$primaryStyleName}-spacertd div { + border: none; + height: 32px; + background: transparent repeat-x; + background-image: url(img/framed/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + padding: 0; + color: #222; + text-shadow: #fff 0 1px 0; +} +.#{$primaryStyleName}-tabitem .v-caption { + border: none; + height: 23px; + background: no-repeat right top; + background-image: url(img/framed/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */ + padding: 9px 8px 0 6px; +} +.#{$primaryStyleName}-tabitem .v-caption-closable { + padding-right: 0; + padding-left: 17px; +} +.#{$primaryStyleName}-tabitem .v-captiontext { + height: 16px; + line-height: 16px; + vertical-align:baseline; +} +.#{$primaryStyleName}-caption-close { + float: right; + width: 19px; + height: 18px; + margin: -1px -1px 0; + padding-left: 2px; + background: transparent; + background-image: url(img/close-btn.png); /** sprite-ref: verticals */ + cursor: default; + text-indent: -999px; + overflow: hidden; + font-size: 14px; + font-weight: normal; +} +.v-ff & .#{$primaryStyleName}-caption-close{ + margin-top: -17px; +} + +.v-ff & .#{$primaryStyleName}-caption-close:only-child { + margin-top: -1px; +} + + +.#{$primaryStyleName}-caption-close:hover { + background-image: url(img/close-btn-hover.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-caption-close:active { + background-image: url(img/close-btn-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { + background-image: url(img/close-btn-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:hover { + background-image: url(img/close-btn-sel-hover.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:active { + background-image: url(img/close-btn-sel-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitemcell-selected { + background-image: url(img/framed/tab-left-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitemcell-selected-first { + background-image: url(img/framed/tab-first-left-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabitem-selected { + background-image: url(img/framed/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #232930; +} +.#{$primaryStyleName}-tabitem-selected .v-caption { + background-image: url(img/framed/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */ +} +.#{$primaryStyleName}-spacertd div { + margin-right: 4px; +} +.#{$primaryStyleName}-spacertd { + background: transparent no-repeat right top; + background-image: url(img/framed/tab-spacer-right.png); /** sprite-ref: verticals; sprite-alignment: right */ +} +.blue .#{$primaryStyleName}-content { + border-color: #a8bcc5; +} +.#{$primaryStyleName}-content, +.white .#{$primaryStyleName}-content { + border: 1px solid #dcdcdc; + border-bottom: none; + border-top: none; + color: #222; + text-shadow: none; +} +.#{$primaryStyleName}-tabsheetpanel { + background: #fff; +} +.v-sa & .#{$primaryStyleName}-content { + border-color: rgba(0,0,0,.1); +} +.blue .#{$primaryStyleName}-deco { + border-color: #92a3ac; + background: #adc2cd; +} +.#{$primaryStyleName}-deco, +.white .#{$primaryStyleName}-deco { + height: 1px; + border-top: 1px solid #bebebe; + background: #e2e2e2; + overflow: hidden; +} +.v-sa & .#{$primaryStyleName}-deco { + border-top-color: rgba(0,0,0,.1); + background: rgba(0,0,0,.08); +} + + +/* Icons & error indicators */ + +.#{$primaryStyleName}-tabs .v-icon, +.#{$primaryStyleName}-tabs .v-captiontext, +.#{$primaryStyleName}-tabs .v-errorindicator { + display: inline; + float: none; +} +.v-sa & .#{$primaryStyleName}-tabs .v-captiontext { + display: inline-block; +} + +/* Align TabSheet icons differently on Chromes and Safaris #13077 */ +.v-sa & .#{$primaryStyleName}-tabs .v-icon { + vertical-align: top; +} + +.#{$primaryStyleName}-tabs .v-icon { + width: 16px !important; + height: 16px !important; +} +.#{$primaryStyleName}-tabs .v-errorindicator { + display: inline-block; + width: 13px; + height: 16px; + background: transparent url(../common/icons/error.png) no-repeat 50%; +} +.v-ie & .#{$primaryStyleName}-tabs .v-errorindicator { + zoom: 1; + display: inline-block; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss new file mode 100644 index 0000000000..070bb2d724 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-scroller.scss @@ -0,0 +1,55 @@ +@mixin reindeer-tabsheet-scroller($primaryStyleName : v-tabsheet) { + +/* Tabsheet scroller styles */ + +.#{$primaryStyleName}-scroller { + height: 31px; + margin-top: -31px; + padding: 0 3px 0 4px; + border-right: 1px solid #c2c2c2; + border-left: 1px solid #cfcfcf; + position: relative; + float: right; + background: transparent url(img/framed/tab-bg.png) repeat-x left -1px; + width: 36px; +} +.#{$primaryStyleName}-scroller button { + margin-top: 7px; +} +.#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled { + border: none; + background: transparent; + background-image: url(img/tab-prev.png); /** sprite-ref: verticals */ + width: 18px; + height: 17px; + overflow: hidden; +} +.#{$primaryStyleName}-scroller button::-moz-focus-inner { + border: none; +} +.#{$primaryStyleName}-scrollerNext { + background-image: url(img/tab-next.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-scrollerPrev:active { + background-image: url(img/tab-prev-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-scrollerNext:active { + background-image: url(img/tab-next-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerPrev-disabled:active { + background-image: url(img/tab-prev-disabled.png); /** sprite-ref: verticals */ + opacity: 1; + filter: none; +} +.#{$primaryStyleName}-scrollerNext-disabled, +.#{$primaryStyleName}-scrollerNext-disabled:active { + background-image: url(img/tab-next-disabled.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */ + opacity: 1; + filter: none; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss new file mode 100644 index 0000000000..ed1ddcd693 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-selected-closable-style.scss @@ -0,0 +1,12 @@ +@mixin reindeer-tabsheet-selected-closable-style($primaryStyleName : v-tabsheet) { + +.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem .#{$primaryStyleName}-caption-close, +.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem:hover .#{$primaryStyleName}-caption-close { + visibility: hidden; +} +.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close, +.#{$primaryStyleName}-tabs-selected-closable .#{$primaryStyleName}-tabitem-selected:hover .#{$primaryStyleName}-caption-close { + visibility: visible; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss new file mode 100644 index 0000000000..4141586d5a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet-small-style.scss @@ -0,0 +1,119 @@ +@mixin reindeer-tabsheet-small-style($primaryStyleName : v-tabsheet) { + +/** + * Tabsheet bar style --------------- + */ +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell, +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd { + height: 20px; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd { + background: transparent; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell { + background-image: url(img/bar/tab-left.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-first { + padding-left: 6px; + background-image: url(img/bar/tab-first-left.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem, +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-spacertd div { + height: 20px; + background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + margin: 0; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem .v-caption { + font-size: 11px; + height: 18px; + background-image: url(img/bar/tab-right.png); /** sprite-ref: verticals; sprite-alignment: right */ + padding: 2px 12px 0 10px; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem .v-caption-closable, +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .v-caption-closable { + padding-right: 8px; + padding-left: 14px; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close, +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:hover, +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:active { + text-indent: 0; + background: transparent; + margin-left: 3px; + margin-right: -3px; + padding: 1px 0 0 1px; + color: #3c3c3c; + width: 13px; + height: 13px; + line-height: 12px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close { + margin-top: 1px; +} +.v-ff & .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close { + margin-top: -14px; +} +.v-ie9 &, .v-ie10 & { + .#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:only-child, + .#{$primaryStyleName}-tabs-bar .v-captiontext:first-child + .#{$primaryStyleName}-caption-close { + margin-top: -14px; + } +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:hover { + background: #bfbfbf; + -webkit-box-shadow: 0 1px 0 #fff; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-caption-close:active { + background: #a9a9a9; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close { + color: #404142; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:hover { + background: #5e666e; + color: #fff; + text-shadow: 0 -1px 0 #222; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .#{$primaryStyleName}-caption-close:active { + background: #404142; +} + +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-selected { + background-image: url(img/bar/tab-left-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitemcell-selected-first { + background-image: url(img/bar/tab-first-left-sel.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected { + background-image: url(img/bar/tab-bg-sel.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + color: #232930; +} +.#{$primaryStyleName}-tabs-bar .#{$primaryStyleName}-tabitem-selected .v-caption { + background-image: url(img/bar/tab-right-sel.png); /** sprite-ref: verticals; sprite-alignment: right */ +} +.#{$primaryStyleName}-tabcontainer-bar .#{$primaryStyleName}-scroller { + margin-top: -20px; + height: 19px; + border-right: none; + background-image: url(img/bar/tab-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-tabcontainer-bar .#{$primaryStyleName}-scroller button { + margin-top: 1px; +} +.#{$primaryStyleName}-content-bar, +.white .#{$primaryStyleName}-content-bar { + border: none; +} +.#{$primaryStyleName}-content-bar .#{$primaryStyleName}-tabsheetpanel { + background: transparent; +} +.#{$primaryStyleName}-deco-bar, +.white .#{$primaryStyleName}-deco-bar { + height: 0; + border: none; +} +/* Content area font color specified with minimal style (reduces additional selectors) */ + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..35001daf4d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tabsheet/tabsheet.scss @@ -0,0 +1,20 @@ +/* These styles get catenated together on build */ +@import "tabsheet-normal-style.scss"; +@import "tabsheet-scroller.scss"; +@import "tabsheet-borderless-style.scss"; +@import "tabsheet-minimal-style.scss"; +@import "tabsheet-small-style.scss"; +@import "tabsheet-selected-closable-style.scss"; +@import "tabsheet-hover-closable-style.scss"; + +@mixin reindeer-tabsheet { + // TODO use $exclude + @include reindeer-tabsheet-normal-style; + @include reindeer-tabsheet-scroller; + @include reindeer-tabsheet-borderless-style; + @include reindeer-tabsheet-minimal-style; + @include reindeer-tabsheet-small-style; + @include reindeer-tabsheet-selected-closable-style; + @include reindeer-tabsheet-hover-closable-style; + +} diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-black.png new file mode 100644 index 0000000000..54c41f8bd5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png new file mode 100644 index 0000000000..9defe8108a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png new file mode 100644 index 0000000000..2f501f3866 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-black.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png new file mode 100644 index 0000000000..673212b408 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image.png new file mode 100644 index 0000000000..38fe3e6d7b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg-border-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg.png new file mode 100644 index 0000000000..4096e9d524 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/img/bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/textfield/textfield.scss b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/textfield.scss new file mode 100644 index 0000000000..4bca7dbeb6 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/textfield/textfield.scss @@ -0,0 +1,120 @@ +@mixin reindeer-textfield($primaryStyleName : v-textfield) { + +/* Textfield on blue background */ +.blue .#{$primaryStyleName}, +.blue .v-textarea { + border-color: #92a2aa; + border-top-color: #7c8a90; + border-bottom-color: #a1b3bc; +} +/* Default & white background */ +.#{$primaryStyleName}, +.v-textarea, +.white .#{$primaryStyleName}, +.white .v-textarea { + border: 1px solid #bcbdbe; + border-top-color: #a2a3a4; + border-bottom-color: #d2d3d4; + background: #fff; + background-repeat: repeat-x; + background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + margin: 0; + height: 23px; + line-height: normal; +} +.v-textarea, +.white .v-textarea { + background-image: none; + height: auto; +} +/* Need more specific selector because of #2384 fixes in base/common/common.css */ +&.v-app input.#{$primaryStyleName}, +.v-window input.#{$primaryStyleName}, +&.v-app textarea.v-textarea, +.v-window textarea.v-textarea { + padding: 3px 3px 4px; +} +&.v-app input.#{$primaryStyleName}.v-widget, +.v-window input.#{$primaryStyleName}.v-widget { + height: 24px; +} +&.v-app .#{$primaryStyleName}-focus, +.v-window .#{$primaryStyleName}-focus, +.v-popupview-popup .#{$primaryStyleName}-focus, +&.v-app .v-textarea-focus, +.v-window .v-textarea-focus, +.v-popupview-popup .v-textarea-focus { + border-color: #5b97d0; + border-top-color: #4f83b4; + border-bottom-color: #5ca0df; + outline: none; + background-color: #fff; +} +input.#{$primaryStyleName}-prompt, +textarea.v-textarea-prompt { + font-style: normal; + color: #999; +} +/* Small style textfield */ +&.v-app input.#{$primaryStyleName}-small { + font-size: 11px; + line-height: normal; + height: auto; + padding: 2px; +} +&.v-app textarea.v-textarea-small { + font-size: 11px; +} +&.v-app .v-table input.#{$primaryStyleName}.v-widget, +.v-window .v-table input.#{$primaryStyleName}.v-widget { + padding: 1px 2px; + height: auto; + line-height: normal; +} +.v-table-cell-wrapper > input.#{$primaryStyleName} { + margin-top: -2px; + margin-bottom: -2px; +} +/* Textfield on black background */ +.black .#{$primaryStyleName}, +.black .v-textarea { + border-color: #38393a; + border-top-color: #2c2d2e; + border-bottom-color: #3e3f3f; + background: #151717; + background-image: url(img/bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */ + color: #c9ccce; + text-shadow: #000 0 0 1px; +} +.black .v-textarea { + background-image: none; +} +&.v-app .black .#{$primaryStyleName}-focus, +.v-window-black .#{$primaryStyleName}-focus, +.v-window .black .#{$primaryStyleName}-focus, +.v-popupview-popup .black .#{$primaryStyleName}-focus, +&.v-app .black .v-textarea-focus, +.v-window-black .v-textarea-focus, +.v-window .black .v-textarea-focus, +.v-popupview-popup .black .v-textarea-focus { + border-color: #4b7192; + border-top-color: #3b5a75; + border-bottom-color: #507596; + background-color: #151717; +} +.black input.#{$primaryStyleName}-prompt { + color: #5f6366; +} +/* Readonly */ +input.#{$primaryStyleName}-readonly, +.black input.#{$primaryStyleName}-readonly, +textarea.v-textarea-readonly, +.black textarea.v-textarea-readonly { + border: none; + background: transparent; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tree/img/arrows.png b/themes/src/main/resources/VAADIN/themes/reindeer/tree/img/arrows.png new file mode 100644 index 0000000000..3f657e34c9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/tree/img/arrows.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/tree/tree.scss b/themes/src/main/resources/VAADIN/themes/reindeer/tree/tree.scss new file mode 100644 index 0000000000..15e7092dd6 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/tree/tree.scss @@ -0,0 +1,55 @@ +@mixin reindeer-tree($primaryStyleName : v-tree) { + +.#{$primaryStyleName}-node { + background: transparent url(img/arrows.png) no-repeat 6px -10px; +} +.#{$primaryStyleName}-node-expanded { + background-position: -7px 5px; +} +.#{$primaryStyleName}-node-caption { + margin-left: 16px; + padding-bottom: 1px; +} +.#{$primaryStyleName}-node span { + padding: 1px 2px; + display: inline-block; +} +.#{$primaryStyleName}-node-selected span { + background: #4d749f repeat-x; + background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */ + color: #fff; + padding: 1px 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + text-shadow: #2b425a 0 1px 0; + display: inline-block; +} +.#{$primaryStyleName}-node-children { + padding-left: 16px; +} +.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{ + padding-left: 1px; + padding-top: 0px; + padding-bottom: 0px; +} +.#{$primaryStyleName}-node-focused span{ + border: 1px dotted black; +} +/*************************************** + * Drag'n'drop styles + ***************************************/ +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top { + background-position: 6px -11px; +} +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { + background-position: -7px 4px; +} +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { + background-position: 2px -53px; +} +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { + background-position: 2px 50%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-hover.png new file mode 100644 index 0000000000..bb0a080373 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-pressed.png new file mode 100644 index 0000000000..07a837b619 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close.png new file mode 100644 index 0000000000..b26cfb5d57 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/content-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/content-bg.png new file mode 100644 index 0000000000..caaee49b32 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/content-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/header-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/header-bg.png new file mode 100644 index 0000000000..a956a6b27d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-active.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-active.png new file mode 100644 index 0000000000..526563c94f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-active.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-hover.png new file mode 100644 index 0000000000..76d0fdf040 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize.png new file mode 100644 index 0000000000..ecf4cbed35 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/resize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/resize.png new file mode 100644 index 0000000000..91e0b742d9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/resize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-active.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-active.png new file mode 100644 index 0000000000..96f9672605 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-active.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-hover.png new file mode 100644 index 0000000000..b319f07684 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore.png new file mode 100644 index 0000000000..b440383b91 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/black/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-hover.png new file mode 100644 index 0000000000..78bb84d869 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-pressed.png new file mode 100644 index 0000000000..4618ad5e0d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close.png new file mode 100644 index 0000000000..e04f31d882 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/footer-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/footer-bg.png new file mode 100644 index 0000000000..28839748e6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/footer-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/header-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/header-bg.png new file mode 100644 index 0000000000..27f1bf92a7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-hover.png new file mode 100644 index 0000000000..17ac9b8457 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-pressed.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-pressed.png new file mode 100644 index 0000000000..2c84b5bcfb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close-pressed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close.png new file mode 100644 index 0000000000..4bbc89cee9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/content-bg.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/content-bg.png new file mode 100644 index 0000000000..b38c902d83 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/content-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-active.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-active.png new file mode 100644 index 0000000000..5ca4e2e6eb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-active.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-hover.png new file mode 100644 index 0000000000..c7930c2f4a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize.png new file mode 100644 index 0000000000..a4965ef19c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/resize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/resize.png new file mode 100644 index 0000000000..0c0c9123b9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/resize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-active.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-active.png new file mode 100644 index 0000000000..d135c4d66c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-active.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-hover.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-hover.png new file mode 100644 index 0000000000..b03639c001 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore-hover.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore.png new file mode 100644 index 0000000000..1c3fba4020 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/light/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/maximize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/maximize.png new file mode 100644 index 0000000000..86ffff9760 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/resize.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/resize.png new file mode 100644 index 0000000000..828bb346cc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/resize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/img/restore.png b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/restore.png new file mode 100644 index 0000000000..119ea04259 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/reindeer/window/img/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/reindeer/window/window.scss b/themes/src/main/resources/VAADIN/themes/reindeer/window/window.scss new file mode 100644 index 0000000000..66c80c6a44 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/reindeer/window/window.scss @@ -0,0 +1,265 @@ +@mixin reindeer-window($primaryStyleName : v-window) { + +.#{$primaryStyleName} { + background: transparent; + border: 1px solid #808386; +} +.#{$primaryStyleName}-wrap { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.v-sa & .#{$primaryStyleName}-wrap, +.v-op & .#{$primaryStyleName}-wrap { + border-color: rgba(0,0,0,.2); +} +.#{$primaryStyleName}-outerheader { + padding: 12px 52px 0 14px; + height: 37px; + background: black repeat-x; + background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ +} +.#{$primaryStyleName}-header { + font-weight: bold; + font-size: 12px; + line-height: normal; + color: #fff; + text-shadow: #000 0 -1px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; +} +.#{$primaryStyleName}-error .#{$primaryStyleName}-header { + padding-left: 13px; + background: transparent url(../common/icons/error.png) no-repeat 0 50%; +} +.#{$primaryStyleName}-resizebox { + width: 15px; + height: 15px; + cursor: se-resize; + background: transparent; + background-image: url(img/resize.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-footer { + background-color:white; + background-repeat: repeat-x; + background-image: url(img/footer-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + height: 15px; +} +.#{$primaryStyleName}-closebox { + top: 11px; + right: 9px; + width: 15px; + height: 16px; + background: transparent; + background-image: url(img/close.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-closebox:hover { + background-image: url(img/close-hover.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-closebox:active { + background-image: url(img/close-pressed.png); /** sprite-ref: verticals */ +} +.#{$primaryStyleName}-maximizebox, +.#{$primaryStyleName}-restorebox { + top: 11px; + right: 27px; + width: 15px; + height: 16px; + background: transparent; +} +.#{$primaryStyleName}-maximizebox { + &, &:hover,&:active { + background-image: url(img/maximize.png); /** sprite-ref: verticals */ + } +} +.#{$primaryStyleName}-restorebox { + &, &:hover,&:active { + background-image: url(img/restore.png); /** sprite-ref: verticals */ + } +} +.#{$primaryStyleName}-contents { + background: #fff; +} +.#{$primaryStyleName}-modalitycurtain { + background: #56595b; +} + + + + + + +/** + Light style window ----------------------------- +**/ + +.#{$primaryStyleName}-light { + .#{$primaryStyleName}-outerheader { + background: transparent; + padding: 15px 52px 0 18px; + } + .#{$primaryStyleName}-header { + font-size: 16px; + color: #292e34; + text-shadow: none; + } + .#{$primaryStyleName}-resizebox { + width: 12px; + height: 12px; + background-image: url(img/light/resize.png); /** sprite-ref: verticals */ + } + .#{$primaryStyleName}-footer { + background: transparent; + height: 12px; + } + .#{$primaryStyleName}-closebox { + right: 1px; + top: 17px; + width: 19px; + height: 15px; + + background-image: url(img/light/close.png); /** sprite-ref: verticals */ + &:hover { + background-image: url(img/light/close-hover.png); /** sprite-ref: verticals */ + } + &:active { + background-image: url(img/light/close-pressed.png); /** sprite-ref: verticals */ + } + } + + .#{$primaryStyleName}-maximizebox { + top: 17px; + + background-image: url(img/light/maximize.png); /** sprite-ref: verticals */ + &:hover { + background-image: url(img/light/maximize-hover.png); /** sprite-ref: verticals */ + } + &:active { + background-image: url(img/light/maximize-active.png); /** sprite-ref: verticals */ + } + } + .#{$primaryStyleName}-restorebox { + top: 17px; + + background-image: url(img/light/restore.png); /** sprite-ref: verticals */ + &:hover { + background-image: url(img/light/restore-hover.png); /** sprite-ref: verticals */ + } + &:active { + background-image: url(img/light/restore-active.png); /** sprite-ref: verticals */ + } + } + + .#{$primaryStyleName}-contents { + background: transparent; + } + /* This must be the last sprite added to the verticals-sprite image */ + .#{$primaryStyleName}-wrap { + background: #f7f7f8 repeat-x; + background-image: url(img/light/content-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */ + } +} + + +/** + Black style window ----------------------------- +**/ +.#{$primaryStyleName}-black { + border-radius: 8px; +} +.#{$primaryStyleName}-black { + .#{$primaryStyleName}-wrap { + border-color: #2e3030; + border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + overflow: hidden; + } + .v-sa & .#{$primaryStyleName}-wrap, + .v-op & .#{$primaryStyleName}-wrap { + border-color: rgba(0,0,0,.8); + } + + .#{$primaryStyleName}-wrap { + background-color: #1d2021; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + } + .v-sa & .#{$primaryStyleName}-wrap, + .v-op & .#{$primaryStyleName}-wrap { + background-color: rgba(29,32,33,.9); + } + .#{$primaryStyleName}-outerheader { + height: 29px; + padding: 7px 14px; + background: transparent repeat-x; + background-image: url(img/black/header-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ + text-align: center; + -moz-border-radius-topright: 7px; + -moz-border-radius-topleft: 7px; + -webkit-border-top-right-radius: 7px; + -webkit-border-top-left-radius: 7px; + overflow: hidden; + border: none; + } + .#{$primaryStyleName}-header { + font-size: 12px; + font-weight: normal; + color: #dddfe1; + } + .#{$primaryStyleName}-closebox { + top: 8px; + + background-image: url(img/black/close.png); /** sprite-ref: black-verticals */ + &:hover { + background-image: url(img/black/close-hover.png); /** sprite-ref: black-verticals */ + } + &:active { + background-image: url(img/black/close-pressed.png); /** sprite-ref: black-verticals */ + } + } + .#{$primaryStyleName}-footer { + background: transparent; + border: none; + height: 14px; + } + .#{$primaryStyleName}-resizebox { + background: transparent no-repeat; + background-image: url(img/black/resize.png); /** sprite-ref: black-verticals; sprite-margin-bottom: 4px */ + width: 14px; + height: 14px; + } + .#{$primaryStyleName}-maximizebox { + top: 8px; + + background-image: url(img/black/maximize.png); /** sprite-ref: black-verticals */ + &:hover { + background-image: url(img/black/maximize-hover.png); /** sprite-ref: black-verticals */ + } + &:active { + background-image: url(img/black/maximize-active.png); /** sprite-ref: black-verticals */ + } + } + .#{$primaryStyleName}-restorebox { + top: 8px; + + background-image: url(img/black/restore.png); /** sprite-ref: black-verticals */ + &:hover { + background-image: url(img/black/restore-hover.png); /** sprite-ref: black-verticals */ + } + &:active { + background-image: url(img/black/restore-active.png); /** sprite-ref: black-verticals */ + } + } + + /* Must be last to make this image last in the sprites */ + .#{$primaryStyleName}-contents { + border: none; + background: transparent repeat-x; + background-image: url(img/black/content-bg.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */ + } +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/absolutelayout/absolutelayout.scss b/themes/src/main/resources/VAADIN/themes/runo/absolutelayout/absolutelayout.scss new file mode 100644 index 0000000000..e87d9f64ad --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/absolutelayout/absolutelayout.scss @@ -0,0 +1,8 @@ +@mixin runo-absolutelayout($primaryStyleName : v-absolutelayout) { + +.#{$primaryStyleName}-wrapper { + position: absolute; + overflow:hidden; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/accordion/accordion.scss b/themes/src/main/resources/VAADIN/themes/runo/accordion/accordion.scss new file mode 100644 index 0000000000..69a52dd22a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/accordion/accordion.scss @@ -0,0 +1,52 @@ +@mixin runo-accordion($primaryStyleName : v-accordion) { + +.#{$primaryStyleName}-item-caption { + height: 31px; + background: #edf0f0 url(img/bg.png); + color: #656d73; + border: none; + border-top: 1px solid #c8cccd; +} +.#{$primaryStyleName}-item-caption .v-caption { + font-size: 15px; + padding: 7px 0 4px 31px; + background: transparent url(img/collapsed-icon.png) no-repeat 18px 55%; +} +.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption { + color: #3b4b57; + background: #d5dee2 url(img/selected-bg.png); + border-bottom: 1px solid #b4b9ba; + text-shadow: 0 1px 0 #fff; +} +.#{$primaryStyleName}-item-open .#{$primaryStyleName}-item-caption .v-caption { + background-image: url(img/expanded-icon.png); + background-position: 17px 55%; +} +.#{$primaryStyleName}-item-first .#{$primaryStyleName}-item-caption { + border-top: none; +} +.#{$primaryStyleName}-item-caption .v-caption:hover { + color: #3b4b57; +} + +/* Light style */ +.#{$primaryStyleName}-light .#{$primaryStyleName}-item-caption { + height: 24px; + padding: 3px 2px; + background: transparent; + border: none; +} +.#{$primaryStyleName}-light .#{$primaryStyleName}-item-caption .v-caption { + padding: 4px 15px 4px 28px; + font-size: 12px; + line-height: 16px; + height: 16px; + font-weight: bold; + border: 1px solid #c8cccd; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + background-position: 15px 50%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/accordion/img/bg.png b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/bg.png new file mode 100644 index 0000000000..0015e4cd0e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/accordion/img/collapsed-icon.png b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/collapsed-icon.png new file mode 100644 index 0000000000..dc13f0f786 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/collapsed-icon.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/accordion/img/expanded-icon.png b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/expanded-icon.png new file mode 100644 index 0000000000..0ad8eb074f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/expanded-icon.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/accordion/img/selected-bg.png b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/selected-bg.png new file mode 100644 index 0000000000..1c599db14e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/accordion/img/selected-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/button/button.scss b/themes/src/main/resources/VAADIN/themes/runo/button/button.scss new file mode 100644 index 0000000000..b303dd2e02 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/button/button.scss @@ -0,0 +1,160 @@ +@mixin runo-button($primaryStyleName : v-button) { + +.#{$primaryStyleName} { + padding: 1px; + border: none; + background: transparent; + } + +.#{$primaryStyleName}:focus { + outline: none; + } + +.#{$primaryStyleName}:focus .#{$primaryStyleName}-wrap { + border-color: #57a7ed; + border-top-color: #60aef1; + border-bottom-color: #4c9adf; + -webkit-box-shadow: 0 0 2px #57a7ed; + -moz-box-shadow: 0 0 2px #57a7ed; + } + +.#{$primaryStyleName}:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}.v-pressed .#{$primaryStyleName}-wrap { + background-position: 0 -79px; + background-color: #e7e9e9; + border-color: #b8bdbe; + border-top-color: #9da1a2; + border-bottom-color: #babfc0; + border-color: rgba(146,151,152,.9); + border-top-color: rgba(146,151,152,1); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + text-shadow: none; + } + +.#{$primaryStyleName} .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName} .#{$primaryStyleName}-wrap { + display: block; + font-size: 12px; + border: 1px solid #bdc1c2; + border-top-color: #cbcfd0; + border-bottom-color: #b6bbbb; + border-color: rgba(146,151,152,.8); + border-top-color: rgba(146,151,152,.6); + background: #e6e8e8 url(img/bg.png) repeat-x; + -webkit-background-origin: padding; + -moz-background-origin: padding; + padding: 3px 15px; + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + line-height: 14px; + min-height: 14px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); + text-shadow: 0 1px 0 #fff; + color: #464f52; + overflow: hidden; + text-overflow: ellipsis; + } + +/* Small style */ +.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-small .#{$primaryStyleName}-wrap { + font-size: 11px; + line-height: 13px; + padding: 1px 12px; + min-height: 13px; + } + + +/* Big style */ +.#{$primaryStyleName}-big .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-big .#{$primaryStyleName}-wrap { + font-size: 15px; + line-height: 18px; + padding: 4px 18px; + min-height: 18px; + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + } + + + +/* Default style */ +.#{$primaryStyleName}-default:focus .#{$primaryStyleName}-wrap { + background-color: #60839a; + background-position: 0 -158px; + text-shadow: 0 -1px 0 #657883; + } + +.#{$primaryStyleName}-default:active .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-default.v-pressed .#{$primaryStyleName}-wrap { + background-position: 0 -79px; + background-color: #8f9898; + border-color: #737e81; + border-top-color: #576063; + border-bottom-color: #747f82; + color: #f0f2f2; + text-shadow: 0 -1px 0 #5d6969; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + } + +.#{$primaryStyleName}-default .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-default .#{$primaryStyleName}-wrap { + border-color: #899395; + border-top-color: #a4abae; + border-bottom-color: #727b7d; + background: #869090 url(img/bg-default.png) repeat-x; + text-shadow: 0 -1px 0 #797e7e; + color: #fff; + font-weight: bold; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); + } + + + + +/* Link style */ +.#{$primaryStyleName}-link, +.v-disabled.#{$primaryStyleName}-link { + padding: 0; + } + +.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-link .#{$primaryStyleName}-wrap, +.#{$primaryStyleName}-link:active .#{$primaryStyleName}-wrap, +.v-disabled.#{$primaryStyleName}-pressedv-button-link .#{$primaryStyleName}-wrap { + border: none; + background: transparent; + padding: 0; + font-size: 13px; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; + } + +.#{$primaryStyleName}-link:focus { + outline: 1px dotted #4897dc; + } + +.#{$primaryStyleName}-link:focus .#{$primaryStyleName}-wrap { + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + + + + +/* Checkbox styles */ +.v-checkbox .v-errorindicator { + padding-left: 10px; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/button/img/bg-default.png b/themes/src/main/resources/VAADIN/themes/runo/button/img/bg-default.png new file mode 100644 index 0000000000..bb655872e3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/button/img/bg-default.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/button/img/bg.png b/themes/src/main/resources/VAADIN/themes/runo/button/img/bg.png new file mode 100644 index 0000000000..4552879208 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/button/img/bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/caption/caption.scss b/themes/src/main/resources/VAADIN/themes/runo/caption/caption.scss new file mode 100644 index 0000000000..dab33c99c7 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/caption/caption.scss @@ -0,0 +1,12 @@ +@mixin runo-caption { + +.v-captionwrapper { + margin: 0.3em 0 0 0; +} +.v-errorindicator { + width: 12px; + height: 16px; + background: transparent url(../icons/16/error.png) no-repeat top right; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/runo/colorpicker/colorpicker.scss b/themes/src/main/resources/VAADIN/themes/runo/colorpicker/colorpicker.scss new file mode 100644 index 0000000000..df48c10a86 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/colorpicker/colorpicker.scss @@ -0,0 +1,20 @@ +@mixin runo-colorpicker($name : v-colorpicker) { + +.#{$name}-popup { + width: 248px; +} + +.#{$name}-popup .v-tabsheet .#{$name}-grid { + height: 305px; +} + +.#{$name}-popup .v-tabsheet-deco { + background: none; + height: 0; +} + +.#{$name}-popup .v-filterselect { + padding-right: 25px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/common/common.scss b/themes/src/main/resources/VAADIN/themes/runo/common/common.scss new file mode 100644 index 0000000000..207660c08e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/common/common.scss @@ -0,0 +1,119 @@ +@mixin runo-common { + +&.v-app { + background: #e9eced url(img/main-bg.png) repeat-x; + font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: $font-size; + line-height: $line-height; +} +/* Global font styles */ +&.v-app, +.v-window, +.v-popupview-popup, +.v-tooltip, +&.v-app input, +&.v-app select, +&.v-app button, +&.v-app textarea, +.v-window input, +.v-window select, +.v-window button, +.v-window textarea, +.v-popupview-popup input, +.v-popupview-popup select, +.v-popupview-popup button, +.v-popupview-popup textarea, +.v-filterselect-suggestpopup, +.v-datefield-popup, +.v-contextmenu, +.v-Notification, +.v-menubar-submenu, +.v-drag-element { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: $font-size; +} +&.v-app select, +.v-window select { + padding: 0; +} +.v-window +.v-datefield-popup, +.v-filterselect-suggestpopup, +.v-menubar-popup, +.v-slider-feedback, +.v-popupview-popup, +.v-contextmenu { + box-shadow: 0 2px 5px 0 rgba(0,0,0, .28); +} +/* Custom tooltip */ +.v-tooltip { + background-color: #fffcdd; + border: 1px solid #b8b295; + border-top-color: #d5d2c1; + border-left-color: #d5d2c1; + font-size: 11px; + line-height: 14px; + font-family: arial, helvetica, tahoma, verdana, sans-serif; + color: #5d5444; +} +.v-tooltip-text { + padding: 2px 4px; + border: none; + border-top: 1px solid #fffef5; + border-bottom: 1px solid #fbf8d9; +} +.v-tooltip .v-errormessage { + padding: 3px 4px 3px 4px; + background: #ffecc6; + color: #b74100; + border: none; + border-top: 1px solid #fff3dc; + border-bottom: 1px solid #ead7b1; +} +.v-tooltip .v-errormessage h2 { + font-size: 16px; + font-weight: normal; + color: #ab3101; + margin: 2px 0 8px 0; +} +.v-tooltip .v-errormessage h3 { + font-size: 13px; + font-weight: bold; + margin: 1px 0 4px 0; +} +.v-contextmenu { + background: #e9eced url(../tabsheet/img/tab-bg.png); + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background-color: #f6f7f7; + color: #464f52; + font-size: 12px; + line-height: 14px; +} +.v-contextmenu .gwt-MenuBar { + border-right: 1px solid #c6cbcc; + border-bottom: 1px solid #c6cbcc; + border-top: 1px solid #d0d4d5; + border-left: 1px solid #d0d4d5; +} +.v-contextmenu .gwt-MenuItem { + padding: 2px 0; +} +.v-contextmenu .gwt-MenuItem div { + padding: 1px 20px 1px 8px; +} +.v-contextmenu .gwt-MenuItem-selected div { + color: #fff; + background: #5daee8; +} +.v-contextmenu .gwt-MenuItem img { + margin-right: 10px; +} +/* Fix icon height to help browsers to load page smoother */ +.v-embedded-icon-16 img { + width:16px; + height:16px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/common/img/blank.gif b/themes/src/main/resources/VAADIN/themes/runo/common/img/blank.gif new file mode 100644 index 0000000000..3776af0784 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/common/img/blank.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/common/img/main-bg.png b/themes/src/main/resources/VAADIN/themes/runo/common/img/main-bg.png new file mode 100644 index 0000000000..a6cd9288f7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/common/img/main-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/datefield.scss b/themes/src/main/resources/VAADIN/themes/runo/datefield/datefield.scss new file mode 100644 index 0000000000..d89fdf786e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/datefield/datefield.scss @@ -0,0 +1,161 @@ +@mixin runo-datefield($primaryStyleName : v-datefield) { + +$popupdatefield-button-width: 22px; +$negative-popupdatefield-button-width: -22px; + +.#{$primaryStyleName} input.v-textfield, +.#{$primaryStyleName} input.v-textfield[type=text] { + height: 22px; // 18px height + 2*2px padding + +} +.#{$primaryStyleName}-button { + font-size:13px; + width: $popupdatefield-button-width; + margin-right: $negative-popupdatefield-button-width; + height: 24px; + padding: 0; + overflow: hidden; + border: none; + background: transparent url(img/open-button.png) no-repeat right 0; +} +.#{$primaryStyleName}-popupcalendar { + min-width: 0; + padding-right: $popupdatefield-button-width; +} + +.#{$primaryStyleName}-popup { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + background: #f6f7f7; + border: 1px solid #b6bbbc; + padding: 2px 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.#{$primaryStyleName}-calendarpanel { + width: 230px; +} +.#{$primaryStyleName}-popup .#{$primaryStyleName}-calendarpanel { + width: 200px; +} +.#{$primaryStyleName}-year .#{$primaryStyleName}-calendarpanel { + width: 100px; +} +.#{$primaryStyleName}-calendarpanel td { + text-align: right; +} +.#{$primaryStyleName}-calendarpanel td span { + display: block; +} +.#{$primaryStyleName}-calendarpanel-header { + height: 30px; + font-size: 13px; +} +td.#{$primaryStyleName}-calendarpanel-month { + font-weight: bold; + text-shadow: 0 1px 0 #fff; + width: 150px; +} +.#{$primaryStyleName}-calendarpanel-prevyear, +.#{$primaryStyleName}-calendarpanel-nextyear, +.#{$primaryStyleName}-calendarpanel-prevmonth, +.#{$primaryStyleName}-calendarpanel-nextmonth { + width: 16px; +} +/* Year buttons */ +.#{$primaryStyleName}-calendarpanel .v-button-prevyear, +.#{$primaryStyleName}-calendarpanel .v-button-nextyear { + display: block; + width: 16px; + height: 16px; + border: none; + padding: 0; + background: transparent url(img/prevyear.png) no-repeat; + text-indent: -90000px; + margin: 0 auto; +} +.#{$primaryStyleName}-calendarpanel .v-button-nextyear { + background: transparent url(img/nextyear.png) no-repeat; +} +.#{$primaryStyleName}-calendarpanel .v-button-prevyear:hover, +.#{$primaryStyleName}-calendarpanel .v-button-nextyear:hover { + background-position: left bottom; +} +/* Month buttons */ +.#{$primaryStyleName}-calendarpanel .v-button-prevmonth, +.#{$primaryStyleName}-calendarpanel .v-button-nextmonth { + display: block; + width: 11px; + height: 16px; + border: none; + padding: 0; + background: transparent url(img/prevmonth.png) no-repeat; + text-indent: -90000px; + margin: 0 auto; +} +.#{$primaryStyleName}-calendarpanel .v-button-nextmonth { + background: transparent url(img/nextmonth.png) no-repeat; +} +.#{$primaryStyleName}-calendarpanel .v-button-prevmonth:hover, +.#{$primaryStyleName}-calendarpanel .v-button-nextmonth:hover { + background-position: left bottom; +} +.#{$primaryStyleName}-calendarpanel strong { + color: #ee5311; + display: block; + width: 20px; + font-size: 12px; +} +.#{$primaryStyleName}-calendarpanel-day, +.#{$primaryStyleName}-calendarpanel-weeknumber, +.#{$primaryStyleName}-calendarpanel-day-today { + padding: 1px 3px; + width: 14px; + height: 16px; +} +.#{$primaryStyleName}-calendarpanel-weeknumber { + font-size: 11.7px; +} +.#{$primaryStyleName}-calendarpanel-day-today { + border: 1px solid #429ce9; + width: 12px; + height: 14px; +} +.#{$primaryStyleName}-calendarpanel-day-entry { + color: #6a98b5; +} +.#{$primaryStyleName}-calendarpanel-day-disabled { + font-weight: normal; + color: #dddddd; +} +.#{$primaryStyleName}-calendarpanel-day-entry.#{$primaryStyleName}-calendarpanel-day-disabled { + color: #afd6f8; +} +.#{$primaryStyleName}-calendarpanel-day-selected { + font-weight: bold; + width: 14px; + height: 16px; + color: #fff; + padding: 1px 3px; + background: transparent url(img/selected-bg.png) no-repeat 50% 50%; + border: none; +} +.#{$primaryStyleName}-time { + font-size: 11px; +} +.#{$primaryStyleName}-time .v-select { + font-size: 10px; + padding: 0; + margin: 0; +} +.#{$primaryStyleName}-rendererror .v-textfield { + background: #ff9999; +} +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-textfield { + color: #999; + font-style: normal; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextmonth.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextmonth.png new file mode 100644 index 0000000000..3315125dd1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextmonth.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextyear.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextyear.png new file mode 100644 index 0000000000..22633fd31a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/nextyear.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/open-button.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/open-button.png new file mode 100644 index 0000000000..548ca12f70 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/open-button.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevmonth.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevmonth.png new file mode 100644 index 0000000000..d114632fef Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevmonth.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevyear.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevyear.png new file mode 100644 index 0000000000..f174713092 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/prevyear.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/datefield/img/selected-bg.png b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/selected-bg.png new file mode 100644 index 0000000000..799915ab8f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/datefield/img/selected-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/favicon.ico b/themes/src/main/resources/VAADIN/themes/runo/favicon.ico new file mode 100644 index 0000000000..1f81f0de76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/formlayout/formlayout.scss b/themes/src/main/resources/VAADIN/themes/runo/formlayout/formlayout.scss new file mode 100644 index 0000000000..59151feeb7 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/formlayout/formlayout.scss @@ -0,0 +1,58 @@ +@mixin runo-formlayout($primaryStyleName : v-formlayout) { + +.#{$primaryStyleName}-cell .v-errorindicator { + width: 10px; + height: 16px; + background: transparent url(../icons/16/error.png) no-repeat top right; +} +.#{$primaryStyleName}-captioncell { + text-align:right; + white-space: nowrap; +} +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell { + padding-top: 8px; +} +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell { + padding-top: 15px; +} +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell, +.#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell { + padding-bottom: 15px; +} +.#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell { + padding-left: 18px; +} +.#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell { + padding-right: 18px; +} +/* form */ +.v-form-errormessage { + background: transparent url(../icons/16/error.png) no-repeat top left; + padding-left: 20px; + margin-bottom: 5px; + margin-top: 5px; + min-height: 20px; +} +.v-form fieldset { + border: none; + border-top: 1px solid #babfc0; +} +.v-form-nocaption fieldset { + border: none; +} +.v-form-nocaption legend { + display: none; +} +.v-form legend { + margin: 0; + padding: 0 4px 0.3em 4px; + font-weight: bold; + color: #464f52; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/grid/grid.scss b/themes/src/main/resources/VAADIN/themes/runo/grid/grid.scss new file mode 100644 index 0000000000..87fe88b9a2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/grid/grid.scss @@ -0,0 +1,79 @@ +// Variables defined in runo.scss + +@mixin runo-grid($primaryStyleName: v-grid) { + + .#{$primaryStyleName}-header, + .#{$primaryStyleName}-footer { + .#{$primaryStyleName}-cell { + background-image: url(img/header-bg.png); + color: #393a3c; + text-shadow: #fff 0 1px 0; + @include box-shadow(inset 1px 0 0 #fff); + } + } + + .#{$primaryStyleName}-header-deco, + .#{$primaryStyleName}-footer-deco, + .#{$primaryStyleName}-horizontal-scrollbar-deco { + background-image: url(img/header-bg.png); + } + + // Selected row + .#{$primaryStyleName}-row-selected { + color: #fff; + + // Selected and focused + > .#{$primaryStyleName}-cell-focused:before { + border-color: lighten($v-grid-row-selected-background-color, 20%); + } + } + + // Sidebar + .#{$primaryStyleName}-sidebar.v-contextmenu { + + .#{$primaryStyleName}-sidebar-content { + background-color: transparent; + + .gwt-MenuBar { + border: none; + } + } + + .v-on:before, .v-off:before { + content: none; + font-size: 0; + margin-right: 0; + } + } + + // Sort indicators + .#{$primaryStyleName} th.sort-asc, + .#{$primaryStyleName} th.sort-desc { + padding-right: 30px + $v-grid-cell-padding-horizontal; + + &:after { + content: attr(sort-order); + background: transparent no-repeat right 50%; + width: 30px; + height: 36px; + top: 0; + } + } + + .#{$primaryStyleName} th.sort-asc:after { + background-image: url(img/sort-asc.png); + } + + .#{$primaryStyleName} th.sort-desc:after { + background-image: url(img/sort-desc.png); + } + + .#{$primaryStyleName}-editor-footer { + background: #e7e9ea; + } + + .#{$primaryStyleName}-column-header-content, .#{$primaryStyleName}-column-footer-content { + line-height: $v-grid-header-row-height; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/runo/grid/img/header-bg.png b/themes/src/main/resources/VAADIN/themes/runo/grid/img/header-bg.png new file mode 100644 index 0000000000..275fbc4382 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/grid/img/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/grid/img/resizer-bg.png b/themes/src/main/resources/VAADIN/themes/runo/grid/img/resizer-bg.png new file mode 100644 index 0000000000..d9089775cb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/grid/img/resizer-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-asc.png b/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-asc.png new file mode 100644 index 0000000000..44e17d5446 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-asc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-desc.png b/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-desc.png new file mode 100644 index 0000000000..35fd0595f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/grid/img/sort-desc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/gridlayout/gridlayout.scss b/themes/src/main/resources/VAADIN/themes/runo/gridlayout/gridlayout.scss new file mode 100644 index 0000000000..e3fb628a6b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/gridlayout/gridlayout.scss @@ -0,0 +1,20 @@ +@mixin runo-gridlayout($primaryStyleName : v-gridlayout) { + +.#{$primaryStyleName}-margin-top { + padding-top: 15px; +} +.#{$primaryStyleName}-margin-bottom { + padding-bottom: 15px; +} +.#{$primaryStyleName}-margin-left { + padding-left: 18px; +} +.#{$primaryStyleName}-margin-right { + padding-right: 18px; +} +.#{$primaryStyleName}-spacing-on { + padding-left: 8px; + padding-top: 8px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-down.png new file mode 100644 index 0000000000..ffd0ee50a5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-left.png new file mode 100644 index 0000000000..27dd25110d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-right.png new file mode 100644 index 0000000000..69bf88da8a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-up.png new file mode 100644 index 0000000000..76e5b43e08 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/attention.png new file mode 100644 index 0000000000..350de56aa5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/calendar.png new file mode 100644 index 0000000000..7717a5e220 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/cancel.png new file mode 100644 index 0000000000..19a0783733 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-add.png new file mode 100644 index 0000000000..d84e349526 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-delete.png new file mode 100644 index 0000000000..cc3172224a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-doc.png new file mode 100644 index 0000000000..7def77428a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-image.png new file mode 100644 index 0000000000..8a1bf253e8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-pdf.png new file mode 100644 index 0000000000..b58ccf7567 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-ppt.png new file mode 100644 index 0000000000..b60f429be2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-txt.png new file mode 100644 index 0000000000..05659b19b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-web.png new file mode 100644 index 0000000000..fcfd8685f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-xsl.png new file mode 100644 index 0000000000..571823847f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document.png new file mode 100644 index 0000000000..a2bab1bb0b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-reply.png new file mode 100644 index 0000000000..be7fd2244d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-send.png new file mode 100644 index 0000000000..0ef7a1c398 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email.png new file mode 100644 index 0000000000..68d6c93465 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.gif b/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.gif new file mode 100644 index 0000000000..c9582b2c28 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.png new file mode 100644 index 0000000000..0141e4dfc3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-add.png new file mode 100644 index 0000000000..48aa7c9220 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-delete.png new file mode 100644 index 0000000000..7cc389d6b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder.png new file mode 100644 index 0000000000..f4fec377c6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/globe.png new file mode 100644 index 0000000000..ea4034c149 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/help.png new file mode 100644 index 0000000000..d82a8852bf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/lock.png new file mode 100644 index 0000000000..29f1023613 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/note.png new file mode 100644 index 0000000000..efafae5570 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/ok.png new file mode 100644 index 0000000000..89591faef2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/reload.png new file mode 100644 index 0000000000..2c54836bff Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/settings.png new file mode 100644 index 0000000000..019f0df663 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash-full.png new file mode 100644 index 0000000000..7d790e6c9a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash.png new file mode 100644 index 0000000000..8875ae322e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/user.png new file mode 100644 index 0000000000..522f864884 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/16/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/16/users.png new file mode 100644 index 0000000000..01f2a1251c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/16/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-down.png new file mode 100644 index 0000000000..20c33b70fb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-left.png new file mode 100644 index 0000000000..ed2aae2cb0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-right.png new file mode 100644 index 0000000000..bd7707ec8a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-up.png new file mode 100644 index 0000000000..01c1a8ec83 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/attention.png new file mode 100644 index 0000000000..6b00733567 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/calendar.png new file mode 100644 index 0000000000..789ad9031c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/cancel.png new file mode 100644 index 0000000000..725240d558 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-add.png new file mode 100644 index 0000000000..26bca0d112 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-delete.png new file mode 100644 index 0000000000..43e9a43e5b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-doc.png new file mode 100644 index 0000000000..8df20cfdcf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-edit.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-edit.png new file mode 100644 index 0000000000..1d17383ca7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-edit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-image.png new file mode 100644 index 0000000000..88c78665b8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-pdf.png new file mode 100644 index 0000000000..048a02fddf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-ppt.png new file mode 100644 index 0000000000..7fd7385cbd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-txt.png new file mode 100644 index 0000000000..25264732c6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-web.png new file mode 100644 index 0000000000..72fd847ac3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-xsl.png new file mode 100644 index 0000000000..2ff4607ad3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document.png new file mode 100644 index 0000000000..1a38dcc304 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-reply.png new file mode 100644 index 0000000000..fd0203f768 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-send.png new file mode 100644 index 0000000000..dc34ac694d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email.png new file mode 100644 index 0000000000..bef86e6cbb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-add.png new file mode 100644 index 0000000000..e0b78d6e1d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-delete.png new file mode 100644 index 0000000000..8e3c4a404c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder.png new file mode 100644 index 0000000000..7577a17ac3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/globe.png new file mode 100644 index 0000000000..6c7d469ba2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/help.png new file mode 100644 index 0000000000..218910c98d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/lock.png new file mode 100644 index 0000000000..4fc16565f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/note.png new file mode 100644 index 0000000000..e7e035dc8c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/ok.png new file mode 100644 index 0000000000..ac0438828c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/reload.png new file mode 100644 index 0000000000..c3556ec890 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/settings.png new file mode 100644 index 0000000000..92eda74c54 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash-full.png new file mode 100644 index 0000000000..a9707e76d6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash.png new file mode 100644 index 0000000000..6eaac86166 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/user.png new file mode 100644 index 0000000000..ebb5a7f9f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/32/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/32/users.png new file mode 100644 index 0000000000..af225a9e46 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/32/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-down.png new file mode 100644 index 0000000000..bdf5d0474e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-left.png new file mode 100644 index 0000000000..b90ed88840 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-right.png new file mode 100644 index 0000000000..6331a5ddf3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-up.png new file mode 100644 index 0000000000..821fbe348f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/attention.png new file mode 100644 index 0000000000..77265e48ee Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/calendar.png new file mode 100644 index 0000000000..f13fbd6efb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/cancel.png new file mode 100644 index 0000000000..1d1a719a6c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-add.png new file mode 100644 index 0000000000..acdcb06123 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-delete.png new file mode 100644 index 0000000000..2a46863b7f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-doc.png new file mode 100644 index 0000000000..455c1f15bd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-edit.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-edit.png new file mode 100644 index 0000000000..6af96c9b77 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-edit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-image.png new file mode 100644 index 0000000000..079978e850 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-pdf.png new file mode 100644 index 0000000000..cb6bc59675 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-ppt.png new file mode 100644 index 0000000000..dd501bfbc9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-txt.png new file mode 100644 index 0000000000..e64f746bd9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-web.png new file mode 100644 index 0000000000..9d81eb5702 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-xsl.png new file mode 100644 index 0000000000..6008085a34 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document.png new file mode 100644 index 0000000000..224de0bc84 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-reply.png new file mode 100644 index 0000000000..2c6f7b690d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-send.png new file mode 100644 index 0000000000..9ec7198853 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email.png new file mode 100644 index 0000000000..e11245b2f5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-add.png new file mode 100644 index 0000000000..111318cc3c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-delete.png new file mode 100644 index 0000000000..d249983eac Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder.png new file mode 100644 index 0000000000..edb7b9f786 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/globe.png new file mode 100644 index 0000000000..1786635b45 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/help.png new file mode 100644 index 0000000000..a66e8aafa6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/lock.png new file mode 100644 index 0000000000..deaf7db0a4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/note.png new file mode 100644 index 0000000000..1383847ed1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/ok.png new file mode 100644 index 0000000000..dc0d00c38b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/reload.png new file mode 100644 index 0000000000..b91f51c67f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/settings.png new file mode 100644 index 0000000000..1c9b794ab0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash-full.png new file mode 100644 index 0000000000..81d060e509 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash.png new file mode 100644 index 0000000000..41ef761061 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/user.png new file mode 100644 index 0000000000..60d6c6e1b3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/64/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/64/users.png new file mode 100644 index 0000000000..3a42c17790 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/64/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-down.png new file mode 100644 index 0000000000..ffd0ee50a5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-left.png new file mode 100644 index 0000000000..27dd25110d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-right.png new file mode 100644 index 0000000000..69bf88da8a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-up.png new file mode 100644 index 0000000000..76e5b43e08 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/attention.png new file mode 100644 index 0000000000..350de56aa5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/calendar.png new file mode 100644 index 0000000000..7717a5e220 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/cancel.png new file mode 100644 index 0000000000..19a0783733 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-add.png new file mode 100644 index 0000000000..d84e349526 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-delete.png new file mode 100644 index 0000000000..cc3172224a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-doc.png new file mode 100644 index 0000000000..7def77428a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-image.png new file mode 100644 index 0000000000..8a1bf253e8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-pdf.png new file mode 100644 index 0000000000..b58ccf7567 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-ppt.png new file mode 100644 index 0000000000..b60f429be2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-txt.png new file mode 100644 index 0000000000..05659b19b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-web.png new file mode 100644 index 0000000000..fcfd8685f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-xsl.png new file mode 100644 index 0000000000..571823847f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document.png new file mode 100644 index 0000000000..a2bab1bb0b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-reply.png new file mode 100644 index 0000000000..be7fd2244d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-send.png new file mode 100644 index 0000000000..0ef7a1c398 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email.png new file mode 100644 index 0000000000..68d6c93465 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.gif b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.gif new file mode 100644 index 0000000000..c9582b2c28 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.png new file mode 100644 index 0000000000..0141e4dfc3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-add.png new file mode 100644 index 0000000000..48aa7c9220 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-delete.png new file mode 100644 index 0000000000..7cc389d6b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder.png new file mode 100644 index 0000000000..f4fec377c6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/globe.png new file mode 100644 index 0000000000..ea4034c149 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/help.png new file mode 100644 index 0000000000..d82a8852bf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/lock.png new file mode 100644 index 0000000000..29f1023613 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/note.png new file mode 100644 index 0000000000..efafae5570 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/ok.png new file mode 100644 index 0000000000..89591faef2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/reload.png new file mode 100644 index 0000000000..2c54836bff Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/settings.png new file mode 100644 index 0000000000..019f0df663 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash-full.png new file mode 100644 index 0000000000..7d790e6c9a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash.png new file mode 100644 index 0000000000..8875ae322e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/user.png new file mode 100644 index 0000000000..522f864884 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/users.png new file mode 100644 index 0000000000..01f2a1251c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons16/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-down.png new file mode 100644 index 0000000000..20c33b70fb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-left.png new file mode 100644 index 0000000000..ed2aae2cb0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-right.png new file mode 100644 index 0000000000..bd7707ec8a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-up.png new file mode 100644 index 0000000000..01c1a8ec83 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/attention.png new file mode 100644 index 0000000000..6b00733567 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/calendar.png new file mode 100644 index 0000000000..789ad9031c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/cancel.png new file mode 100644 index 0000000000..725240d558 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-add.png new file mode 100644 index 0000000000..26bca0d112 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-delete.png new file mode 100644 index 0000000000..43e9a43e5b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-doc.png new file mode 100644 index 0000000000..8df20cfdcf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-edit.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-edit.png new file mode 100644 index 0000000000..1d17383ca7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-edit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-image.png new file mode 100644 index 0000000000..88c78665b8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-pdf.png new file mode 100644 index 0000000000..048a02fddf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-ppt.png new file mode 100644 index 0000000000..7fd7385cbd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-txt.png new file mode 100644 index 0000000000..25264732c6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-web.png new file mode 100644 index 0000000000..72fd847ac3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-xsl.png new file mode 100644 index 0000000000..2ff4607ad3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document.png new file mode 100644 index 0000000000..1a38dcc304 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-reply.png new file mode 100644 index 0000000000..fd0203f768 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-send.png new file mode 100644 index 0000000000..dc34ac694d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email.png new file mode 100644 index 0000000000..bef86e6cbb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-add.png new file mode 100644 index 0000000000..e0b78d6e1d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-delete.png new file mode 100644 index 0000000000..8e3c4a404c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder.png new file mode 100644 index 0000000000..7577a17ac3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/globe.png new file mode 100644 index 0000000000..6c7d469ba2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/help.png new file mode 100644 index 0000000000..218910c98d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/lock.png new file mode 100644 index 0000000000..4fc16565f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/note.png new file mode 100644 index 0000000000..e7e035dc8c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/ok.png new file mode 100644 index 0000000000..ac0438828c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/reload.png new file mode 100644 index 0000000000..c3556ec890 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/settings.png new file mode 100644 index 0000000000..92eda74c54 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash-full.png new file mode 100644 index 0000000000..a9707e76d6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash.png new file mode 100644 index 0000000000..6eaac86166 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/user.png new file mode 100644 index 0000000000..ebb5a7f9f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/users.png new file mode 100644 index 0000000000..af225a9e46 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons32/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-down.png new file mode 100644 index 0000000000..bdf5d0474e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-left.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-left.png new file mode 100644 index 0000000000..b90ed88840 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-right.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-right.png new file mode 100644 index 0000000000..6331a5ddf3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-up.png new file mode 100644 index 0000000000..821fbe348f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/attention.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/attention.png new file mode 100644 index 0000000000..77265e48ee Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/attention.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/calendar.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/calendar.png new file mode 100644 index 0000000000..f13fbd6efb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/calendar.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/cancel.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/cancel.png new file mode 100644 index 0000000000..1d1a719a6c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/cancel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-add.png new file mode 100644 index 0000000000..acdcb06123 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-delete.png new file mode 100644 index 0000000000..2a46863b7f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-doc.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-doc.png new file mode 100644 index 0000000000..455c1f15bd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-doc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-edit.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-edit.png new file mode 100644 index 0000000000..6af96c9b77 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-edit.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-image.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-image.png new file mode 100644 index 0000000000..079978e850 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-image.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-pdf.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-pdf.png new file mode 100644 index 0000000000..cb6bc59675 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-pdf.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-ppt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-ppt.png new file mode 100644 index 0000000000..dd501bfbc9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-ppt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-txt.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-txt.png new file mode 100644 index 0000000000..e64f746bd9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-txt.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-web.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-web.png new file mode 100644 index 0000000000..9d81eb5702 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-web.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-xsl.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-xsl.png new file mode 100644 index 0000000000..6008085a34 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document-xsl.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document.png new file mode 100644 index 0000000000..224de0bc84 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/document.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-reply.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-reply.png new file mode 100644 index 0000000000..2c6f7b690d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-reply.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-send.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-send.png new file mode 100644 index 0000000000..9ec7198853 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email-send.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email.png new file mode 100644 index 0000000000..e11245b2f5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/email.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-add.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-add.png new file mode 100644 index 0000000000..111318cc3c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-add.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-delete.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-delete.png new file mode 100644 index 0000000000..d249983eac Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder-delete.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder.png new file mode 100644 index 0000000000..edb7b9f786 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/folder.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/globe.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/globe.png new file mode 100644 index 0000000000..1786635b45 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/globe.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/help.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/help.png new file mode 100644 index 0000000000..a66e8aafa6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/help.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/lock.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/lock.png new file mode 100644 index 0000000000..deaf7db0a4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/lock.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/note.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/note.png new file mode 100644 index 0000000000..1383847ed1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/note.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/ok.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/ok.png new file mode 100644 index 0000000000..dc0d00c38b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/ok.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/reload.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/reload.png new file mode 100644 index 0000000000..b91f51c67f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/reload.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/settings.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/settings.png new file mode 100644 index 0000000000..1c9b794ab0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/settings.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash-full.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash-full.png new file mode 100644 index 0000000000..81d060e509 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash-full.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash.png new file mode 100644 index 0000000000..41ef761061 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/trash.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/user.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/user.png new file mode 100644 index 0000000000..60d6c6e1b3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/user.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/users.png b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/users.png new file mode 100644 index 0000000000..3a42c17790 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/icons/icons64/users.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss b/themes/src/main/resources/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss new file mode 100644 index 0000000000..ff0d5f5bb1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/inlinedatefield/inlinedatefield.scss @@ -0,0 +1,8 @@ +@mixin runo-inline-datefield($primaryStyleName : v-inline-datefield){ + + @include runo-datefield(v-inline-datefield); + + .#{$primaryStyleName} { + line-height: 18px; /* Override inherited line-height: 0 needed for popup datefield */ + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/label/label.scss b/themes/src/main/resources/VAADIN/themes/runo/label/label.scss new file mode 100644 index 0000000000..50792d61a1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/label/label.scss @@ -0,0 +1,74 @@ +@mixin runo-label($primaryStyleName : v-label) { + +.#{$primaryStyleName} h1, +.#{$primaryStyleName} h2, +.#{$primaryStyleName} h3, +.#{$primaryStyleName} h4, +.#{$primaryStyleName} h5, +.#{$primaryStyleName} h6 { + color: #404749; +} + +.#{$primaryStyleName}-h1, +.#{$primaryStyleName} h1 { + margin: 0; + padding: 8px 0 4px; + font-size: 24px; + line-height: normal; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.#{$primaryStyleName}-h2, +.#{$primaryStyleName} h2 { + color: #f14c1a; + font-size: 18px; + letter-spacing: -0.03em; + font-weight: normal; + padding: 13px 0 5px; +} + +.#{$primaryStyleName}-h3, +.#{$primaryStyleName} h3 { + font-size: 15px; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.#{$primaryStyleName}-h4, +.#{$primaryStyleName} h4 { + font-size: 13px; + font-weight: normal; + text-shadow: 0 1px 1px #fff; + margin: 0; + padding: 8px 0 4px; +} + +.#{$primaryStyleName}-small { + font-size: 11.31px; + line-height: 1.4; + color: #707679; +} + +.#{$primaryStyleName} hr, +.#{$primaryStyleName}-hr { + height: 2px; + overflow: hidden; + background: #ccd2d3; + color: #ccd2d3; /* For IE */ + border: none; + border-bottom: 1px solid #fff; + margin: 0; +} +.#{$primaryStyleName}-hr { + height: 1px; +} + +.v-sa & .#{$primaryStyleName} hr, +.v-ie8 & .#{$primaryStyleName} hr { + height: 1px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/legacy-styles.scss b/themes/src/main/resources/VAADIN/themes/runo/legacy-styles.scss new file mode 100644 index 0000000000..29ccb22aa5 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/legacy-styles.scss @@ -0,0 +1,6 @@ +@import "runo.scss"; +// For legacy themes; does not wrap styles in .themename +// Creates legacy-styles.css that can be imported into non-sass themes. +// NOTE: can not be used in scenarios where multiple themes are used on the +// same page (e.g portals). +@include runo; \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/link/link.scss b/themes/src/main/resources/VAADIN/themes/runo/link/link.scss new file mode 100644 index 0000000000..6970c6b2d8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/link/link.scss @@ -0,0 +1,7 @@ +@mixin runo-link($primaryStyleName : v-link) { + +.#{$primaryStyleName} a { + color: #464f52; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/menubar/menubar.scss b/themes/src/main/resources/VAADIN/themes/runo/menubar/menubar.scss new file mode 100644 index 0000000000..d4cb22794b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/menubar/menubar.scss @@ -0,0 +1,41 @@ +@mixin runo-menubar($primaryStyleName : v-menubar) { + +.#{$primaryStyleName} { + color: #464f52; + border-left: 1px solid #c6cbcc; +} +.#{$primaryStyleName} .#{$primaryStyleName}-menuitem { + padding: 1px 10px; + border: 1px solid #c6cbcc; + border-left: none; + height: 18px; + line-height: 18x; +} +.#{$primaryStyleName}-menuitem-selected { + color: #fff; + background: #5daee8; +} +.#{$primaryStyleName}-submenu { + background: #e9eced url(../tabsheet/img/tab-bg.png); + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + line-height: 14px; + border-right: 1px solid #c6cbcc; + border-bottom: 1px solid #c6cbcc; + border-top: 1px solid #d0d4d5; + border-left: 1px solid #d0d4d5; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem { + padding-top: 1px; + padding-bottom: 1px; + line-height: 16px; + padding-left: 10px; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-caption .v-icon { + vertical-align: middle; +} +.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator { + font-size: 11.7px; +} +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/notification/img/close-error.png b/themes/src/main/resources/VAADIN/themes/runo/notification/img/close-error.png new file mode 100644 index 0000000000..f52c922111 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/notification/img/close-error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/notification/notification.scss b/themes/src/main/resources/VAADIN/themes/runo/notification/notification.scss new file mode 100644 index 0000000000..1bf77a68ba --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/notification/notification.scss @@ -0,0 +1,69 @@ +@mixin runo-notification($primaryStyleName : v-Notification) { + +.#{$primaryStyleName} { + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background-color: #94a0a3; + color: #ffffff; + padding: 20px 45px; + cursor: pointer; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + overflow: hidden; + font-size: 15.6px; + -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); + -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); + margin: 10px; +} +.#{$primaryStyleName}-caption, +.#{$primaryStyleName}-description, +.#{$primaryStyleName}-system .#{$primaryStyleName}-caption, +.#{$primaryStyleName}-system .#{$primaryStyleName}-description { + display: inline; + font-weight: normal; + line-height: normal; + margin: 0 10px 0 0; +} +.#{$primaryStyleName}-warning { + background: #fff1e4; + color: #dd3400; + border: 2px solid #ffaa90; + opacity: 1; +} +.#{$primaryStyleName}-error { + background: #f13d13 url(img/close-error.png) no-repeat right 5px; + padding-right: 50px; +} +.#{$primaryStyleName}-tray { + background: #575e60; + padding: 3px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); + -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); + max-width: 17em; +} +.#{$primaryStyleName}-tray .#{$primaryStyleName}-caption { + display: block; + font-weight: bold; + font-size: 11.7px; + line-height: 1; + background: #3b4245; + padding: 2px 10px; + margin: 0; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} +.#{$primaryStyleName}-tray .#{$primaryStyleName}-description { + display: block; + font-size: 10.4px; + line-height: 1.2; + margin: 4px 10px 5px 10px; + color: #e4e7ea; +} +.#{$primaryStyleName}-system { + background-color: #ff0a0a; + font-size: 11.7px; + padding: 14px 32px; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/runo/orderedlayout/orderedlayout.scss b/themes/src/main/resources/VAADIN/themes/runo/orderedlayout/orderedlayout.scss new file mode 100644 index 0000000000..d01371599c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/orderedlayout/orderedlayout.scss @@ -0,0 +1,120 @@ +@mixin runo-orderedlayout($primaryStyleName : v-orderedlayout) { + +.#{$primaryStyleName}-margin-top, +.v-horizontallayout-margin-top, +.v-verticallayout-margin-top, +.v-csslayout-margin-top, +.v-layout.v-margin-top { + padding-top: 15px; +} +.#{$primaryStyleName}-margin-right, +.v-horizontallayout-margin-right, +.v-verticallayout-margin-right, +.v-csslayout-margin-right, +.v-layout.v-margin-right { + padding-right: 18px; +} +.#{$primaryStyleName}-margin-bottom, +.v-horizontallayout-margin-bottom, +.v-verticallayout-margin-bottom, +.v-csslayout-margin-bottom, +.v-layout.v-margin-bottom { + padding-bottom: 15px; +} +.#{$primaryStyleName}-margin-left, +.v-horizontallayout-margin-left, +.v-verticallayout-margin-left, +.v-csslayout-margin-left, +.v-layout.v-margin-left { + padding-left: 18px; +} +.#{$primaryStyleName}-spacing-on, +.v-horizontallayout-spacing-on, +.v-verticallayout-spacing-on { + padding-top: 8px; + padding-left: 8px; +} +.v-spacing { + width: 8px; + height: 8px; +} +.v-verticallayout-darker, +.v-horizontallayout-darker, +.v-gridlayout-darker, +.v-formlayout-darker, +.v-absolutelayout-darker, +.v-csslayout-darker { + background-color: #f3f4f5; +} + +/* Selectable style */ +.v-csslayout-selectable *, +.v-csslayout-selectable-selected * { + cursor: pointer; +} +.v-csslayout-selectable, +.v-csslayout-selectable-selected { + padding: 10px; + cursor: pointer; +} +.v-csslayout-selectable-selected { + padding: 8px; + border: 2px solid #57a7ed; + background: #d8eaf9; + background: rgba(179,211,237,.5); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +/* Shadow style */ +div.v-csslayout-box-shadow { + background: transparent url(../shadow/img/bottom-right.png) no-repeat right bottom; + overflow: hidden; +} +.v-csslayout-box-shadow > .v-csslayout-margin { + padding: 0 8px 0 0; + background: transparent url(../shadow/img/right.png) repeat-y right; + margin: 0; + position: relative; + bottom: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { + padding: 0 0 8px 0; + margin-left: 6px; + background: transparent url(../shadow/img/bottom.png) repeat-x bottom; + position: relative; + top: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: -6px; +} +/* Fancier shadows for capable browsers */ +.v-webkit & .v-csslayout-box-shadow, +.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin, +.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko & .v-csslayout-box-shadow, +.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + background: transparent; + padding: 0; + margin: 0; + height: auto; + position: static; +} +.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, +.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: 0; +} +.v-webkit & .v-csslayout-box-shadow, +.v-gecko & .v-csslayout-box-shadow { + padding: 4px 8px 10px; +} +.v-webkit & .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko & .v-csslayout-box-shadow > .v-csslayout-margin { + -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); + -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-left.png b/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-left.png new file mode 100644 index 0000000000..9306fac21e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-right.png b/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-right.png new file mode 100644 index 0000000000..08f53ff470 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/panel/img/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-left.png b/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-left.png new file mode 100644 index 0000000000..2d59a76c06 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-right.png b/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-right.png new file mode 100644 index 0000000000..e981d430ce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/panel/img/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/panel/panel.scss b/themes/src/main/resources/VAADIN/themes/runo/panel/panel.scss new file mode 100644 index 0000000000..66fb751d88 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/panel/panel.scss @@ -0,0 +1,83 @@ +@mixin runo-panel($primaryStyleName : v-panel) { + +.#{$primaryStyleName} { + background: transparent url(img/top-left.png) no-repeat; +} +.#{$primaryStyleName}-caption .v-errorindicator { + padding-right: 20px; + background: transparent url(../icons/16/error.png) no-repeat bottom center; + +} +.#{$primaryStyleName}-caption, +.#{$primaryStyleName}-caption-light { + font-size: 18px; + line-height: normal; + font-weight: normal; + letter-spacing: -0.03em; + color: #f14c1a; + height: 18px; + padding: 13px 18px 16px 8px; + margin-left: 10px; + background: transparent url(img/top-right.png) no-repeat right top; + text-overflow: ellipsis; +} +.#{$primaryStyleName}-nocaption { + height: 9px; + margin-left: 10px; + background: transparent url(img/top-right.png) no-repeat right top; +} +.#{$primaryStyleName}-content { + border: 1px solid #babfc0; + border-bottom: 1px solid #dee2e3; + background-color: #fff; +} +.#{$primaryStyleName}-deco { + height: 9px; + background: transparent url(img/bottom-right.png) repeat-x right top; + margin-left: 9px; +} +.#{$primaryStyleName}-deco:before { + display: block; + content: ""; + width: 9px; + height: 9px; + margin-left: -9px; + background: transparent url(img/bottom-left.png) no-repeat; +} +/* Light panel style */ +.#{$primaryStyleName}-light, +.#{$primaryStyleName}-caption-light { + background: transparent; +} +.#{$primaryStyleName}-caption-light { + border-bottom: 1px solid #babfc0; + margin: 0; + padding-left: 18px; +} +.#{$primaryStyleName}-nocaption-light { + background: transparent; + border: none; + height: 0; + margin: 0; +} +.#{$primaryStyleName}-content-light { + border: none; + background: transparent; +} +.#{$primaryStyleName}-deco-light { + height: 0; + overflow: hidden; +} +/* IE specific rules */ +.v-ie8 & .#{$primaryStyleName}-content { + border-bottom: 1px solid #babfc0; +} +.v-ie8 & .#{$primaryStyleName}-content-light { + border-bottom: none; +} +.v-ie8 & .#{$primaryStyleName}-deco { + height: 0; + overflow: hidden; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/popupview/popupview.scss b/themes/src/main/resources/VAADIN/themes/runo/popupview/popupview.scss new file mode 100644 index 0000000000..e5bc664fdd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/popupview/popupview.scss @@ -0,0 +1,13 @@ +@mixin runo-popupview($primaryStyleName : v-popupview) { + +.#{$primaryStyleName} { + background: transparent; +} +.#{$primaryStyleName}-popup { + border: 1px solid #babfc0; + border-bottom: 1px solid #dee2e3; + background: #fff; + padding: 3px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base-static.gif b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base-static.gif new file mode 100644 index 0000000000..474b684196 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base-static.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base.gif b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base.gif new file mode 100644 index 0000000000..6c6f15ef9e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/base.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/disabled.gif b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/disabled.gif new file mode 100644 index 0000000000..7a64d034b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/disabled.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/progress.png b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/progress.png new file mode 100644 index 0000000000..c1aca57369 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/img/progress.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/progressindicator/progressindicator.scss b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/progressindicator.scss new file mode 100644 index 0000000000..432123cf1f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/progressindicator/progressindicator.scss @@ -0,0 +1,29 @@ +@mixin runo-progressindicator($primaryStyleName : v-progressindicator) { + +.#{$primaryStyleName}-wrapper { + background: #dfe2e4 url(img/base.gif) repeat-x; + border: 1px solid #b6bbbc; +} +.v-disabled .#{$primaryStyleName}-wrapper { + background-image: url(img/disabled.gif); +} +.#{$primaryStyleName}-indicator { + background: #f7f9f9 url(img/progress.png); +} +.#{$primaryStyleName}-indicator { + background: #f7f9f9 url(img/progress.png); +} +.#{$primaryStyleName}-indeterminate { + background: #fff url(../../base/common/img/ajax-loader-medium.gif) no-repeat 50%; +} +.#{$primaryStyleName}-indeterminate-disabled { + background: #dfe2e4; +} + +// Static style + +.#{$primaryStyleName}-static .#{$primaryStyleName}-wrapper { + background: #dfe2e4 url(img/base-static.gif) repeat-x; +} + +} diff --git a/themes/src/main/resources/VAADIN/themes/runo/runo.scss b/themes/src/main/resources/VAADIN/themes/runo/runo.scss new file mode 100644 index 0000000000..d481476d4c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/runo.scss @@ -0,0 +1,93 @@ +$font-size: 13px !default; +$line-height: 18px !default; + + +// Override Base Grid variables +$v-grid-border: 1px solid #b6bbbc !default; +$v-grid-cell-vertical-border: 1px solid #d4d4d4 !default; +$v-grid-cell-vertical-border: none !default; +$v-grid-cell-horizontal-border: none !default; +$v-grid-cell-focused-border: 1px solid #57a7ed !default; +$v-grid-row-height: 26px !default; +$v-grid-header-row-height: 36px !default; +$v-grid-row-background-color: #fff !default; +$v-grid-row-stripe-background-color:#eff0f1 !default; +$v-grid-row-selected-background-color: #57a7ed !default; +$v-grid-header-font-size: 15px !default; +$v-grid-header-background-color: #e7e9ea !default; + + +@import "../base/base.scss"; + +@import "absolutelayout/absolutelayout.scss"; +@import "accordion/accordion.scss"; +@import "button/button.scss"; +@import "caption/caption.scss"; +@import "colorpicker/colorpicker.scss"; +@import "common/common.scss"; +@import "datefield/datefield.scss"; +@import "inlinedatefield/inlinedatefield.scss"; +@import "formlayout/formlayout.scss"; +@import "grid/grid.scss"; +@import "gridlayout/gridlayout.scss"; +@import "label/label.scss"; +@import "link/link.scss"; +@import "menubar/menubar.scss"; +@import "notification/notification.scss"; +@import "orderedlayout/orderedlayout.scss"; +@import "panel/panel.scss"; +@import "popupview/popupview.scss"; +@import "progressindicator/progressindicator.scss"; +@import "select/select.scss"; +@import "shadow/shadow.scss"; +@import "slider/slider.scss"; +@import "splitpanel/splitpanel.scss"; +@import "table/table.scss"; +@import "tabsheet/tabsheet.scss"; +@import "textfield/textfield.scss"; +@import "tree/tree.scss"; +@import "window/window.scss"; + +.v-generated-body { + background: #e9eced; +} + +@mixin runo { + // TODO move? + @include base; + // TODO each + @include runo-absolutelayout; + @include runo-accordion; + @include runo-button; + @include runo-caption; + @include runo-colorpicker; + + @include runo-common; + + @include runo-datefield; + @include runo-inline-datefield; + @include runo-formlayout; + @include runo-grid; + @include runo-gridlayout; + @include runo-label; + @include runo-link; + @include runo-menubar; + @include runo-notification; + @include runo-orderedlayout; + @include runo-panel; + @include runo-popupview; + + @include runo-progressindicator(v-progressbar); + /* For legacy ProgressIndicator component */ + @include runo-progressindicator(v-progressindicator); + + @include runo-select; + @include runo-shadow; + @include runo-slider; + @include runo-splitpanel; + @include runo-table; + @include runo-tabsheet; + @include runo-textfield; + @include runo-tree; + @include runo-window; +} diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-down.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-down.png new file mode 100644 index 0000000000..ee795fd069 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-down.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-up.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-up.png new file mode 100644 index 0000000000..055ad61ef1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/arrow-up.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter-error.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter-error.png new file mode 100644 index 0000000000..72f74f16ab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter-error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter.png new file mode 100644 index 0000000000..03e7384343 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-center-filter.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter-error.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter-error.png new file mode 100644 index 0000000000..da4a4e4cc9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter-error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter.png new file mode 100644 index 0000000000..4a1d2a2966 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-left-filter.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter-error.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter-error.png new file mode 100644 index 0000000000..72ed791760 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter-error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter.png new file mode 100644 index 0000000000..04cb8e4089 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/bg-right-filter.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/img/button-bg.png b/themes/src/main/resources/VAADIN/themes/runo/select/img/button-bg.png new file mode 100644 index 0000000000..9653ed949b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/select/img/button-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/select/select.scss b/themes/src/main/resources/VAADIN/themes/runo/select/select.scss new file mode 100644 index 0000000000..39eb0c9bde --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/select/select.scss @@ -0,0 +1,165 @@ +@mixin runo-select($primaryStyleName : v-filterselect) { + +$select-button-width: 25px; +$select-button-negative-width: -25px; + +.v-select-select { + font-size: 13px; +} +/* Twincol style */ +.v-select-twincol-options, +.v-select-twincol-selections { + font-size: 13px; +} +.v-select-twincol-buttons { + padding: 2px; /* does not work in first render in FF ? */ +} + +/** Filterselect aka ComboBox styles */ + +.#{$primaryStyleName} { + height: 23px; + background: transparent url(img/bg-left-filter.png) no-repeat; + padding-left: 4px; + padding-right: $select-button-width; /* Space for the button */ +} +&.v-app .#{$primaryStyleName} .#{$primaryStyleName}-input, +.v-window .#{$primaryStyleName} .#{$primaryStyleName}-input, +.v-popupview-popup .#{$primaryStyleName} .#{$primaryStyleName}-input { + background: transparent url(img/bg-center-filter.png) no-repeat 1px 0; + border: none; + height: 23px; + margin: 0; + padding: 2px 0 1px 2px; + font-size: 13px; +} +.#{$primaryStyleName}-prompt .#{$primaryStyleName}-input { + font-style: normal; +} +.#{$primaryStyleName}-input:focus { + /* remove safari/mac outline from this element */ + outline: none; +} +.#{$primaryStyleName}-focus { + outline: 1px solid #5daee8; + outline-offset: -1px; +} +.v-sa & .#{$primaryStyleName}-focus { + /* place safari focus outline around the whole thing */ + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -4px; +} +.#{$primaryStyleName}-button { + width: $select-button-width; + margin-right: $select-button-negative-width; + height: 23px; + background: transparent url(img/bg-right-filter.png); +} +.#{$primaryStyleName}-button:hover { + background-position: bottom left; +} +.v-disabled .#{$primaryStyleName}-button:hover, +.v-readonly .#{$primaryStyleName}-button:hover { + background-position: top left; +} +.#{$primaryStyleName}.v-readonly .#{$primaryStyleName}-input { + background: transparent; +} +.#{$primaryStyleName}-suggestpopup { + background: #f6f7f7; + border: 1px solid #b6bbbc; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 12px; + line-height: 18px; + margin-top: -1px; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem { + padding: 1px 6px; + cursor: pointer; + height: 18px; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem .v-icon { + margin-right: 3px; +} +.#{$primaryStyleName}-suggestmenu .gwt-MenuItem-selected { + background: #5daee8; + color: #fff; +} +.#{$primaryStyleName}-nextpage, +.#{$primaryStyleName}-nextpage-off, +.#{$primaryStyleName}-prevpage-off, +.#{$primaryStyleName}-prevpage { + height: 11px; + width:100%; + background: transparent url(img/button-bg.png) no-repeat 50% 0; + margin: 2px 0 0 0; +} +.#{$primaryStyleName}-prevpage, +.#{$primaryStyleName}-prevpage-off { + background-position: 50% -1px; + margin: 0 0 2px 0; +} +.#{$primaryStyleName}-prevpage:hover { + background-position: 50% bottom; +} +.#{$primaryStyleName}-nextpage:hover { + background-position: 50% -12px; +} +.#{$primaryStyleName}-nextpage span, +.#{$primaryStyleName}-nextpage-off span, +.#{$primaryStyleName}-prevpage-off span, +.#{$primaryStyleName}-prevpage span { + display: block; + height: 12px; + width:100%; + background: transparent url(img/arrow-up.png) no-repeat 50% 40%; + text-indent: -90000px; + cursor: pointer; + overflow: hidden; +} +.#{$primaryStyleName}-nextpage span, +.#{$primaryStyleName}-nextpage-off span { + background: transparent url(img/arrow-down.png) no-repeat 50% 60%; +} +.#{$primaryStyleName}-status { + font-size: 11px; + line-height: 11px; + width: 100%; + padding: 4px 0px; + height: 11px; + border-top: 1px solid #b6bbbc; +} + + +/* Error styles (disabled by default) + ---------------------------------- + +.#{$primaryStyleName}-error { + background-image: url(img/bg-left-filter-error.png); +} +.#{$primaryStyleName}-error .#{$primaryStyleName}-input { + background-image: url(img/bg-center-filter-error.png); +} +.#{$primaryStyleName}-error .#{$primaryStyleName}-button { + background-image: url(img/bg-right-filter-error.png); +} +.v-select-error .v-select-option, +.v-select-error .v-select-select, +.v-select-error .v-select-twincol-selections, +.v-select-error .v-select-twincol-options { + background: #FFE0E0; +} +*/ + +/* Required field styles (disabled by default) + -------------------------------------------- + +.v-select-required .v-select-option, +.v-select-required .v-select-select, +.v-select-required .v-select-twincol-selections, +.v-select-required .v-select-twincol-options { + background: #FFE0E0; +} +*/ +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-left.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-left.png new file mode 100644 index 0000000000..b119a13119 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-right.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-right.png new file mode 100644 index 0000000000..50aaa3bedc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom.png new file mode 100644 index 0000000000..96af859986 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/bottom.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/center.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/center.png new file mode 100644 index 0000000000..d6fb99a889 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/center.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/left.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/left.png new file mode 100644 index 0000000000..4c3611c842 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/right.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/right.png new file mode 100644 index 0000000000..34a46e7b13 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-left.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-left.png new file mode 100644 index 0000000000..27cf4d3f61 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-right.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-right.png new file mode 100644 index 0000000000..7f187ca556 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top.png b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top.png new file mode 100644 index 0000000000..b654d78da9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/shadow/img/top.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/shadow/shadow.scss b/themes/src/main/resources/VAADIN/themes/runo/shadow/shadow.scss new file mode 100644 index 0000000000..f24cab1bd2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/shadow/shadow.scss @@ -0,0 +1,72 @@ +@mixin runo-shadow($primaryStyleName : v-shadow) { + +.#{$primaryStyleName} { + position: absolute; +} + +.#{$primaryStyleName} .top-left { + position: absolute; overflow: hidden; + top: -3px; left: -4px; + width: 8px; height: 8px; + background: transparent url(img/top-left.png); +} + +.#{$primaryStyleName} .top { + position: absolute; overflow: hidden; + top: -3px; left: 4px; + height: 8px; right: 4px; + background: transparent url(img/top.png); +} + +.#{$primaryStyleName} .top-right { + position: absolute; overflow: hidden; + top: -3px; right: -4px; + width: 8px; height: 8px; + background: transparent url(img/top-right.png); +} + +.#{$primaryStyleName} .left { + position: absolute; overflow: hidden; + top: 5px; left: -4px; + width: 8px; + bottom: 3px; + background: transparent url(img/left.png); +} + +.#{$primaryStyleName} .center { + position: absolute; overflow: hidden; + top: 5px; left: 4px; + bottom: 3px; right: 4px; + background: transparent url(img/center.png); +} + +.#{$primaryStyleName} .right { + position: absolute; overflow: hidden; + top: 5px; right: -4px; + width: 8px; + bottom: 3px; + background: transparent url(img/right.png); +} + +.#{$primaryStyleName} .bottom-left { + position: absolute; overflow: hidden; + bottom: -5px; left: -4px; + width: 8px; height: 8px; + background: transparent url(img/bottom-left.png); +} + +.#{$primaryStyleName} .bottom { + position: absolute; overflow: hidden; + bottom: -5px; left: 4px; + right: 4px; height: 8px; + background: transparent url(img/bottom.png); +} + +.#{$primaryStyleName} .bottom-right { + position: absolute; overflow: hidden; + bottom: -5px; right: -4px; + width: 8px; height: 8px; + background: transparent url(img/bottom-right.png); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-horizontal.png b/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-horizontal.png new file mode 100644 index 0000000000..620b86f1da Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-horizontal.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-vertical.png b/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-vertical.png new file mode 100644 index 0000000000..b7f63b91b7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/slider/img/handle-vertical.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/slider/slider.scss b/themes/src/main/resources/VAADIN/themes/runo/slider/slider.scss new file mode 100644 index 0000000000..aa8cbe3e7a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/slider/slider.scss @@ -0,0 +1,73 @@ +@mixin runo-slider($primaryStyleName : v-slider) { + +.#{$primaryStyleName} { + border-top: 1px solid #cccfd0; + border-bottom: 1px solid #cccfd0; + margin: 5px 0; +} +.#{$primaryStyleName}-base { + /* changing the borders will require adjustments to ISlider.java */ + height: 2px; + background: #f3f3f4; + border-top: 1px solid #cbcdce; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.#{$primaryStyleName}-handle { + background: transparent url(img/handle-horizontal.png); + width: 12px; + height: 12px; + margin-top: -5px; + cursor: pointer; +} +.#{$primaryStyleName}-handle:hover { + background-position: left bottom; +} +.#{$primaryStyleName}-scrollbar .#{$primaryStyleName}-handle, +.#{$primaryStyleName}-scrollbar.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { + background: #ffffff; + border: 1px solid #cccfd0; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; +} + +.#{$primaryStyleName}-vertical { + width: 3px; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-base { + width: 2px; + border-left: 1px solid #cbcdce; + border-right: none; + background: #f3f3f4; + border-top: 1px solid #cccfd0; + border-bottom: 1px solid #cccfd0; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle { + background: transparent url(img/handle-vertical.png); + width: 12px; + height: 12px; + margin-left: -5px; +} +.#{$primaryStyleName}-vertical .#{$primaryStyleName}-handle-active { + background-position: left bottom; +} + +/* Disabled by default +.#{$primaryStyleName}-error .#{$primaryStyleName}-base { + background:transparent; + background-color: #FFE0E0; +} +*/ + +/* Disabled by default +.#{$primaryStyleName}-required .#{$primaryStyleName}-base { + background:transparent; + background-color: #FFE0E0; +} +*/ +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_hor.png b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_hor.png new file mode 100644 index 0000000000..f50f81aa35 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_hor.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_ver.png b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_ver.png new file mode 100644 index 0000000000..6846e47096 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/img/bg_ver.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/splitpanel/splitpanel.scss b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..84b8f5cd44 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/splitpanel/splitpanel.scss @@ -0,0 +1,88 @@ +@mixin runo-splitpanel($primaryStyleName : v-splitpanel) { + +.#{$primaryStyleName}-horizontal, +.#{$primaryStyleName}-vertical { + overflow: hidden; +} + +.#{$primaryStyleName}-hsplitter, +.#{$primaryStyleName}-hsplitter-locked { + width: 6px; +} + +.#{$primaryStyleName}-hsplitter div, +.#{$primaryStyleName}-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; +} + +.#{$primaryStyleName}-vsplitter, +.#{$primaryStyleName}-vsplitter-locked { + height: 6px; +} + +.#{$primaryStyleName}-vsplitter div, +.#{$primaryStyleName}-vsplitter-locked div { + height: 6px; + background: #ccd2d0 url(img/bg_ver.png); + border: 1px solid #b6bbbc; + margin: -1px 0; +} + + +/* Rounded style */ +.#{$primaryStyleName}-hsplitter-rounded div, +.#{$primaryStyleName}-vsplitter-rounded div, +.#{$primaryStyleName}-hsplitter-rounded-locked div, +.#{$primaryStyleName}-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.#{$primaryStyleName}-hsplitter-rounded div, +.#{$primaryStyleName}-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.#{$primaryStyleName}-vsplitter-rounded div, +.#{$primaryStyleName}-vsplitter-rounded-locked div { + margin: -1px 4px; +} + + +/* Small style */ +.#{$primaryStyleName}-hsplitter-small, +.#{$primaryStyleName}-vsplitter-small, +.#{$primaryStyleName}-hsplitter-small-locked, +.#{$primaryStyleName}-vsplitter-small-locked { + background: #b6bbbc; +} +.#{$primaryStyleName}-hsplitter-small, +.#{$primaryStyleName}-hsplitter-small-locked { + width: 1px; +} +.#{$primaryStyleName}-vsplitter-small, +.#{$primaryStyleName}-vsplitter-small-locked { + height: 1px; +} +.#{$primaryStyleName}-hsplitter-small div, +.#{$primaryStyleName}-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.#{$primaryStyleName}-vsplitter-small div, +.#{$primaryStyleName}-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/styles.scss b/themes/src/main/resources/VAADIN/themes/runo/styles.scss new file mode 100644 index 0000000000..cfcb8bfa78 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/styles.scss @@ -0,0 +1,4 @@ +@import "runo.scss"; +.runo { + @include runo; +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/check.gif b/themes/src/main/resources/VAADIN/themes/runo/table/img/check.gif new file mode 100644 index 0000000000..0a89195168 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/check.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/colsel.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/colsel.png new file mode 100644 index 0000000000..7cf5abc8b2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/colsel.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg-over.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg-over.png new file mode 100644 index 0000000000..6c888676e9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg-over.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg.png new file mode 100644 index 0000000000..275fbc4382 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/header-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/resizer-bg.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/resizer-bg.png new file mode 100644 index 0000000000..d9089775cb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/resizer-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/scroll-position-bg.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/scroll-position-bg.png new file mode 100644 index 0000000000..d5968fdf51 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/scroll-position-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-asc.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-asc.png new file mode 100644 index 0000000000..44e17d5446 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-asc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-desc.png b/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-desc.png new file mode 100644 index 0000000000..35fd0595f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/table/img/sort-desc.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/table/table.scss b/themes/src/main/resources/VAADIN/themes/runo/table/table.scss new file mode 100644 index 0000000000..3902ed7cb0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/table/table.scss @@ -0,0 +1,206 @@ +@mixin runo-table($primaryStyleName : v-table) { + +.#{$primaryStyleName}-header-wrap { + height: 36px; + border: 1px solid #b6bbbc; + border-bottom: none; + background: #e7e9ea url(img/header-bg.png) repeat-x; +} +.#{$primaryStyleName}-header { + height: 36px; +} +.#{$primaryStyleName}-footer-wrap { + border-color: #b6bbbc; + background: #e7e9ea url(img/header-bg.png) repeat-x; +} +.#{$primaryStyleName}-footer td { + border-right-color: #e8eaec; + padding-top: 3px; + padding-bottom: 3px; +} +.#{$primaryStyleName}-resizer { + height: 36px; + width: 4px; + background: transparent url(img/resizer-bg.png) repeat-y 100% 50%; +} +.#{$primaryStyleName}-caption-container { + color: #393a3c; + font-size: 15px; + padding: 9px 2px 9px 0; + text-shadow: #ffffff 0 1px 0; + margin-left: 4px; +} +.#{$primaryStyleName}-sort-indicator { + width: 0; + height: 36px; +} +.#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator { + background: transparent url(img/sort-asc.png) no-repeat right 50%; + width: 20px; + height: 36px; +} +.#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + background: transparent url(img/sort-desc.png) no-repeat right 50%; + width: 20px; + height: 36px; +} +.#{$primaryStyleName}-header-cell:hover, +.#{$primaryStyleName}-header-cell-asc:hover, +.#{$primaryStyleName}-header-cell-desc:hover { + background: transparent url(img/header-bg-over.png) repeat-x; +} +.#{$primaryStyleName}-body { + background: #fff; + border: 1px solid #b6bbbc; +} +tr.#{$primaryStyleName}-row:hover, +tr.#{$primaryStyleName}-row-odd:hover { + background-color: #edeeee; +} +.#{$primaryStyleName}-row, +.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row:hover { + background-color: #fff; +} +.#{$primaryStyleName}-row-odd, +.#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd:hover { + background-color: #f6f7f7; +} +.#{$primaryStyleName}-generated-row { + color: #393a3c; + font-size: 15px; + padding: 9px 2px 9px 0; + text-shadow: #ffffff 0 1px 0; + background: #e7e9ea; +} +.#{$primaryStyleName} tr.v-selected { + background: #57a7ed; + color: #fff; +} +.#{$primaryStyleName}-cell-content { + padding: 0 6px 0 4px; + border-right: none; +} +.#{$primaryStyleName}-cell-wrapper { + white-space: nowrap; + overflow: hidden; + line-height: 23px; + /* Do not specify horizontal padding here */ + padding: 3px 0 0 0; +} +/* Fix textfield size to correspond label size inside table */ +.#{$primaryStyleName}-cell-content .v-textfield, +.#{$primaryStyleName}-cell-content .v-button { + margin: -3px 0 0 0; +} +.#{$primaryStyleName}-cell-content .v-textfield, +.#{$primaryStyleName}-cell-content .v-datefield { + width: 97%; /* approximate */ +} +/* ...but not for datefield textarea */ +.#{$primaryStyleName}-cell-content .v-datefield .v-textfield { + width: auto; + +} +/* datefield button is too high for table cell */ +.#{$primaryStyleName}-cell-content .v-datefield-button { + height: 25px; + margin: -3px 0 0 0; +} +.#{$primaryStyleName}-column-selector { + background: transparent url(img/colsel.png) no-repeat; + margin: -36px 0 0 0; + height: 36px; + width: 15px; +} +.#{$primaryStyleName}-focus-slot-left { + border-color: #b6bbbc; + margin-bottom: -36px; + width: auto; + border-right: none; +} +.#{$primaryStyleName}-focus-slot-right { + border-color: #b6bbbc; +} +.#{$primaryStyleName}-header-drag { + background: #e7edf3 url(img/header-bg.png) repeat-x; + border: 1px solid #b6bbbc; + padding: 4px; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 15px; + margin-top: 20px; +} +.#{$primaryStyleName}-scrollposition { + width: 160px; + height: 39px; + background: transparent url(img/scroll-position-bg.png); + border: none; +} +.#{$primaryStyleName}-scrollposition span { + display: block; + margin-top: 8px; + text-align: center; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + color: #464f52; + font-size: 15px; + text-shadow: #ffffff 2px 2px 0; +} +/* row in column selector */ +.v-on div { + background: transparent url(img/check.gif) no-repeat 2px 50%; + text-indent: 6px; +} +.v-off div { + text-indent: 6px; +} +.#{$primaryStyleName} .v-link { + display: inline; +} + +/* Borderless style */ +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { + border: none; +} +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-header-wrap { + border-bottom: 1px solid #b6bbbc; +} +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body { + background: transparent; +} +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-row, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-row-odd, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row:hover, +.#{$primaryStyleName}-borderless .#{$primaryStyleName}-body-noselection .#{$primaryStyleName}-row-odd:hover { + background-color: transparent; +} + + +/* Small style */ +.#{$primaryStyleName}-small .#{$primaryStyleName}-header-wrap, +.#{$primaryStyleName}-small .#{$primaryStyleName}-header { + height: 22px; +} +.#{$primaryStyleName}-small .#{$primaryStyleName}-sort-indicator, +.#{$primaryStyleName}-small .#{$primaryStyleName}-header-cell-asc .#{$primaryStyleName}-sort-indicator, +.#{$primaryStyleName}-small .#{$primaryStyleName}-header-cell-desc .#{$primaryStyleName}-sort-indicator { + height: 22px; +} +.#{$primaryStyleName}-small .#{$primaryStyleName}-caption-container { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.#{$primaryStyleName}-small .#{$primaryStyleName}-column-selector { + margin-top: -21px; + height: 21px; +} +.#{$primaryStyleName}-small .#{$primaryStyleName}-body { + font-size: 12px; +} +.#{$primaryStyleName}-small .#{$primaryStyleName}-cell-wrapper { + line-height: 18px; + padding: 2px 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png new file mode 100644 index 0000000000..501876fb36 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png new file mode 100644 index 0000000000..26c63f6882 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png new file mode 100644 index 0000000000..0e0a841a87 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png new file mode 100644 index 0000000000..0696ff8c3b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/inline-tab-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/next.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/next.png new file mode 100644 index 0000000000..f43dd1abf0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/next.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/prev.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/prev.png new file mode 100644 index 0000000000..5e111b4aa0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/prev.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/tab-bg.png b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/tab-bg.png new file mode 100644 index 0000000000..a4235e9a83 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/img/tab-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tabsheet/tabsheet.scss b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/tabsheet.scss new file mode 100644 index 0000000000..ab4afb1c69 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/tabsheet/tabsheet.scss @@ -0,0 +1,254 @@ +@mixin runo-tabsheet($primaryStyleName : v-tabsheet) { + +.#{$primaryStyleName}-tabs { + height: 48px; +} + +.#{$primaryStyleName}-spacertd div { + height: 37px; + border: 1px solid #b6bbbc; + background: transparent url(img/tab-bg.png); + padding: 0; +} +.#{$primaryStyleName}-scroller { + margin-top: -37px; + float: right; +} +.#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled { + border: none; + width: 12px; + padding: 0; + height: 38px; + opacity: 0.9999; + margin-top: -1px; +} +.#{$primaryStyleName}-scrollerNext, +.#{$primaryStyleName}-scrollerNext-disabled { + background: transparent url(img/next.png) no-repeat; +} +.#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-scrollerPrev-disabled { + background: transparent url(img/prev.png) no-repeat; +} +.#{$primaryStyleName}-scrollerPrev:hover, +.#{$primaryStyleName}-scrollerNext:hover { + background-position: -24px 0px; +} +.#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-scrollerNext-disabled { + background-position: -12px 0px; +} +.#{$primaryStyleName}-scrollerPrev-disabled:hover, +.#{$primaryStyleName}-scrollerNext-disabled:hover { + background-position: -12px 0px; +} +.#{$primaryStyleName}-tabitem { + border: 1px solid #b6bbbc; + border-right: none; + height: 37px; + padding: 0; + margin-top: 9px; + color: #777f85; + font-size: 15px; + line-height: 18px; + background: #f8f9f9 url(img/tab-bg.png); +} +.#{$primaryStyleName}-tabitem .v-caption { + height: 20px; + padding: 9px 15px 8px 15px; +} +.#{$primaryStyleName}-tabitem-selected { + border: none; + background: transparent url(../panel/img/top-left.png) no-repeat; + margin: 0; + padding: 0; + height: 48px; + color: #ee5311; +} +.#{$primaryStyleName}-tabitem:hover { + color: #4b5257; +} +.#{$primaryStyleName}-tabitem-selected:hover { + color: #ee5311; +} +.#{$primaryStyleName}-tabitem-selected .v-caption { + background: transparent url(../panel/img/top-right.png) repeat-x right top; + margin: 0 -1px 0 9px; + height: 18px; + padding: 16px 16px 14px 7px; + overflow: visible; +} +.#{$primaryStyleName}-caption-close { + margin-left: 3px; + margin-right: -3px; + margin-top: 2px; + font-size: 15px; + width: 15px; + height: 15px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + color: #777f85; + line-height: 13px; +} +.#{$primaryStyleName}-caption-close:hover { + background: #dce0e0; +} +.#{$primaryStyleName}-caption-close:active { + background: #b6bbbc; + color: #fff; +} +.#{$primaryStyleName}-content { + border: 1px solid #babfc0; + background-color: #fff; + border-bottom: 1px solid #dee2e3; + border-top: none; +} +.#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { + border-top: 1px solid #b5babb; +} +.#{$primaryStyleName}-deco { + height: 10px; + background: transparent url(../panel/img/bottom-right.png) repeat-x right top; + margin-left: 9px; + overflow: visible; +} +.#{$primaryStyleName}-deco:before { + display: block; + content: ""; + width: 9px; + height: 9px; + margin-left: -9px; + background: transparent url(../panel/img/bottom-left.png) no-repeat; +} +/* Progress indication * +.#{$primaryStyleName}-loading .#{$primaryStyleName}-tabitem-selected .v-captiontext { + background: transparent url(../../base/common/img/ajax-loader.gif) no-repeat top right; + margin-left: -10px; + padding-left: 10px; + margin-right: -10px; + padding-right: 10px; + margin-top: -12px; + padding-top: 12px; +}*/ +/* IE specific styles */ +.v-ie & .#{$primaryStyleName}-content { + border-bottom: none; +} +.v-ie & .#{$primaryStyleName}-deco { + height: 1px; + background: #babfc0; + overflow: hidden; + margin: 0; + width: 100%; +} +/* Light-style */ +.#{$primaryStyleName}-tabcontainer-light { + height: 32px; +} +.#{$primaryStyleName}-tabs-light { + height: 32px; + width: 100%; + overflow:hidden; + background: transparent; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-spacertd div { + height: 31px; + border: none; + border-bottom: 1px solid #b6bbbc; + background: transparent url(img/inline-tab-bg.png) repeat-x; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem { + border: none; + border-bottom: 1px solid #b6bbbc; + height: 30px; + padding: 0; + margin-top: 0; + color: #656d73; + font-size: 12px; + line-height: normal; + background: transparent url(img/inline-tab-bg.png) repeat-x; + cursor: pointer; + text-shadow: #fff 0 1px 0; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem .v-caption { + height: 24px; + padding: 8px 10px 0 11px; + background: transparent url(img/inline-tab-border.png) no-repeat; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-first .v-caption { + margin-left: 5px; + background: transparent; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-selected + .#{$primaryStyleName}-tabitemcell .v-caption, +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-selected-first + .#{$primaryStyleName}-tabitemcell .v-caption { + background: transparent; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected { + border: none; + background: transparent url(img/inline-tab-right.png) no-repeat right top; + margin: 0; + padding: 0; + height: 32px; + cursor: default; + color: #ee5311; + text-shadow: none; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem:hover { + color: #4b5257; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected:hover { + color: #ee5311; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected .v-caption { + background: transparent url(img/inline-tab-left.png) no-repeat -7px 0; + margin: 0; + height: 23px; + padding: 9px 10px 0 11px; + overflow: visible; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitemcell-first .#{$primaryStyleName}-tabitem-selected .v-caption { + background: transparent url(img/inline-tab-left.png) no-repeat -3px 0; + padding-left: 16px; +} +.#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-caption-close { + margin-top: 0; + text-shadow: none; +} +.#{$primaryStyleName}-content-light { + border: none; + background: transparent; +} +.#{$primaryStyleName}-light .#{$primaryStyleName}-hidetabs .#{$primaryStyleName}-content { + border: none; +} +.#{$primaryStyleName}-deco-light { + height: 0; + overflow: hidden; +} +.#{$primaryStyleName}-deco-light:before { + display: none; +} +/* Scroller */ +.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerPrev, +.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerNext { + margin-top: 2px; + height: 34px; +} +.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerPrev-disabled, +.#{$primaryStyleName}-tabcontainer-light .#{$primaryStyleName}-scrollerNext-disabled { + margin-top: 2px; + height: 34px; +} +/* Progress indication * +.#{$primaryStyleName}-loading .#{$primaryStyleName}-tabs-light .#{$primaryStyleName}-tabitem-selected .v-captiontext { + margin-left: -3px; + padding-left: 3px; +}*/ +.v-ie & .#{$primaryStyleName}-deco-light { + height: 0; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/textfield/img/bg.png b/themes/src/main/resources/VAADIN/themes/runo/textfield/img/bg.png new file mode 100644 index 0000000000..43c7ac7b47 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/textfield/img/bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/textfield/textfield.scss b/themes/src/main/resources/VAADIN/themes/runo/textfield/textfield.scss new file mode 100644 index 0000000000..3516f529ce --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/textfield/textfield.scss @@ -0,0 +1,49 @@ +@mixin runo-textfield($primaryStyleName : v-textfield) { + +.#{$primaryStyleName}, +.v-textarea { + background: #fff url(img/bg.png) repeat-x; + border: 1px solid #b6b6b6; + border-top-color: #9d9d9d; + border-bottom-color: #d6d6d6; + border-right-color: #d6d6d6; + margin: 0; + line-height: 14px; +} +input.#{$primaryStyleName}, +input[type=text].#{$primaryStyleName}, +textarea.v-textarea { + font-size: 12px; + height: 22px; + padding: 2px; +} +textarea.v-textarea { + height: auto; +} +.#{$primaryStyleName}-focus, +.v-textarea-focus { + border-color: #5daee8; +} +input.#{$primaryStyleName}-prompt, +textarea.v-textarea-prompt { + color: #999; + font-style: normal; +} +.v-richtextarea { + border: 1px solid #b6b6b6; +} +.v-richtextarea .gwt-RichTextArea { + background: #fff url(img/bg.png) repeat-x; +} + +/* Small style */ +input.#{$primaryStyleName}-small, +input[type=text].#{$primaryStyleName}-small, +textarea.v-textarea-small { + font-size: 11px; + height: 18px; + line-height: 12px; + padding: 1px 2px; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/collapsed.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/collapsed.png new file mode 100644 index 0000000000..8d4064de0a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/collapsed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png new file mode 100644 index 0000000000..28b3626d79 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed.png new file mode 100644 index 0000000000..db4d41cccd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/collapsed.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector-item.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector-item.png new file mode 100644 index 0000000000..b4d0d7aa56 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector-item.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector.png new file mode 100644 index 0000000000..a93f458787 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/connector.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded-last.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded-last.png new file mode 100644 index 0000000000..504b715122 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded-last.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded.png new file mode 100644 index 0000000000..5c036ed038 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/connectors/expanded.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/img/expanded.png b/themes/src/main/resources/VAADIN/themes/runo/tree/img/expanded.png new file mode 100644 index 0000000000..4ac2554eac Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/tree/img/expanded.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/tree/tree.scss b/themes/src/main/resources/VAADIN/themes/runo/tree/tree.scss new file mode 100644 index 0000000000..677e0e8a93 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/tree/tree.scss @@ -0,0 +1,61 @@ +@mixin runo-tree($primaryStyleName : v-tree) { + +.#{$primaryStyleName}-node { + background: transparent url(img/collapsed.png) no-repeat 2px 1px; +} +.#{$primaryStyleName}-node-expanded { + background: transparent url(img/expanded.png) no-repeat 2px 1px; +} +.#{$primaryStyleName}-node-caption { + margin-left: 18px; +} +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-caption { + padding-bottom: 1px; +} +.#{$primaryStyleName}-node-caption .v-icon { + margin: 0 2px 0 -2px; +} +.#{$primaryStyleName}-node-caption span { + padding: 0 1px; +} +.#{$primaryStyleName}-node-selected span { + background: #57a7ed; + color: #fff; + padding: 1px 2px 0; + display: inline-block; + zoom: 1; + margin: -1px -1px 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.#{$primaryStyleName}-node-children { + padding-left: 16px; +} +.#{$primaryStyleName}{ + outline:none; +} +.#{$primaryStyleName}-node-caption.#{$primaryStyleName}-node-focused span{ + padding-left: 1px; + padding-top: 0px; + padding-bottom: 0px; +} +.#{$primaryStyleName}-node-focused span{ + border: 1px dotted black; +} +/*************************************** + * Drag'n'drop styles + ***************************************/ +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top, +.#{$primaryStyleName} .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-expanded { + background-position: 2px 0; +} +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top, +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-expanded.#{$primaryStyleName}-node-drag-top { + background-position: 2px -53px; +} +.#{$primaryStyleName}-connectors .#{$primaryStyleName}-node-drag-top.#{$primaryStyleName}-node-leaf { + background-position: 2px 50%; +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/bg-color.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/bg-color.png new file mode 100644 index 0000000000..08cdb43bce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/bg-color.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-left.png new file mode 100644 index 0000000000..e7728b5172 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-right.png new file mode 100644 index 0000000000..56c654f41d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/close.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/close.png new file mode 100644 index 0000000000..55f1a686dd Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-left.png new file mode 100644 index 0000000000..438b50f419 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-right.png new file mode 100644 index 0000000000..3ceb3c92fe Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/close.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/close.png new file mode 100644 index 0000000000..bb39f7a1f8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/close.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/maximize.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/maximize.png new file mode 100644 index 0000000000..cbbc0f6691 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/restore.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/restore.png new file mode 100644 index 0000000000..a4e9d257e1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/dialog/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/left-bg.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/left-bg.png new file mode 100644 index 0000000000..e9fd861993 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/left-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/maximize.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/maximize.png new file mode 100644 index 0000000000..c7a1a8d418 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/maximize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/notification-error.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/notification-error.png new file mode 100644 index 0000000000..32852d5907 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/notification-error.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/resize.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/resize.png new file mode 100644 index 0000000000..e0a8759f64 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/resize.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/restore.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/restore.png new file mode 100644 index 0000000000..15ac00ddb2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/restore.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/right-bg.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/right-bg.png new file mode 100644 index 0000000000..35d39c772f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/right-bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-left.png new file mode 100644 index 0000000000..1ffd763faf Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-right.png new file mode 100644 index 0000000000..af3552a4bc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom.png new file mode 100644 index 0000000000..ed24b66705 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/bottom.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/center.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/center.png new file mode 100644 index 0000000000..f3825db0fb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/center.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/left.png new file mode 100644 index 0000000000..4c0b430f22 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/right.png new file mode 100644 index 0000000000..f81cfa0ce4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-left.png new file mode 100644 index 0000000000..7f79389398 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-right.png new file mode 100644 index 0000000000..feb490d565 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top.png new file mode 100644 index 0000000000..10bcc450ee Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/shadow/top.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/top-left.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/top-left.png new file mode 100644 index 0000000000..ae8aee8ade Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/top-left.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/img/top-right.png b/themes/src/main/resources/VAADIN/themes/runo/window/img/top-right.png new file mode 100644 index 0000000000..7030dc30e0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/runo/window/img/top-right.png differ diff --git a/themes/src/main/resources/VAADIN/themes/runo/window/window.scss b/themes/src/main/resources/VAADIN/themes/runo/window/window.scss new file mode 100644 index 0000000000..bf2081674c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/runo/window/window.scss @@ -0,0 +1,206 @@ +@mixin runo-window($primaryStyleName : v-window) { + +/* add box-shadows to an overlay element */ +.#{$primaryStyleName} { + box-shadow: 0 10px 24px 0 rgba(42, 45, 46, .4); + border-radius: 10px; +} +.#{$primaryStyleName} { + color: #464f52; + font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + font-size: 13px; + line-height: 18px; + background: transparent url(img/bottom-left.png) no-repeat left bottom; +} +.#{$primaryStyleName}-wrap { + background: transparent url(img/top-left.png) no-repeat; +} +.#{$primaryStyleName}-outerheader { + height: 49px; + margin-left: 9px; + padding: 15px 61px 11px 12px; + background: transparent url(img/top-right.png) no-repeat right top; +} +.#{$primaryStyleName}-header { + font-size: 18px; + line-height: 1.2; + font-weight: normal; + letter-spacing: -0.03em; + color: #f14c1a; + text-shadow: 0 1px 0 #fff; +} +.#{$primaryStyleName}-contents > div { + background: #fff; + border: 2px solid #babfc0; + border-top: none; + border-bottom: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.#{$primaryStyleName} div.#{$primaryStyleName}-footer { + height: 8px; + margin-left: 9px; + background: transparent url(img/bottom-right.png) no-repeat right bottom; + overflow: visible; +} +.#{$primaryStyleName}-resizebox { + position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */ + right: 5px; + width: 10px; + height: 10px; + margin-top: -7px; + background: transparent url(img/resize.png); +} +.#{$primaryStyleName}-resizebox-disabled { + background: transparent; + display: block; +} +.#{$primaryStyleName}-closebox, +.#{$primaryStyleName}-maximizebox, +.#{$primaryStyleName}-restorebox { + position: absolute; + top: 21px; + height: 12px; +} +.#{$primaryStyleName}-closebox { + width: 12px; + height: 12px; + right: 24px; + background: transparent url(img/close.png); + &:hover { + background-position: 0 -12px; + } +} + +.#{$primaryStyleName}-maximizebox, +.#{$primaryStyleName}-restorebox { + right: 42px; +} + +.#{$primaryStyleName}-restorebox { + width: 15px; + height: 14px; + + background: transparent url(img/restore.png); + &:hover { + background-position: 0 -14px; + } +} +.#{$primaryStyleName}-maximizebox { + width: 13px; + height: 12px; + + background: transparent url(img/maximize.png); + &:hover { + background-position: 0 -12px; + } +} + +.#{$primaryStyleName}-modalitycurtain { + background: #fff; +} +/* Dialog style */ +.#{$primaryStyleName}-dialog { + background-image: url(img/dialog/bottom-left.png); + + .#{$primaryStyleName}-outerheader { + height: 32px; + padding: 13px 30px 5px 8px; + background: transparent url(img/top-right.png) no-repeat right top; + } + .#{$primaryStyleName}-header { + font-size: 12px; + line-height: normal; + font-weight: bold; + letter-spacing: 0; + text-shadow: 0 1px 0 #fff; + } + .#{$primaryStyleName}-contents > div { + background: #f1f3f3; + } + div.#{$primaryStyleName}-footer { + background-image: url(img/dialog/bottom-right.png); + } + .#{$primaryStyleName}-closebox { + top: 14px; + right: 16px; + background-image: url(img/dialog/close.png); + } + + .#{$primaryStyleName}-restorebox { + width: 12px; + height: 12px; + top: 15px; + right: 32px; + + background: transparent url(img/dialog/restore.png); + &:hover { + background-position: 0 -12px; + } + } + + .#{$primaryStyleName}-maximizebox { + width: 11px; + height: 10px; + top: 15px; + right: 32px; + + background: transparent url(img/dialog/maximize.png); + &:hover { + background-position: 0 -10px; + } + } +} + +/* Shadow for window */ +.v-shadow-window .top-left { + top: -13px; left: -20px; + width: 39px; height: 39px; + background: transparent url(img/shadow/top-left.png); +} +.v-shadow-window .top { + top: -13px; left: 19px; + height: 39px; + right: 19px; + background: transparent url(img/shadow/top.png); +} +.v-shadow-window .top-right { + top: -13px; right: -20px; + width: 39px; height: 39px; + background: transparent url(img/shadow/top-right.png); +} +.v-shadow-window .left { + top: 26px; left: -20px; + width: 39px; + bottom: 12px; + background: transparent url(img/shadow/left.png); +} +.v-shadow-window .center { + top: 26px; left: 19px; + bottom: 12px; right: 19px; + background: transparent url(img/shadow/center.png); +} +.v-shadow-window .right { + top: 26px; right: -20px; + width: 39px; + bottom: 12px; + background: transparent url(img/shadow/right.png); +} +.v-shadow-window .bottom-left { + bottom: -27px; left: -20px; + width: 39px; height: 39px; + background: transparent url(img/shadow/bottom-left.png); +} +.v-shadow-window .bottom { + bottom: -27px; left: 19px; + right: 19px; height: 39px; + background: transparent url(img/shadow/bottom.png); +} +.v-shadow-window .bottom-right { + bottom: -27px; right: -20px; + width: 39px; height: 39px; + background: transparent url(img/shadow/bottom-right.png); +} + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/_valo.scss b/themes/src/main/resources/VAADIN/themes/valo/_valo.scss new file mode 100644 index 0000000000..8a2da5b789 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/_valo.scss @@ -0,0 +1,59 @@ +// Import global variables +@import "shared/variables"; + + +// Import all utility mixins and functions +@import "util/bourbon/bourbon"; +@import "util/lists"; +@import "util/css3"; +@import "util/color"; +@import "util/anim"; +@import "util/gradient"; +@import "util/bevel-and-shadow"; +@import "util/util"; + + +// Import custom font mixins +@import "fonts/fonts"; + + +// Include custom font faces if they are used by the theme +@if contains($v-font-family, "Open Sans") { + @include font-open-sans($light: true, $regular: true, $medium: true); +} +@if contains($v-font-family, "Source Sans Pro") { + @include font-source-sans-pro($light: true, $regular: true, $medium: true); +} +@if contains($v-font-family, "Roboto") { + @include font-roboto($light: true, $regular: true, $medium: true); +} +@if contains($v-font-family, "Lato") { + @include font-lato($light: true, $regular: true, $bold: true); +} +@if contains($v-font-family, "Lora") { + @include font-lora($regular: true, $bold: true); +} + + + +// Import global mixins +@import "shared/global"; + + +// Import component specific mixins +@import "components/all"; + + +// Include global styles directly, without a theme name prefix (this is done only once) +@include valo-global; + + +/** + * The main Valo theme mixin, which outputs all the selectors and properties to produce + * the variation specified by global variables. Should not be included multiple times + * per compilation. + */ +@mixin valo { + @include valo-common; + @include valo-components; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_absolutelayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_absolutelayout.scss new file mode 100755 index 0000000000..5f1ef9281e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_absolutelayout.scss @@ -0,0 +1,29 @@ +/** + * + * + * @param {string} $primary-stylename (v-absolutelayout) - + * + * @group absolutelayout + */ +@mixin valo-absolutelayout ($primary-stylename: v-absolutelayout) { + + .#{$primary-stylename}-wrapper { + position: absolute; + } + + .#{$primary-stylename}-margin, + .#{$primary-stylename}-canvas { + @include box-sizing(border-box); + } + + .#{$primary-stylename}.v-has-height > div, + .#{$primary-stylename}.v-has-height .#{$primary-stylename}-margin { + height: 100%; + } + + .#{$primary-stylename}.v-has-height > div, + .#{$primary-stylename}.v-has-width .#{$primary-stylename}-margin { + width: 100%; + } + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_accordion.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_accordion.scss new file mode 100644 index 0000000000..40ab29f862 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_accordion.scss @@ -0,0 +1,149 @@ +/** + * Outputs the selectors and properties for the Accordion component. + * + * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * @group accordion + */ +@mixin valo-accordion ($primary-stylename: v-accordion, $include-additional-styles: contains($v-included-additional-styles, accordion)) { + .#{$primary-stylename} { + @include valo-accordion-style; + } + + .#{$primary-stylename}-item { + @include valo-accordion-item-style; + } + + .#{$primary-stylename}-item-caption { + @include valo-accordion-item-caption-style; + } + + .#{$primary-stylename}-item-content { + @include valo-accordion-item-content-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + border: none; + border-radius: 0; + @include box-shadow(none); + + > .#{$primary-stylename}-item, + > .#{$primary-stylename}-item > div > .v-caption, + > .#{$primary-stylename}-item > .#{$primary-stylename}-item-content { + border-radius: 0; + } + } + + } +} + + +/** + * Outputs the styles for the Accordion component root element. + * @group accordion + */ +@mixin valo-accordion-style { + @include valo-panel-style; + $grad-style: valo-gradient-style($v-gradient); + $grad-opacity: valo-gradient-opacity($v-gradient); + @include valo-gradient($color: $v-background-color, $gradient: ($grad-style $grad-opacity/2)); + overflow: hidden; +} + + +/** + * Outputs the styles for an individual Accordion item root element. + * @group accordion + */ +@mixin valo-accordion-item-style { + $_br: $v-border-radius - first-number($v-border); + position: relative; + + @if $v-border-radius > 0 { + &:first-child { + border-top-left-radius: $_br; + border-top-right-radius: $_br; + } + + &:last-child { + border-bottom-left-radius: $_br; + border-bottom-right-radius: $_br; + + [class*="item-content"] { + border-radius: inherit; + } + } + } + + &[class*="item-open"]:last-child > div > .v-caption { + border-radius: 0; + } + + &:not([class*="item-open"]):last-child > div > .v-caption { + border-bottom: none; + margin-bottom: 0; + } + + &[class*="item-open"] + [class*="item"] { + border-top: valo-border($border: $v-panel-border, $color: $v-panel-background-color, $strength: 0.7); + } +} + + +/** + * Outputs the styles for an individual Accordion item's caption element. + * + * @param {color} $background-color (null) - the background color of the caption. Other styles (such as font and border colors, gradients and bevels) adapt to the background color automatically. + * @group accordion + */ +@mixin valo-accordion-item-caption-style ($background-color: null) { + border-radius: inherit; + + > .v-caption { + @include valo-panel-caption-style($background-color: $background-color or $v-background-color); + display: block; + @if $background-color == null { + background: transparent; + } + border-bottom-color: first-color(valo-border($color: $v-panel-background-color)); + border-radius: inherit; + cursor: pointer; + position: relative; + + &:hover:before, + &:active:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + } + + @if $v-hover-styles-enabled { + &:hover:before { + @include valo-button-hover-style; + border: none; + } + } + + &:active:before { + @include valo-button-active-style; + } + } +} + + +/** + * Outputs the styles for an individual Accordion item's content element. + * @group accordion + */ +@mixin valo-accordion-item-content-style { + @include box-shadow(valo-bevel-and-shadow($shadow: join(inset, $v-shadow), $shadow-opacity: $v-shadow-opacity/2)); + background-color: $v-panel-background-color; + @include box-sizing(border-box); + @include valo-panel-adjust-content-margins; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_all.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_all.scss new file mode 100644 index 0000000000..52f1d696aa --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_all.scss @@ -0,0 +1,240 @@ +@import "absolutelayout"; +@import "accordion"; +@import "button"; +@import "calendar"; +@import "checkbox"; +@import "colorpicker"; +@import "combobox"; +@import "csslayout"; +@import "customcomponent"; +@import "customlayout"; +@import "datefield"; +@import "dragwrapper"; +@import "form"; +@import "formlayout"; +@import "grid"; +@import "gridlayout"; +@import "label"; +@import "link"; +@import "loginform"; +@import "menubar"; +@import "nativebutton"; +@import "nativeselect"; +@import "notification"; +@import "optiongroup"; +@import "orderedlayout"; +@import "panel"; +@import "popupview"; +@import "progressbar"; +@import "richtextarea"; +@import "slider"; +@import "splitpanel"; +@import "table"; +@import "tabsheet"; +@import "textfield"; +@import "textarea"; +@import "tree"; +@import "treetable"; +@import "twincolselect"; +@import "upload"; +@import "widget"; +@import "window"; +@import "valo-menu"; + + +/** + * Outputs all the selectors and properties for all individual components to produce + * the variation specified by global variables. + * + * This mixin can be called multiple times for a theme, if you for instance wish to + * generate alternative color versions of the components. + * + * @example scss + * .my-theme { + * // The default color variation + * @include valo; + * + * .sidebar { + * // For the sidebar context, we generate a darker variant of all components + * $v-background-color: #696969; + * background-color: $v-background-color; + * @include valo-components; + * } + * } + */ +@mixin valo-components { + + @if v-is-included(absolutelayout) { + @include valo-absolutelayout; + } + + @if v-is-included(orderedlayout) or v-is-included(verticallayout) or v-is-included(horizontallayout) { + @include valo-orderedlayout; + } + + @if v-is-included(button) { + @include valo-button; + } + + @if v-is-included(checkbox) or v-is-included(optiongroup) { + @include valo-checkbox; + } + + @if v-is-included(combobox) { + @include valo-combobox; + } + + @if v-is-included(csslayout) { + @include valo-csslayout; + } + + @if v-is-included(customcomponent) { + @include valo-customcomponent; + } + + @if v-is-included(customlayout) { + @include valo-customlayout; + } + + @if v-is-included(form) { + @include valo-form; + } + + @if v-is-included(formlayout) { + @include valo-formlayout; + } + + @if v-is-included(grid) { + @include valo-grid; + } + + @if v-is-included(textfield) { + @include valo-textfield; + } + + @if v-is-included(textarea) { + @include valo-textarea; + } + + @if v-is-included(datefield) { + @include valo-datefield; + @include valo-inline-datefield; + } + + @if v-is-included(gridlayout) { + @include valo-gridlayout; + } + + @if v-is-included(menubar) { + @include valo-menubar; + } + + @if v-is-included(optiongroup) { + @include valo-optiongroup; + } + + @if v-is-included(link) { + @include valo-link; + } + + @if v-is-included(window) { + @include valo-window; + } + + @if v-is-included(tree) { + @include valo-tree; + } + + @if v-is-included(table) or v-is-included(treetable) { + @include valo-table; + } + + @if v-is-included(treetable) { + @include valo-treetable; + } + + @if v-is-included(splitpanel) { + @include valo-splitpanel; + } + + @if v-is-included(progressbar) { + @include valo-progressbar; + } + + @if v-is-included(progressindicator) { + @include valo-progressbar($primary-stylename: v-progressindicator); + } + + @if v-is-included(slider) { + @include valo-slider; + } + + @if v-is-included(tabsheet) { + @include valo-tabsheet; + } + + @if v-is-included(colorpicker) { + @include valo-colorpicker; + } + + @if v-is-included(panel) { + @include valo-panel; + } + + @if v-is-included(accordion) { + @include valo-accordion; + } + + @if v-is-included(twincolselect) { + @include valo-twincolselect; + } + + @if v-is-included(nativeselect) { + @include valo-nativeselect; + } + + @if v-is-included(calendar) { + @include valo-calendar; + } + + @if v-is-included(label) { + @include valo-label; + } + + @if v-is-included(dragwrapper) { + @include valo-dragwrapper; + } + + @if v-is-included(loginform) { + @include valo-loginform; + } + + @if v-is-included(nativebutton) { + @include valo-nativebutton; + } + + @if v-is-included(nativeselect) { + @include valo-nativeselect; + } + + @if v-is-included(popupview) { + @include valo-popupview; + } + + @if v-is-included(richtextarea) { + @include valo-richtextarea; + } + + @if v-is-included(upload) { + @include valo-upload; + } + + @if v-is-included(notification) { + @include valo-notification; + } + + @if v-is-included(valo-menu) { + @include valo-menu; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_button.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_button.scss new file mode 100644 index 0000000000..3a4bca615d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_button.scss @@ -0,0 +1,455 @@ +/** + * Outputs the selectors and properties for the Button component. + * + * @param {string} $primary-stylename (v-button) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group button + */ +@mixin valo-button ($primary-stylename: v-button, $include-additional-styles: contains($v-included-additional-styles, button)) { + .#{$primary-stylename} { + @include valo-button-static-style; + @include valo-button-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-primary { + @include valo-button-style($background-color: $v-selection-color); + $padding-width: round($v-unit-size/2); + padding: 0 $padding-width; + font-weight: bold; + $min-width: round($v-unit-size * 2.2); + min-width: $min-width; + + // IE8 + border-box + min-width == fail + .v-ie8 & { + min-width: $min-width - ($padding-width * 2); + } + } + + .#{$primary-stylename}-friendly { + @include valo-button-style($background-color: $v-friendly-color); + } + + .#{$primary-stylename}-danger { + @include valo-button-style($background-color: $v-error-indicator-color); + } + + .#{$primary-stylename}-borderless { + @include valo-button-borderless-style; + } + + .#{$primary-stylename}-borderless-colored { + @include valo-button-borderless-style($font-color: $v-selection-color); + } + + .#{$primary-stylename}-quiet { + @include valo-button-quiet-style; + } + + .#{$primary-stylename}-link { + @include valo-button-borderless-style; + @include valo-link-style; + } + + .#{$primary-stylename}-tiny { + @include valo-button-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--tiny, $font-weight: null); + } + + .#{$primary-stylename}-small { + @include valo-button-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--small, $font-weight: null); + } + + .#{$primary-stylename}-large { + @include valo-button-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--large, $font-weight: null); + } + + .#{$primary-stylename}-huge { + @include valo-button-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $background-color: null, $font-size: $v-font-size--huge, $font-weight: null); + } + + .#{$primary-stylename}-icon-align-right { + @include valo-button-icon-align-right-style; + } + + .#{$primary-stylename}-icon-align-top { + @include valo-button-icon-align-top-style; + } + + .#{$primary-stylename}-icon-only { + width: $v-unit-size; + padding: 0; + + &.#{$primary-stylename}-tiny { + width: $v-unit-size--tiny; + } + + &.#{$primary-stylename}-small { + width: $v-unit-size--small; + } + + &.#{$primary-stylename}-large { + width: $v-unit-size--large; + } + + &.#{$primary-stylename}-huge { + width: $v-unit-size--huge; + } + + .#{$primary-stylename}-caption { + display: none; + } + } + } +} + + +/** + * Outputs the static styles (i.e. styles which don't differ between button variants) for a button. + * + * @param {list} $states (normal hover focus active disabled) - The button states for which to output corresponding static styles + * @param {bool} $vertical-centering (true) - Should the output contain a vertical centering guide + * + * @group button + */ +@mixin valo-button-static-style ($states: (normal, hover, focus, active, disabled), $vertical-centering: true) { + @if contains($states, normal) { + position: relative; + text-align: center; + white-space: nowrap; + outline: none; + @include valo-tappable; + @if $vertical-centering { + @include valo-button-vertical-centering; + } + } + + @if contains($states, hover) or contains($states, focus) or contains($states, active) { + // Generated element for :hover, :focus and :active styles + &:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + @if $v-animations-enabled { + @include transition(box-shadow 180ms, border 180ms); + } + } + } + + @if contains($states, focus) { + &:focus:after { + @if $v-animations-enabled { + @include transition(none); + } + } + } + + @if contains($states, disabled) { + &.v-disabled { + @include opacity($v-disabled-opacity); + + &:after { + display: none; + } + } + } +} + + +/** + * Outputs the styles for a button variant. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its height + * @param {size | list} $padding (null) - The padding of the button. Computed from other parameters by default. + * @param {color} $font-color (null) - The font color of the button. Computed from the $background-color by default. + * @param {number} $font-weight ($v-font-weight + 100) - The font weight of the button + * @param {size} $font-size (null) - The font size of the button. Inherited from the parent by default. + * @param {string} $cursor (null) - The mouse cursor of the button + * @param {color} $background-color ($v-background-color) - The background color of the button + * @param {list} $border ($v-border) - The border of the button + * @param {size} $border-radius ($v-border-radius) - The border-radius of the button + * @param {list} $gradient ($v-gradient) - Valo specific gradient value. See the documentation for $v-gradient. + * @param {list} $bevel ($v-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-shadow) - Box-shadow value according to $v-shadow documentation + * @param {list} $states (normal hover focus active disabled) - The button states for which to output corresponding styles + * + * @group button + */ +@mixin valo-button-style ( + $unit-size : $v-unit-size, + $padding : null, + + $font-color : null, + $font-weight : $v-font-weight + 100, + $font-size : null, // Inherited by default + $cursor : null, + + $background-color : $v-background-color, + $border : $v-border, + $border-radius : $v-border-radius, + + $gradient : $v-gradient, + $bevel : $v-bevel, + $shadow : $v-shadow, + + $states : (normal, hover, focus, active, disabled) +) { + + @if contains($states, focus) or contains($states, active) { + $border-width: first-number($border); + &:after { + border: inherit; + top: -$border-width; + right: -$border-width; + bottom: -$border-width; + left: -$border-width; + } + } + + @if contains($states, normal) { + @if $unit-size { + height: $unit-size; + @if type-of($padding) == number or type-of($padding) == list { + padding: $padding; + } @else { + padding: 0 round($unit-size/2.4) + round($border-radius/3); + } + } + + $_font-color: $font-color or valo-font-color($background-color, 0.9); + color: $_font-color; + font-weight: $font-weight; + font-size: $font-size; + cursor: $cursor; + + border-radius: $border-radius; + + @if type-of($background-color) == color { + @include valo-border-with-gradient($border: $border, $color: darkest-color($background-color, $v-background-color), $gradient: $gradient); + @include valo-gradient($background-color, $gradient); + @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient)); + } + + @if $bevel and type-of($_font-color) == color and type-of($background-color) == color { + text-shadow: valo-text-shadow($_font-color, $background-color); + } + + @if $bevel == none and $shadow == none { + @include box-shadow(none); + } + } + + @if $background-color { + @if contains($states, hover) { + &:hover:after { + @include valo-button-hover-style($background-color); + } + } + + @if contains($states, focus) { + &:focus:after { + @include valo-button-focus-style($background-color); + } + } + + @if contains($states, active) { + &:active:after { + @include valo-button-active-style($background-color); + } + } + } +} + + +/** + * Outputs the hover state styles for a button. The styles are by default targeted + * for a pseudo element which is shown on top of the normal state button. + * + * @group button + * + * @param {color} $background-color ($v-background-color) - The background color of the normal state button + */ +@mixin valo-button-hover-style ($background-color: $v-background-color) { + $bg: darken($background-color, 25%); + @if is-dark-color($background-color) { + $bg: lighten($background-color, 15%); + } + background-color: rgba($bg, .1); +} + + +/** + * Outputs the focus state styles for a button. The styles are by default targeted + * for a pseudo element which is shown on top of the normal state button. + * + * @group button + * + * @param {color} $background-color ($v-background-color) - The background color of the normal state button + * @param {list} $border-fallback (inherit) - If the luminance of $v-focus-color is less than the $background-color, the focus color is also used for the border color. If not, then $border-fallback is used for the focus element's border value. + */ +@mixin valo-button-focus-style ($background-color: $v-background-color, $border-fallback: inherit) { + $focus-color: $v-focus-color; + + @if color-luminance($focus-color) + 50 < color-luminance($background-color) { + border-color: $focus-color; + } @else if $border-fallback != none { + border: $border-fallback or valo-border($color: $background-color); + } + + @include valo-focus-style; +} + + +/** + * Outputs the active state (pressed/down) styles for a button. The styles are by default targeted + * for a pseudo element which is shown on top of the normal state button. + * + * @group button + * + * @param {color} $background-color ($v-background-color) - The background color of the normal state button + */ +@mixin valo-button-active-style ($background-color: $v-background-color) { + $bg: scale-color($background-color, $lightness: -50%, $saturation: saturation($background-color)); + background-color: rgba($bg, .2); +} + + +/** + * Outputs styles to allow vertical centering of the icon and the caption, independent of the + * height of the button. + * + * @group button + */ +@mixin valo-button-vertical-centering { + @include valo-vertical-align-guide($to-align: div, $pseudo-element: before); + + // WebKit handles line-heights and vertical-alignments somewhat differently, so we need to adjust + .v-sa &:before { + height: 110%; + } + + // Firefox needs a bit of adjusting as well + .v-ff &:before { + height: 107%; + } + + // ...and so does IE. Who knew? + .v-ie &:before { + margin-top: 4px; + } +} + + +/** + * Output styles for a borderless button. Expects that the targeted element + * already has both valo-button-static-style and valo-button-style included. + * + * @param {color} $font-color (inherit) - The font color of the borderless button + * + * @group button + */ +@mixin valo-button-borderless-style ($font-color: inherit) { + border: none; + @include box-shadow(none); + background: transparent; + color: $font-color; + + &:hover { + &:after { + background: transparent; + } + + @if type-of($font-color) == color { + color: lighten($font-color, 10%); + } + } + + &:active { + @include opacity(.7); + + &:after { + background: transparent; + } + } +} + + +/** + * Output styles for a "quiet" button (a button whose outline is only shown + * once the user hovers over the button caption). Expects that the targeted + * element already has both valo-button-static-style and valo-button-style + * included. + * + * @group button + */ +@mixin valo-button-quiet-style { + visibility: hidden; + + &:focus, + &:hover { + visibility: visible; + } + + [class*="wrap"] { + visibility: visible; + } + + [class*="caption"] { + // For IE8 + display: inline-block; + } +} + + +/** + * Output styles to align a button's icon on the right side of its caption. + * + * @group button + */ +@mixin valo-button-icon-align-right-style { + [class*="wrap"] { + display: inline-block; + } + + .v-icon { + float: right; + $padding-width: ceil($v-unit-size/2.4); + margin-left: $padding-width + ceil($padding-width/-5); + + + span:not(:empty) { + margin-left: 0; + } + } +} + + +/** + * Output styles to align a button's icon on top of its caption. + * + * @group button + */ +@mixin valo-button-icon-align-top-style { + height: auto; + padding-top: ceil($v-unit-size/9); + padding-bottom: ceil($v-unit-size/9); + + [class*="wrap"] { + display: inline-block; + } + + .v-icon { + display: block; + margin-left: auto; + margin-right: auto; + + + span:not(:empty) { + margin-top: ceil($v-unit-size/6); + margin-left: 0; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_calendar.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_calendar.scss new file mode 100644 index 0000000000..bf1dc1c3dc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_calendar.scss @@ -0,0 +1,571 @@ +/** + * A list of colors for custom event colors. Can be an empty list of you don't + * need any custom event colors. + * + * @example javascript + * // Java code + * // 'event' is an instance of EditableCalendarEvent + * event.setStyleName("color1"); // 1st color in the list + * event.setStyleName("color2"); // 2nd color in the list + * // etc. + * + * @group calendar + */ +$v-calendar-event-colors: #00ace0, #2d9f19, #d18100, #ce3812, #2d55cd !default; + + +/** + * Outputs the global selectors and properties for the Calendar component - styles which are + * considered mandatory for the component to work properly. + * + * @param {string} $primary-stylename (v-calendar) - the primary style name for the selectors + * + * @group calendar + */ +@mixin valo-calendar-global ($primary-stylename: v-calendar) { + .#{$primary-stylename}-month-day-scrollable { + overflow-y: scroll; + } + + .#{$primary-stylename}-week-wrapper { + position: relative; + overflow: hidden; + } + + .#{$primary-stylename}-current-time { + position: absolute; + left: 0; + width: 100%; + height: 1px; + background: red; + z-index: 2; + } + + .#{$primary-stylename}-event-resizetop, + .#{$primary-stylename}-event-resizebottom { + position: absolute; + height: 5%; + min-height: 3px; + width: 100%; + z-index: 1; + } + + .#{$primary-stylename}-event-resizetop { + cursor: row-resize; + top: 0; + } + + .#{$primary-stylename}-event-resizebottom { + cursor: row-resize; + bottom: 0; + } + + + // What a truckload of magic numbers! + // TODO Try to find out what these actually do, and how to make them dissappear + + .#{$primary-stylename}-header-month td:first-child { + padding-left: 20px; + // Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH - .#{$primary-stylename}-week-numbers border + } + + .#{$primary-stylename}-week-numbers { + //border-right: 1px solid; + } + + .#{$primary-stylename}-month-sizedheight .#{$primary-stylename}-month-day { + height: 100px; + } + + .#{$primary-stylename}-month-sizedwidth .#{$primary-stylename}-month-day { + width: 100px; + } + + .#{$primary-stylename}-header-month-Hsized .#{$primary-stylename}-header-day { + width: 101px; + } + + .#{$primary-stylename}-header-month-Hsized td:first-child { + padding-left: 21px; + } + + .#{$primary-stylename}-header-day-Hsized { + width: 200px; + } + + .#{$primary-stylename}-week-numbers-Vsized .#{$primary-stylename}-week-number { + height: 100px; + line-height: 100px; + } + + .#{$primary-stylename}-week-wrapper-Vsized { + height: 400px; + overflow-x: hidden !important; + } + + .#{$primary-stylename}-times-Vsized .#{$primary-stylename}-time { + height: 38px; + } + + .#{$primary-stylename}-times-Hsized .#{$primary-stylename}-time { + width: 42px; + } + + .#{$primary-stylename}-day-times-Vsized .v-datecellslot, + .#{$primary-stylename}-day-times-Vsized .v-datecellslot-even { + height: 18px; + } + + .#{$primary-stylename}-day-times-Hsized, + .#{$primary-stylename}-day-times-Hsized .v-datecellslot, + .#{$primary-stylename}-day-times-Hsized .v-datecellslot-even { + width: 200px; + } +} + + +/** + * Outputs the selectors and properties for the Calendar component. + * + * @param {string} $primary-stylename (v-calendar) - the primary style name for the selectors + * + * @group calendar + */ +@mixin valo-calendar ($primary-stylename: v-calendar) { + + + .#{$primary-stylename}-header-day { + font-weight: $v-font-weight + 100; + text-align: center; + padding: round($v-unit-size/5) 0; + } + + // Prev/next week buttons + .#{$primary-stylename}-header-week .#{$primary-stylename}-back, + .#{$primary-stylename}-header-week .#{$primary-stylename}-next { + @include appearance(none); + background: transparent; + border: none; + padding: 0; + margin: 0; + cursor: pointer; + outline: none; + color: inherit; + @include opacity(.5); + + &:focus { + outline: none; + } + + &:hover { + @include opacity(1); + } + + &:active { + @include opacity(.5); + } + } + + .#{$primary-stylename}-header-week .#{$primary-stylename}-back { + @include valo-calendar-prev-style; + } + + .#{$primary-stylename}-header-week .#{$primary-stylename}-next { + @include valo-calendar-next-style; + } + + + + + + + + + // Month grid + + .#{$primary-stylename}-month { + outline: none; + overflow: hidden; + + td { + vertical-align: top; + } + } + + .#{$primary-stylename}-week-number { + cursor: pointer; + width: 20px; // Same as VCalendar.MONTHLY_WEEKTOOLBARWIDTH + text-align: center; + font-size: 0.8em; + @include opacity(.5); + + &:hover { + @include opacity(1); + } + } + + .#{$primary-stylename}-month-day { + outline: none; + @include box-sizing(border-box); + line-height: 1.2; + } + + .#{$primary-stylename}-month tr:not(:first-child) .#{$primary-stylename}-month-day { + //width: auto !important; + } + + .#{$primary-stylename}-bottom-spacer, + .#{$primary-stylename}-spacer, + .#{$primary-stylename}-bottom-spacer-empty { + height: round($v-font-size * 1.2); + margin-bottom: round($v-unit-size/12); + } + + .#{$primary-stylename}-bottom-spacer { + font-size: 0.8em; + padding: 0 round($v-unit-size/8); + cursor: pointer; + + &:hover { + color: $v-focus-color; + } + } + + .#{$primary-stylename}-day-number { + line-height: round($v-unit-size/1.5); + font-size: $v-font-size; + text-align: right; + margin: 0 round($v-unit-size/8); + white-space: nowrap; + border-top: 1px solid darken($v-background-color, 3%); + cursor: pointer; + + &:hover { + color: $v-focus-color; + } + } + + .#{$primary-stylename}-month-day-today { + background: blend-normal(rgba($v-focus-color, .05), $v-background-color); + + .#{$primary-stylename}-day-number { + font-weight: $v-font-weight + 100; + color: $v-focus-color; + border-top: 2px solid $v-focus-color; + line-height: round($v-unit-size/1.5) - 1px; + margin: 0; + padding: 0 round($v-unit-size/8); + } + } + + .#{$primary-stylename}-month-day-selected { + background-color: blend-normal(rgba($v-selection-color, .1), $v-background-color); + } + + .#{$primary-stylename}-month-day-dragemphasis { + background-color: #a8a8a8; + } + + .#{$primary-stylename}-month-day-scrollable { + overflow-y: scroll; + } + + + + + + + + + + + + // Week/day view + + $_times-column-width: 50px; // Seems to be a fixed number + + .#{$primary-stylename}-weekly-longevents { + margin-left: $_times-column-width; // Seems to be a fixed number + border-bottom: round($v-unit-size/12) solid darken($v-background-color, 10%); + + .#{$primary-stylename}-event-all-day { + height: round($v-font-size * 0.85 * 1.6); + line-height: 1.6; + margin-bottom: round($v-unit-size/12); + } + } + + .#{$primary-stylename}-header-week td { + vertical-align: middle !important; + } + + .#{$primary-stylename}-header-week .#{$primary-stylename}-header-day { + cursor: pointer; + } + + .#{$primary-stylename}-times { + width: $_times-column-width; + font-size: 0.77em; + line-height: 1; + white-space: nowrap; + } + + .#{$primary-stylename}-time { + text-align: right; + padding-right: round($v-unit-size/4); + margin-top: round($v-font-size*0.8/-2); + padding-bottom: round($v-font-size*0.8/2); + } + + .#{$primary-stylename}-day-times, + .#{$primary-stylename}-day-times-today { + outline: none; + border-right: 1px solid transparent; + + &:focus { + outline: none; + } + } + + $valo-calendar-time-divider-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + + .#{$primary-stylename} .v-datecellslot, + .#{$primary-stylename} .v-datecellslot-even { + border-top: 1px solid $valo-calendar-time-divider-color; + + &:first-child { + border-top-color: transparent; + } + } + + .#{$primary-stylename} .v-datecellslot { + border-top-style: dotted; + } + + .#{$primary-stylename} .v-datecellslot, + .#{$primary-stylename} .v-datecellslot-even { + margin-right: round($v-unit-size/8); + } + + .#{$primary-stylename}-current-time { + background: $v-focus-color; + line-height: 1px; + pointer-events: none; + @include opacity(.5); + + &:before { + content: "\2022"; + color: $v-focus-color; + font-size: 22px; + margin-left: -0.07em; + } + } + + .#{$primary-stylename} .v-daterange { + position: relative; + + &:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: -1px; + left: 0; + background: $v-selection-color; + @include opacity(.5); + @if $v-border-radius > 0 { + border-radius: $v-border-radius $v-border-radius 0 0; + } + } + + + .v-daterange { + border-color: transparent; + + &:before { + @if $v-border-radius > 0 { + border-radius: 0; + } + } + } + } + + + + + // Event styles + + .#{$primary-stylename}-event { + font-size: 0.85em; + overflow: hidden; + cursor: pointer; + outline: none; + border-radius: $v-border-radius; + + &:focus { + outline: none; + } + } + + .#{$primary-stylename}-event-month { + padding: 0 round($v-unit-size/8); + @include box-sizing(border-box); + margin-bottom: round($v-unit-size/12); + white-space: nowrap; + text-overflow: ellipsis; + height: round($v-font-size * 1.2); + line-height: round($v-font-size * 1.2); + + .#{$primary-stylename}-event-time { + float: right; + font-size: 0.9em; + line-height: round($v-font-size * 1.2); + @include opacity(.5); + } + + &:before { + content: "\25cf"; + margin-right: .2em; + } + } + + .#{$primary-stylename}-event-all-day { + padding: 0 round($v-unit-size/8); + @include box-sizing(border-box); + height: round($v-font-size * 1.2); + line-height: round($v-font-size * 1.2); + border-radius: 0; + margin-left: -1px; + white-space: nowrap; + + &:before { + content: ""; + } + } + + .#{$primary-stylename}-event-start { + overflow: visible; + margin-left: 0; + + &.#{$primary-stylename}-event-continued-to, + &.#{$primary-stylename}-event-end { + overflow: hidden; + text-overflow: ellipsis; + } + } + + @if $v-border-radius > 0 { + .#{$primary-stylename}-event-start { + border-top-left-radius: $v-border-radius; + border-bottom-left-radius: $v-border-radius; + margin-left: round($v-unit-size/8); + } + .#{$primary-stylename}-event-end { + border-top-right-radius: $v-border-radius; + border-bottom-right-radius: $v-border-radius; + margin-right: round($v-unit-size/8); + } + } + + .#{$primary-stylename}-event-caption { + font-weight: $v-font-weight + 200; + line-height: 1.2; + padding: round($v-unit-size/8) 0; + position: absolute; + overflow: hidden; + right: round($v-unit-size/4); + left: round($v-unit-size/8); + bottom: 0; + top: 0; + + span { + font-weight: $v-font-weight; + white-space: nowrap; + } + } + + .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event { + overflow: visible; + + // Event is being dragged + &[style*=" left:"] .#{$primary-stylename}-event-content { + } + } + + .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event-caption { + + } + + .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event-content { + margin-top: -1px; + border-radius: $v-border-radius + 1px; + border: 1px solid $v-app-background-color; + padding-top: 3px; + margin-right: round($v-unit-size/8); + } + + + + + + + + // Custom event colors + + @for $i from 1 through length($v-calendar-event-colors) { + $color: nth($v-calendar-event-colors, $i); + $bg: blend-normal(rgba($color, .2), $v-background-color); + + // First color is considered the default color (and stylename 'color1' will equal to that) + $stylename: if($i == 1, '', '[class*="color#{$i}"]'); + + .#{$primary-stylename}-event-month#{$stylename}:before { + color: $color; + } + + .#{$primary-stylename}-event-all-day#{$stylename} { + background-color: $bg; + background-color: rgba($bg, .8); + color: $color; + } + + .#{$primary-stylename}-week-wrapper .#{$primary-stylename}-event#{$stylename} { + color: $color; + + .#{$primary-stylename}-event-content { + background-color: $bg; + background-color: rgba($bg, .8); + } + } + } + + + + .#{$primary-stylename}.v-disabled * { + cursor: default; + } + +} + + +/** + * Outputs the styles for the previous button. + * + * @group calendar + */ +@mixin valo-calendar-prev-style { + &:before { + @include valo-tabsheet-scroller-prev-icon-style; + } +} + + +/** + * Outputs the styles for the next button. + * + * @group calendar + */ +@mixin valo-calendar-next-style { + &:before { + @include valo-tabsheet-scroller-next-icon-style; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_checkbox.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_checkbox.scss new file mode 100644 index 0000000000..569a414734 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_checkbox.scss @@ -0,0 +1,167 @@ +/** + * Outputs the selectors and properties for the CheckBox component. + * + * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group checkbox + */ +@mixin valo-checkbox ($primary-stylename: v-checkbox, $include-additional-styles: contains($v-included-additional-styles, checkbox)) { + + .#{$primary-stylename} { + @include valo-checkbox-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-small { + @include valo-checkbox-style($unit-size: $v-unit-size--small); + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-checkbox-style($unit-size: $v-unit-size--large); + font-size: $v-font-size--large; + } + } + +} + + +/** + * Outputs the font icon to indicate the checked state. + * + * @group checkbox + */ +@mixin valo-checkbox-icon-style { + content: "\f00c"; + font-family: ThemeIcons; +} + + +/** + * Outputs the styles for a checkbox variant. + * + * @param {color} $background-color ($v-background-color) - The background color of the checkbox + * @param {size} $unit-size ($v-unit-size) - The sizing of the checkbox. The width and height of the checkbox will be the unit-size divided by 2. + * @param {color} $selection-color ($v-selection-color) - The color of the checked state icon + * + * @group checkbox + */ +@mixin valo-checkbox-style ($background-color: $v-background-color, $unit-size: $v-unit-size, $selection-color: $v-selection-color) { + + // So that we can use the same 'unit-size' for all component sizes + $size: $unit-size/2; + + position: relative; + line-height: round($size); + white-space: nowrap; + + &.v-has-width label { + white-space: normal; + } + + :root & { + padding-left: round($size*1.33); + + label { + @include valo-tappable; + display: inline-block; + } + } + + :root & > input { + position: absolute; + clip: rect(0,0,0,0); + left: .2em; + top: .2em; + z-index: 0; + margin: 0; + + &:focus ~ label:before { + @include valo-button-focus-style($background-color: $background-color, $border-fallback: null); + @include box-shadow(valo-bevel-and-shadow($background-color: $background-color, $bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient, $include-focus: true)); + } + + & ~ label:before, + & ~ label:after { + content: ""; + display: inline-block; + @include box-sizing(border-box); + width: round($size); + height: round($size); + position: absolute; + top: 0; + left: 0; + border-radius: min(round($size/3), $v-border-radius); + font-size: round($v-font-size * 0.8 * ($size*2/$v-unit-size)); + text-align: center; + } + + & ~ label:before { + @include valo-button-style($background-color: $background-color, $unit-size: $size, $border-radius: min(round($size/3), $v-border-radius), $states: normal); + padding: 0; + height: round($size); + } + + & ~ label:after { + @include valo-checkbox-icon-style; + color: transparent; + @if $v-animations-enabled { + @include transition(color 100ms); + } + } + + &:active ~ label:after { + @include valo-button-active-style($background-color: $background-color); + } + + &:checked ~ label:after { + color: $selection-color; + } + } + + & > .v-icon, + & > label .v-icon { + margin: 0 round($size/3) 0 round($size/6); + min-width: 1em; + cursor: pointer; + } + + &.v-disabled { + > label, + > .v-icon { + cursor: default; + @include opacity($v-disabled-opacity); + } + + > label > .v-icon { + cursor: default; + } + + :root & > input:active ~ label:after { + background: transparent; + } + } + + &.v-readonly { + > label, + > .v-icon { + cursor: default; + } + + > label > .v-icon { + cursor: default; + } + + :root & > input:active ~ label:after { + background: transparent; + } + + :root & > input ~ label:after { + @include opacity($v-disabled-opacity); + } + } + + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_colorpicker.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_colorpicker.scss new file mode 100644 index 0000000000..3f334e893c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_colorpicker.scss @@ -0,0 +1,236 @@ +/** + * Outputs the global selectors and properties for the ColorPicker component - styles which are + * considered mandatory for the component to work properly. + * + * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors + * + * @group colorpicker + */ +@mixin valo-colorpicker-global ($primary-stylename: v-colorpicker) { + $valo-colorpicker-pathPrefix: null; + @if $v-relative-paths == false { + $valo-colorpicker-pathPrefix: "../valo/components/"; + } + + .#{$primary-stylename}-popup.v-window { + min-width: 220px !important; + } + + .#{$primary-stylename}-gradient-container { + overflow: visible !important; + } + + .#{$primary-stylename}-gradient-clicklayer { + @include opacity(0); + } + + .rgb-gradient .#{$primary-stylename}-gradient-background { + background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/gradient2.png); + } + + .hsv-gradient .#{$primary-stylename}-gradient-foreground { + background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/gradient.png); + } + + .#{$primary-stylename}-gradient-higherbox { + &:before { + content: ""; + width: 11px; + height: 11px; + border-radius: 7px; + border: 1px solid #fff; + @include box-shadow(0 0 0 1px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.3)); + position: absolute; + bottom: -6px; + left: -6px; + } + } + + .#{$primary-stylename}-popup .v-slider.v-slider-red:before { + background-color: red; + } + + .#{$primary-stylename}-popup .v-slider.v-slider-green:before { + background-color: green; + } + + .#{$primary-stylename}-popup .v-slider.v-slider-blue:before { + background-color: blue; + } + + .#{$primary-stylename}-popup .v-slider.hue-slider:before { + background: url(#{$valo-colorpicker-pathPrefix}img/colorpicker/slider_hue_bg.png); + } + + .#{$primary-stylename}-popup input.v-textfield-dark { + color: #fff; + } + + .#{$primary-stylename}-popup input.v-textfield-light { + color: #000; + } + + // TODO magic numbers + .#{$primary-stylename}-grid { + height: 319px; + } + + .#{$primary-stylename}-popup .colorselect td { + line-height: 15px; + } +} + + +/** + * Outputs the selectors and properties for the ColorPicker component. + * + * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors + * + * @group colorpicker + */ +@mixin valo-colorpicker ($primary-stylename: v-colorpicker) { + + .#{$primary-stylename}-popup.v-window { + min-width: 220px !important; + } + + .#{$primary-stylename}-popup { + .v-tabsheet-tabs { + padding: 0 round($v-unit-size/4); + } + + [class$="sliders"] { + padding: round($v-unit-size/3); + + .v-widget { + width: 100% !important; + vertical-align: middle; + } + + .v-has-caption { + white-space: nowrap; + padding-left: $v-font-size * 3; + } + + .v-caption { + display: inline-block; + margin-left: $v-font-size * -3; + width: $v-font-size * 3; + } + + // Saturation caption needs more space + .v-slot-hue-slider + .v-slot { + .v-has-caption { + padding-left: $v-font-size * 5; + } + + .v-caption { + margin-left: $v-font-size * -5; + width: $v-font-size * 5; + } + } + } + + .v-slider-red .v-slider-base:after { + background: red; + border: none; + @include box-shadow(none); + } + + .v-slider-green .v-slider-base:after { + background: green; + border: none; + @include box-shadow(none); + } + + .v-slider-blue .v-slider-base:after { + background: blue; + border: none; + @include box-shadow(none); + } + + .v-margin-bottom { + padding-bottom: 0; + } + + .resize-button { + width: 100% !important; + height: auto !important; + text-align: center; + outline: none; + + &:before { + font-family: ThemeIcons; + content: "\f141"; + } + } + + .resize-button-caption { + display: none; + } + + .v-horizontallayout { + height: auto !important; + padding: round($v-unit-size/4) 0; + background-color: $v-background-color; + border-top: first-number($v-border) solid scale-color($v-background-color, $lightness: -5%); + + .v-expand { + overflow: visible; + } + + .v-button { + width: 80% !important; + } + } + } + + .#{$primary-stylename}-preview { + width: 100% !important; + height: auto !important; + padding: round($v-unit-size/4); + } + + .#{$primary-stylename}-preview-textfield { + height: auto !important; + text-align: center; + border: none; + } + + .#{$primary-stylename} { + width: auto; + } + + .#{$primary-stylename}-button-color { + position: absolute; + top: round($v-unit-size/6); + right: round($v-unit-size/6); + bottom: round($v-unit-size/6); + left: round($v-unit-size/6); + border-radius: $v-border-radius - 1px; + border: 1px solid hsla(0, 0%, 0%, .5); + max-width: $v-unit-size - round($v-unit-size/3) - 2px; + + + .v-button-caption:not(:empty) { + margin-left: round($v-unit-size/2); + } + + .v-ie8 & { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + width: $v-font-size; + height: $v-font-size; + display: inline-block; + vertical-align: middle; + margin: 0 round($v-font-size / -2); + + + .v-button-caption { + margin-left: round($v-unit-size/2); + } + } + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_combobox.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_combobox.scss new file mode 100644 index 0000000000..d240be56b8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_combobox.scss @@ -0,0 +1,518 @@ +/** + * Outputs the selectors and properties for the ComboBox component. + * + * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group combobox + */ +@mixin valo-combobox ($primary-stylename: v-filterselect, $include-additional-styles: contains($v-included-additional-styles, combobox)) { + + .#{$primary-stylename} { + position: relative; + width: $v-default-field-width; + @include valo-combobox-style; + white-space: nowrap; + + .v-icon { + position: absolute; + pointer-events: none; + } + } + + .#{$primary-stylename}-error { + .#{$primary-stylename}-input { + @include valo-textfield-error-style; + } + + .#{$primary-stylename}-button { + color: $v-error-indicator-color; + border-color: $v-error-indicator-color; + } + } + + .#{$primary-stylename}-suggestpopup { + @include valo-combobox-popup-style; + } + + .#{$primary-stylename}-no-input { + @include valo-combobox-no-input-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + .#{$primary-stylename}-input { + @include valo-textfield-borderless-style; + } + .#{$primary-stylename}-button { + border: none; + color: inherit; + @include opacity(.5); + } + &.#{$primary-stylename}-prompt .#{$primary-stylename}-input { + @include valo-textfield-prompt-style(transparent); + } + } + + .#{$primary-stylename}-align-right input { + text-align: right; + } + + .#{$primary-stylename}-align-center input { + text-align: center; + } + + .#{$primary-stylename}-tiny { + @include valo-combobox-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); + font-size: $v-font-size--tiny; + } + + .#{$primary-stylename}-compact, + .#{$primary-stylename}-small { + @include valo-combobox-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); + } + + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-combobox-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-huge { + @include valo-combobox-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $gradient: null, $border: null, $border-radius: null, $background-color: null, $states: normal); + font-size: $v-font-size--huge; + } + } +} + + +/** + * Outputs the styles for a combobox variant. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the combobox, which corresponds its height + * @param {color} $font-color (null) - The font color of the combobox. Computed from the $background-color by default. + * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the combobox + * @param {size} $font-size (null) - The font size of the combobox. Inherited from the parent by default. + * @param {color} $background-color ($v-textfield-background-color) - The background color of the combobox + * @param {list} $border ($v-textfield-border) - The border of the combobox + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the combobox + * @param {list} $gradient (none) - Valo specific gradient value. See the documentation for $v-gradient. + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {list} $states (normal focus disabled) - The combobox states for which to output corresponding styles + * + * @group combobox + */ +@mixin valo-combobox-style ( + $unit-size: $v-unit-size, + + $font-color: null, + $font-weight: max(400, $v-font-weight), + $font-size: null, + + $background-color: $v-textfield-background-color, + $border: $v-textfield-border, + $border-radius: $v-textfield-border-radius, + + $gradient: none, + $bevel: $v-textfield-bevel, + $shadow: $v-textfield-shadow, + + $states: normal focus disabled + ) { + + height: $unit-size; + border-radius: $border-radius; + + [class*="input"] { + @include valo-combobox-input-style( + $unit-size: $unit-size, + $gradient: $gradient, + $bevel: $bevel, + $shadow: $shadow, + $border: $border, + $border-radius: $border-radius, + $background-color: $background-color, + $font-color: $font-color, + $font-size: $font-size, + $font-weight: $font-weight, + $states: $states); + } + + .v-icon + [class*="input"] { + padding-left: $unit-size; + } + + img.v-icon { + $padding-width: ceil($unit-size/6); + max-height: $unit-size; + @if $border-radius { + $padding-width: $padding-width + ceil($border-radius/3); + } + margin-left: $padding-width; + } + + span.v-icon { + color: valo-font-color($background-color); + width: $unit-size; + line-height: 1; + padding-top: .12em; + } + + &[class*="prompt"] > [class*="input"] { + @include valo-textfield-prompt-style($background-color); + } + + [class$="button"] { + @include valo-combobox-button-style($unit-size: $unit-size, $bevel: $bevel, $background-color: $background-color, $border-radius: $border-radius, $border: $border); + } + + &.v-disabled { + @include opacity($v-textfield-disabled-opacity); + & [class$="button"] { + cursor: default; + pointer-events: none; + &:active:after { + display: none; + } + } + } + + &.v-readonly { + [class*="input"] { + @include valo-textfield-readonly-style; + } + + [class$="button"] { + cursor: default; + pointer-events: none; + &:active:after { + display: none; + } + } + } +} + + +/** + * Outputs the styles for a combobox variant input element. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the input (affects the padding only, width and height are 100%) + * @param {size | list} $padding (null) - The padding of the input. Computed from other parameters by default. + * @param {color} $font-color (null) - The font color of the input. Computed from the $background-color by default. + * @param {number} $font-weight (null) - The font weight of the input. Inherited from the parent by default. + * @param {size} $font-size (null) - The font size of the combobox. Inherited from the parent by default. + * @param {color} $background-color ($v-textfield-background-color) - The background color of the input + * @param {list} $border ($v-textfield-border) - The border of the input + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input + * @param {list} $gradient (none) - Valo specific gradient value. See the documentation for $v-gradient. + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {list} $states (normal focus disabled) - The combobox states for which to output corresponding styles + * + * @group combobox + */ +@mixin valo-combobox-input-style ( + $unit-size: $v-unit-size, + $padding: null, + + $font-color: null, + $font-weight: null, + $font-size: null, + + $background-color: $v-textfield-background-color, + $border: $v-textfield-border, + $border-radius: $v-textfield-border-radius, + + $gradient: none, + $bevel: $v-bevel, + $shadow: $v-shadow, + + $states: normal focus disabled +) { + @include box-sizing(border-box); + @include valo-textfield-style($unit-size: $unit-size, + $padding: $padding, + $font-color: $font-color, + $font-weight: $font-weight, + $font-size: $font-size, + $background-color: $background-color, + $border: $border, + $border-radius: $border-radius, + $gradient: $gradient, + $bevel: $bevel, + $shadow: $shadow, + $states: $states); + width: 100% !important; // Need to override calculated inline style which is sometimes added + height: 100%; + padding-right: round($unit-size * 1) + 1; + border-radius: inherit; +} + + +/** + * Outputs the styles for a combobox variant button element. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its width. + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {color} $background-color ($v-textfield-background-color) - The background color of the input, which affects the font color of the button + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input, which affects the border-radius of the button + * @param {list} $border ($v-textfield-border) - The border of the input, which affects the border of the button + * + * @group combobox + */ +@mixin valo-combobox-button-style ($unit-size: $v-unit-size, $bevel: $v-bevel, $background-color: $v-textfield-background-color, $border-radius: $v-border-radius, $border: $v-textfield-border) { + $border-width: first-number($border) or 0; + @include valo-tappable; + position: absolute; + width: $unit-size; + + @if $border and $border != none { + top: $border-width; + right: $border-width; + bottom: $border-width; + } + + @if type-of($background-color) == color { + @if $border { + border-left: valo-border($color: $background-color, $border: $v-textfield-border, $strength: 0.5); + } + color: mix($background-color, valo-font-color($background-color)); + + .v-ie8 & { + background-color: $background-color; + } + } + + @if $v-border-radius > 0 { + $br: $v-border-radius - $border-width; + border-radius: 0 $br $br 0; + } + + &:before { + @include valo-combobox-button-icon-style; + + @if $v-animations-enabled { + @include transition(color 140ms); + } + position: absolute; + width: $unit-size; + text-align: center; + top: 50%; + line-height: 1; + margin-top: -.47em; + } + + @if $v-hover-styles-enabled and type-of($background-color) == color { + &:hover:before { + color: valo-font-color($background-color); + } + } + + &:active:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + @if type-of($background-color) == color { + @include valo-button-active-style($background-color); + } + } +} + + +/** + * Outputs the font icon styles for the combobox drop down button. + * + * @group combobox + */ +@mixin valo-combobox-button-icon-style { + font-family: ThemeIcons; + content: "\f078"; +} + + +/** + * Outputs the styles for a combobox popup. + * + * @group combobox + */ +@mixin valo-combobox-popup-style { + + @if $v-animations-enabled { + @if $v-overlay-animate-in { + &[class*="animate-in"] { + @include animation($v-overlay-animate-in); + } + } + // No animate-out since that will currently prevent the dropdown from + // closing when the user selects an item + } + + [class$="suggestmenu"] { + @include valo-selection-overlay-style($animate-in: false, $animate-out: false); + @include box-sizing(border-box); + position: relative; + z-index: 1; + + &[style*="height"] { + @include box-sizing(content-box); + } + } + + margin-top: ceil($v-unit-size/8) !important; + + table, + tbody, + tr, + td { + display: block; + } + + .gwt-MenuItem { + @include valo-selection-item-style; + } + + .gwt-MenuItem-selected { + @include valo-selection-item-selected-style; + } + + [class$="status"] { + position: absolute; + right: $v-border-radius; + $bg: scale-color($v-background-color, $lightness: -15%); + background: transparentize($bg, .1); + color: valo-font-color($bg); + border-radius: 0 0 $v-border-radius $v-border-radius; + height: ceil($v-unit-size*0.6); + bottom: -(ceil($v-unit-size*0.6)); + font-size: ceil($v-font-size*0.73); + line-height: ceil($v-unit-size*0.6); + padding: 0 ceil($v-unit-size/7); + cursor: default; + pointer-events: none; + + @if $v-animations-enabled { + @include animation(valo-animate-in-slide-down 200ms 80ms backwards); + } + + > * { + color: valo-font-color($bg); + text-decoration: none; + } + } + + div[class*="page"] { + position: absolute; + z-index: 3; + right: 0; + @include opacity(.2); + cursor: pointer; + @include transition( all 200ms ); + width: ceil($v-unit-size/1.5); + height: ceil($v-unit-size/1.5); + line-height: ceil($v-unit-size/1.5); + text-align: center; + font-family: ThemeIcons; + @include transform( scale(.8) ); + + color: valo-font-color($v-background-color); + + &:after { + // Extend click target when hovering over (popup width might change between pages) + content: ""; + position: absolute; + display: block; + border-radius: 50%; + } + + &:hover { + @include opacity(1); + background: rgba($v-background-color, .5); + + &:after { + top: -10px; + bottom: -10px; + left: -20px; + right: -20px; + } + } + + span { + // Hide text + display: none; + } + } + + &:hover div[class*="page"] { + @include transform( scale(1) ); + } + + div[class*="prev"] { + top: 0; + @include transform-origin( 100% 0% ); + border-radius: 0 $v-border-radius 0 $v-border-radius; + &:before { + content: "\f0d8"; + } + + } + + div[class*="next"] { + bottom: 0; + @include transform-origin( 100% 100% ); + border-radius: $v-border-radius 0 $v-border-radius 0; + &:before { + content: "\f0d7"; + } + } + + div[class*="-off"] { + display: none; + } +} + +/** + * + * + * + * @group combobox + */ +@mixin valo-combobox-no-input-style { + cursor: pointer; + text-shadow: valo-text-shadow(); + + @if $v-border-radius != $v-textfield-border-radius { + border-radius: $v-border-radius; + } + + [class*="input"] { + @include user-select(none); + @include valo-gradient; + cursor: inherit; + @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient)); + @include valo-border-with-gradient($border: $v-border, $color: $v-background-color, $gradient: $v-gradient); + text-shadow: inherit; + text-overflow: ellipsis; + border-radius: inherit; + + &:focus { + @include valo-textfield-focus-style($bevel: $v-bevel, $shadow: $v-shadow, $gradient: $v-gradient, $background-color: $v-background-color); + } + } + + [class$="button"] { + border-left: none !important; + } + + &:hover [class$="button"]:before { + color: inherit; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_csslayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_csslayout.scss new file mode 100644 index 0000000000..c06d3c2441 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_csslayout.scss @@ -0,0 +1,103 @@ +/** + * The amount of spacing between different widgets in a component group. + * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0) + * + * @group csslayout + */ +$v-component-group-spacing: null !default; + + +/** + * Outputs the additional styles for the CssLayout component. Does not produce any other output. + * + * @param {string} $primary-stylename (v-csslayout) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group csslayout + */ +@mixin valo-csslayout ($primary-stylename: v-csslayout, $include-additional-styles: contains($v-included-additional-styles, csslayout)){ + @if $include-additional-styles { + .#{$primary-stylename}-well { + @include valo-panel-well-style; + @include valo-panel-adjust-content-margins; + } + + .#{$primary-stylename}-card { + @include valo-panel-style; + @include valo-panel-adjust-content-margins; + } + + .#{$primary-stylename}-v-component-group { + @include valo-component-group; + } + } +} + + +/** + * Outputs the styles for a horizontal component group. The target component is + * expected to be a CssLayout, which is a single DIV element with child components + * directly inside. + * + * @group csslayout + * + * @example scss + * .my-csslayout { + * @include valo-component-group; + * } + */ +@mixin valo-component-group { + white-space: nowrap; + position: relative; + + @if $v-border-radius > 0 { + .v-widget ~ .v-widget:not(:last-child) { + border-radius: 0; + } + + .v-widget:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .v-widget:first-child, + .v-caption:first-child + .v-widget { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .v-widget ~ .v-widget.first.first { + border-radius: $v-border-radius 0 0 $v-border-radius; + } + + .v-widget ~ .v-widget.last.last { + border-radius: 0 $v-border-radius $v-border-radius 0; + } + } + + // Assume most components have borders. + // This is just a best-guess, will need fine-tuning if border-widths vary from widget-to-widget + .v-widget { + vertical-align: middle; + + $v-border-width: first-number($v-border); + + @if $v-border-width > 0 { + margin-left: $v-component-group-spacing or -$v-border-width; + } @else { + margin-left: $v-component-group-spacing or 1px; + } + + &:first-child { + margin-left: 0; + } + + // Focused component should be on top + &:focus, + &[class*="focus"], + [class*="focus"] { + position: relative; + z-index: 5; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_customcomponent.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_customcomponent.scss new file mode 100644 index 0000000000..e9d94b7274 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_customcomponent.scss @@ -0,0 +1,10 @@ +/** + * + * + * @param {string} $primary-stylename (v-customcomponent) - + * + * @group customcomponent + */ +@mixin valo-customcomponent ($primary-stylename: v-customcomponent) { + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_customlayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_customlayout.scss new file mode 100644 index 0000000000..c9eddc5306 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_customlayout.scss @@ -0,0 +1,10 @@ +/** + * + * + * @param {string} $primary-stylename (v-customlayout) - + * + * @group customlayout + */ +@mixin valo-customlayout ($primary-stylename: v-customlayout) { + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_datefield.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_datefield.scss new file mode 100644 index 0000000000..6ff8a70dba --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_datefield.scss @@ -0,0 +1,618 @@ +/** + * Outputs the selectors and properties for the DateField component. + * + * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group datefield + */ +@mixin valo-datefield ($primary-stylename: v-datefield, $include-additional-styles: contains($v-included-additional-styles, datefield)) { + + .#{$primary-stylename} { + position: relative; + width: $v-default-field-width; + @include valo-datefield-style; + } + + .#{$primary-stylename}-error { + .#{$primary-stylename}-textfield { + @include valo-textfield-error-style; + } + + .#{$primary-stylename}-button { + color: $v-error-indicator-color; + border-color: $v-error-indicator-color; + } + } + + // Different widths for different resolutions + .#{$primary-stylename}-full { + width: round($v-font-size * 15); + } + + .#{$primary-stylename}-day { + width: $v-default-field-width; + } + + .#{$primary-stylename}-month { + width: round($v-font-size * 7.5); + } + + .#{$primary-stylename}-year { + width: round($v-font-size * 6.5); + } + + .#{$primary-stylename}-popup { + @include valo-datefield-popup-style; + } + + @include valo-datefield-calendarpanel-style; + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + .#{$primary-stylename}-textfield { + @include valo-textfield-borderless-style; + } + .#{$primary-stylename}-button { + border: none; + color: inherit; + @include opacity(.5); + } + } + + .#{$primary-stylename}-align-right input { + text-align: right; + } + + .#{$primary-stylename}-align-center input { + text-align: center; + } + + .#{$primary-stylename}-tiny { + @include valo-datefield-style($unit-size: $v-unit-size--tiny, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); + font-size: $v-font-size--tiny; + } + + .#{$primary-stylename}-compact, + .#{$primary-stylename}-small { + @include valo-datefield-style($unit-size: $v-unit-size--small, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); + } + + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-datefield-style($unit-size: $v-unit-size--large, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-huge { + @include valo-datefield-style($unit-size: $v-unit-size--huge, $bevel: null, $shadow: null, $border: null, $background-color: null, $states: normal); + font-size: $v-font-size--huge; + } + } + +} + + +/** + * Outputs the selectors and properties for the InlineDateField component. + * + * @param {string} $primary-stylename (v-inline-datefield) - the primary style name for the selectors + * + * @group datefield + */ +@mixin valo-inline-datefield ($primary-stylename: v-inline-datefield) { + @include valo-datefield-calendarpanel-style(#{$primary-stylename}-calendarpanel); + + .#{$primary-stylename}-calendarpanel { + position: relative; + background: $v-overlay-background-color; + padding: round($v-unit-size/6); + } +} + + +/** + * Outputs the styles for a date field variant. + * + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {size} $unit-size ($v-unit-size) - The sizing of the datefield, which corresponds its height + * @param {list} $border ($v-textfield-border) - The border of the datefield + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the datefield + * @param {color} $background-color ($v-textfield-background-color) - The background color of the datefield + * @param {list} $states (normal focus disabled) - The datefield states for which to output corresponding styles + * + * @group datefield + */ +@mixin valo-datefield-style ( + $bevel : $v-textfield-bevel, + $shadow : $v-textfield-shadow, + $unit-size : $v-unit-size, + $border : $v-textfield-border, + $border-radius : $v-textfield-border-radius, + $background-color : $v-textfield-background-color, + $states : normal focus disabled + ) { + + height: $unit-size; + border-radius: $border-radius; + + [class*="textfield"] { + @include box-sizing(border-box); + @include valo-textfield-style($bevel: $bevel, $shadow: $shadow, $unit-size: $unit-size, $border: $border, $border-radius: $border-radius, $background-color: $background-color, $states: $states) ; + padding-left: $unit-size * 1.2; + width: 100%; + height: 100%; + border-radius: inherit; + } + + &[class*="prompt"] > [class*="textfield"] { + @include valo-textfield-prompt-style($background-color); + } + + [class*="button"] { + @include valo-datefield-button-style($unit-size: $unit-size, $bevel: $bevel, $background-color: $background-color, $border-radius: $border-radius, $border: $border); + } + + &.v-disabled { + @include opacity($v-disabled-opacity); + + [class*="button"] { + cursor: default; + pointer-events: none; + &:active:after { + display: none; + } + } + } + + &.v-readonly { + [class*="textfield"] { + @include valo-textfield-readonly-style; + } + + [class*="button"] { + cursor: default; + pointer-events: none; + &:active:after { + display: none; + } + } + } +} + + +/** + * Outputs the styles for a date field variant button element. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the button, which corresponds its width. + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {color} $background-color ($v-textfield-background-color) - The background color of the input, which affects the font color of the button + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the input, which affects the border-radius of the button + * @param {list} $border ($v-textfield-border) - The border of the input, which affects the border of the button + * + * @group datefield + */ +@mixin valo-datefield-button-style ($unit-size: $v-unit-size, $bevel: $v-bevel, $background-color: $v-textfield-background-color, $border-radius: $v-border-radius, $border: $v-textfield-border) { + $border-width: first-number($border) or 0; + @include valo-tappable; + -webkit-appearance: none; + background: transparent; + padding: 0; + position: absolute; + z-index: 10; + width: $unit-size; + line-height: $unit-size - ($border-width*2); + text-align: center; + font: inherit; + outline: none; + margin: 0; + + @if $border and $border != none { + top: $border-width; + bottom: $border-width; + left: $border-width; + } + + @if $border { + border: none; + } + + @if type-of($background-color) == color { + @if $border { + border-right: valo-border($color: $background-color, $border: $v-textfield-border, $strength: 0.5); + } + color: mix($background-color, valo-font-color($background-color)); + + &:hover { + color: valo-font-color($background-color); + } + } + + @if $border-radius > 0 { + $br: max(0, $border-radius - $border-width); + border-radius: $br 0 0 $br; + } + + &:before { + @include valo-datefield-button-icon-style; + @if $v-animations-enabled { + @include transition(color 140ms); + } + } + + &:active:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + @if type-of($background-color) == color { + @include valo-button-active-style($background-color); + } + border-radius: inherit; + } +} + + +/** + * Outputs the font icon styles for the date field drop down button. + * + * @group datefield + */ +@mixin valo-datefield-button-icon-style { + font-family: ThemeIcons; + content: "\f073"; +} + + +/** + * Outputs the styles for a date field popup. + * + * @group datefield + */ +@mixin valo-datefield-popup-style { + @include valo-overlay-style; + + margin-top: ceil($v-unit-size/8) !important; + margin-bottom: ceil($v-unit-size/8) !important; + margin-right: ceil($v-unit-size/8) !important; + cursor: default; + width: auto; + + table { + border-collapse: collapse; + border-spacing: 0; + margin: 0 auto; + } + + td { + padding: round($v-unit-size/20); + } + + @include valo-datefield-calendarpanel-style; +} + + +/** + * Outputs the styles for calendar panel (i.e. month view). + * + * @param {string} $primary-stylename (v-datefield-calendarpanel) - the primary style name for the selectors + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-style ($primary-stylename: v-datefield-calendarpanel) { + .#{$primary-stylename} { + font-size: $v-font-size; + text-align: center; + + &:focus { + outline: none; + } + } + + .#{$primary-stylename}-day { + @include valo-datefield-calendarpanel-day-style; + display: inline-block; + @include box-sizing(border-box); + cursor: pointer; + &:hover { + @include valo-datefield-calendarpanel-day-hover-style; + } + } + + .#{$primary-stylename}-day-offmonth { + @include valo-datefield-calendarpanel-day-offmonth-style; + } + + .#{$primary-stylename}-day-today { + @include valo-datefield-calendarpanel-day-today-style; + } + + .#{$primary-stylename}-day.#{$primary-stylename}-day-selected, + .#{$primary-stylename}-day.#{$primary-stylename}-day-selected:hover { + @include valo-datefield-calendarpanel-day-selected-style + } + + .#{$primary-stylename}-day.#{$primary-stylename}-day-focused { + @include valo-datefield-calendarpanel-day-focused-style; + } + + .#{$primary-stylename}-day.#{$primary-stylename}-day-outside-range, + .#{$primary-stylename}-day.#{$primary-stylename}-day-outside-range:hover { + @include valo-datefield-calendarpanel-outside-range-style; + } + + .#{$primary-stylename}-weekdays { + height: round($v-unit-size * 0.7); + color: mix(valo-font-color($v-background-color), rgba($v-background-color, .7)); + + strong { + font: inherit; + font-size: ceil($v-font-size * 0.86); + } + } + + .#{$primary-stylename}-header { + white-space: nowrap; + } + + td[class*="year"], + td[class*="month"] { + button { + @include appearance(none); + border: none; + background: transparent; + padding: 0; + margin: 0; + cursor: pointer; + color: transparent; + font-size: 0; // For IE8, where transparent text is not possible + width: round($v-unit-size * 0.5); + height: round($v-unit-size * 0.67); + outline: none; + position: relative; + vertical-align: middle; + + &:before { + color: mix($v-background-color, valo-font-color($v-background-color)); + font-size: round($v-font-size * 1.3); + line-height: round($v-font-size * 1.5); + + @if $v-animations-enabled { + @include transition(color 200ms); + } + } + + &:hover:before { + color: $v-focus-color; + } + + &.outside-range { + cursor: default; + @include opacity(.3); + + &:hover:before { + color: mix($v-background-color, valo-font-color($v-background-color)); + } + } + } + } + + .v-button-prevyear:before { + @include valo-datefield-calendarpanel-prevyear-icon-style; + } + + .v-button-prevmonth:before { + @include valo-datefield-calendarpanel-prevmonth-icon-style; + } + + .v-button-nextyear:before { + @include valo-datefield-calendarpanel-nextyear-icon-style; + } + + .v-button-nextmonth:before { + @include valo-datefield-calendarpanel-nextmonth-icon-style; + } + + td.#{$primary-stylename}-month { + width: round($v-unit-size * 4); + @include valo-datefield-calendarpanel-month-style; + } + + .#{$primary-stylename}-year td.#{$primary-stylename}-month { + width: round($v-unit-size * 2); + } + + .#{$primary-stylename}-weeknumber, + .#{$primary-stylename}-weekdays.#{$primary-stylename}-weeknumbers td:first-child { + width: round($v-unit-size * 0.8); + color: mix(valo-font-color($v-background-color), rgba($v-background-color, .7)); + font-size: ceil($v-font-size * 0.86); + display: inline-block; + text-align: left; + } + + .#{$primary-stylename}-weeknumber { + position: relative; + } + + .#{$primary-stylename}-weeknumbers .v-first:before { + content: ""; + position: absolute; + top: round($v-unit-size * 0.7) + round($v-unit-size/10)*2 + $v-overlay-padding-vertical; + bottom: 0; + left: 0; + width: round($v-unit-size * 0.7) + $v-overlay-padding-horizontal*2; + border-top: valo-border($color: $v-app-background-color, $strength: 0.3); + border-right: valo-border($color: $v-app-background-color, $strength: 0.3); + border-top-right-radius: $v-border-radius; + border-bottom-left-radius: $v-border-radius; + background: $v-app-background-color; + } + + td.#{$primary-stylename}-time { + width: 100%; + font-size: ceil($v-font-size * 0.86); + + .v-label { + display: inline; + margin: 0 0.1em; + font-weight: 400; + } + } + +} + + +/** + * Outputs the styles for an individual day element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-style { + @include box-sizing(border-box); + width: round($v-unit-size * 0.8); + height: round($v-unit-size * 0.7); + border: first-number(valo-border()) solid transparent; + line-height: round($v-unit-size * 0.7); + text-align: center; + font-size: ceil($v-font-size * 0.86); + background: $v-background-color; + + @if $v-border-radius > 0 { + border-radius: ceil($v-border-radius/2); + } + @if $v-animations-enabled { + @include transition(color 200ms); + } +} + + +/** + * Outputs the hover state styles for an individual day element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-hover-style { + color: $v-selection-color; +} + + +/** + * Outputs the styles for an individual day element, which are not part of the current month, in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-offmonth-style { + color: mix(valo-font-color($v-background-color), $v-background-color); + background: transparent; +} + +/** + * Outputs the styles for an individual day element, which are outside available range. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-outside-range-style { + color: mix(valo-font-color($v-background-color), $v-background-color); + cursor: not-allowed; +} + +/** + * Outputs the styles for todays day element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-today-style { + color: valo-font-color($v-background-color, 0.9); + font-weight: max(600, $v-font-weight + 100); + border-color: valo-font-color($v-background-color, 0.3); +} + + +/** + * Outputs the styles for the selected day element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-selected-style { + color: valo-font-color($v-selection-color); + @include valo-gradient($v-selection-color); + border: none; + font-weight: max(600, $v-font-weight + 100); +} + + +/** + * Outputs the focus state styles for an individual day element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-day-focused-style { + @include valo-focus-style; + position: relative; // Show above other cells + + .v-ie8 & { + border-color: $v-focus-color; + } +} + + +/** + * Outputs the font icon styles for the next month button in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-nextmonth-icon-style { + font-family: ThemeIcons; + content: "\f105"; +} + + +/** + * Outputs the font icon styles for the previous month button in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-prevmonth-icon-style { + font-family: ThemeIcons; + content: "\f104"; +} + + +/** + * Outputs the font icon styles for the next year button in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-nextyear-icon-style { + font-family: ThemeIcons; + content: "\f101"; +} + + +/** + * Outputs the font icon styles for the previous year button in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-prevyear-icon-style { + font-family: ThemeIcons; + content: "\f100"; +} + + +/** + * Outputs the styles for the current month and year title element in a calendar panel. + * + * @group datefield + */ +@mixin valo-datefield-calendarpanel-month-style { + color: $v-selection-color; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_dragwrapper.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_dragwrapper.scss new file mode 100644 index 0000000000..6e4859b82c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_dragwrapper.scss @@ -0,0 +1,129 @@ +/** + * Outputs the styles and selectors for the DragAndDropWrapper component. + * + * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors + * + * @group drag-n-drop + */ +@mixin valo-dragwrapper ($primary-stylename: v-ddwrapper) { + + [draggable=true] { + -khtml-user-drag: element; + -webkit-user-drag: element; + } + + .#{$primary-stylename}.v-active-drag-source { + // This breaks file upload dragging (for some reason the ddwrapper gets this class when an active file drag is over it) + // visibility: hidden; + } + + .#{$primary-stylename} { + position: relative; + } + + .#{$primary-stylename}-over:before, + .#{$primary-stylename}-over:after { + content: ""; + position: absolute; + z-index: 10; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + border: 0 solid $v-focus-color; + } + + .#{$primary-stylename}-over-top:before { + border-top-width: 2px; + } + + .#{$primary-stylename}-over-right:before { + border-right-width: 2px; + } + + .#{$primary-stylename}-over-bottom:before { + border-bottom-width: 2px; + } + + .#{$primary-stylename}-over-left:before { + border-left-width: 2px; + } + + .no-vertical-drag-hints { + .#{$primary-stylename}-over-top, + &.#{$primary-stylename}-over-top { + &:before { + border-top-width: 0; + } + &:after { + @include valo-ddwrapper-box-hint-style; + } + } + + .#{$primary-stylename}-over-bottom, + &.#{$primary-stylename}-over-bottom { + &:before { + border-bottom-width: 0; + } + &:after { + @include valo-ddwrapper-box-hint-style; + } + } + } + + .no-horizontal-drag-hints { + &.#{$primary-stylename}-over-left, + .#{$primary-stylename}-over-left { + &:before { + border-left-width: 0; + } + &:after { + @include valo-ddwrapper-box-hint-style; + } + } + + &.#{$primary-stylename}-over-right, + .#{$primary-stylename}-over-right { + &:before { + border-right-width: 0; + } + &:after { + @include valo-ddwrapper-box-hint-style; + } + } + } + + .#{$primary-stylename}-over-middle:after, + .#{$primary-stylename}-over-center:after { + @include valo-ddwrapper-box-hint-style; + } + + .no-box-drag-hints { + &.#{$primary-stylename}:after, + .#{$primary-stylename}:after { + display: none !important; + content: none; + } + } + + +} + + +/** + * Outputs the styles for a drop target when the drag is on top of it. + * + * @group drag-n-drop + */ +@mixin valo-ddwrapper-box-hint-style { + border-width: 2px; + border-radius: $v-border-radius; + @include opacity(.3); + + $focus-color: $v-focus-color; + @if is-dark-color($focus-color) { + background: scale-color($focus-color, $lightness: 50%); + } @else { + background: scale-color($focus-color, $lightness: -50%); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_form.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_form.scss new file mode 100644 index 0000000000..6b15d2a7cd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_form.scss @@ -0,0 +1,22 @@ +/** + * + * + * @param {string} $primary-stylename (v-form) - + * + * @group form + */ +@mixin valo-form ($primary-stylename: v-form) { + + .#{$primary-stylename} fieldset { + border: none; + padding: 0; + margin: 0; + height: 100%; + } + + .#{$primary-stylename}-content { + height: 100%; + @include box-sizing(border-box); + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_formlayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_formlayout.scss new file mode 100644 index 0000000000..35627ebd79 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_formlayout.scss @@ -0,0 +1,260 @@ +/** + * Outputs the selectors and properties for the FormLayout component. + * + * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group formlayout + */ +@mixin valo-formlayout ($primary-stylename: v-formlayout, $include-additional-styles: contains($v-included-additional-styles, formlayout)) { + + @include valo-formlayout-spacing; + @include valo-formlayout-margin; + + .#{$primary-stylename} > table { + border-spacing: 0; + position: relative; + } + + .#{$primary-stylename}.v-has-width > table, + .#{$primary-stylename}.v-has-width .#{$primary-stylename}-contentcell { + width: 100%; + } + + .#{$primary-stylename}-error-indicator { + width: round($v-unit-size/2); + } + + .#{$primary-stylename}-captioncell { + vertical-align: top; + line-height: $v-unit-size - 1px; + + .v-caption { + padding-bottom: 0; + } + + .v-caption-h2, + .v-caption-h3, + .v-caption-h4 { + height: 3em; + } + } + + .#{$primary-stylename}-contentcell { + .v-checkbox, + .v-radiobutton { + font-weight: $v-font-weight + 100; + } + + > .v-label-h2, + > .v-label-h3, + > .v-label-h4 { + position: absolute; + left: 0; + right: 0; + width: auto !important; + margin-top: -0.5em; + padding-bottom: 0.5em; + border-bottom: valo-border($color: $v-app-background-color, $strength: 0.5); + } + } + + + @if $include-additional-styles { + .#{$primary-stylename}.light { + @include valo-formlayout-light-style; + } + } + +} + + +/** + * Outputs the styles for form layout margin. + * + * @param {list} $margin ($v-layout-margin-top $v-layout-margin-right $v-layout-margin-bottom $v-layout-margin-left) - The margin for the form layout (any valid CSS margin value) + * + * @group formlayout + */ +@mixin valo-formlayout-margin ($margin: $v-layout-margin-top $v-layout-margin-right $v-layout-margin-bottom $v-layout-margin-left) { + $top: 0; + $right: 0; + $bottom: 0; + $left: 0; + + @if length($margin) == 1 { + $top: $margin; + $right: $margin; + $bottom: $margin; + $left: $margin; + } @else if length($margin) == 2 { + $top: nth($margin, 1); + $right: nth($margin, 2); + $bottom: nth($margin, 1); + $left: nth($margin, 2); + } @else if length($margin) == 3 { + $top: nth($margin, 1); + $right: nth($margin, 2); + $bottom: nth($margin, 3); + $left: nth($margin, 2); + } @else if length($margin) == 4 { + $top: nth($margin, 1); + $right: nth($margin, 2); + $bottom: nth($margin, 3); + $left: nth($margin, 4); + } + + [class*="margin-top"] > tbody > [class*="firstrow"] > td { + padding-top: $top; + } + + [class*="margin-bottom"] > tbody > [class*="lastrow"] > td { + padding-bottom: $bottom; + } + + [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] { + padding-left: $left; + } + + [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"] { + > .v-label-h2, + > .v-label-h3, + > .v-label-h4 { + left: $left; + } + } + + [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] { + padding-right: $right; + + > .v-label-h2, + > .v-label-h3, + > .v-label-h4 { + right: $right; + } + } +} + + +/** + * Outputs the styles for form layout spacing. + * + * @param {size} $vertical ($v-layout-spacing-vertical) - The vertical spacing between the rows in the form layout + * + * @group formlayout + */ +@mixin valo-formlayout-spacing ($vertical: $v-layout-spacing-vertical) { + [class*="spacing"] > tbody > [class*="row"] > td { + padding-top: $vertical; + } + + [class*="spacing"] > tbody > [class*="firstrow"] > td { + padding-top: 0; + } +} + + +/** + * Outputs the styles for a light style form layout. This mixin expects the target to have the normal styles of a form layout applied. + * + * @param {size} $row-height ($v-unit-size) - The height of an individual form layout row + * + * @group formlayout + */ +@mixin valo-formlayout-light-style ($row-height: $v-unit-size) { + > table { + padding: 0; + } + + > table > tbody > tr > td { + padding-top: 0; + height: $row-height; // Effectively min-height + border-bottom: valo-border($color: $v-app-background-color, $strength: 0.3); + } + + > table > tbody > [class*="lastrow"] > td { + border-bottom: none; + } + + > table > tbody > tr > [class*="captioncell"] { + color: valo-font-color($v-background-color, .5); + text-align: right; + padding-left: ceil($v-unit-size/3); + line-height: $row-height; + } + + > table > tbody > [class*="row"] > [class*="contentcell"] { + padding-right: 0; + + > .v-textfield, + > .v-textarea, + > .v-filterselect, + > .v-datefield, + > .v-filterselect-input, + > .v-datefield-textfield { + width: 100%; + } + + > .v-textfield, + > .v-textarea, + > .v-filterselect input, + > .v-datefield input, + > .v-richtextarea { + @include valo-textfield-style($unit-size: $row-height, $border-radius: 0, $border: null, $bevel: none, $shadow: none, $background-color: null); + background: transparent; + border: none; + color: inherit; + + &:focus { + box-shadow: none; + } + } + + > .v-textfield-prompt, + > .v-textarea-prompt, + > .v-filterselect-prompt input, + > .v-datefield-prompt input { + @include valo-textfield-prompt-style; + } + + > .v-textarea, + > .v-richtextarea { + height: auto; + } + + > .v-label-h2, + > .v-label-h3, + > .v-label-h4 { + border-bottom: none; + left: 0; + right: 0; + } + + > .v-label-h3, + > .v-label-h4 { + margin-top: 0; + } + } + + .v-richtextarea { + margin: round($v-unit-size/8) 0; + } + + .v-filterselect-button, + .v-datefield-button { + border: none; + + &:active:after { + display: none; + } + } + + .v-datefield-button { + right: 0; + left: auto; + } + + .v-checkbox { + margin-left: ceil($v-unit-size/6); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_grid.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_grid.scss new file mode 100644 index 0000000000..4a0715b2d2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_grid.scss @@ -0,0 +1,278 @@ +@import "table"; + +$v-grid-row-background-color: valo-table-background-color() !default; +$v-grid-row-stripe-background-color: scale-color($v-grid-row-background-color, $lightness: if(color-luminance($v-grid-row-background-color) < 10, 4%, -4%)) !default; + +$v-grid-border-color-source: $v-grid-row-background-color !default; +$v-grid-border: flatten-list(valo-border($color: $v-grid-border-color-source, $strength: 0.8)) !default; +$v-grid-cell-focused-border: max(2px, first-number($v-border)) solid $v-selection-color !default; + +$v-grid-row-height: $v-table-row-height !default; +$v-grid-row-selected-background-color: $v-selection-color !default; + +$v-grid-header-font-size: $v-table-header-font-size !default; +$v-grid-header-background-color: $v-background-color !default; + +$v-grid-cell-padding-horizontal: 1.5 * $v-table-cell-padding-horizontal !default; + +$v-grid-animations-enabled: $v-animations-enabled !default; + +$v-grid-details-marker-width: first-number($v-grid-border) * 2 !default; +$v-grid-details-marker-color: $v-selection-color !default; +$v-grid-details-border-top: valo-border($color: $v-grid-border-color-source, $strength: 0.3) !default; +$v-grid-details-border-top-stripe: valo-border($color: $v-grid-row-stripe-background-color, $strength: 0.3) !default; + +$v-grid-border-size: 1px !default; +$v-grid-border: $v-grid-border-size solid #ddd !default; +$v-grid-cell-vertical-border: $v-grid-border !default; +$v-grid-cell-horizontal-border: $v-grid-cell-vertical-border !default; +$v-grid-details-border-bottom: $v-grid-cell-horizontal-border !default; +$v-grid-details-border-bottom-stripe: $v-grid-cell-horizontal-border !default; + +@import "../../base/grid/grid"; + +/** + * + * + * @param {string} $primary-stylename (v-grid) - + * + * @group grid + */ +@mixin valo-grid ($primary-stylename: v-grid) { + + @include base-grid($primary-stylename); + + .#{$primary-stylename} { + @include user-select(text); + background-color: $v-background-color; + + &.v-disabled { + @include opacity($v-disabled-opacity); + } + } + + .#{$primary-stylename}-header .#{$primary-stylename}-cell { + @include valo-gradient($v-grid-header-background-color); + text-shadow: valo-text-shadow($font-color: valo-font-color($v-grid-header-background-color), $background-color: $v-grid-header-background-color); + } + + .#{$primary-stylename}-header .#{$primary-stylename}-cell.dragged { + @include opacity(0.5, false); + @include transition (opacity .3s ease-in-out); + } + + .#{$primary-stylename}-header .#{$primary-stylename}-cell.dragged-column-header { + margin-top: round($v-grid-row-height/-2); + } + + .#{$primary-stylename}-footer .#{$primary-stylename}-cell { + @include valo-gradient($v-grid-footer-background-color); + text-shadow: valo-text-shadow($font-color: valo-font-color($v-grid-footer-background-color), $background-color: $v-grid-footer-background-color); + } + + .#{$primary-stylename}-header-deco { + @include valo-gradient($v-grid-header-background-color); + } + + .#{$primary-stylename}-footer-deco, + .#{$primary-stylename}-horizontal-scrollbar-deco { + @include valo-gradient($v-grid-footer-background-color); + } + + // Selected + .#{$primary-stylename}-row-selected { + $grid-sel-bg: $v-grid-row-selected-background-color; + + > .#{$primary-stylename}-cell { + @include valo-gradient($grid-sel-bg); + color: valo-font-color($grid-sel-bg); + text-shadow: valo-text-shadow($font-color: valo-font-color($grid-sel-bg), $background-color: $grid-sel-bg); + border-color: adjust-color($grid-sel-bg, $lightness: -8%, $saturation: -8%); + } + + > .#{$primary-stylename}-cell-focused:before { + border-color: adjust-color($grid-sel-bg, $lightness: 20%); + } + } + + .#{$primary-stylename}-editor { + @include valo-focus-style; + border-color: $v-focus-color; + } + + .#{$primary-stylename}-editor-footer { + font-size: $v-font-size--small; + padding: 0 round($v-layout-spacing-horizontal / 2); + background: $v-app-background-color; + @if $v-grid-animations-enabled { + @include animation(valo-grid-editor-footer-animate-in 200ms 120ms backwards); + } + } + + @if $v-grid-animations-enabled { + .#{$primary-stylename}-editor-footer:first-child { + @include animation(valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards); + } + } + + .#{$primary-stylename}-editor-cells { + z-index: 1; + } + + .#{$primary-stylename}-editor-cells > div { + // Vertical centering for widgets + &:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + } + + &.not-editable.#{$primary-stylename}-cell { + float: none; + } + + .error::before { + border-top: round($v-unit-size / 4) solid $v-error-indicator-color; + border-right: round($v-unit-size / 4) solid transparent; + } + + .error, + .error > input { + // taken from @mixin valo-textfield-error-style() + background-color: scale-color($v-error-indicator-color, $lightness: 98%); + } + + .v-textfield, + .v-textfield-focus, + .v-datefield, + .v-datefield .v-textfield-focus, + .v-filterselect-input, + .v-filterselect-input:focus { + border: none; + border-radius: 0; + background: transparent; + + @if $v-textfield-bevel { + @include box-shadow(valo-bevel-and-shadow($bevel: $v-textfield-bevel)); + } @else { + @include box-shadow(none); + } + } + + input[type="text"].v-datefield-textfield { + padding-left: $v-unit-size * 1.2; + } + + .v-datefield-button { + .v-ie8 & { + margin-left: 0px; + } + } + + .v-filterselect-button { + .v-ie8 & { + margin-left: 0px; + } + } + + .v-textfield-focus, + .v-datefield .v-textfield-focus, + .v-filterselect-input:focus { + position: relative; + } + + .v-select { + padding-left: round($v-grid-cell-padding-horizontal / 2); + padding-right: round($v-grid-cell-padding-horizontal / 2); + } + + .v-checkbox { + margin: 0 round($v-grid-cell-padding-horizontal / 2) 0 $v-grid-cell-padding-horizontal; + + > input[type="checkbox"] { + margin-left: 0; + } + + > label { + white-space: nowrap; + } + } + } + + .#{$primary-stylename}-editor-message > div:before { + display: inline-block; + @include valo-error-indicator-style($is-pseudo-element: true); + } + + .#{$primary-stylename}-editor-save, + .#{$primary-stylename}-editor-cancel { + @include valo-link-style; + font-weight: $v-font-weight + 100; + text-decoration: none; + border: none; + background: transparent; + padding: round($v-layout-spacing-vertical / 2) round($v-layout-spacing-horizontal / 2); + margin: 0; + outline: none; + } + + .#{$primary-stylename}-spacer { + margin-top: first-number($v-grid-border) * -1; + } + + // Sidebar + .#{$primary-stylename}-sidebar.v-contextmenu { + &.open { + + .#{$primary-stylename}-sidebar-content { + margin: 0 0 2px; + padding: 4px 4px 2px; + } + } + + &.closed { + @include valo-gradient($v-grid-header-background-color); + } + } + + // Customize scrollbars + .#{$primary-stylename}-scroller { + &::-webkit-scrollbar { + border: none; + } + + &::-webkit-scrollbar-thumb { + border-radius: 10px; + border: 4px solid transparent; + background: if(is-dark-color($v-grid-header-background-color), rgba(255,255,255,.3), rgba(0,0,0,.3)); + -webkit-background-clip: content-box; + background-clip: content-box; + } + } + + .#{$primary-stylename}-scroller-vertical::-webkit-scrollbar-thumb { + min-height: 30px; + } + + .#{$primary-stylename}-scroller-horizontal::-webkit-scrollbar-thumb { + min-width: 30px; + } + +} + + +@include keyframes(valo-grid-editor-footer-animate-in) { + 0% { + margin-top: -$v-grid-row-height; + } +} + +@include keyframes(valo-grid-editor-footer-animate-in-alt) { + 0% { + margin-bottom: -$v-grid-row-height - first-number($v-grid-cell-horizontal-border); + } + 100% { + margin-bottom: first-number($v-grid-cell-horizontal-border) * -1; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_gridlayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_gridlayout.scss new file mode 100644 index 0000000000..e1777750cd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_gridlayout.scss @@ -0,0 +1,61 @@ +/** + * + * + * @param {string} $primary-stylename (v-gridlayout) - + * + * @group gridlayout + */ +@mixin valo-gridlayout-global ($primary-stylename: v-gridlayout) { + .#{$primary-stylename} { + position: relative; + } + .#{$primary-stylename}-slot { + position: absolute; + line-height: $v-line-height; + } + .#{$primary-stylename}-spacing-on { + overflow: hidden; + } + .#{$primary-stylename}-spacing, + .#{$primary-stylename}-spacing-off { + padding-left: 0; + padding-top: 0; + } + .#{$primary-stylename}-spacing-off { + overflow: hidden; + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-gridlayout) - + * + * @group gridlayout + */ +@mixin valo-gridlayout($primary-stylename : v-gridlayout) { + + .#{$primary-stylename}-margin-top { + padding-top: $v-layout-margin-top; + } + + .#{$primary-stylename}-margin-bottom { + padding-bottom: $v-layout-margin-bottom; + } + + .#{$primary-stylename}-margin-left { + padding-left: $v-layout-margin-left; + } + + .#{$primary-stylename}-margin-right { + padding-right: $v-layout-margin-right; + } + + .#{$primary-stylename}-spacing-on { + padding-left: $v-layout-spacing-horizontal; + padding-top: $v-layout-spacing-vertical; + } + + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_label.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_label.scss new file mode 100644 index 0000000000..95500ceafe --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_label.scss @@ -0,0 +1,280 @@ +/** + * The font weight for headers. + * + * @group label + */ +$v-font-weight--header: $v-font-weight - 100 !default; + +/** + * The line height for headers. + * + * @group label + */ +$v-line-height--header: 1.1 !default; + +/** + * The font family for headers. + * + * @group label + */ +$v-font-family--header: null !default; + +/** + * The font color for colored style labels. + * + * @group label + */ +$v-font-color--colored: $v-selection-color !default; + +/** + * The font size for 1st level headers. + * + * @group label + */ +$v-font-size--h1: 2.4em !default; + +/** + * The font size for 2nd level headers. + * + * @group label + */ +$v-font-size--h2: 1.6em !default; + +/** + * The font size for 3rd level headers. + * + * @group label + */ +$v-font-size--h3: 1.2em !default; + +/** + * The font family for 1st level headers. + * + * @group label + */ +$v-font-family--h1: $v-font-family--header !default; + +/** + * The font family for 2nd level headers. + * + * @group label + */ +$v-font-family--h2: $v-font-family--header !default; + +/** + * The font family for 3rd level headers. + * + * @group label + */ +$v-font-family--h3: $v-font-family--header !default; + +/** + * The letter spacing for 1st level headers. + * + * @group label + */ +$v-letter-spacing--h1: -0.03em !default; + +/** + * The letter spacing for 2nd level headers. + * + * @group label + */ +$v-letter-spacing--h2: -0.02em !default; + +/** + * The letter spacing for 3rd level headers. + * + * @group label + */ +$v-letter-spacing--h3: 0 !default; + +/** + * The letter spacing for 4th level headers. + * + * @group label + */ +$v-letter-spacing--h4: 0 !default; + + +/** + * Outputs the selectors and styles for the Label component. + * + * @param {string} $primary-stylename (v-label) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group label + */ +@mixin valo-label ($primary-stylename: v-label, $include-additional-styles: contains($v-included-additional-styles, label)) { + + .#{$primary-stylename} { + @include user-select(text); + } + + .#{$primary-stylename}-undef-w { + white-space: nowrap; + } + + h1, .#{$primary-stylename}-h1, + h2, .#{$primary-stylename}-h2, + h3, .#{$primary-stylename}-h3 { + line-height: $v-line-height--header; + font-weight: $v-font-weight--header; + color: valo-font-color($v-app-background-color, 0.92); + } + + h1, .#{$primary-stylename}-h1 { + font-size: $v-font-size--h1; + margin-top: 1.4em; + margin-bottom: 1em; + font-family: $v-font-family--h1; + letter-spacing: $v-letter-spacing--h1; + } + + h2, .#{$primary-stylename}-h2 { + font-size: $v-font-size--h2; + font-family: $v-font-family--h2; + margin-top: 1.6em; + margin-bottom: 0.77em; + letter-spacing: $v-letter-spacing--h2; + } + + h3, .#{$primary-stylename}-h3 { + font-size: $v-font-size--h3; + font-family: $v-font-family--h3; + margin-top: 1.8em; + margin-bottom: 0.77em; + letter-spacing: $v-letter-spacing--h3; + } + + h4, .#{$primary-stylename}-h4 { + line-height: $v-line-height--header; + font-weight: $v-font-weight + 200; + font-size: $v-font-size--small; + color: valo-font-color($v-app-background-color, 0.74); + text-transform: uppercase; + letter-spacing: $v-letter-spacing--h4; + margin-top: 2.4em; + margin-bottom: 0.8em; + } + + .v-csslayout { + > h1, + > h2, + > h3, + > h4 + > .#{$primary-stylename}-h1, + > .#{$primary-stylename}-h2, + > .#{$primary-stylename}-h3, + > .#{$primary-stylename}-h4 { + &:first-child { + margin-top: $v-font-size; + } + } + } + + .v-verticallayout > .v-slot:first-child, + .v-verticallayout > div > .v-slot:first-child { + h1, .#{$primary-stylename}-h1, + h2, .#{$primary-stylename}-h2, + h3, .#{$primary-stylename}-h3, + h4, .#{$primary-stylename}-h4 { + margin-top: $v-font-size; + } + } + + .v-verticallayout > .v-slot:first-child .v-formlayout-contentcell, + .v-verticallayout > div > .v-slot:first-child .v-formlayout-contentcell { + h1, .#{$primary-stylename}-h1, + h2, .#{$primary-stylename}-h2, + h3, .#{$primary-stylename}-h3, + h4, .#{$primary-stylename}-h4 { + margin-top: -0.5em; + } + } + + h1, .#{$primary-stylename}-h1, + h2, .#{$primary-stylename}-h2, + h3, .#{$primary-stylename}-h3, + h4, .#{$primary-stylename}-h4 { + &.no-margin { + margin: 0 !important; + } + } + + + @if $include-additional-styles { + + .#{$primary-stylename}-colored { + color: $v-font-color--colored; + } + + .#{$primary-stylename}-large { + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-tiny { + font-size: $v-font-size--tiny; + } + + .#{$primary-stylename}-huge { + font-size: $v-font-size--huge; + } + + .#{$primary-stylename}-bold { + font-weight: $v-font-weight + 200; + } + + .#{$primary-stylename}-light { + font-weight: $v-font-weight - 100; + @if $v-font-weight < 400 { + color: valo-font-color($v-app-background-color, .5); + } + } + + .#{$primary-stylename}-align-right { + text-align: right; + } + + .#{$primary-stylename}-align-center { + text-align: center; + } + + .#{$primary-stylename}-spinner { + @include valo-spinner; + } + + .#{$primary-stylename}-success, + .#{$primary-stylename}-failure { + background: $v-textfield-background-color; + color: valo-font-color($v-textfield-background-color); + border: 2px solid $v-friendly-color; + border-radius: $v-border-radius; + padding: round($v-unit-size/5) round($v-unit-size/2) round($v-unit-size/5) round($v-unit-size); + font-weight: $v-font-weight + 100; + font-size: round($v-font-size * 0.95); + + &:before { + font-family: ThemeIcons; + content: "\f00c"; + margin-right: .5em; + margin-left: round($v-unit-size/-2); + color: $v-friendly-color; + } + } + + .#{$primary-stylename}-failure { + border-color: $v-error-indicator-color; + + &:before { + content: "\f05e"; + color: $v-error-indicator-color; + } + } + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_link.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_link.scss new file mode 100644 index 0000000000..270de1aace --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_link.scss @@ -0,0 +1,81 @@ +/** + * + * @group link + */ +$v-link-font-color: $v-focus-color !default; + +/** + * + * @group link + */ +$v-link-text-decoration: underline !default; + +/** + * + * @group link + */ +$v-link-cursor: pointer !default; + + +/** + * + * + * @param {string} $primary-stylename (v-link) - + * @param {bool} $include-additional-styles - + * + * @group link + */ +@mixin valo-link ($primary-stylename: v-link, $include-additional-styles: contains($v-included-additional-styles, link)) { + .#{$primary-stylename} { + @include valo-link-style; + + a { + cursor: inherit; + color: inherit; + text-decoration: inherit; + @if $v-animations-enabled { + @include transition(inherit); + } + } + + .v-icon { + cursor: inherit; + } + } + + @if $include-additional-styles { + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + font-size: $v-font-size--large; + } + } +} + + +/** + * + * + * + * @group link + */ +@mixin valo-link-style { + cursor: $v-link-cursor; + color: $v-link-font-color; + text-decoration: $v-link-text-decoration; + font-weight: inherit; + + @if $v-animations-enabled { + @include transition(color 140ms); + } + + &:hover { + color: lighten($v-link-font-color, 10%); + } + + &.v-disabled { + @include opacity($v-disabled-opacity); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_loginform.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_loginform.scss new file mode 100644 index 0000000000..88745d649d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_loginform.scss @@ -0,0 +1,10 @@ +/** + * + * + * @param {string} $primary-stylename (v-loginform) - + * + * @group loginform + */ +@mixin valo-loginform ($primary-stylename: v-loginform) { + +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_menubar.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_menubar.scss new file mode 100644 index 0000000000..4b4a657d6a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_menubar.scss @@ -0,0 +1,409 @@ +/** + * + * + * @param {string} $primary-stylename (v-menubar) - + * @param {bool} $include-additional-styles - + * + * @group menubar + */ +@mixin valo-menubar ($primary-stylename: v-menubar, $include-additional-styles: contains($v-included-additional-styles, menubar)) { + + .#{$primary-stylename} { + @include valo-button-static-style($states: normal focus disabled, $vertical-centering: false); + @include valo-menubar-style; + } + + .#{$primary-stylename}:active:after { + background: transparent; + } + + .#{$primary-stylename} > .#{$primary-stylename}-menuitem { + @include valo-menubar-menuitem-style; + } + + .#{$primary-stylename} > .#{$primary-stylename}-menuitem-checked { + @include valo-menubar-menuitem-checked-style; + } + + .v-disabled > .#{$primary-stylename}-menuitem, + .#{$primary-stylename} > .#{$primary-stylename}-menuitem-disabled { + cursor: default; + + &:before { + display: none; + } + } + + .#{$primary-stylename}-menuitem-disabled { + @include opacity($v-disabled-opacity); + } + + .#{$primary-stylename} > .#{$primary-stylename}-menuitem-selected { + @include valo-button-style($states: normal, $background-color: $v-selection-color, $border-radius: 0, $shadow: null, $unit-size: null, $font-weight: null); + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; + z-index: 2; + + &:hover:before { + background: none; + } + } + + .#{$primary-stylename} .#{$primary-stylename}-submenu-indicator { + display: none; + + + .#{$primary-stylename}-menuitem-caption:after { + font-family: ThemeIcons; + content: "\f078"; + font-size: 0.7em; + vertical-align: .15em; + margin: 0 -.2em 0 .5em; + // IE filters are not supported on pseudo elements + opacity: .5; + } + + + .#{$primary-stylename}-menuitem-caption:empty:after { + margin-left: -.2em; + } + } + + .#{$primary-stylename}-popup { + @include valo-menubar-popup-style($primary-stylename); + } + + + @if $include-additional-styles { + .#{$primary-stylename}-small { + @include valo-menubar-style($background-color: null, $unit-size: $v-unit-size--small); + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-borderless { + @include valo-menubar-borderless-style; + } + } + +} + + + + +/** + * + * + * @param {string} $primary-stylename (v-menubar) - + * @param {color} $background-color ($v-background-color) - + * @param {size} $unit-size ($v-unit-size) - + * + * @group menubar + */ +@mixin valo-menubar-style ($primary-stylename: v-menubar, $background-color: $v-background-color, $unit-size: $v-unit-size) { + @include valo-button-style($states: normal focus, $cursor: default, $background-color: $background-color, $unit-size: $unit-size); + padding: 0; + text-align: left; + + @if $unit-size { + line-height: $unit-size - first-number($v-border) * 2; + + > .#{$primary-stylename}-menuitem { + padding: 0 round($unit-size/2.6); + + &[class*="-icon-only"] { + width: $unit-size; + } + } + } +} + + + + +/** + * + * + * + * @group menubar + */ +@mixin valo-menubar-menuitem-style { + $border-width: first-number($v-border); + position: relative; + z-index: 1; + display: inline-block; + @include box-sizing(border-box); + @include valo-button-style($states: normal, $border-radius: 0, $shadow: null, $font-color: inherit, $cursor: pointer); + background: transparent; + @include box-shadow(none); + border-width: 0 $border-width 0 0; + border-color: inherit; + height: 100%; + line-height: inherit; + vertical-align: top; + text-align: center; + + @if $border-width == 0 { + margin-right: 1px; + } + + $br: max(0, $v-border-radius - $border-width); + &:first-child { + border-left-width: 0; + @if $v-border-radius > 0 { + border-radius: $br 0 0 $br; + } + } + + &:last-child { + @if $v-border-radius > 0 { + border-radius: 0 $br $br 0; + } + border-right-width: 0; + } + + &:first-child:last-child { + @if $v-border-radius > 0 { + border-radius: $br; + } + } + + &:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + } + + @if $v-hover-styles-enabled { + &:hover { + // IE needs some nudging to show the :before element + zoom: 1; + + &:before { + @include valo-button-hover-style; + border: none; + } + } + } + + &:active:before { + @include valo-button-active-style; + } + + $margin-width: ceil($v-unit-size/2.4/5); + .v-icon { + margin: 0 $margin-width 0 #{-$margin-width}; + cursor: inherit; + } + + &[class*="-icon-only"] { + width: $v-unit-size; + padding: 0; + + .v-icon { + margin: 0; + } + } +} + + + + + +/** + * + * + * @param {string} $primary-stylename (v-menubar) - + * + * @group menubar + */ +@mixin valo-menubar-popup-style ($primary-stylename: v-menubar) { + @include valo-selection-overlay-style; + + margin: ceil($v-unit-size/8) 0 0 1px !important; + + .#{$primary-stylename}-submenu { + outline: none; + } + + .#{$primary-stylename}-menuitem { + display: block; + @include valo-selection-item-style; + padding-left: $v-selection-item-height + round($v-selection-item-padding-horizontal/2); // Make room for checkable icon + padding-right: $v-unit-size; + position: relative; + } + + .#{$primary-stylename}-submenu-indicator { + display: none; + + + .#{$primary-stylename}-menuitem-caption:after { + position: absolute; + right: $v-selection-item-padding-horizontal; + @include valo-menubar-submenu-indicator-style; + } + } + + .#{$primary-stylename}-menuitem-selected { + @include valo-selection-item-selected-style; + } + + .#{$primary-stylename}-separator { + display: block; + margin: $v-selection-overlay-padding-vertical 0; + height: 0; + overflow: hidden; + border-bottom: valo-border($color: $v-overlay-background-color, $strength: 0.5); + @if first-number($v-border) == 0 { + border-bottom-width: 1px; + } + } + + [class*="checked"] .#{$primary-stylename}-menuitem-caption:before { + @include valo-menubar-checked-icon-style; + position: absolute; + left: $v-selection-item-padding-horizontal; + } + + [class*="unchecked"] .#{$primary-stylename}-menuitem-caption:before { + content: ""; + } + + [class*="disabled"] { + cursor: default; + } +} + + + +/** + * + * + * + * @group menubar + */ +@mixin valo-menubar-submenu-indicator-style { + font-family: ThemeIcons; + content: "\f054"; + line-height: $v-selection-item-height + 2px; +} + +/** + * + * + * + * @group menubar + */ +@mixin valo-menubar-checked-icon-style { + content: "\f00c"; + font-family: ThemeIcons; +} + + +/** + * + * + * @param {list} $background-color - + * + * @group menubar + */ +@mixin valo-menubar-menuitem-checked-style ($background-color: if(color-luminance($v-background-color) < 10, scale-color($v-background-color, $lightness: 10%, $saturation: -5%), scale-color($v-background-color, $lightness: -5%, $saturation: -5%))) { + $grad: valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4; + @include box-shadow(none); + @include valo-gradient($color: $background-color, $gradient: $grad, $direction: to top); + color: valo-font-color($background-color, 0.9); +} + +/** + * + * + * @param {string} $primary-stylename (v-menubar) - + * + * @group menubar + */ +@mixin valo-menubar-menuitem-checked ($background-color, $primary-stylename: v-menubar) { + .#{$primary-stylename}-menuitem-checked { + @include valo-menubar-menuitem-checked-style($background-color: $background-color); + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-menubar) - + * + * @group menubar + */ +@mixin valo-menubar-borderless-style ($primary-stylename: v-menubar) { + border: none; + border-radius: 0; + padding: first-number($v-border); + @include box-shadow(none); + text-shadow: none; + background: transparent; + color: inherit; + + &:focus:after { + display: none; + } + + .#{$primary-stylename}-menuitem { + @include box-shadow(none); + border: none; + margin-right: max(1px, first-number($v-border)); + border-radius: $v-border-radius; + color: $v-selection-color; + padding: 0 round($v-unit-size/3); + + @if $v-animations-enabled { + @include transition(color 140ms); + } + + &:first-child, + &:last-child, + &:first-child:last-child { + border-radius: $v-border-radius; + } + + &:before { + content: none; + } + + &:hover { + color: lighten($v-selection-color, 10%); + } + + &:active { + color: inherit; + } + } + + .#{$primary-stylename}-menuitem-checked, + .#{$primary-stylename}-menuitem-checked:first-child { + border: valo-border(); + color: $v-selection-color; + + .#{$primary-stylename}-menuitem-caption { + position: relative; + top: first-number($v-border)*-1; + } + } + + .#{$primary-stylename}-menuitem-selected { + $font-color: valo-font-color($v-selection-color, 0.9); + color: $font-color; + text-shadow: valo-text-shadow($background-color: $v-selection-color, $font-color: $font-color); + + &:hover { + color: $font-color; + } + } + + .#{$primary-stylename}-menuitem-disabled, + .#{$primary-stylename}-menuitem-disabled:hover { + color: inherit; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_nativebutton.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_nativebutton.scss new file mode 100644 index 0000000000..9bfca4f396 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_nativebutton.scss @@ -0,0 +1,12 @@ +/** + * + * + * @param {string} $primary-stylename (v-nativebutton) - + * + * @group nativebutton + */ +@mixin valo-nativebutton ($primary-stylename: v-nativebutton) { + .#{$primary-stylename} { + -webkit-touch-callout: none; + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_nativeselect.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_nativeselect.scss new file mode 100644 index 0000000000..d0b2caf745 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_nativeselect.scss @@ -0,0 +1,45 @@ +/** + * + * + * @param {string} $primary-stylename (v-select) - + * + * @group nativeselect + */ +@mixin valo-nativeselect ($primary-stylename: v-select) { + .#{$primary-stylename} select { + @include valo-nativeselect-select-style; + } + + .#{$primary-stylename}-select { + display: block; + + + .v-textfield { + width: auto !important; + margin-top: round($v-unit-size/4); + + + .v-nativebutton { + margin-top: round($v-unit-size/4); + margin-left: round($v-unit-size/4); + } + } + } +} + + + +/** + * + * + * + * @group nativeselect + */ +@mixin valo-nativeselect-select-style { + border: valo-border(); + @include valo-gradient; + color: valo-font-color($v-background-color); + + &:focus { + outline: none; + @include valo-focus-style; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_notification.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_notification.scss new file mode 100644 index 0000000000..ee3cf67a7c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_notification.scss @@ -0,0 +1,433 @@ + /** + * + * @group notification + */ +$v-notification-title-color: $v-focus-color !default; + + +/** + * + * + * @param {string} $primary-stylename (v-Notification) - + * @param {bool} $include-additional-styles - + * + * @group notification + */ +@mixin valo-notification ($primary-stylename: v-Notification, $include-additional-styles: contains($v-included-additional-styles, notification)) { + + // Positional offsets + + .#{$primary-stylename} { + &.v-position-top { + top: $v-layout-spacing-vertical; + } + + &.v-position-right { + right: $v-layout-spacing-horizontal; + } + + &.v-position-bottom { + bottom: $v-layout-spacing-vertical; + } + + &.v-position-left { + left: $v-layout-spacing-horizontal; + } + + &.v-position-assistive { + top: -9999px; + left: -9999px; + } + } + + // Custom animations for positions + + @if $v-animations-enabled { + + .#{$primary-stylename}-animate-in { + @include animation(valo-animate-in-fade 180ms 10ms backwards); + + &.v-position-top { + @include animation(valo-animate-in-slide-down 400ms 10ms backwards); + } + + &.v-position-bottom { + @include animation(valo-animate-in-slide-up 400ms 10ms backwards); + } + } + + .#{$primary-stylename}-animate-out { + @include animation(valo-animate-out-fade 150ms); + + &.v-position-top, + &.v-position-bottom { + @include animation(valo-animate-out-slide-down-fade 200ms); + } + } + } + + // Default style (a.k.a. humanized) + + .#{$primary-stylename} { + border-radius: $v-border-radius; + text-align: center; + position: fixed !important; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + + @include valo-notification-style($primary-stylename); + + } + + .#{$primary-stylename}-caption { + margin: 0; + display: inline-block; + text-align: left; + font-weight: inherit; + line-height: inherit; + white-space: nowrap; + letter-spacing: 0; + } + + .#{$primary-stylename}-description, .#{$primary-stylename}-details { + margin: 0; + display: inline-block; + vertical-align: middle; + max-width: 30em; + text-align: left; + max-height: 20em; + overflow: auto; + } + + .#{$primary-stylename}-caption ~ .#{$primary-stylename}-description, + .#{$primary-stylename}-caption ~ .#{$primary-stylename}-details { + margin-left: round($v-font-size * 1.5); + } + + .v-icon + .#{$primary-stylename}-caption { + margin-left: round($v-font-size); + } + + .#{$primary-stylename}-system { + @include valo-notification-bar-style($primary-stylename); + @include valo-notification-system-style($primary-stylename); + } + + .#{$primary-stylename}.tray { + text-align: left; + .#{$primary-stylename}-caption { + //display: block; + } + + .#{$primary-stylename}-caption + .#{$primary-stylename}-description { + display: block; + margin: .5em 0 0; + } + @include valo-notification-tray-style; + } + + .#{$primary-stylename}.warning { + @include valo-notification-warning-style($primary-stylename); + } + + .#{$primary-stylename}.error { + @include valo-notification-error-style($primary-stylename); + } + + + @if $include-additional-styles { + .#{$primary-stylename}.dark { + @include valo-notification-dark-style($primary-stylename); + } + + .#{$primary-stylename}.bar { + @include valo-notification-bar-style($primary-stylename); + } + + .#{$primary-stylename}.small { + @include valo-notification-small-style($primary-stylename); + } + + .#{$primary-stylename}.closable { + @include valo-notification-closable-style; + + &.dark, + &.error, + &.system { + &:after { + color: #fff; + border-color: #fff; + border-color: rgba(255,255,255,.3); + } + &:active:after { + background-color: #fff; + color: #000; + } + } + + &.tray:after { + top: round($v-unit-size/2.3); + margin-top: 0; + } + } + + .#{$primary-stylename}.success, + .#{$primary-stylename}.failure { + background: #fff; + color: #555; + border: 2px solid $v-friendly-color; + + .#{$primary-stylename}-caption { + color: $v-friendly-color; + font-weight: $v-font-weight + 100; + + &:before { + font-family: ThemeIcons; + content: "\f00c"; + margin-right: .5em; + } + } + + &.bar { + margin: -2px !important; + } + } + + .#{$primary-stylename}.failure { + border-color: $v-error-indicator-color; + + .#{$primary-stylename}-caption { + color: $v-error-indicator-color; + + &:before { + content: "\f05e"; + } + } + } + } +} + + + + +/** + * + * + * + * @group notification + */ +@mixin valo-notification-closable-style { + padding-right: $v-unit-size + round($v-unit-size/1.7); + overflow: hidden !important; // Override GWT PopupPanel + cursor: pointer; + + &:after { + content: "\00d7"; + font-size: 1.5em; + position: absolute; + top: 50%; + margin-top: round($v-unit-size/-3); + right: round($v-unit-size/3); + width: round($v-unit-size/1.5); + height: round($v-unit-size/1.5); + line-height: round($v-unit-size/1.5) - 1px; + cursor: pointer; + $color: if(is-dark-color($v-overlay-background-color), #fff, #000); + color: $color; + @include opacity(.5); + text-align: center; + border: first-number($v-border) solid $color; + border-color: rgba($color, .3); + border-radius: 50%; + @include transition(opacity 200ms); + } + + &:hover:after { + @include opacity(1); + } + + &:active:after { + $color: if(is-dark-color($v-overlay-background-color), #000, #fff); + $bg: if(is-dark-color($v-overlay-background-color), #fff, #000); + background-color: $bg; + color: $color; + @include opacity(.3); + @include transition(none 200ms); + } +} + + + + + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-style ($primary-style) { + background: $v-overlay-background-color; + @include box-shadow(0px 5px 15px 0px rgba(0,0,0,0.15)); + padding: round($v-unit-size/2) round($v-unit-size/1.7); + + .#{$primary-style}-caption { + color: $v-notification-title-color; + font-size: round($v-font-size * 1.2); + line-height: 1; + } + .#{$primary-style}-description { + line-height: 1.4; + } +} + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-bar-style ($primary-style) { + left: 0 !important; + right: 0; + max-width: 100%; + margin: 0 !important; + border-radius: 0; + @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); + padding: round($v-unit-size/3) round($v-unit-size/2.5); + + .#{$primary-style}-description, .#{$primary-style}-details { + max-width: 50em; + } + + &.v-position-top { + top: 0; + + @if $v-animations-enabled { + &[class*="animate-in"] { + @include animation(valo-animate-in-slide-down 300ms 10ms backwards); + } + + &[class*="animate-out"] { + @include animation(valo-animate-out-slide-up 200ms); + } + } + } + + &.v-position-bottom { + bottom: 0; + + @if $v-animations-enabled { + &[class*="animate-in"] { + @include animation(valo-animate-in-slide-up 300ms 10ms backwards); + } + + &[class*="animate-out"] { + @include animation(valo-animate-out-slide-down 200ms); + } + } + } +} + +/** + * + * + * + * @group notification + */ +@mixin valo-notification-dark-style ($primary-style) { + background-color: #444; + background-color: rgba(#444, .9); + font-weight: $v-font-weight + 100; + line-height: round($v-font-size * 1.4); + + .#{$primary-style}-caption { + color: #fff; + vertical-align: middle; + } + + .#{$primary-style}-description, .#{$primary-style}-details { + color: #e6e6e6; + } +} + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-system-style ($primary-style) { + @include valo-notification-dark-style($primary-style); + + // No need to underline the "click here" text, let's imply that the whole banner is clickable + u { + text-decoration: none; + } +} + +/** + * + * + * + * @group notification + */ +@mixin valo-notification-tray-style {} + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-warning-style ($primary-style) { + background: #FFF3D2; + + .#{$primary-style}-caption { + color: #AC7C00; + } + + .#{$primary-style}-description { + color: #9D874D; + } +} + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-error-style ($primary-style) { + background: $v-error-indicator-color; + font-weight: $v-font-weight + 100; + @include box-shadow(0px 5px 15px 0px rgba(0,0,0,0.25)); + + .#{$primary-style}-caption { + color: valo-font-color($v-error-indicator-color, 1); + } + + .#{$primary-style}-description { + color: valo-font-color($v-error-indicator-color, .8); + } +} + +/** + * + * @param {string} $primary-style + * + * @group notification + */ +@mixin valo-notification-small-style ($primary-style) { + padding: round($v-unit-size/3.3) round($v-unit-size/2.8); + + .#{$primary-style}-caption { + font-size: $v-font-size; + } + .#{$primary-style}-description { + font-size: round($v-font-size * 0.85); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_optiongroup.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_optiongroup.scss new file mode 100644 index 0000000000..84e0a821d3 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_optiongroup.scss @@ -0,0 +1,132 @@ +/** + * + * + * @param {string} $primary-stylename (v-select-optiongroup) - + * @param {bool} $include-additional-styles - + * + * @group optiongroup + */ +@mixin valo-optiongroup ($primary-stylename: v-select-optiongroup, $include-additional-styles: contains($v-included-additional-styles, optiongroup)) { + + .v-radiobutton { + @include valo-radiobutton-style; + } + + .#{$primary-stylename} { + @include valo-optiongroup-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-small { + @include valo-optiongroup-style($unit-size: $v-unit-size--small); + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-optiongroup-style($unit-size: $v-unit-size--large); + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-horizontal { + @include valo-optiongroup-horizontal; + } + } + +} + + +/** + * + * + * @param {color} $background-color ($v-background-color) - + * @param {size} $unit-size ($v-unit-size) - + * @param {color} $selection-color ($v-selection-color) - + * + * @group optiongroup + */ +@mixin valo-radiobutton-style ($background-color: $v-background-color, $unit-size: $v-unit-size, $selection-color: $v-selection-color) { + @include valo-checkbox-style($background-color: $background-color, $unit-size: $unit-size, $selection-color: $selection-color); + + :root & > input { + &:checked ~ label:after { + $size: ceil($unit-size/6); + $offset: round($unit-size/6); + width: $size; + height: $size; + top: $offset; + left: $offset; + background: $selection-color; + } + + & ~ label:before, + & ~ label:after { + border-radius: 50%; + content: ""; + } + } +} + + + +/** + * + * + * @param {size} $unit-size ($v-unit-size) - + * @param {size} $font-size ($v-font-size) - + * + * @group optiongroup + */ +@mixin valo-optiongroup-style ($unit-size: $v-unit-size, $font-size: $v-font-size) { + + @if $unit-size != $v-unit-size { + .v-checkbox { + @include valo-checkbox-style($unit-size: $unit-size); + } + .v-radiobutton { + @include valo-radiobutton-style($unit-size: $unit-size); + } + } + + .v-radiobutton, + .v-checkbox { + display: block; + margin: round($unit-size/4) $font-size 0 0; + + &:first-child { + margin-top: round($unit-size/6); + } + + &:last-child { + margin-bottom: round($unit-size/6); + } + } + + &.v-has-width label { + white-space: normal; + } +} + + +/** + * + * + * + * @group optiongroup + */ +@mixin valo-optiongroup-horizontal { + white-space: nowrap; + + .v-radiobutton, + .v-checkbox { + display: inline-block; + } + + &.v-has-width { + white-space: normal; + + label { + white-space: nowrap; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_orderedlayout.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_orderedlayout.scss new file mode 100644 index 0000000000..8a7c877d69 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_orderedlayout.scss @@ -0,0 +1,222 @@ +/** + * + * + * + * @group orderedlayout + */ +@mixin valo-orderedlayout-global { + + div.v-layout.v-horizontal.v-widget { + white-space: nowrap; + } + + .v-layout.v-vertical > .v-expand, + .v-layout.v-horizontal > .v-expand { + @include box-sizing(border-box); + width: 100%; + height: 100%; + } + + .v-slot, + .v-spacing { + display: inline-block; + white-space: nowrap; + vertical-align: top; + } + + // Clear any floats inside the slot, to prevent unwanted collapsing + .v-vertical > .v-slot:after { + display: inline-block; + clear: both; + width: 0; + height: 0; + overflow: hidden; + } + + .v-vertical > .v-slot, + .v-vertical > .v-expand > .v-slot { + display: block; + clear: both; + } + + .v-horizontal > .v-slot, + .v-horizontal > .v-expand > .v-slot { + height: 100%; + } + + /* Workaround for IE8+IE9 bug where clicking inside an input area which is inside a div with negative margin causes cursor position to jump to wrong position. See #11152 */ + .v-horizontal > .v-expand > .v-slot { + position: relative; + } + + .v-vertical > .v-spacing, + .v-vertical > .v-expand > .v-spacing { + width: 0 !important; + display: block; + clear: both; + } + + .v-horizontal > .v-spacing, + .v-horizontal > .v-expand > .v-spacing { + height: 0 !important; + } + + .v-align-middle:before, + .v-align-bottom:before, + .v-expand > .v-align-middle:before, + .v-expand > .v-align-bottom:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; + width: 0; + } + + .v-align-middle, + .v-align-bottom { + white-space: nowrap; + } + + .v-align-middle > .v-widget, + .v-align-bottom > .v-widget { + display: inline-block; + } + + .v-align-middle, + .v-align-middle > .v-widget { + vertical-align: middle; + } + + .v-align-bottom, + .v-align-bottom > .v-widget { + vertical-align: bottom; + } + + .v-align-center { + text-align: center; + } + + .v-align-center > .v-widget { + margin-left: auto; + margin-right: auto; + } + + .v-align-right { + text-align: right; + } + + .v-align-right > .v-widget { + margin-left: auto; + } + + .v-has-caption, + .v-has-caption > .v-caption { + // Force natural width to zero + display: inline-block; + } + + .v-caption-on-left, + .v-caption-on-right { + white-space: nowrap; + } + + .v-caption-on-top > .v-caption, + .v-caption-on-bottom > .v-caption { + display: block; + } + + .v-caption-on-left > .v-caption { + padding-right: .5em; + } + + .v-caption-on-right > .v-caption { + //vertical-align: top; + } + + .v-caption-on-left > .v-widget, + .v-caption-on-right > .v-widget { + display: inline-block; + //vertical-align: middle; + } + + .v-has-caption.v-has-width > .v-widget { + width: 100% !important; + } + + .v-has-caption.v-has-height > .v-widget { + height: 100% !important; + } + +} + + + +/** + * + * + * @param {bool} $include-additional-styles - + * + * @group orderedlayout + */ +@mixin valo-orderedlayout ($include-additional-styles: contains($v-included-additional-styles, orderedlayout) or contains($v-included-additional-styles, verticallayout) or contains($v-included-additional-styles, horizontallayout)) { + + .v-margin-top { + padding-top: $v-layout-margin-top; + } + + .v-margin-right { + padding-right: $v-layout-margin-right; + } + + .v-margin-bottom { + padding-bottom: $v-layout-margin-bottom; + } + + .v-margin-left { + padding-left: $v-layout-margin-left; + } + + .v-spacing { + width: $v-layout-spacing-horizontal; + height: $v-layout-spacing-vertical; + } + + @if $include-additional-styles { + .v-verticallayout-well, + .v-horizontallayout-well { + @include valo-panel-well-style; + @include valo-panel-adjust-content-margins; + } + + .v-verticallayout-card, + .v-horizontallayout-card { + @include valo-panel-style; + @include valo-panel-adjust-content-margins; + } + + .v-horizontallayout-wrapping { + @include valo-horizontallayout-wrapping-style; + } + } + +} + + +/** + * + * + * + * @group orderedlayout + */ +@mixin valo-horizontallayout-wrapping-style { + white-space: normal !important; + + & > .v-spacing + .v-slot, + & > .v-slot:first-child { + margin-bottom: $v-layout-spacing-vertical; + } + + & > .v-slot:first-child:last-child { + margin-bottom: 0; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_panel.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_panel.scss new file mode 100644 index 0000000000..42a4ff3a3d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_panel.scss @@ -0,0 +1,255 @@ +/** + * + * @group panel + */ +$v-panel-background-color: scale-color(lighten($v-app-background-color, 5%), $saturation: -5%) !default; + +/** + * + * @group panel + */ + $v-panel-border: $v-border !default; + +/** + * + * + * @param {string} $primary-stylename (v-panel) - + * @param {bool} $include-additional-styles - + * + * @group panel + */ +@mixin valo-panel ($primary-stylename: v-panel, $include-additional-styles: contains($v-included-additional-styles, panel)) { + + .#{$primary-stylename} { + @include valo-panel-style; + overflow: visible !important; + } + + .#{$primary-stylename}-caption { + @include valo-panel-caption-style; + border-radius: $v-border-radius - first-number($v-border) $v-border-radius - first-number($v-border) 0 0; + } + + .#{$primary-stylename}-content { + @include box-sizing(border-box); + width: 100%; + height: 100%; + @include valo-panel-adjust-content-margins; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + @include valo-panel-borderless-style; + } + + .#{$primary-stylename}-well { + @include valo-panel-well-style; + } + + .#{$primary-stylename}-scroll-divider { + @include valo-panel-scroll-divider-style; + } + + .#{$primary-stylename}-caption.v-horizontallayout { + height: auto !important; + line-height: 0; + + .v-slot { + vertical-align: middle; + } + + .v-label { + line-height: $v-unit-size; + } + } + } + +} + + + +/** + * + * + * @param {string} $primary-stylename (v-panel) - + * @param {color} $background-color ($v-panel-background-color) - + * @param {list} $shadow ($v-shadow) - + * @param {list} $border ($v-panel-border) - + * @param {string} $border-radius ($v-border-radius) - + * + * @group panel + */ +@mixin valo-panel-style ($primary-stylename: v-panel, $background-color : $v-panel-background-color, $shadow : $v-shadow, $border : $v-panel-border, $border-radius : $v-border-radius ) { + background: $background-color; + color: valo-font-color($background-color); + border-radius: $border-radius; + border: valo-border($border: $border, $color: darkest-color($background-color, $v-app-background-color), $strength: 0.7); + @include box-shadow(valo-bevel-and-shadow($shadow: $shadow)); +} + + + +/** + * + * + * @param {color} $background-color ($v-background-color) - + * @param {list} $bevel ($v-bevel) - + * @param {list} $gradient (valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4) - + * @param {list} $border ($v-panel-border) - + * + * @group panel + */ +@mixin valo-panel-caption-style ( $background-color : $v-background-color, $bevel : $v-bevel, $gradient : valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4, $border : $v-panel-border ) { + @include box-sizing(border-box); + padding: 0 round($v-unit-size/3); + line-height: $v-unit-size - first-number($v-border); + $bg: $background-color; + + $shadow: null; + @if color-luminance($background-color) < color-luminance($v-background-color) - 10 { + $border-style: valo-border($border: $border, $color: $bg, $strength: 0.7); + $shadow: 0 0 0 first-number($border-style) first-color($border-style); + border-bottom: none; + margin-bottom: first-number($border-style); + + .v-ie8 & { + outline: first-number($border-style) solid first-color($border-style); + } + } @else { + border-bottom: valo-border($border: $border, $color: $v-background-color, $strength: 0.7); + } + @include valo-gradient($color: $bg, $gradient: $gradient); + color: valo-font-color($bg); + font-weight: $v-caption-font-weight; + font-size: $v-caption-font-size; + @include box-shadow(valo-bevel-and-shadow($background-color: $bg, $bevel: $bevel, $shadow: $shadow, $gradient: $gradient)); + text-shadow: valo-text-shadow(valo-font-color($bg), $bg); +} + + + +/** + * + * + * @param {list} $shadow (false) - + * + * @group panel + */ +@mixin valo-panel-well-style ($shadow: false) { + @if $shadow == false { + $new-shadow: (); + @if list-of-lists($v-shadow) { + @each $part in $v-shadow { + $new-part: join(inset, $part); + $new-shadow: $new-shadow, $new-part; + } + } @else { + $new-shadow: join(inset, $v-shadow); + } + $shadow: 0 1px 0 0 v-tint, $new-shadow; + } + $bg: scale-color(adjust-color($v-background-color, $lightness: -2%), $saturation: -1.5%); + background: $bg; + color: valo-font-color($bg); + @include box-shadow(valo-bevel-and-shadow($shadow: $shadow)); + border-radius: $v-border-radius; + border: valo-border(); + + > div > [class*="-caption"] { + background: transparent; + @include box-shadow(none); + } +} + + + +/** + * + * + * + * @group panel + */ +@mixin valo-panel-borderless-style { + background: transparent; + color: inherit; + border: none; + border-radius: 0; + @include box-shadow(none); + + > div > [class*="-caption"] { + background: transparent; + @include box-shadow(none); + color: inherit; + padding: 0; + margin: 0 round($v-unit-size/3); + border-bottom: none; + } +} + + + +/** + * + * + * @param {size} $border-width (max(1px, first-number($v-panel-border))) - + * + * @group panel + */ +@mixin valo-panel-scroll-divider-style ($border-width: max(1px, first-number($v-panel-border))) { + > [class*="-captionwrap"] { + position: relative; + z-index: 2; + + &:after { + content: ""; + position: absolute; + bottom: -$border-width; + right: 0; + left: 0; + height: 0; + border-top: $border-width solid first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + $border-color: first-color(valo-border($color: $v-app-background-color, $strength: 1)); + border-color: rgba($border-color, .5); + } + } + + > [class*="-content"] { + &:before { + content: ""; + position: absolute; + z-index: 2; + top: 0; + height: 0; + border-top: $border-width solid $v-app-background-color; + left: 0; + right: 0; + } + } +} + + + +/** + * + * + * + * @group panel + */ +@mixin valo-panel-adjust-content-margins { + > .v-margin-top { + padding-top: round($v-unit-size/3); + } + + > .v-margin-right { + padding-right: round($v-unit-size/3); + } + + > .v-margin-bottom { + padding-bottom: round($v-unit-size/3); + } + + > .v-margin-left { + padding-left: round($v-unit-size/3); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_popupview.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_popupview.scss new file mode 100644 index 0000000000..f7f8ef35b7 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_popupview.scss @@ -0,0 +1,31 @@ +@include keyframes(v-popupview-animate-in) { + 0% { + @include transform(scale(0)); + } +} + +/** + * + * + * @param {string} $primary-stylename (v-popupview) - + * + * @group popupview + */ +@mixin valo-popupview ($primary-stylename: v-popupview) { + .#{$primary-stylename} { + @include valo-link-style; + } + + .#{$primary-stylename}-popup { + @include valo-overlay-style($animate-in: v-popupview-animate-in 120ms, $animate-out: (valo-animate-out-fade 120ms)); + + .popupContent { + @include valo-panel-adjust-content-margins; + } + } + + .#{$primary-stylename}-loading { + margin: $v-layout-spacing-vertical $v-layout-spacing-horizontal; + @include valo-spinner; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_progressbar.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_progressbar.scss new file mode 100644 index 0000000000..1dc8ef1b63 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_progressbar.scss @@ -0,0 +1,94 @@ +/** + * + * @group progressbar + */ +$v-progressbar-border-radius: $v-border-radius !default; + + +/** + * + * + * @param {string} $primary-stylename (v-progressbar) - + * + * @group progressbar + */ +@mixin valo-progressbar ($primary-stylename: v-progressbar) { + + .#{$primary-stylename}-wrapper { + @include valo-progressbar-track-style; + min-width: $v-unit-size * 2; + } + + .#{$primary-stylename}-indicator { + @include valo-progressbar-indicator-style; + min-width: max($v-border-radius*2, 3px); + @include transition(width 160ms ); + } + + + .#{$primary-stylename}-point { + .#{$primary-stylename}-indicator { + background: transparent; + @include box-shadow(none); + border: none; + text-align: right; + overflow: hidden; + + &:before { + content: ""; + display: inline-block; + @include valo-progressbar-indicator-style; + width: round($v-unit-size/4); + vertical-align: top; + } + } + } + + .#{$primary-stylename}-indeterminate { + @include valo-spinner; + + .#{$primary-stylename}-wrapper { + display: none; + } + } + +} + + +/** + * + * + * @param {color} $background-color ($v-background-color) - + * + * @group progressbar + */ +@mixin valo-progressbar-track-style ($background-color: $v-background-color) { + border-radius: $v-progressbar-border-radius; + height: round($v-unit-size/4); + $bg-lightness: if(color-luminance($background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); + @include valo-gradient($color: scale-color($background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to top); + @include box-sizing(border-box); +} + + +/** + * + * + * @param {color} $background-color ($v-selection-color) - + * @param {string} $border ($v-border) - + * + * @group progressbar + */ +@mixin valo-progressbar-indicator-style ($background-color: $v-selection-color, $border: $v-border) { + border-radius: $v-progressbar-border-radius; + height: inherit; + @include valo-gradient($color: $background-color); + @include box-shadow(valo-bevel-and-shadow($background-color: $background-color)); + @if $border { + border: valo-border($border: $border, $color: $background-color, $context: $v-app-background-color); + } @else { + border: none; + } + @include box-sizing(border-box); + max-width: 100%; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_richtextarea.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_richtextarea.scss new file mode 100644 index 0000000000..7aa55b0fce --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_richtextarea.scss @@ -0,0 +1,109 @@ +/** + * + * @group richtextarea + */ +$valo-richtextarea-use-valo-icons: true !default; + +/** + * + * + * @param {string} $primary-stylename (v-richtextarea) - + * + * @group richtextarea + */ +@mixin valo-richtextarea ($primary-stylename: v-richtextarea) { + .#{$primary-stylename} { + @include valo-textfield-style($states: normal, $padding: 0); + height: auto; + overflow: hidden; + } + + .#{$primary-stylename} .gwt-RichTextToolbar { + @include valo-gradient($color: $v-background-color); + @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-background-color, $gradient: $v-gradient)); + border-bottom: valo-border(); + color: valo-font-color($v-background-color); + } + + .#{$primary-stylename} .gwt-ToggleButton, + .#{$primary-stylename} .gwt-PushButton { + display: inline-block; + line-height: $v-unit-size; + width: $v-unit-size; + text-align: center; + outline: none; + + &:hover { + color: valo-font-color($v-background-color, 1); + } + } + + .#{$primary-stylename} .gwt-ToggleButton-down, + .#{$primary-stylename} .gwt-ToggleButton-down-hovering { + $grad: valo-gradient-style($v-gradient) valo-gradient-opacity($v-gradient)/4; + //box-shadow: none; + @include valo-gradient($color: darken($v-background-color, 10%), $gradient: $grad, $direction: to top); + } + + @if $valo-richtextarea-use-valo-icons { + + // List of title attribute values and Valo Icons for the formatting buttons + $icons: "Toggle Bold" "\f032", + "Toggle Italic" "\f033", + "Toggle Underline" "\f0cd", + "Toggle Subscript" "\f12c", + "Toggle Superscript" "\f12b", + "Left Justify" "\f036", + "Center" "\f037", + "Right Justify" "\f038", + "Toggle Strikethrough" "\f0cc", + "Indent Right" "\f03c", + "Indent Left" "\f03b", + "Insert Horizontal Rule" "\2014", + "Insert Ordered List" "\f0cb", + "Insert Unordered List" "\f0ca", + "Insert Image" "\f03e", + "Create Link" "\f0c1", + "Remove Link" "\f127", + "Remove Formatting" "\f12d"; + + .#{$primary-stylename} .gwt-RichTextToolbar-top { + img { + display: none; + } + + div:before { + font-family: ThemeIcons; + } + + @each $pair in $icons { + $first-of-pair: first($pair); + $last-of-pair: last($pair); + div[title="#{$first-of-pair}"]:before { + content: "#{$last-of-pair}"; + } + } + } + } // Use ThemeIcons + + .#{$primary-stylename} .gwt-RichTextToolbar-bottom { + font-size: round($v-font-size * 0.8); + padding: 0 round($v-unit-size/4) round($v-unit-size/4) 0; + + select { + margin: round($v-unit-size/4) 0 0 round($v-unit-size/4); + } + } + + .#{$primary-stylename} .gwt-RichTextArea { + background: #fff; + border: none; + display: block; + } + + .#{$primary-stylename}-readonly { + padding: ceil($v-unit-size/9) ceil($v-unit-size/6); + background: transparent; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_slider.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_slider.scss new file mode 100644 index 0000000000..6dab5be94b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_slider.scss @@ -0,0 +1,352 @@ +/** + * + * @group slider + */ +$v-slider-track-size: round($v-unit-size/8) !default; + +/** + * + * @group slider + */ +$v-slider-track-border-radius: null !default; + +/** + * + * @group slider + */ +$v-slider-handle-width: round($v-unit-size/1.8) !default; + +/** + * + * @group slider + */ +$v-slider-handle-height: round($v-unit-size/1.8) !default; + +/** + * + * @group slider + */ +$v-slider-handle-border-radius: ceil($v-slider-handle-width/2) !default; + +/** + * + * @group slider + */ +$_valo-slider-base-margin-vertical: round(($v-unit-size - $v-slider-track-size)/2); + +/** + * + * @group slider + */ +$_valo-slider-base-margin-horizontal: round($v-slider-handle-width/2); + + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * @param {bool} $include-additional-styles - + * + * @group slider + */ +@mixin valo-slider ($primary-stylename: v-slider, $include-additional-styles: contains($v-included-additional-styles, slider)) { + + // Round to an even number + $v-slider-track-size: $v-slider-track-size + $v-slider-track-size%2; + $v-slider-handle-width: $v-slider-handle-width + $v-slider-handle-width%2; + $v-slider-handle-height: $v-slider-handle-height + $v-slider-handle-height%2; + + .#{$primary-stylename} { + position: relative; + + &:focus { + outline: none; + + .#{$primary-stylename}-handle:after { + opacity: 1; + + .v-ie8 & { + visibility: visible; + } + } + } + + &.v-disabled { + @include opacity($v-disabled-opacity); + } + } + + .#{$primary-stylename}-base { + @include valo-progressbar-track-style; + min-width: $v-unit-size * 2; + height: $v-slider-track-size; + margin: $_valo-slider-base-margin-vertical $_valo-slider-base-margin-horizontal; + white-space: nowrap; + overflow: hidden; + border-radius: $v-slider-track-border-radius; + + &:before { + content: ""; + position: absolute; + top: $_valo-slider-base-margin-vertical; + bottom: $_valo-slider-base-margin-vertical; + left: $_valo-slider-base-margin-horizontal; + width: $v-border-radius * 2; + border-radius: $v-border-radius; + border-left: valo-border($color: $v-selection-color, $context: $v-app-background-color); + } + + &:after { + @include valo-progressbar-indicator-style; + content: ""; + display: inline-block; + margin-left: -100%; + width: 100%; + vertical-align: top; + + .v-ie8 & { + position: relative; + left: round(-$v-slider-handle-width/2); + } + } + } + + .v-has-width > .#{$primary-stylename}-base { + min-width: 0; + } + + .#{$primary-stylename}-handle { + margin-top: round(($v-unit-size - $v-slider-track-size)/-2); + width: .1px; // Firefox needs a non-zero value + display: inline-block; + vertical-align: top; + + &:before { + @include valo-button-style; + } + + &:after { + border: valo-border(); + @include valo-button-focus-style($border-fallback: null); + opacity: 0; + @if $v-animations-enabled { + @include transition(opacity 200ms); + } + + .v-ie8 & { + visibility: hidden; + } + } + + &:before, + &:after { + content: ""; + @include box-sizing(border-box); + padding: 0; + width: $v-slider-handle-width; + height: $v-slider-handle-height; + border-radius: $v-slider-handle-border-radius; + position: absolute; + z-index: 1; + margin-top: round(($v-unit-size - $v-slider-handle-height)/2); + margin-left: round($v-slider-handle-width/-2); + } + } + + .#{$primary-stylename}-feedback { + @include valo-tooltip-style; + } + + + + // Vertical + + + + .#{$primary-stylename}-vertical { + padding: round($v-slider-handle-width/2) 0; + height: $v-unit-size * 2 + $v-slider-handle-width; // Effectively min-height + + .#{$primary-stylename}-base { + $bg-lightness: if(color-luminance($v-background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); + @include valo-gradient($color: scale-color($v-background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to left); + width: $v-slider-track-size; + height: 100% !important; + min-width: 0; + margin: 0 round(($v-unit-size - $v-slider-track-size)/2); + + &:before { + top: auto; + bottom: $_valo-slider-base-margin-horizontal; + left: $_valo-slider-base-margin-vertical; + right: $_valo-slider-base-margin-vertical; + width: auto; + height: $v-border-radius * 2; + border-left: none; + border-bottom: valo-border($color: $v-selection-color, $context: $v-app-background-color); + } + + &:after { + height: 101%; + margin-left: 0; + @include valo-gradient($color: $v-selection-color, $direction: to right); + + .v-ie8 & { + top: round($v-slider-handle-width/2); + left: 0; + height: 130%; + } + } + } + + .#{$primary-stylename}-handle { + width: 0; + height: .1px; + width: $v-unit-size; + display: block; + + &:before, + &:after { + width: $v-slider-handle-height; + height: $v-slider-handle-width; + margin-top: round($v-slider-handle-width/-2); + margin-left: round(($v-slider-handle-height - $v-slider-track-size)/-2); + } + } + } + + + @if $include-additional-styles { + .#{$primary-stylename}-no-indicator { + @include valo-slider-no-indicator; + } + } + +} + + + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * @param {color} $background-color ($v-background-color) - + * + * @group slider + */ +@mixin valo-slider-track-style ($primary-stylename: v-slider, $background-color: $v-background-color) { + .#{$primary-stylename}-base { + @include valo-progressbar-track-style($background-color: $background-color); + height: $v-slider-track-size; + } + + &.#{$primary-stylename}-vertical { + .#{$primary-stylename}-base { + $bg-lightness: if(color-luminance($background-color) < 10, min($v-bevel-depth/2, 10%), min($v-bevel-depth/-2, -10%)); + @include valo-gradient($color: scale-color($background-color, $lightness: $bg-lightness, $saturation: $v-bevel-depth/-2), $direction: to left); + } + } +} + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * @param {color} $background-color ($v-selection-color) - + * @param {list} $border ($v-border) - + * + * @group slider + */ +@mixin valo-slider-indicator-style ($primary-stylename: v-slider, $background-color: $v-selection-color, $border: $v-border) { + .#{$primary-stylename}-base { + &:before { + border-color: first-color(valo-border($border: $border, $color: $background-color, $context: $v-app-background-color)); + } + + &:after { + @include valo-progressbar-indicator-style($background-color: $background-color, $border: $border); + } + } + + &.#{$primary-stylename}-vertical { + .#{$primary-stylename}-base { + &:after { + @include valo-gradient($color: $background-color, $direction: to right); + } + } + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * + * @group slider + */ +@mixin valo-slider-no-indicator ($primary-stylename: v-slider) { + .#{$primary-stylename}-base:before, + .#{$primary-stylename}-base:after { + display: none; + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * @param {color} $background-color ($v-background-color) - + * + * @group slider + */ +@mixin valo-slider-handle-style ($primary-stylename: v-slider, $background-color: $v-background-color) { + .#{$primary-stylename}-handle { + &:before { + @include valo-button-style($background-color: $background-color, $unit-size: null, $border-radius: null); + } + + &:after { + border: valo-border($color: $background-color); + @include valo-button-focus-style($background-color: $background-color, $border-fallback: null); + } + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-slider) - + * @param {number} $tick-count (5) - + * + * @group slider + */ +@mixin valo-slider-ticks ($primary-stylename: v-slider, $tick-count: 5) { + $tick-size: max(1px, first-number($v-border)); + $tick-color: first-color(valo-border($strength: 0.7)); + + &:before { + content: ""; + height: 15%; + position: absolute; + @include linear-gradient(to right, $tick-color $tick-size, transparent $tick-size, $fallback: transparent); + background-repeat: repeat-x; + background-size: 100%/($tick-count - 1) - 0.1% 100%; + left: $_valo-slider-base-margin-horizontal; + right: $_valo-slider-base-margin-horizontal; + } + + &.#{$primary-stylename}-vertical:before { + height: auto; + width: 15%; + @include linear-gradient(to bottom, $tick-color $tick-size, transparent $tick-size, $fallback: transparent); + background-repeat: repeat-y; + background-size: 100% 100%/($tick-count - 1) - 0.01%; + right: auto; + left: 0; + top: $_valo-slider-base-margin-horizontal; + bottom: $_valo-slider-base-margin-horizontal; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_splitpanel.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_splitpanel.scss new file mode 100644 index 0000000000..6877b8327e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_splitpanel.scss @@ -0,0 +1,231 @@ +/** + * + * + * @param {string} $primary-stylename (v-splitpanel) - + * @param {bool} $include-additional-styles - + * + * @group splitpanel + */ +@mixin valo-splitpanel($primary-stylename : v-splitpanel, $include-additional-styles: contains($v-included-additional-styles, splitpanel)) { + .#{$primary-stylename}-horizontal { + @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: horizontal); + } + + .#{$primary-stylename}-vertical { + @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: vertical); + } + + @if $include-additional-styles { + .#{$primary-stylename}-horizontal.large { + @include valo-splitpanel-style($splitter-size: round($v-unit-size/3), $splitter-handle-visible: true, $orientation: horizontal); + } + + .#{$primary-stylename}-vertical.large { + @include valo-splitpanel-style($splitter-size: round($v-unit-size/3), $splitter-handle-visible: true, $orientation: vertical); + } + } +} + + + + +/** + * + * + * @param {string} $primary-stylename (v-splitpanel) - + * + * @group splitpanel + */ +@mixin valo-splitpanel-global ($primary-stylename : v-splitpanel) { + .#{$primary-stylename}-vertical, + .#{$primary-stylename}-horizontal { + overflow: hidden; + white-space: nowrap; + } + + .#{$primary-stylename}-hsplitter { + z-index: 100; + cursor: e-resize; + cursor: col-resize; + } + + .#{$primary-stylename}-vsplitter { + z-index: 100; + cursor: s-resize; + cursor: row-resize; + } + + // Element which acts as the active dragging area + .#{$primary-stylename}-hsplitter, + .#{$primary-stylename}-vsplitter { + &:after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + div { + width: inherit; + height: inherit; + overflow: hidden; + position: relative; + } + } + + .#{$primary-stylename}-hsplitter div, + .#{$primary-stylename}-vsplitter div { + &:before { + @include box-sizing(border-box); + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + } + + .v-disabled [class$="splitter"] div { + cursor: default; + + &:before { + display: none; + } + } + + // Allow undefined/auto height for horizontal split + + .#{$primary-stylename}-horizontal > div { + > .#{$primary-stylename}-second-container { + position: static !important; + display: inline-block; + vertical-align: top; + } + + > .#{$primary-stylename}-first-container { + display: inline-block; + vertical-align: top; + } + } +} + + + +/** + * + * + * @param {string} $primary-stylename (v-splitpanel) - + * @param {size} $splitter-size (max(1px, first-number($v-border)) - + * @param {list} $splitter-active-size (round($v-unit-size/3)) - + * @param {bool} $splitter-handle-visible (false) - + * @param {list} $splitter-shadow (none) - + * @param {list} $orientation (vertical horizontal) - + * + * @group splitpanel + */ +@mixin valo-splitpanel-style( + $primary-stylename : v-splitpanel, + $splitter-size: max(1px, first-number($v-border)), + $splitter-active-size: round($v-unit-size/3), + $splitter-handle-visible: false, + $splitter-shadow: none, + $orientation: vertical horizontal + ) { + + $offset: round(($splitter-active-size - $splitter-size)/-2); + + @if contains($orientation, horizontal) { + > div > .#{$primary-stylename}-hsplitter { + width: $splitter-size; + + &:after { + left: $offset; + right: $offset; + } + + div { + &:before { + @include valo-button-style($shadow: $splitter-shadow); + height: auto; + padding: 0; + border-radius: 0; + @include valo-gradient($color: $v-background-color, $direction: to right); + } + + @if $splitter-handle-visible { + &:after { + @include valo-splitpanel-splitter-handle-style($horizontal: true); + } + } + } + } + + > div > .#{$primary-stylename}-second-container { + margin-left: $splitter-size; + } + } + + @if contains($orientation, vertical) { + > div > .#{$primary-stylename}-vsplitter { + height: $splitter-size; + + &:after { + top: $offset; + bottom: $offset; + } + + div { + &:before { + @include valo-button-style($shadow: $splitter-shadow); + height: auto; + padding: 0; + border-radius: 0; + } + + @if $splitter-handle-visible { + &:after { + @include valo-splitpanel-splitter-handle-style; + } + } + } + } + } +} + + + +/** + * + * + * @param {bool} $horizontal (false) - + * @param {bool} $include-common (true) - + * + * @group splitpanel + */ +@mixin valo-splitpanel-splitter-handle-style ($horizontal: false, $include-common: true) { + @if $include-common { + content: ""; + border: valo-border($strength: 0.6); + $border-color: first-color(valo-border($strength: 1.2)); + border-top-color: $border-color; + border-left-color: $border-color; + position: absolute; + top: 50%; + left: 50%; + } + + @if $horizontal { + width: 0; + height: $v-unit-size; + margin-left: first-number($v-border)*-1; + margin-top: round(-$v-unit-size/2); + } @else { + width: $v-unit-size; + height: 0; + margin-left: round(-$v-unit-size/2); + margin-top: first-number($v-border)*-1; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_table.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_table.scss new file mode 100644 index 0000000000..a832b3a4da --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_table.scss @@ -0,0 +1,834 @@ +/** + * + * @group table + */ +$v-table-row-height: $v-unit-size !default; + +/** + * + * @group table + */ +$v-table-border-width: first-number($v-border) !default; + +/** + * + * @group table + */ +$v-table-border-color: null !default; + +/** + * + * @group table + */ +$v-table-border-radius: 0 !default; + +/** + * + * @group table + */ +$v-table-cell-padding-horizontal: round($v-unit-size/3) !default; + +/** + * + * @group table + */ +$v-table-resizer-width: round($v-unit-size/4.5) !default; + +/** + * + * @group table + */ +$v-table-sort-indicator-width: round($v-unit-size/2) !default; + +/** + * + * @group table + */ +$v-table-header-font-size: round($v-font-size * 0.86) !default; + +/** + * + * @group table + */ +$v-table-background-color: null !default; + + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-global ($primary-stylename: v-table) { + + .#{$primary-stylename}-header table, + .#{$primary-stylename}-footer table, + .#{$primary-stylename}-table { + border-spacing: 0; + border-collapse: separate; + margin: 0; + padding: 0; + border: 0; + line-height: $v-line-height; + } + + .#{$primary-stylename}-resizer, + .#{$primary-stylename}-sort-indicator { + float: right; + } + + .#{$primary-stylename}-caption-container-align-center { + text-align: center; + } + + .#{$primary-stylename}-caption-container-align-right { + text-align: right; + } + + .#{$primary-stylename}-header td, + .#{$primary-stylename}-footer td, + .#{$primary-stylename}-cell-content { + padding: 0; + } + + .#{$primary-stylename}-sort-indicator { + width: 0; + } + +} + + + + +/** + * + * + * @param {color} $context ($v-background-color) - + * + * @return {color} - + * + * @group table + */ +@function valo-table-background-color($context: $v-background-color) { + @if is-dark-color($context) { + @return darken($context, 2%); + } + @return lighten($context, 2%); +} + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * @param {bool} $include-additional-styles - + * + * @group table + */ +@mixin valo-table ($primary-stylename: v-table, $include-additional-styles: contains($v-included-additional-styles, table)) { + + $background-color: $v-table-background-color or valo-table-background-color(); + $border-color: $v-table-border-color or first-color(valo-border($color: $background-color, $strength: 0.8)); + + .#{$primary-stylename} { + // For scroll position indicator + position: relative; + background: $v-background-color; + color: valo-font-color($v-background-color); + + // Hide row focus outline + overflow: hidden; + } + + .#{$primary-stylename}-header table, + .#{$primary-stylename}-footer table, + .#{$primary-stylename}-table { + @include box-shadow(0 0 0 $v-table-border-width $border-color); + + .v-ie8 & { + outline: $v-table-border-width solid $border-color; + } + } + + .#{$primary-stylename}-header-wrap, + .#{$primary-stylename}-footer-wrap, + .#{$primary-stylename}-header-drag { + border: $v-table-border-width solid $border-color; + @include valo-gradient($v-background-color); + white-space: nowrap; + font-size: $v-table-header-font-size; + text-shadow: valo-text-shadow(); + } + + .#{$primary-stylename}-header-wrap { + position: relative; + border-bottom: none; + @if $v-table-border-radius > 0 { + border-radius: $v-table-border-radius $v-table-border-radius 0 0; + } + } + + .#{$primary-stylename}-footer-wrap { + border-top: none; + @if $v-table-border-radius > 0 { + border-radius: 0 0 $v-table-border-radius $v-table-border-radius; + } + } + + .#{$primary-stylename}-footer td { + border-left: $v-table-border-width solid $border-color; + // Hack to overcome fixed "magic number" in VScrollTable.FooterCell (assumes 1px border) + @if $v-table-border-width != 1px { + display: inline-block; + margin-left: ($v-table-border-width - 1px) * -1; + + &:first-child { + margin-left: 0; + } + } + } + + .#{$primary-stylename}-footer-container, + .#{$primary-stylename}-caption-container { + overflow: hidden; + line-height: 1; + min-height: $v-table-row-height; + @include box-sizing(border-box); + + .v-ie8 & { + // IE8 has issues with border-box and min-height + // -> custom calculations to subtract vertical padding from row height. + $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); + min-height: $v-table-row-height - ($vertical-padding - $v-table-border-width) - $vertical-padding; + } + } + + .#{$primary-stylename}-footer-container { + $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); + padding: $vertical-padding - $v-table-border-width $v-table-cell-padding-horizontal $vertical-padding; + float: right; + } + + [class^="#{$primary-stylename}-header-cell"] { + position: relative; + } + + .#{$primary-stylename}-caption-container, + .#{$primary-stylename}-header-drag { + $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); + padding: $vertical-padding $v-table-cell-padding-horizontal $vertical-padding - $v-table-border-width; + border-left: $v-table-border-width solid $border-color; + } + + .#{$primary-stylename}-caption-container-align-right { + padding-right: $v-table-cell-padding-horizontal - $v-table-resizer-width; + } + + .#{$primary-stylename}-resizer { + height: $v-table-row-height; + width: $v-table-resizer-width; + cursor: e-resize; + cursor: col-resize; + position: relative; + right: round($v-table-resizer-width / -2); + z-index: 1; + margin-left: -$v-table-resizer-width; + } + + .#{$primary-stylename}-cell-content { + border-left: $v-table-border-width solid $border-color; + overflow: hidden; + height: $v-table-row-height; + vertical-align: middle; + + &:first-child { + border-left: none; + padding-left: $v-table-border-width; + } + } + + .#{$primary-stylename}-header td:first-child .#{$primary-stylename}-caption-container, + .#{$primary-stylename}-footer td:first-child { + border-left-color: transparent; + } + + + .#{$primary-stylename}-cell-wrapper { + line-height: 1; + padding: 0 $v-table-cell-padding-horizontal; + @include box-sizing(border-box); + margin-right: 0 !important; + + > .v-widget { + // Leave some breathing room around the table cell and the widget + margin: round($v-table-cell-padding-horizontal / 4) round($v-table-cell-padding-horizontal / -2); + + &.v-label, + &.v-checkbox, + &.v-select-optiongroup { + margin: 0; + } + &.v-progressbar { + margin-left: 0; + margin-right: 0; + } + } + } + + .#{$primary-stylename}-body { + border: $v-table-border-width solid $border-color; + @include user-select(text); + } + + .#{$primary-stylename}-table { + background-color: $background-color; + white-space: nowrap; + } + + .#{$primary-stylename}-table td { + border-top: $v-table-border-width solid $border-color; + } + + .#{$primary-stylename}-table tr:first-child > td { + border-top: none; + } + + .#{$primary-stylename}-row { + background-color: $background-color; + cursor: pointer; + } + + .#{$primary-stylename}-row-odd { + $bg-lightness: if(color-luminance($background-color) < 10, 4%, -4%); + background-color: scale-color($background-color, $lightness: $bg-lightness); + cursor: pointer; + } + + .#{$primary-stylename}-body-noselection .#{$primary-stylename}-row, + .#{$primary-stylename}-body-noselection .#{$primary-stylename}-row-odd { + cursor: default; + } + + .#{$primary-stylename} [class*="-row"].v-selected { + $selected-border-color: adjust-color($v-selection-color, $lightness: -8%, $saturation: -8%); + + @include valo-gradient($v-selection-color); + background-origin: border-box; + $font-color: valo-font-color($v-selection-color, 0.9); + color: $font-color; + text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-color); + + + .v-selected { + $gradient-end: first(last(valo-gradient-color-stops($v-selection-color))); + background: $gradient-end; + + td { + border-top-color: $gradient-end; + } + } + + .#{$primary-stylename}-cell-content { + border-color: transparent; + border-left-color: $selected-border-color; + + &:first-child { + border-left-color: transparent; + } + } + } + + .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator, + .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator { + background: transparent; + width: $v-table-sort-indicator-width; + height: $v-table-row-height; + line-height: $v-table-row-height; + margin-left: -$v-table-sort-indicator-width; + } + + .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator:before, + .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator:before { + font-style: normal; + font-weight: normal; + display: inline-block; + } + + .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator:before { + @include valo-table-sort-asc-icon-style; + } + + .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator:before { + @include valo-table-sort-desc-icon-style; + } + + + [class*="rowheader"] span.v-icon { + min-width: 1em; + } + + + .#{$primary-stylename}-focus { + $outline-width: max($v-table-border-width, 1px); + outline: $outline-width solid $v-focus-color; + outline-offset: -$outline-width; + } + + .v-drag-element.#{$primary-stylename}-focus, + .v-drag-element .#{$primary-stylename}-focus { + outline: none; + } + + .#{$primary-stylename}-header-drag { + position: absolute; + @include opacity(0.9); + margin-top: round($v-table-row-height/-2); + z-index: 30000; + line-height: 1; + } + + .#{$primary-stylename}-focus-slot-right { + border-right: $v-table-border-width + 2px solid $v-focus-color; + right: -$v-table-border-width - 1px; + margin-left: -$v-table-resizer-width - $v-table-border-width - 2px !important; + } + + .#{$primary-stylename}-focus-slot-left { + float: left; + border-left: $v-table-border-width + 2px solid $v-focus-color; + left: -$v-table-border-width; + right: auto; + margin-left: 0 !important; + margin-right: -$v-table-resizer-width - $v-table-border-width - 2px; + } + + .#{$primary-stylename}-column-selector { + @include valo-button-style($shadow: null); + position: absolute; + z-index: 2; + top: 0; + right: 0; + width: round($v-unit-size/2); + height: round($v-unit-size/2); + line-height: round($v-unit-size/2); + padding: 0; + border-top-width: 0; + border-right-width: 0; + border-radius: 0 0 0 $v-border-radius; + cursor: pointer; + text-align: center; + + @include opacity(0); + @if $v-animations-enabled { + @include transition(opacity 200ms 2s); + } + + &:after { + content: ""; + position: absolute; + border: none; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + &:active:after { + @include valo-button-active-style; + } + &:before { + @include valo-table-column-selector-icon-style; + } + } + + .#{$primary-stylename}-header-wrap:hover .#{$primary-stylename}-column-selector { + @include opacity(1); + @include transition-delay(200ms); + } + + .v-on, + .v-off { + &:before { + @include valo-table-column-visible-icon-style; + font-size: 0.9em; + margin-right: round($v-unit-size/6); + } + div { + display: inline; + } + } + .v-off:before { + visibility: hidden; + } + + + tbody.v-drag-element { + display: block; + overflow: visible; + @include box-shadow(none); + background: transparent; + @include opacity(1); + + tr { + display: block; + @include valo-drag-element-style($background-color: null); + background: $background-color; + + &[style*="hidden"] { + + } + } + } + + + .#{$primary-stylename}-body { + // Show on top of scroll position indicator (allow scroll events to hit the body instead of indicator) + position: relative; + z-index: 1; + } + + .#{$primary-stylename}-scrollposition { + position: absolute; + top: 50%; + width: 100%; + height: $v-unit-size; + line-height: $v-unit-size; + margin: round($v-unit-size/-2) 0 0 !important; + text-align: center; + } + + + + + + // Drag'n'drop styles + + .#{$primary-stylename}-drag { + // Show drag focus outline + overflow: visible; + } + + .#{$primary-stylename}-drag .#{$primary-stylename}-body { + @include box-shadow(0 0 0 2px rgba($v-focus-color, .5)); + + @if color-luminance($v-focus-color) + 50 < color-luminance($background-color) { + border-color: $v-focus-color; + } + + .v-ie8 & { + border-color: $v-focus-color; + } + + .#{$primary-stylename}-focus { + outline: none; + } + } + + .#{$primary-stylename}-row-drag-middle .#{$primary-stylename}-cell-content { + $bg: mix($v-focus-color, $background-color, 20%); + background-color: $bg; + color: valo-font-color($bg); + } + + .#{$primary-stylename}-row-drag-bottom td.#{$primary-stylename}-cell-content { + border-bottom: 2px solid $v-focus-color; + height: $v-table-row-height - 2px; + } + + .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-wrapper { + margin-bottom: -2px; + } + + .#{$primary-stylename}-row-drag-top td.#{$primary-stylename}-cell-content { + border-top: 2px solid $v-focus-color; + height: $v-table-row-height - 2px + $v-table-border-width; + } + + .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-wrapper { + margin-top: -1px; + } + + + + + @if $include-additional-styles { + .#{$primary-stylename}-no-stripes { + @include valo-table-no-stripes-style; + } + + .#{$primary-stylename}-no-vertical-lines { + @include valo-table-no-vertical-lines-style; + } + + .#{$primary-stylename}-no-horizontal-lines { + @include valo-table-no-horizontal-lines-style; + } + + .#{$primary-stylename}-no-header { + @include valo-table-no-header-style; + } + + .#{$primary-stylename}-borderless { + @include valo-table-borderless-style; + } + + .#{$primary-stylename}-compact, + .#{$primary-stylename}-small { + @include valo-table-spacing-style($row-height: $v-unit-size--small, $cell-padding-horizontal: round($v-table-cell-padding-horizontal / 2)); + } + + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + + &.v-treetable .#{$primary-stylename}-cell-wrapper { + min-height: $v-font-size--small; + } + } + } + +} + + + + +/** + * + * + * + * @group table + */ +@mixin valo-table-sort-asc-icon-style { + content: '\f0de'; + font-family: ThemeIcons; +} + +/** + * + * + * + * @group table + */ +@mixin valo-table-sort-desc-icon-style { + content: '\f0dd'; + font-family: ThemeIcons; +} + +/** + * + * + * + * @group table + */ +@mixin valo-table-column-selector-icon-style { + font-family: ThemeIcons; + content: "\f013"; +} + +/** + * + * + * + * @group table + */ +@mixin valo-table-column-visible-icon-style { + content: "\f00c"; + font-family: ThemeIcons; +} + + + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-no-stripes-style ($primary-stylename: v-table) { + .#{$primary-stylename}-row, + .#{$primary-stylename}-row-odd { + background: transparent; + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-no-vertical-lines-style ($primary-stylename: v-table) { + .#{$primary-stylename}-cell-content { + border-left: none; + padding-left: $v-table-border-width; + } + + &.v-treetable { + .#{$primary-stylename}-cell-content { + padding-left: $v-table-cell-padding-horizontal + $v-table-border-width; + } + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-no-horizontal-lines-style ($primary-stylename: v-table) { + .#{$primary-stylename}-cell-content { + border-top: none; + border-bottom: none; + } + + .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-content, + .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-content { + height: $v-table-row-height - 1px; + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-no-header-style ($primary-stylename: v-table) { + .#{$primary-stylename}-header-wrap { + display: none; + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-table) - + * + * @group table + */ +@mixin valo-table-borderless-style ($primary-stylename: v-table) { + .#{$primary-stylename}-header-wrap, + .#{$primary-stylename}-footer-wrap, + .#{$primary-stylename}-header-drag, + .#{$primary-stylename}-body { + border: none; + } + + // TODO copy pasted from the main mixin + $background-color: $v-table-background-color or valo-table-background-color(); + $border-color: $v-table-border-color or first-color(valo-border($color: $background-color, $strength: 0.7)); + + .#{$primary-stylename}-header-wrap { + border-bottom: $v-table-border-width solid $border-color; + } + + .#{$primary-stylename}-footer-wrap { + border-top: $v-table-border-width solid $border-color; + } +} + + +@mixin valo-table-spacing-style ( + $primary-stylename: v-table, + $row-height: $v-table-row-height, + $header-font-size: $v-table-header-font-size, + $cell-padding-horizontal: $v-table-cell-padding-horizontal + ) { + + $vertical-padding: round(($row-height - $header-font-size)/2); + + .#{$primary-stylename}-header-wrap, + .#{$primary-stylename}-footer-wrap, + .#{$primary-stylename}-header-drag { + font-size: $header-font-size; + } + + .#{$primary-stylename}-footer-container { + padding: $vertical-padding - $v-table-border-width $cell-padding-horizontal + $v-table-border-width $vertical-padding; + } + + .#{$primary-stylename}-caption-container, + .#{$primary-stylename}-header-drag { + padding-top: $vertical-padding; + padding-bottom: $vertical-padding - $v-table-border-width; + padding-left: $cell-padding-horizontal; + padding-right: $cell-padding-horizontal; + } + + .#{$primary-stylename}-caption-container-align-right { + padding-right: max(0, $cell-padding-horizontal - $v-table-resizer-width); + } + + .#{$primary-stylename}-resizer { + height: $row-height; + } + + .#{$primary-stylename}-cell-content { + height: $row-height; + } + + .#{$primary-stylename}-cell-wrapper { + padding-left: $cell-padding-horizontal; + padding-right: $cell-padding-horizontal; + + > .v-widget { + margin: round($cell-padding-horizontal / 4) round($cell-padding-horizontal / -2); + + &.v-label, + &.v-checkbox, + &.v-select-optiongroup { + margin: 0; + } + &.v-progressbar { + margin-left: 0; + margin-right: 0; + } + } + } + + .#{$primary-stylename}-header-cell-asc .#{$primary-stylename}-sort-indicator, + .#{$primary-stylename}-header-cell-desc .#{$primary-stylename}-sort-indicator { + height: $row-height; + line-height: $row-height; + } + + .#{$primary-stylename}-header-drag { + margin-top: round($row-height/-2); + } + + &.v-treetable { + .#{$primary-stylename}-cell-wrapper { + padding-left: 0; + padding-right: 0; + min-height: $v-font-size; + } + + .#{$primary-stylename}-cell-content { + padding-left: $cell-padding-horizontal; + padding-right: $cell-padding-horizontal; + + &:first-child { + padding-left: $cell-padding-horizontal + $v-table-border-width; + } + } + + .#{$primary-stylename}-footer-container { + padding-left: $cell-padding-horizontal; + padding-right: $cell-padding-horizontal; + } + } + + .#{$primary-stylename}-row-drag-top .#{$primary-stylename}-cell-content, + .#{$primary-stylename}-row-drag-bottom .#{$primary-stylename}-cell-content { + height: $row-height - 1px; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_tabsheet.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_tabsheet.scss new file mode 100644 index 0000000000..07fdb4650b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_tabsheet.scss @@ -0,0 +1,610 @@ +/** + * Should the tabsheet content changes be animated. + * + * @group tabsheet + */ +$v-tabsheet-content-animation-enabled: $v-animations-enabled !default; + + +/** + * Outputs the global selectors and properties for the TabSheet component - styles which are + * considered mandatory for the component to work properly. + * + * @param {string} $primary-stylename (v-tabsheet) - the primary style name for the selectors + * + * @group tabsheet + */ +@mixin valo-tabsheet-global ($primary-stylename: v-tabsheet) { + .#{$primary-stylename}-hidetabs > .#{$primary-stylename}-tabcontainer, + .#{$primary-stylename}-spacertd, + .v-disabled .#{$primary-stylename}-scroller, + .#{$primary-stylename} .v-disabled .#{$primary-stylename}-caption-close { + display: none; + } + + .#{$primary-stylename} { + overflow: visible !important; + position: relative; + } + + .#{$primary-stylename}-tabcontainer { + table, + tbody, + tr { + display: inline-block; + border-spacing: 0; + border-collapse: collapse; + vertical-align: top; + } + + td { + display: inline-block; + padding: 0; + } + } + + .#{$primary-stylename}-tabs { + white-space: nowrap; + @include box-sizing(border-box); + } + + .#{$primary-stylename}-content { + position: relative; + + > div > .v-scrollable { + @include valo-panel-adjust-content-margins; + } + } + +} + + +/** + * Outputs the selectors and properties for the TabSheet component. + * + * @param {string} $primary-stylename (v-tabsheet) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group tabsheet + */ +@mixin valo-tabsheet ($primary-stylename: v-tabsheet, $include-additional-styles: contains($v-included-additional-styles, tabsheet)) { + .#{$primary-stylename} { + &:not(.v-has-width) { + width: auto !important; + } + } + + .#{$primary-stylename}-spacertd { + display: none !important; + } + + .#{$primary-stylename}-tabcontainer { + @include valo-tabsheet-tabcontainer-style($primary-stylename); + } + + .#{$primary-stylename}-tabitemcell { + @include valo-tabsheet-tabitemcell-style($primary-stylename); + } + + .#{$primary-stylename}-scroller { + @include valo-tabsheet-scroller-style($primary-stylename); + } + + + @if $v-tabsheet-content-animation-enabled { + .#{$primary-stylename}-tabsheetpanel > .v-scrollable > .v-widget { + @include valo-animate-in-fade(300ms); + } + + $spinner-size: round($v-unit-size/2); + $spinner-size: $spinner-size + $spinner-size % 2; + + .#{$primary-stylename}-deco { + @include valo-spinner($size: $spinner-size); + display: none; + position: absolute; + z-index: 1; + bottom: 50%; + margin-bottom: round($v-unit-size/-2) - $spinner-size/2; + left: 50%; + margin-left: $spinner-size/-2; + } + + .#{$primary-stylename}-loading .#{$primary-stylename}-deco { + display: block; + } + } + + + @if $include-additional-styles { + .#{$primary-stylename}-equal-width-tabs { + @include valo-tabsheet-equal-width-tabs-style($flex: false); + } + + .#{$primary-stylename}-framed { + @include valo-tabsheet-framed-style; + } + + .#{$primary-stylename}-centered-tabs { + @include valo-tabsheet-align-tabs-style($align: center); + } + + .#{$primary-stylename}-right-aligned-tabs { + @include valo-tabsheet-align-tabs-style($align: right); + } + + .#{$primary-stylename}-padded-tabbar { + @include valo-tabsheet-padded-tabbar-style; + } + + .#{$primary-stylename}-icons-on-top { + @include valo-tabsheet-icons-on-top-style; + } + + .#{$primary-stylename}-compact-tabbar { + > .#{$primary-stylename}-tabcontainer-compact-tabbar .v-caption { + line-height: 1.8; + } + } + + .#{$primary-stylename}-only-selected-closable { + @include valo-tabsheet-only-selected-closable-style; + } + } + +} + + +/** + * Outputs the styles for the tabcontainer element of a tabsheet. + * + * @group tabsheet + */ +@mixin valo-tabsheet-tabcontainer-style ($primary-stylename: v-tabsheet) { + position: relative; + @include box-sizing(border-box); + + &:before { + content: ""; + position: absolute; + height: 0; + // iOS panics with background color, creating black line artifacts + border-top: max(1px, first-number($v-border)) solid first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + bottom: 0; + left: 0; + right: 0; + } + + .#{$primary-stylename}-tabs { + position: relative; + } +} + + +/** + * Outputs the styles for the tabitemcell element of a tabsheet. + * + * @group tabsheet + */ +@mixin valo-tabsheet-tabitemcell-style ($primary-stylename: v-tabsheet) { + vertical-align: bottom; + + .#{$primary-stylename}-tabitem { + line-height: 0; + overflow: hidden; + } + + .v-caption { + margin-left: round($v-unit-size/2); + padding: 0 round($v-unit-size/10); + @include box-sizing(border-box); + cursor: pointer; + text-align: center; + line-height: $v-unit-size; + font-size: round($v-font-size * 0.95); + font-weight: $v-font-weight; + color: valo-font-color($v-app-background-color, 0.58); + width: auto !important; + overflow: hidden; + text-overflow: ellipsis; + border-bottom: max(1px, first-number($v-border))*2 solid transparent; + position: relative; + + @if $v-animations-enabled { + @include transition(border-bottom 200ms, color 200ms); + } + + .v-captiontext { + display: inline; + } + + .v-icon + .v-captiontext { + margin-left: round($v-unit-size/4); + } + + &:hover { + color: $v-selection-color; + } + + &.v-disabled { + @include opacity($v-disabled-opacity); + cursor: default; + color: inherit !important; + } + } + + &:first-child .v-caption, + &[aria-hidden="true"] + td .v-caption { + margin-left: 0; + } + + &:focus { + outline: none; + + .v-caption { + color: $v-selection-color; + } + } + + .#{$primary-stylename}-tabitem-selected .v-caption.v-caption { + border-bottom-color: $v-selection-color; + color: $v-selection-color; + } + + .v-caption-closable { + padding-right: round($v-unit-size/10) + round($v-font-size * 1.1); + } + + &.icons-on-top .v-caption-closable { + padding-right: round($v-unit-size/10); + } + + .#{$primary-stylename}-caption-close { + position: absolute; + right: 0; + top: 50%; + margin: round($v-font-size / -2) 0 0; + font-size: round($v-font-size * 1.1); + line-height: round($v-font-size * 1.1); + width: round($v-font-size * 1.1); + text-align: center; + border-radius: round($v-border-radius/2); + color: valo-font-color($v-app-background-color, 0.4); + + &:hover { + background: rgba(#000, .03); + color: $v-selection-color; + } + + &:active { + background: $v-selection-color; + color: valo-font-color($v-selection-color); + } + } +} + + +/** + * Outputs the styles for the tab scroller element of a tabsheet. + * + * @group tabsheet + */ +@mixin valo-tabsheet-scroller-style ($primary-stylename: v-tabsheet) { + $border-color: first-color(valo-border($strength: 0.5)); + + position: absolute; + top: 0; + right: 0; + bottom: 0; + padding-left: round($v-unit-size/2); + @include linear-gradient(to left, $v-background-color 70%, rgba($v-background-color, 0) 100%, $fallback: transparent); + pointer-events: none; + + &:after { + content: ""; + height: first-number($v-border); + position: absolute; + bottom: 0; + left: 0; + right: 0; + display: block; + @include linear-gradient(to left, $border-color 70%, rgba($border-color, 0) 100%, $fallback: transparent); + } + + .v-ie8 &, + .v-ie9 & { + background-color: $v-background-color; + + &:after { + background-color: $border-color; + } + } + + button { + @include appearance(none); + border: none; + background: transparent; + font: inherit; + color: inherit; + height: 100%; + margin: 0; + padding: 0 round($v-unit-size/4); + outline: none; + cursor: pointer; + pointer-events: auto; + @include opacity(.5); + + &:hover { + @include opacity(1); + color: $v-selection-color; + } + + &:active { + @include opacity(.7); + color: $v-selection-color; + } + + &::-moz-focus-inner { + padding: 0; + border: 0 + } + } + + [class*="Next"] { + padding-left: round($v-unit-size/8); + &:before { + @include valo-tabsheet-scroller-next-icon-style; + } + } + + [class*="Prev"] { + padding-right: round($v-unit-size/8); + &:before { + @include valo-tabsheet-scroller-prev-icon-style; + } + } + + [class*="disabled"] { + cursor: default; + color: inherit !important; + @include opacity(.1, true); + } +} + + +/** + * Outputs the font icon styles for the previous button element of a tabsheet scroller. + * + * @group tabsheet + */ +@mixin valo-tabsheet-scroller-prev-icon-style { + font-family: ThemeIcons; + content: "\f053"; +} + + +/** + * Outputs the font icon styles for the next button element of a tabsheet scroller. + * + * @group tabsheet + */ +@mixin valo-tabsheet-scroller-next-icon-style { + font-family: ThemeIcons; + content: "\f054"; +} + + +/** + * Outputs the styles for the framed tabsheet style. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * @param {bool} $frame-inactive-tabs (true) - Should inactive tabs be framed as well (the active tab is always framed with this style) + * @param {bool} $outer-frame (true) - Should the frame contain the whole tabsheet (i.e. tabbar and tab content). If false, works like a "borderless" style. + * @param {size} $tab-spacing ($v-unit-size/10) - The spacing between tabs + * + * @group tabsheet + */ +@mixin valo-tabsheet-framed-style ($primary-stylename: v-tabsheet, $frame-inactive-tabs: true, $outer-frame: true, $tab-spacing: round($v-unit-size/10)) { + > .#{$primary-stylename}-tabcontainer { + .v-caption { + margin-left: $tab-spacing or first-number($v-border) * -1; + padding: 0 $v-layout-spacing-horizontal; + background-color: $v-app-background-color; + border: first-number($v-border) solid transparent; + line-height: $v-unit-size - first-number($v-border); + border-radius: $v-border-radius $v-border-radius 0 0; + font-weight: $v-font-weight + 100; + + @if $v-animations-enabled { + @include transition(background-color 160ms); + } + + &:hover { + background-color: darken($v-app-background-color, 3%); + border-bottom-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + } + + &.v-disabled:hover { + background-color: $v-app-background-color; + } + } + + .v-caption-closable { + padding-right: $v-layout-spacing-horizontal + round($v-font-size * 1.1); + } + + .#{$primary-stylename}-caption-close { + top: round($v-font-size/4); + right: round($v-font-size/4); + margin-top: 0; + } + + td:first-child .v-caption, + [aria-hidden="true"] + td .v-caption { + margin-left: 0; + } + + @if $frame-inactive-tabs { + .#{$primary-stylename}-tabitem .v-caption { + border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + } + } + + .#{$primary-stylename}-tabitem-selected .v-caption { + background: $v-panel-background-color; + border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); + border-bottom: none; + padding-bottom: first-number($v-border); + } + } + + > .#{$primary-stylename}-content { + // iOS panics with black line artifacts, + // moving the background color to an inner element fixes it + > div { + background: $v-panel-background-color; + } + + @if $outer-frame { + border: valo-border($color: $v-app-background-color, $strength: 0.5); + border-top: none; + } + } + + &.padded-tabbar { + > .#{$primary-stylename}-tabcontainer { + @if $outer-frame { + border: valo-border($color: $v-app-background-color, $strength: 0.5); + border-bottom: none; + } + + background: $v-background-color; + padding-top: round($v-unit-size/6); + } + } + + &.icons-on-top { + > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabitem-selected .v-caption { + padding-bottom: round($v-unit-size/6) + first-number($v-border); + } + } +} + + +/** + * Outputs the styles for a tabsheet where the tabs are aligned to the position specified by the parameter in the tabbar. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * @param {string} $align (center) - The alignment of the tabs inside the tabbar. Possible values: left, right, center. + * + * @group tabsheet + */ +@mixin valo-tabsheet-align-tabs-style ($primary-stylename: v-tabsheet, $align: center) { + > .#{$primary-stylename}-tabcontainer { + text-align: $align; + } +} + + +/** + * Outputs the styles for a tabsheet where all tabs in the tabbar have equal width and span the entire width of the tabbar. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * @param {bool} $flex (false) - Should the size of the tabs be proportional to their content, i.e. should the available space in the tabbar be distributed to the tabs in relation to their content sizes. + * + * @group tabsheet + */ +@mixin valo-tabsheet-equal-width-tabs-style ($primary-stylename: v-tabsheet, $flex: false) { + > .#{$primary-stylename}-tabcontainer { + table, + tbody, + tr { + width: 100%; + } + + tr { + display: table; + @if $flex == false { + table-layout: fixed; + } + } + + td { + display: table-cell; + } + + .v-caption { + margin: 0; + display: block; + } + } +} + + +/** + * Outputs the styles for a tabsheet where the icons of individual tabs are on top of the tab captions. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * + * @group tabsheet + */ +@mixin valo-tabsheet-icons-on-top-style ($primary-stylename: v-tabsheet) { + > .#{$primary-stylename}-tabcontainer { + .v-caption { + padding-top: round($v-unit-size/6); + padding-bottom: round($v-unit-size/6); + line-height: 1.2; + } + + .v-icon { + display: block; + + + .v-captiontext.v-captiontext { + margin-left: 0; + } + } + + .v-caption-closable { + padding-right: $v-layout-spacing-horizontal; + } + + .#{$primary-stylename}-caption-close { + top: round($v-font-size/4); + margin-top: 0; + } + } +} + + +/** + * Outputs the styles for a tabsheet where only the selected tab has the close button visible. + * Note that the other tabs can still be closed programmatically. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * + * @group tabsheet + */ +@mixin valo-tabsheet-only-selected-closable-style ($primary-stylename: v-tabsheet) { + > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-caption-close { + visibility: hidden; + } + + > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabitem-selected .#{$primary-stylename}-caption-close { + visibility: visible; + } +} + + +/** + * Outputs the styles for a tabsheet where the tabbar has increased padding to separate the tabs + * inside it from their surrounding container. + * + * @param {string} $primary-stylename (v-tabsheet) - The primary style name for the selectors + * + * @group tabsheet + */ +@mixin valo-tabsheet-padded-tabbar-style ($primary-stylename: v-tabsheet) { + > .#{$primary-stylename}-tabcontainer .#{$primary-stylename}-tabs { + padding: 0 round($v-unit-size/4); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_textarea.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_textarea.scss new file mode 100644 index 0000000000..d600bc14c2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_textarea.scss @@ -0,0 +1,120 @@ +/** + * Outputs the selectors and properties for the TextArea component. + * + * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group textarea + */ +@mixin valo-textarea ($primary-stylename: v-textarea, $include-additional-styles: contains($v-included-additional-styles, textarea)) { + + .#{$primary-stylename} { + @include valo-textarea-style; + width: $v-default-field-width; + } + + .#{$primary-stylename}-readonly { + @include valo-textfield-readonly-style; + } + + .#{$primary-stylename}-error { + @include valo-textfield-error-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + @include valo-textfield-borderless-style; + } + + .#{$primary-stylename}-tiny { + @include valo-textarea-style($unit-size: $v-unit-size--tiny, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); + font-size: $v-font-size--tiny; + } + + .#{$primary-stylename}-small { + @include valo-textarea-style($unit-size: $v-unit-size--small, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-textarea-style($unit-size: $v-unit-size--large, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-huge { + @include valo-textarea-style($unit-size: $v-unit-size--huge, $states: normal, $background-color: null, $border: null, $bevel: null, $shadow: null); + font-size: $v-font-size--huge; + } + + .#{$primary-stylename}-align-right { + text-align: right; + } + + .#{$primary-stylename}-align-center { + text-align: center; + } + } + +} + + +/** + * Outputs the styles for a text area variant. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the text area, which corresponds its height + * @param {size | list} $padding (null) - The padding of the text area. Computed from other parameters by default. + * @param {color} $font-color (null) - The font color of the text area. Computed from the $background-color by default. + * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the text area + * @param {size} $font-size (null) - The font size of the text area. Inherited from the parent by default. + * @param {color} $background-color ($v-textfield-background-color) - The background color of the text area + * @param {list} $border ($v-textfield-border) - The border of the text area + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the text area + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {list} $states (normal focus disabled) - The text area states for which to output corresponding styles + * + * @group textfield + */ +@mixin valo-textarea-style ( + $unit-size : $v-unit-size, + $padding : round($v-unit-size/6), + + $font-color : null, + $font-weight : max(400, $v-font-weight), + $font-size : null, + + $background-color : $v-textfield-background-color, + $border : $v-textfield-border, + $border-radius : $v-textfield-border-radius, + + $bevel : $v-textfield-bevel, + $shadow : $v-textfield-shadow, + + $states : (normal, focus, disabled) + ) { + + @include valo-textfield-style($unit-size: $unit-size, $padding: $padding, + $font-color: $font-color, + $font-weight: $font-weight, + $font-size: $font-size, + + $background-color: $background-color, + $border: $border, + $border-radius: $border-radius, + + $bevel: $bevel, + $shadow: $shadow, + + $states: $states); + height: auto; + resize: none; + white-space: pre-wrap; // Restore default, because .v-widget sets it to normal + + .v-ie8 &, + .v-ie9 & { + line-height: inherit; + padding-top: round($unit-size/9); + padding-bottom: round($unit-size/9); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_textfield.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_textfield.scss new file mode 100644 index 0000000000..50cb7b8042 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_textfield.scss @@ -0,0 +1,399 @@ +/** + * The background color for text fields. + * @group textfield + */ +$v-textfield-background-color: if(is-dark-color($v-app-background-color), darken($v-app-background-color, 4%), lighten($v-app-background-color, 8%)) !default; + +/** + * The background color for read-only text fields. + * @group textfield + */ +$v-textfield-background-color--readonly: darkest-color($v-app-background-color, darken($v-textfield-background-color, 2%)); + +/** + * The bevel style for text fields. See the documentation for $v-bevel. + * @group textfield + */ +$v-textfield-bevel: if($v-bevel and ($v-bevel != none), inset 0 1px 0 v-shade, $v-bevel) !default; + +/** + * The shadow style for text fields. See the documentation for $v-shadow. + * @group textfield + */ +$v-textfield-shadow: 0 1px 0 (v-tint 2) !default; + +/** + * The font-weight for text fields. + * @group textfield + */ +$v-textfield-font-weight: 400 !default; + +/** + * The border style for text fields. See the documentation for $v-border. + * @group textfield + */ +$v-textfield-border: $v-border !default; + +/** + * The border-radius for text fields. See the documentation for $v-border-radius; + * @group textfield + */ +$v-textfield-border-radius: $v-border-radius !default; + +/** + * The opacity for disabled text fields. + * @group textfield + */ +$v-textfield-disabled-opacity: $v-disabled-opacity !default; + + +/** + * Outputs the selectors and properties for the TextField component. + * + * @param {string} $primary-stylename (v-textfield) - the primary style name for the selectors + * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component + * + * @group textfield + */ +@mixin valo-textfield ($primary-stylename: v-textfield, $include-additional-styles: contains($v-included-additional-styles, textfield)) { + + .#{$primary-stylename} { + @include valo-textfield-style; + width: $v-default-field-width; + } + + .#{$primary-stylename}-readonly { + @include valo-textfield-readonly-style; + } + + .#{$primary-stylename}-error { + @include valo-textfield-error-style; + } + + + @if $include-additional-styles { + .#{$primary-stylename}-borderless { + @include valo-textfield-borderless-style; + } + + .#{$primary-stylename}-tiny { + @include valo-textfield-style($unit-size: $v-unit-size--tiny, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); + font-size: $v-font-size--tiny; + } + + .#{$primary-stylename}-compact, + .#{$primary-stylename}-small { + @include valo-textfield-style($unit-size: $v-unit-size--small, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); + } + + .#{$primary-stylename}-small { + font-size: $v-font-size--small; + } + + .#{$primary-stylename}-large { + @include valo-textfield-style($unit-size: $v-unit-size--large, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); + font-size: $v-font-size--large; + } + + .#{$primary-stylename}-huge { + @include valo-textfield-style($unit-size: $v-unit-size--huge, $states: normal, $background-color: null, $border: null, $gradient: null, $bevel: null, $shadow: null); + font-size: $v-font-size--huge; + } + + @include valo-textfield-inline-icon($stylenames: inline-icon); + @include valo-textfield-inline-icon($stylenames: inline-icon tiny, $unit-size: $v-unit-size--tiny, $font-size: $v-font-size--tiny); + @include valo-textfield-inline-icon($stylenames: inline-icon compact, $unit-size: $v-unit-size--small); + @include valo-textfield-inline-icon($stylenames: inline-icon small, $unit-size: $v-unit-size--small, $font-size: $v-font-size--small); + @include valo-textfield-inline-icon($stylenames: inline-icon large, $unit-size: $v-unit-size--large, $font-size: $v-font-size--large); + @include valo-textfield-inline-icon($stylenames: inline-icon huge, $unit-size: $v-unit-size--huge, $font-size: $v-font-size--huge); + + .#{$primary-stylename}-align-right { + text-align: right; + } + + .#{$primary-stylename}-align-center { + text-align: center; + } + } + +} + + +/** + * Outputs the styles for a text field variant. + * + * @param {size} $unit-size ($v-unit-size) - The sizing of the text field, which corresponds its height + * @param {size | list} $padding (null) - The padding of the text field. Computed from other parameters by default. + * @param {color} $font-color (null) - The font color of the text field. Computed from the $background-color by default. + * @param {number} $font-weight (max(400, $v-font-weight)) - The font weight of the text field + * @param {size} $font-size (null) - The font size of the text field. Inherited from the parent by default. + * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field + * @param {list} $border ($v-textfield-border) - The border of the text field + * @param {size} $border-radius ($v-textfield-border-radius) - The border-radius of the text field + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {list} $states (normal focus disabled) - The text field states for which to output corresponding styles + * + * @group textfield + */ +@mixin valo-textfield-style ( + $unit-size : $v-unit-size, + $padding : null, + + $font-color : null, + $font-weight : max(400, $v-font-weight), + $font-size : null, + + $background-color : $v-textfield-background-color, + $border : $v-textfield-border, + $border-radius : $v-textfield-border-radius, + + $gradient : none, + $bevel : $v-textfield-bevel, + $shadow : $v-textfield-shadow, + + $states : (normal, focus, disabled) + ) { + + @if contains($states, normal) { + @include appearance(none); + @include user-select(text); + margin: 0; + font: inherit; + font-size: $font-size; + font-weight: $font-weight; + line-height: normal; + height: $unit-size; + border-radius: $border-radius; + + .v-ie8 &, + .v-ie9 & { + line-height: $unit-size; + padding-top: 0; + padding-bottom: 0; + } + + @if type-of($padding) == number or type-of($padding) == list { + padding: $padding; + } @else { + $padding-width: ceil($unit-size/6); + @if $border-radius { + $padding-width: $padding-width + ceil($border-radius/3); + } + $padding-height: round($unit-size/9); + padding: $padding-height $padding-width; + } + + @if $background-color and $border { + border: valo-border($border, darkest-color($background-color, $v-app-background-color)); + } + + @if $gradient == none { + background: $background-color; + } @else if $gradient { + @include valo-gradient($color: $background-color, $gradient: $gradient) + } + + @if $background-color { + color: valo-font-color($background-color); + } + + @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient)); + + @if $v-animations-enabled { + @include transition(box-shadow 180ms, border 180ms); + } + } + + @if contains($states, disabled) { + &.v-disabled { + @include opacity($v-textfield-disabled-opacity); + } + } + + @if contains($states, focus) { + &:focus { + @include valo-textfield-focus-style($bevel: $bevel, $shadow: $shadow, $gradient: $gradient, $background-color: $background-color); + } + } + + // TODO allow parent selector to be used in interpolation + &[class*="prompt"] { + @include valo-textfield-prompt-style($background-color); + } + +} + + +/** + * Outputs the styles for a text field input prompt. + * + * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field + * + * @group textfield + */ +@mixin valo-textfield-prompt-style ($background-color: $v-textfield-background-color) { + @if $background-color == transparent { + color: inherit; + @include opacity(.5); + } @else if type-of($background-color) == color { + $font-color: valo-font-color($background-color); + $font-color: mix($background-color, $font-color); + @if is-dark-color($background-color) and saturation($background-color) > 50% { + $font-color: scale-color($font-color, $lightness: 20%); + } + $font-color: scale-color($font-color, $saturation: saturation($font-color)); + color: $font-color; + } +} + + +/** + * Outputs the styles for a text field focus state. + * + * @param {list} $bevel ($v-textfield-bevel) - Box-shadow value according to $v-bevel documentation + * @param {list} $shadow ($v-textfield-shadow) - Box-shadow value according to $v-shadow documentation + * @param {color} $background-color ($v-textfield-background-color) - The background color of the text field + * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. + * + * @group textfield + */ +@mixin valo-textfield-focus-style ($bevel: $v-textfield-bevel, $shadow: $v-textfield-shadow, $background-color: $v-textfield-background-color, $gradient: null) { + outline: none; + @if $v-animations-enabled { + @include transition(none); + } + + $focus-color: $v-focus-color; + + @if color-luminance($focus-color) + 50 < color-luminance($v-background-color) { + border-color: $focus-color; + } + + @include box-shadow(valo-bevel-and-shadow($bevel: $bevel, $shadow: $shadow, $background-color: $background-color, $gradient: $gradient, $include-focus: true)); + + @include valo-focus-style; +} + + +/** + * Outputs the styles for a read-only text field. + * + * @group textfield + */ +@mixin valo-textfield-readonly-style { + background: $v-textfield-background-color--readonly; + color: valo-font-color($v-textfield-background-color--readonly); + @include box-shadow(none); + &:focus { + box-shadow: none; + border-color: first-color(valo-border($v-textfield-border, $v-textfield-background-color--readonly)); + } +} + + +/** + * Outputs the styles for a borderless style text field. + * + * @param {color} $background-color (transparent) - The background color of the text field + * + * @group textfield + */ +@mixin valo-textfield-borderless-style ($background-color: transparent) { + border: none; + border-radius: 0; + background: $background-color; + @include box-shadow(none); + + $font-color: inherit; + @if $background-color != transparent and type-of($background-color) == color { + $font-color: valo-font-color($background-color); + } + color: $font-color; + + &:focus { + @include box-shadow(none); + } + + &[class*="prompt"] { + @include valo-textfield-prompt-style($background-color); + } +} + + +/** + * Outputs the styles for a text field error state. + * + * @group textfield + */ +@mixin valo-textfield-error-style { + border-color: $v-error-indicator-color !important; + $bg: scale-color($v-error-indicator-color, $lightness: 98%); + background: $bg; + color: valo-font-color($bg); +} + + +/** + * Outputs the selectors and styles for an inline-icon style for a text field. Included indipendently (i.e. not enclosed with a parent text field selector). + * + * @param {string} $primary-stylename (v-textfield) - The primary style name for the selectors + * @param {string | list} $stylenames (inline-icon) - The additional style names which will define the inline-icon style + * @param {string} $input-selector (null) - Additional selector for a nested input element which should be targeted + * @param {size} $unit-size ($v-unit-size) - The unit size which the resulting style will support + * @param {size} $font-size ($v-font-size) - The font size which the resulting style will support (needed for font icons) + * @param {size} $image-icon-size (16px) - The image icon height which the resulting style will support (needed to center the icon vertically inside the text field) + * + * @group text field + */ +@mixin valo-textfield-inline-icon($primary-stylename: v-textfield, $stylenames: inline-icon, $input-selector: null, $unit-size: $v-unit-size, $font-size: $v-font-size, $image-icon-size: 16px) { + $slot-selector: ""; + $caption-selector: ""; + $text-input-selector: ""; + + @each $style in $stylenames { + $slot-selector: $slot-selector + ".v-slot-" + $style; + $caption-selector: $caption-selector + ".v-caption-" + $style; + $text-input-selector: $text-input-selector + "." + $primary-stylename + "-" + $style; + } + + #{$slot-selector} { + position: relative; + } + + #{$caption-selector} { + padding: 0; + + .v-captiontext { + // Need to include to get the default padding back + @include valo-caption-style; + margin: 0; + } + + .v-icon { + position: absolute; + z-index: 10; + } + + // Font icons + span.v-icon { + $border-width: first-number($v-textfield-border); + left: $border-width; + bottom: $border-width; + width: $unit-size; + line-height: $unit-size - $border-width*2; + text-align: center; + font-size: $font-size; + } + + // Image icons + img.v-icon { + left: round(($unit-size - $image-icon-size)/2); + bottom: round(($unit-size - $image-icon-size)/2); + } + } + + #{$text-input-selector} #{$input-selector} { + padding-left: $unit-size; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_tree.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_tree.scss new file mode 100644 index 0000000000..95ae8d3b5e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_tree.scss @@ -0,0 +1,308 @@ +/** + * + * @group tree + */ +$v-tree-row-height: round($v-unit-size/1.3) !default; + +/** + * + * @group tree + */ +$v-tree-animations-enabled: true !default; + +/** + * + * @group tree + */ +$v-tree-expand-animation-enabled: false !default; + + +@if $v-tree-expand-animation-enabled { + @include keyframes(valo-tree-node-open) { + 0% { + max-height: 0; + } + 100% { + max-height: $v-tree-row-height * 10; + } + } + + @include keyframes(valo-tree-node-close) { + 0% { + max-height: $v-tree-row-height * 10; + } + 100% { + max-height: 0; + } + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-tree) - + * + * @group tree + */ +@mixin valo-tree ($primary-stylename: v-tree) { + + .#{$primary-stylename} { + position: relative; + white-space: nowrap; + + &:focus { + outline: none; + } + } + + .#{$primary-stylename}-node { + &:before { + content: ""; + position: absolute; + display: inline-block; + z-index: 3; + width: 1.9em; + height: $v-tree-row-height; + cursor: pointer; + // IE 9/10 need some color so that this element can receive mouse events. + // 'red' just happens to be the shortest color name. + background: red; + opacity: 0; + + .v-ie8 & { + position: static; + margin-left: -1.9em; + vertical-align: top; + @include valo-tree-collapsed-icon-style; + text-align: center; + background: transparent; + } + } + + .v-ie8 & { + padding-left: 1.9em; + } + } + + .#{$primary-stylename}-node-caption { + height: $v-tree-row-height; + line-height: $v-tree-row-height - 1px; + overflow: hidden; + white-space: nowrap; + + // Mainly to satisty IE8 (doesn't harm other browsers) + vertical-align: top; + + & > div { + display: inline-block; + width: 100%; + position: relative; + z-index: 2; + + &:before { + @include valo-tree-collapsed-icon-style; + display: inline-block; + width: .5em; + text-align: center; + margin: 0 .6em 0 .8em; + + @if $v-tree-animations-enabled { + @include transition(all 100ms); + } + + .v-ie8 & { + display: none; + } + } + } + + span { + padding-right: $v-tree-row-height; + cursor: pointer; + display: inline-block; + // Allow to click on the whole row (almost, at least the right side part) + width: 100%; + + // IE does strange things when the width is wider than the parent + .v-ie & { + width: auto; + } + } + + .v-icon { + padding-right: 0; + width: auto; + min-width: 1em; + } + + &:after { + content: ""; + display: block; + vertical-align: top; + position: absolute; + z-index: 1; + left: 0; + margin-top: -$v-tree-row-height; + width: 100%; + height: $v-tree-row-height; + border-radius: $v-border-radius; + opacity: 0; + + @if $v-tree-animations-enabled { + @include transition(opacity 120ms); + } + + .v-ie8 & { + content: none; + } + } + + .v-ie8 & { + display: inline-block; + } + } + + .#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-caption > div:before { + @include valo-tree-expanded-icon-style; + + @if $v-tree-animations-enabled { + @include transform(rotate(90deg)); + @include valo-tree-collapsed-icon-style; + } + } + + .v-ie8 & .#{$primary-stylename}-node-expanded:before { + @include valo-tree-expanded-icon-style(true); + } + + .#{$primary-stylename}-node-leaf:before, + .#{$primary-stylename}-node-leaf > .#{$primary-stylename}-node-caption > div:before { + visibility: hidden; + } + + .#{$primary-stylename}-node-focused { + // This a v-tree-node-caption element + &:after { + opacity: 1; + border: 1px solid $v-focus-color; + } + + .v-ie8 & { + outline: 1px dotted $v-focus-color; + } + } + + + + .#{$primary-stylename}-node-selected { + $font-color: valo-font-color($v-selection-color, 0.9); + color: $font-color; + text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-item-selection-color); + + &:after { + opacity: 1; + @include valo-gradient($v-selection-color); + border: none; + + .v-ie8 & { + //visibility: visible; + } + } + + .v-ie8 & { + @include valo-gradient($v-selection-color); + } + } + + .#{$primary-stylename}-node-children { + padding-left: round($v-unit-size/2); + + .v-ie8 & { + padding-left: 0; + } + } + + @if $v-tree-expand-animation-enabled { + .#{$primary-stylename}-node-children[style*="display: none"] { + @include animation(valo-tree-node-close 400ms ease-out forwards); + display: block !important; + } + + .#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-children { + @include animation(valo-tree-node-open 400ms ease-in); + } + } + + + + // Drag'n'drop styles + + .#{$primary-stylename}-node-drag-top:before, + .#{$primary-stylename}-node-drag-bottom:after, + .#{$primary-stylename}-node-drag-bottom.#{$primary-stylename}-node-dragfolder.#{$primary-stylename}-node-expanded > .#{$primary-stylename}-node-children:before { + content: "\2022"; + display: block; + position: absolute; + height: 2px; + width: 100%; + background: $v-focus-color; + font-size: $v-font-size * 2; + line-height: 2px; + color: $v-focus-color; + text-indent: round($v-font-size/-4); + text-shadow: 0 0 1px $v-background-color, 0 0 1px $v-background-color; + opacity: 1; + visibility: visible; + } + + .#{$primary-stylename}-node-drag-bottom.#{$primary-stylename}-node-dragfolder.#{$primary-stylename}-node-expanded:after { + content: none; + } + + .#{$primary-stylename}-node-caption-drag-center { + @include box-shadow(0 0 0 2px $v-focus-color); + position: relative; + border-radius: $v-border-radius; + + .v-ie8 & { + outline: 2px solid $v-focus-color; + } + } + + .v-ff & .#{$primary-stylename}-node-drag-top:before, + .v-ff & .#{$primary-stylename}-node-drag-bottom:after { + line-height: 1px; + } + + .v-ie8 & .#{$primary-stylename}-node-drag-top:before, + .v-ie8 & .#{$primary-stylename}-node-drag-bottom:after { + line-height: 0; + } +} + + +/** + * + * + * + * @group tree + */ +@mixin valo-tree-collapsed-icon-style { + content: "\f0da"; + font-family: ThemeIcons; +} + +/** + * + * + * @param {bool} $force (false) - + * + * @group tree + */ +@mixin valo-tree-expanded-icon-style ($force: false) { + @if $v-tree-animations-enabled == false or $force { + content: "\f0d7"; + font-family: ThemeIcons; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_treetable.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_treetable.scss new file mode 100644 index 0000000000..60b696315b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_treetable.scss @@ -0,0 +1,66 @@ +/** + * + * + * @param {string} $primary-stylename (v-treetable) - + * + * @group treetable + */ +@mixin valo-treetable ($primary-stylename: v-treetable) { + .#{$primary-stylename} { + [class*="caption-container"], + [class*="footer-container"], + [class*="cell-wrapper"] { + @include box-sizing(content-box); + padding-left: 0; + padding-right: 0; + } + + [class*="caption-container"], + [class*="footer-container"] { + $vertical-padding: round(($v-table-row-height - $v-table-header-font-size)/2); + min-height: $v-table-row-height - $vertical-padding - ($vertical-padding - $v-table-border-width); + } + + [class*="cell-wrapper"] { + min-height: $v-font-size; + } + + [class*="caption-container"] { + padding-left: $v-table-cell-padding-horizontal; + } + + [class*="caption-container-align-right"] { + padding-left: $v-table-cell-padding-horizontal + $v-table-resizer-width; + } + + [class*="footer-container"] { + padding-right: $v-table-cell-padding-horizontal; + } + + [class*="cell-content"] { + padding-left: $v-table-cell-padding-horizontal; + padding-right: $v-table-cell-padding-horizontal; + + &:first-child { + padding-left: $v-table-cell-padding-horizontal + $v-table-border-width; + } + } + } + + .#{$primary-stylename}-treespacer { + display: inline-block; + position: absolute; + width: round($v-unit-size/2) !important; + margin-left: round($v-unit-size/-2) - round($v-table-cell-padding-horizontal/2); + text-align: center; + cursor: pointer; + } + + .#{$primary-stylename}-node-closed:before { + @include valo-tree-collapsed-icon-style; + } + + .#{$primary-stylename}-node-open:before { + @include valo-tree-expanded-icon-style($force: true); + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_twincolselect.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_twincolselect.scss new file mode 100644 index 0000000000..51063e236f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_twincolselect.scss @@ -0,0 +1,105 @@ +/** + * + * + * @param {string} $primary-stylename (v-select-twincol) - + * + * @group twin-column-select + */ +@mixin valo-twincolselect ($primary-stylename: v-select-twincol) { + + .#{$primary-stylename} { + white-space: normal; + + select { + @include valo-nativeselect-select-style; + } + + .v-textfield, + .v-nativebutton { + width: auto !important; + margin-top: round($v-unit-size/4); + } + + .v-nativebutton { + margin-left: round($v-unit-size/4); + } + } + + .#{$primary-stylename}-caption-left, + .#{$primary-stylename}-caption-right { + @include valo-caption-style; + } + + .#{$primary-stylename}-buttons { + white-space: nowrap; + display: inline-block; + vertical-align: top; + position: relative; + min-width: 3.5em; + + .v-button { + @include valo-widget-style; + position: absolute; + left: round($v-unit-size/4); + right: round($v-unit-size/4); + top: $v-unit-size - first-number($v-border); + padding: 0; + text-align: center; + + &:first-child { + top: 0; + } + } + + .v-button-caption { + display: none; + } + + .v-button:focus { + z-index: 1; + } + + @if $v-border-radius > 0 { + .v-button:first-child { + border-radius: $v-border-radius $v-border-radius 0 0; + } + + .v-button:last-child { + border-radius: 0 0 $v-border-radius $v-border-radius; + } + } + + .v-button-wrap:before { + @include valo-twincolselect-remove-icon-style; + } + + .v-button:first-child .v-button-wrap:before { + @include valo-twincolselect-add-icon-style; + } + } + +} + + + +/** + * + * + * + * @group twin-column-select + */ +@mixin valo-twincolselect-add-icon-style { + font-family: ThemeIcons; + content: "\f054"; +} + +/** + * + * + * + * @group twin-column-select + */ +@mixin valo-twincolselect-remove-icon-style { + font-family: ThemeIcons; + content: "\f053"; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_upload.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_upload.scss new file mode 100644 index 0000000000..1616e80563 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_upload.scss @@ -0,0 +1,27 @@ +/** + * + * + * @param {string} $primary-stylename (v-upload) - + * + * @group upload + */ +@mixin valo-upload ($primary-stylename: v-upload) { + .#{$primary-stylename} .v-button { + @include valo-widget-style; + } + + .#{$primary-stylename}-immediate .v-button { + width: 100%; + } + + .#{$primary-stylename}-immediate input[type="file"] { + @include opacity(0); + z-index: -1; + position: absolute; + right: 0; + height: $v-unit-size; + text-align: right; + border: none; + background: transparent; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_valo-menu.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_valo-menu.scss new file mode 100644 index 0000000000..48ba22174b --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_valo-menu.scss @@ -0,0 +1,559 @@ +/** + * @group valo-menu + */ + +$valo-menu-background-color: scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default; + +/** + * + * + * @param {string} $bg ($valo-menu-background-color) - + * + * @group valo-menu + */ +@mixin valo-menu ($bg: $valo-menu-background-color) { + + .valo-menu { + @include valo-menu-style($bg); + } + + .valo-menu-toggle { + display: none; + position: fixed; + z-index: 200; + $offset: floor(($v-unit-size - $v-unit-size * 0.8) / 2); + top: $offset; + left: $offset; + min-width: 0; + } + + .valo-menu-part { + border-left: valo-border($color: $bg, $strength: 0.6); + height: 100%; + padding-bottom: $v-unit-size; + overflow: auto; + + &:first-child { + border-left: none; + } + } + + .valo-menu-title, + .valo-menu-subtitle, + .valo-menu-item { + display: block; + line-height: inherit; + white-space: nowrap; + position: relative; + + .valo-menu-badge { + position: absolute; + right: round($v-unit-size/2); + } + } + + .valo-menu-title { + @include valo-menu-title-style; + text-align: center; + + .v-menubar.v-menubar { + background: transparent; + border-color: first-color(valo-border($color: $v-selection-color)); + color: inherit; + @include box-shadow(none); + text-shadow: inherit; + } + + .v-menubar-menuitem { + background: transparent; + @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-selection-color, $gradient: $v-gradient)); + text-shadow: inherit; + font-size: $v-font-size; + border-color: inherit; + } + + h1, .v-label-h1, + h2, .v-label-h2, + h3, .v-label-h3, + h4, .v-label-h4 { + margin-top: 0; + margin-bottom: 0; + color: inherit; + } + } + + .v-menubar-user-menu { + @include valo-menubar-borderless-style; + margin: round($v-unit-size/2) round($v-unit-size/5); + display: block; + overflow: hidden; + text-align: center; + height: auto; + color: inherit; + + > .v-menubar-menuitem { + color: inherit; + white-space: normal; + line-height: 1.4; + margin: 0; + + img.v-icon { + width: round($v-unit-size * 1.5); + height: round($v-unit-size * 1.5); + border-radius: ceil($v-unit-size * 1.5 / 2 + first-number($v-border)); + box-shadow: valo-bevel-and-shadow($bevel: null, $shadow: $v-shadow); + display: block; + margin: 0 auto .3em; + border: valo-border(); + } + + &:after { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + } + + .v-menubar-menuitem-selected { + background: transparent; + } + } + + .valo-menu-subtitle { + @include valo-menu-subtitle-style($bg); + } + + .valo-menuitems { + display: block; + } + + .valo-menu-item { + @include valo-menu-item-style($bg); + } + + .valo-menu-part.large-icons { + @include valo-menu-large-icons-style($bg); + } + + .valo-menu-logo { + @include valo-menu-logo-style; + } + + @include valo-menu-responsive; + +} + + +/** + * + * + * + * @group valo-menu + */ +@mixin valo-menu-responsive { + .valo-menu-responsive { + @include width-range($min: 801px, $max: 1100px) { + .valo-menu-part { + @include valo-menu-large-icons-style($valo-menu-background-color); + } + } + + @include width-range($max: 800px) { + padding-top: $v-unit-size; + -webkit-box-sizing: border-box; + box-sizing: border-box; + + .v-loading-indicator { + top: $v-unit-size; + } + + > .v-widget { + position: relative !important + } + + .valo-menu { + border-right: none; + } + + .valo-menu-part { + overflow: visible; + } + + .valo-menu-toggle { + display: inline-block; + } + + .valo-menu-title { + position: fixed; + z-index: 100; + top: 0; + left: 0; + right: 0; + height: $v-unit-size !important; + padding-top: 0; + padding-bottom: 0; + -webkit-backface-visibility: hidden; + } + + .valo-menu .v-menubar-user-menu { + position: fixed; + z-index: 100; + top: 0; + right: 0; + margin: 0; + padding: 0; + height: $v-unit-size; + color: valo-font-color($v-selection-color, 0.5); + max-width: 30%; + -webkit-backface-visibility: hidden; + + .v-menubar-menuitem { + line-height: $v-unit-size - 1px; + white-space: nowrap; + } + + img.v-icon { + display: inline-block; + margin: 0 round($v-unit-size / 6) 0 0; + width: round($v-unit-size / 2); + height: round($v-unit-size / 2); + border-radius: ceil($v-unit-size / 4); + border: none; + } + } + + .valo-menuitems { + @include valo-menu-style; + position: fixed; + z-index: 9000; + top: $v-unit-size; + bottom: 0; + height: auto; + max-width: 100%; + overflow: auto; + padding: round($v-unit-size / 2) 0; + @include transform(translatex(-100%)); + @include transition(all 300ms); + } + + .valo-menu-visible .valo-menuitems { + @include transform(translatex(0%)); + } + } + + @include width-range($max: 500px) { + .valo-menu-toggle .v-button-caption { + display: none; + } + + .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption { + display: inline-block; + width: round($v-unit-size / 2); + overflow: hidden; + } + } + } +} + + + +/** + * + * + * @param {string} $bg ($valo-menu-background-color) - + * + * @group valo-menu + */ +@mixin valo-menu-style ($bg: $valo-menu-background-color) { + height: 100%; + @include linear-gradient(to left, (darken($bg, valo-gradient-opacity() / 2) 0%, $bg round($v-unit-size/4)), $fallback: $bg); + color: valo-font-color($bg, 0.5); + font-size: round($v-font-size * 0.9); + line-height: round($v-unit-size * 0.8); + border-right: valo-border($color: $bg); + white-space: nowrap; +} + + + +/** + * + * + * + * @group valo-menu + */ +@mixin valo-menu-title-style { + line-height: 1.2; + @include valo-gradient($color: $v-selection-color); + $font-color: valo-font-color($v-selection-color, 1); + color: $font-color; + text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-color); + padding: round($v-unit-size/3) round($v-unit-size/2); + font-size: round($v-font-size * 0.9); + border-bottom: valo-border($color: $v-selection-color); + @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow)); +} + + + +/** + * + * + * @param {color} $bg ($valo-menu-background-color) - + * + * @group valo-menu + */ +@mixin valo-menu-subtitle-style ($bg: $valo-menu-background-color) { + color: valo-font-color($bg, 0.33); + margin: round($v-unit-size/5) 0 round($v-unit-size/5) round($v-unit-size/2); + border-bottom: valo-border($color: $bg, $strength: 0.5, $border: first-number($v-border) solid v-tone); + + [class*="badge"] { + color: mix(valo-font-color($bg), $v-selection-color); + } +} + + + +/** + * + * + * @param {color} $bg ($valo-menu-background-color) - + * + * @group valo-menu + */ +@mixin valo-menu-item-style ($bg: $valo-menu-background-color) { + $font-color: valo-font-color($bg, 0.5); + outline: none; + font-weight: $v-font-weight + 100; + padding: 0 round($v-unit-size) 0 round($v-unit-size/2); + cursor: pointer; + position: relative; + overflow: hidden; + text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $bg, $offset: 2px); + @include transition(background-color 300ms, color 60ms); + + $diff: color-luminance($bg) - color-luminance($v-selection-color); + $active-color: $v-selection-color; + @if abs($diff) < 30 { + $active-color: lighten($v-selection-color, 10%); + } + + [class*="caption"] { + vertical-align: middle; + display: inline-block; + width: 90%; + max-width: 15em; + padding-right: round($v-unit-size/2); + text-overflow: ellipsis; + overflow: hidden; + } + + [class*="badge"] { + @if abs($diff) < 50 { + color: mix(valo-font-color($bg), $v-selection-color); + } @else { + color: $active-color; + } + } + + &.selected { + background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); + + .v-icon { + color: $active-color; + } + + [class*="badge"] { + @include valo-badge-style($states: active, $active-color: $active-color); + } + } + + &:focus, + &:hover, + &.selected { + color: valo-font-color($bg, 1); + } + + // Font icons + span.v-icon { + min-width: 1em; + margin-right: round($v-unit-size/2); + text-align: center; + vertical-align: middle; + + @if $v-gradient { + -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75))); + } + + + span { + margin-left: 0; + } + } + + [class*="badge"] { + @include valo-badge-style($states: inactive, $background-color: lighten($bg, 5%)); + } +} + + + + +/** + * + * + * @param {string} $states (inactive active) - + * @param {color} $background-color (null) - + * @param {color} $active-color ($v-selection-color) - + * + * @group valo-menu + */ +@mixin valo-badge-style ($states: inactive active, $background-color: null, $active-color: $v-selection-color) { + @if contains($states, inactive) { + background-color: $background-color; + @include transition(background-color 300ms); + line-height: 1; + padding: round($v-unit-size/9) round($v-unit-size/6); + min-width: round($v-font-size/1.5); + text-align: center; + top: (round($v-unit-size * 0.8) - round($v-font-size * 0.9) - round($v-unit-size/9) * 2) / 2; + border-radius: $v-border-radius; + } + + @if contains($states, active) { + @include valo-gradient($color: $active-color); + color: valo-font-color($active-color); + } +} + + + +/** + * + * + * @param {color} $bg (darken($valo-menu-background-color, 4%)) - + * + * @group valo-menu + */ +@mixin valo-menu-large-icons-style ($bg: darken($valo-menu-background-color, 4%)) { + background-color: $bg; + min-width: $v-unit-size * 2; + max-width: $v-unit-size * 3; + + .valo-menu-title { + font-size: round($v-font-size * 0.75); + + .v-label-undef-w { + white-space: normal; + } + } + + .v-menubar-user-menu { + margin-left: 0; + margin-right: 0; + font-size: round($v-font-size * 0.7); + + img.v-icon { + width: round($v-unit-size/1.3); + height: round($v-unit-size/1.3); + } + } + + [class*="subtitle"] { + margin: round($v-unit-size/4) 0 0; + padding: round($v-unit-size/5) round($v-unit-size/1.5) round($v-unit-size/5) round($v-unit-size/4); + line-height: 1; + border: none; + text-overflow: ellipsis; + overflow: hidden; + background: darken($bg, 6%); + font-size: round($v-font-size * 0.8); + box-shadow: valo-bevel-and-shadow($shadow: $v-shadow); + + [class*="badge"] { + right: round($v-unit-size/4); + } + + + .valo-menu-item { + border-top: none; + } + } + + .valo-menu-item { + display: block; + font-size: round($v-font-size * 1.6); + line-height: 1; + padding: round($v-unit-size/3); + text-align: center; + border-top: valo-border($color: $bg, $strength: 0.2, $border: first-number($v-border) solid v-tone); + + &:first-child { + border-top: none; + } + + [class*="caption"] { + display: block; + width: auto; + margin: .3em 0 0; + padding: 0; + font-size: round($v-font-size * 0.7); + line-height: 1.3; + } + + .v-icon { + margin: 0; + } + + span.v-icon { + opacity: 0.8; + } + + &.selected { + background: if(is-dark-color($bg), darken($bg, 3%), lighten($bg, 5%)); + + .v-icon { + opacity: 1; + } + + [class*="badge"] { + border-color: darken($bg, 3%); + } + } + + [class*="badge"] { + padding-left: round($v-unit-size/9); + padding-right: round($v-unit-size/9); + top: round($v-unit-size/5); + right: round($v-unit-size/5); + border: 2px solid $bg; + } + } +} + + + +/** + * + * + * + * @group valo-menu + */ +@mixin valo-menu-logo-style { + display: block; + overflow: hidden; + width: round($v-unit-size * 1.2) !important; + height: round($v-unit-size * 1.2); + border-radius: $v-border-radius; + text-align: center; + @include valo-gradient($color: $v-selection-color); + color: valo-font-color($v-selection-color, 1); + font-size: round($v-unit-size/1.5); + line-height: round($v-unit-size * 1.2); + margin: round($v-unit-size/2) auto; + @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow)); + + &:focus { + outline: none; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_widget.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_widget.scss new file mode 100644 index 0000000000..85bc96ba9f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_widget.scss @@ -0,0 +1,23 @@ +/** + * + */ +@mixin valo-widget-style { + // Baseline expectations for all Vaadin widgets + @include box-sizing(border-box); + display: inline-block; + vertical-align: top; + + // Reset, since ordered layout uses text-align for horizotal alignment inside slots and + // white-space: nowrap; for horizontal layout orientation + text-align: left; + white-space: normal; +} + +/** + * + */ +@mixin valo-widget { + .v-widget { + @include valo-widget-style; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/_window.scss b/themes/src/main/resources/VAADIN/themes/valo/components/_window.scss new file mode 100644 index 0000000000..0b01949593 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/components/_window.scss @@ -0,0 +1,424 @@ +/** + * @group window + */ +$v-window-background-color: $v-panel-background-color !default; + +/** + * @group window + */ +$v-window-border-radius: $v-border-radius !default; + +/** + * @group window + */ +$v-window-shadow: 0 2px 10px (v-shade 2), 0 16px 80px -6px (v-shade 3), last($v-overlay-shadow) !default; + +/** + * @group window + */ +$v-window-animate-in: valo-animate-in-fade 140ms !default; + +/** + * @group window + */ +$v-window-animate-out: valo-animate-out-scale-down-fade 100ms !default; + +/** + * @group window + */ +$v-window-modality-curtain-background-color: #222 !default; + + +@if $v-animations-enabled { + @include keyframes(valo-modal-window-indication) { + 0% { opacity: 0; } + 100% { opacity: 1; } + } + + @include keyframes(valo-animate-out-scale-down-fade) { + 100% { + @include transform(scale(0.8)); + opacity: 0; + } + } +} + + +/** + * + * + * @param {string} $primary-stylename (v-window) - + * + * @group window + */ +@mixin valo-window ($primary-stylename: v-window) { + + .#{$primary-stylename} { + @include valo-overlay-style($background-color: $v-window-background-color, $animate-in: $v-window-animate-in, $animate-out: $v-window-animate-out); + + @if $v-window-shadow { + @if $v-window-shadow == none { + @include box-shadow(none); + } @else if $v-window-shadow != $v-overlay-shadow { + @include box-shadow(valo-bevel-and-shadow($shadow: $v-window-shadow)); + } + } + @if $v-window-border-radius != $v-border-radius { + border-radius: $v-window-border-radius; + } + padding: 0; + min-width: 4*$v-unit-size !important; + min-height: $v-unit-size !important; + white-space: nowrap; + overflow: hidden !important; + + @if $v-animations-enabled { + @include transition(width 200ms, height 200ms, top 200ms, left 200ms); + + &.#{$primary-stylename}-animate-in { + @include transition(none); + } + } + } + + .#{$primary-stylename}-modalitycurtain { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + @include radial-gradient(circle at 50% 50%, $v-window-modality-curtain-background-color, darken($v-window-modality-curtain-background-color, valo-gradient-opacity()), $fallback: $v-window-modality-curtain-background-color); + @include opacity(max(0.2, 0.8 - valo-gradient-opacity()/100%)); + @if $v-animations-enabled { + @include valo-animate-in-fade($duration: 400ms, $delay: 100ms); + .v-op12 & { + // Opera 12 has a shitbreak with the fade-in (flickers) + @include animation(none); + } + } + } + + .#{$primary-stylename}-draggingCurtain { + position: fixed !important; + } + + .#{$primary-stylename}-resizingCurtain + .v-window, + .#{$primary-stylename}-draggingCurtain + .v-window { + @include transition(none); + } + + $scroll-divider-width: max(1px, first-number($v-border)); + + .#{$primary-stylename}-outerheader { + cursor: move; + position: absolute; + z-index: 2; + top: 0; + left: 0; + right: 0; + // Raise above the window content, if that is ever promoted to a layer + @include transform(translatez(0)); + + &:after { + content: ""; + position: absolute; + bottom: -$scroll-divider-width; + right: 0; + left: 0; + height: 0; + $_bg: $v-window-background-color; + border-top: $scroll-divider-width solid first-color(valo-border($strength: 0.5)); + $border-color: first-color(valo-border($strength: 1)); + border-color: rgba($border-color, .5); + } + } + + .#{$primary-stylename}-header { + line-height: $v-unit-size - 1px; + padding-left: round($v-unit-size/3); + margin-right: $v-unit-size * 2; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: blend-normal(rgba(valo-font-color($v-window-background-color), .7), $v-window-background-color); + } + + //Adjust header margin according to visible buttons on header + .#{$primary-stylename}-restorebox-disabled, + .#{$primary-stylename}-maximizebox-disabled { + ~ .#{$primary-stylename}-closebox ~ .#{$primary-stylename}-header { + margin-right: $v-unit-size; + } + ~ .#{$primary-stylename}-closebox-disabled ~ .#{$primary-stylename}-header { + margin-right: round($v-unit-size/3); + } + } + + .#{$primary-stylename}-closebox, + .#{$primary-stylename}-maximizebox, + .#{$primary-stylename}-restorebox { + position: absolute; + z-index: 3; + top: 0; + right: 0; + @include box-sizing(border-box); + width: $v-unit-size - round($v-unit-size/9); + height: $v-unit-size - 1px; + background-color: $v-window-background-color; + line-height: $v-unit-size - 3px; + text-align: center; + cursor: pointer; + font-size: round($v-font-size * 1.3); + color: valo-font-color($v-window-background-color, .4); + + @if $v-animations-enabled { + @include transition(color 140ms); + } + + &:focus { + outline: none; + } + + &:hover { + @include opacity(1); + color: $v-selection-color; + } + + &:active { + color: inherit; + } + } + + .#{$primary-stylename}-closebox { + padding-right: round($v-unit-size/9); + @include valo-window-close-icon-style; + + @if $v-window-border-radius > 0 { + border-radius: 0 $v-window-border-radius 0 $v-window-border-radius; + } + } + + .#{$primary-stylename}-maximizebox, + .#{$primary-stylename}-restorebox { + right: $v-unit-size - round($v-unit-size/9); + padding-left: round($v-unit-size/9); + + @if $v-window-border-radius > 0 { + border-radius: 0 0 0 $v-window-border-radius; + + + .#{$primary-stylename}-closebox { + border-bottom-left-radius: 0; + } + } + } + + .#{$primary-stylename}-closebox-disabled, + .#{$primary-stylename}-resizebox-disabled, + .#{$primary-stylename}-restorebox-disabled, + .#{$primary-stylename}-maximizebox-disabled { + display: none; + + + .#{$primary-stylename}-closebox { + width: $v-unit-size; + padding-right: 0; + border-bottom-left-radius: $v-window-border-radius; + } + } + + .#{$primary-stylename}-maximizebox { + @include valo-window-maximize-icon-style; + } + + .#{$primary-stylename}-restorebox { + @include valo-window-restore-icon-style; + } + + .v-window > .popupContent, + .#{$primary-stylename}-wrap, + .#{$primary-stylename}-contents, + .#{$primary-stylename}-contents > .v-scrollable { + height: 100%; + } + + .#{$primary-stylename}-contents { + @include box-sizing(border-box); + border-radius: $v-border-radius; + margin-top: 0 !important; + + > .v-scrollable { + @include valo-panel-adjust-content-margins; + + > .v-formlayout { + @include valo-formlayout-margin(round($v-unit-size/3)); + } + + position: relative; + + &:focus { + outline: none; + } + + &:before { + content: ""; + position: absolute; + z-index: 2; + top: 0; + height: 0; + border-top: $scroll-divider-width solid $v-window-background-color; + left: 0; + right: 0; + } + + .v-panel-captionwrap:after { + border-color: first-color(valo-border($strength: 0.5)); + } + + .v-panel-content:before { + border-color: $v-window-background-color; + } + } + } + + .#{$primary-stylename}-footer { + height: 0; + } + + .#{$primary-stylename}-resizebox { + position: absolute; + z-index: 1000; + right: 0; + bottom: 0; + width: round($v-unit-size/2); + height: round($v-unit-size/2); + cursor: nwse-resize; + + .v-ie8 & { + background: #000; + filter: alpha(opacity=0.1); + } + + .v-ie8 &, + .v-ie9 & { + cursor: se-resize; + } + } + + + // Flash modal window when clicking on the curtain + .#{$primary-stylename}-modalitycurtain:active { + ~ .v-window { + @include animation(none); + } + } + + + .#{$primary-stylename}-top-toolbar, + .#{$primary-stylename}-bottom-toolbar { + > .v-widget { + vertical-align: top; + } + + .v-label { + line-height: $v-unit-size - 1px; + } + + .v-spacing { + width: round($v-layout-spacing-horizontal/2); + } + } + + .#{$primary-stylename}-top-toolbar { + &.v-layout { + padding: round($v-unit-size/5) round($v-unit-size/3); + position: relative; + z-index: 2; + border-top: valo-border($strength: 0.5); + border-bottom: valo-border($strength: 0.5); + background-color: $v-background-color; + } + + &.v-menubar { + margin: round($v-unit-size/3) round($v-unit-size/3) round($v-unit-size/6); + } + + &.v-menubar-borderless { + padding-left: round($v-unit-size/6); + padding-right: round($v-unit-size/6); + margin: round($v-unit-size/6) - first-number($v-border) 0; + } + } + + .#{$primary-stylename}-bottom-toolbar.v-layout { + padding: round($v-unit-size/5) round($v-unit-size/3); + @include linear-gradient(to bottom, darken($v-background-color, valo-gradient-opacity($v-gradient)/2) 0, $v-background-color round($v-unit-size/10), $fallback: $v-background-color); + border-top: valo-border($strength: 0.5); + border-radius: 0 0 $v-border-radius $v-border-radius; + } + + .v-margin-left.v-margin-right.v-margin-top { + .#{$primary-stylename}-top-toolbar { + &.v-layout { + @include box-sizing(content-box); + margin: round($v-unit-size/-3) round($v-unit-size/-3) 0; + } + + &.v-menubar { + margin: 0; + } + + &.v-menubar-borderless { + margin: round($v-unit-size/6) - round($v-unit-size/3) round($v-unit-size/6) - round($v-unit-size/3) 0; + padding: 0; + } + } + } + + .v-margin-left.v-margin-right.v-margin-bottom { + .#{$primary-stylename}-bottom-toolbar { + &.v-layout { + @include box-sizing(content-box); + margin: 0 round($v-unit-size/-3) round($v-unit-size/-3); + } + } + } + +} + + +/** + * + * + * + * @group window + */ +@mixin valo-window-close-icon-style { + &:before { + // times cross + content: "\00d7"; + } +} + +/** + * + * + * + * @group window + */ +@mixin valo-window-maximize-icon-style { + &:before { + content: "+"; + } +} + +/** + * + * + * + * @group window + */ +@mixin valo-window-restore-icon-style { + &:before { + // en-dash + content: "\2013"; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient.png b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient.png new file mode 100644 index 0000000000..def063a8ab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient.png differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient2.png b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient2.png new file mode 100644 index 0000000000..f51ed752a7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/gradient2.png differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png new file mode 100644 index 0000000000..bcef2c5575 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/components/img/colorpicker/slider_hue_bg.png differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/favicon.ico b/themes/src/main/resources/VAADIN/themes/valo/favicon.ico new file mode 100644 index 0000000000..ffb34a65c7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/favicon.ico differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/_fonts.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/_fonts.scss new file mode 100644 index 0000000000..b947106f38 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/_fonts.scss @@ -0,0 +1,49 @@ +// Not included automatically, only if $v-font-family specifies them +@import "open-sans/open-sans"; +@import "source-sans-pro/source-sans-pro"; +@import "roboto/roboto"; +@import "lato/lato"; +@import "lora/lora"; + +$v-font-awesome: true !default; + +$fontawesome-pathPrefix: null; + +@if $v-relative-paths == true { + $fontawesome-pathPrefix: "../../../"; +} + +@mixin valo-fonts { + // Valo Icons + @include v-font(ThemeIcons, "#{$fontawesome-pathPrefix}../base/fonts/themeicons-webfont"); + @if $v-font-awesome { + @include v-font(FontAwesome, "#{$fontawesome-pathPrefix}../base/fonts/fontawesome-webfont"); + } +} + + +@mixin v-font($font-family, $file-name) { + @include font-face($font-family, $file-name); + + .#{$font-family} { + font-family: #{$font-family}; + font-style: normal; + font-weight: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + text-align: center; + } +} + + +@mixin font($font-family, $file-name) { + @warn "The 'font' mixin is DEPRECATED. You should use the corresponding 'v-font' mixin instead."; + @include v-font($font-family, $file-name); +} + + + +// Include directly to avoid trapping inside a parent selector +// TODO move inside the theme main mixin once we can use Sass 3.3 (@at-root) +@include valo-fonts; diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/_lato.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/_lato.scss new file mode 100644 index 0000000000..152082689c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/_lato.scss @@ -0,0 +1,155 @@ +$lato-pathPrefix: null; + +@if $v-relative-paths == false { + $lato-pathPrefix: "../valo/fonts/lato/"; +} + +@mixin font-lato-regular ($italic: true) { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-regular-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-regular-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-regular-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-italic-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-italic-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-italic-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + } + } +} + + + + + +@mixin font-lato-hairline ($italic: true) { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-hairline-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-hairline-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-hairline-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-hairlineitalic-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + } + } +} + + + + +@mixin font-lato-light ($italic: true) { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-light-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-light-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-light-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-light-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-lightitalic-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-lightitalic-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + } + } +} + + + +@mixin font-lato-bold ($italic: true) { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-bold-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-bold-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-bolditalic-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-bolditalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + } + } +} + + + + + +@mixin font-lato-black ($italic) { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-black-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-black-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-black-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-black-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Lato'; + src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot'); + src: url('#{$lato-pathPrefix}lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lato-pathPrefix}lato-blackitalic-webfont.woff') format('woff'), + url('#{$lato-pathPrefix}lato-blackitalic-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + } + } +} + + + + + +@mixin font-lato ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { + @if $extralight { + @include font-lato-hairline($italic); + } + @if $light { + @include font-lato-light($italic); + } + @if $regular { + @include font-lato-regular($italic); + } + @if $bold { + @include font-lato-bold($italic); + } + @if $black { + @include font-lato-black($italic); + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot new file mode 100755 index 0000000000..254f92b5b6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf new file mode 100755 index 0000000000..1ecfb60748 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff new file mode 100755 index 0000000000..2269286e11 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-black-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot new file mode 100755 index 0000000000..5e6889cc4f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf new file mode 100755 index 0000000000..bd334e9bea Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff new file mode 100755 index 0000000000..6e41ed94fc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-blackitalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot new file mode 100755 index 0000000000..00954909c8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf new file mode 100755 index 0000000000..695afc99a0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff new file mode 100755 index 0000000000..6c2eb81d98 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot new file mode 100755 index 0000000000..0994180ad6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf new file mode 100755 index 0000000000..321368dac1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff new file mode 100755 index 0000000000..8782b4792b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-bolditalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot new file mode 100755 index 0000000000..dc400174fc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf new file mode 100755 index 0000000000..9041e647f3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff new file mode 100755 index 0000000000..19acf444be Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairline-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot new file mode 100755 index 0000000000..0ba065fe8f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf new file mode 100755 index 0000000000..05aa693e4d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff new file mode 100755 index 0000000000..d63f45aa24 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-hairlineitalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot new file mode 100755 index 0000000000..b0e5bb354f Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf new file mode 100755 index 0000000000..368cf111e6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff new file mode 100755 index 0000000000..9d0784d5e4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-italic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot new file mode 100755 index 0000000000..2233ada12e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf new file mode 100755 index 0000000000..b9ad943886 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff new file mode 100755 index 0000000000..c0270e2863 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-light-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot new file mode 100755 index 0000000000..54635135a9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf new file mode 100755 index 0000000000..da3ad35f8b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff new file mode 100755 index 0000000000..80f3d711a0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-lightitalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot new file mode 100755 index 0000000000..db0507682a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf new file mode 100755 index 0000000000..33743b52d9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff new file mode 100755 index 0000000000..c287ffcdf3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lato/lato-regular-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/_lora.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/_lora.scss new file mode 100644 index 0000000000..a40f800b5a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/_lora.scss @@ -0,0 +1,71 @@ +$lora-pathPrefix: null; + +@if $v-relative-paths == false { + $lora-pathPrefix: "../valo/fonts/lora/"; +} + +@mixin font-lora-regular ($italic: true) { + @font-face { + font-family: 'lora'; + src: url('#{$lora-pathPrefix}lora-regular-webfont.eot'); + src: url('#{$lora-pathPrefix}lora-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lora-pathPrefix}lora-regular-webfont.woff') format('woff'), + url('#{$lora-pathPrefix}lora-regular-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'lora'; + src: url('#{$lora-pathPrefix}lora-italic-webfont.eot'); + src: url('#{$lora-pathPrefix}lora-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lora-pathPrefix}lora-italic-webfont.woff') format('woff'), + url('#{$lora-pathPrefix}lora-italic-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + } + } +} + + + + + + + +@mixin font-lora-bold ($italic: true) { + @font-face { + font-family: 'lora'; + src: url('#{$lora-pathPrefix}lora-bold-webfont.eot'); + src: url('#{$lora-pathPrefix}lora-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lora-pathPrefix}lora-bold-webfont.woff') format('woff'), + url('#{$lora-pathPrefix}lora-bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'lora'; + src: url('#{$lora-pathPrefix}lora-bolditalic-webfont.eot'); + src: url('#{$lora-pathPrefix}lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$lora-pathPrefix}lora-bolditalic-webfont.woff') format('woff'), + url('#{$lora-pathPrefix}lora-bolditalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + } + } +} + + + + + + +@mixin font-lora ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { + @if $regular { + @include font-lora-regular($italic); + } + @if $bold { + @include font-lora-bold($italic); + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot new file mode 100755 index 0000000000..bfd15013c4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf new file mode 100755 index 0000000000..1785809e73 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff new file mode 100755 index 0000000000..d09efc35bb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot new file mode 100755 index 0000000000..507a689c63 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf new file mode 100755 index 0000000000..19e1459eb0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff new file mode 100755 index 0000000000..848e03d916 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-bolditalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot new file mode 100755 index 0000000000..f966a9fcf9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf new file mode 100755 index 0000000000..aa0bd01b58 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff new file mode 100755 index 0000000000..2cfc2df1d7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-italic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot new file mode 100755 index 0000000000..8c218880c8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf new file mode 100755 index 0000000000..908f2e34f4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff new file mode 100755 index 0000000000..2b15bf776e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/lora/lora-regular-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot new file mode 100755 index 0000000000..5d20d91633 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf new file mode 100755 index 0000000000..2109c958e3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff new file mode 100755 index 0000000000..1205787b0e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Bold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot new file mode 100755 index 0000000000..1f639a15ff Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf new file mode 100755 index 0000000000..242d6b25c3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff new file mode 100755 index 0000000000..ed760c0628 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-BoldItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot new file mode 100755 index 0000000000..1e29ad5954 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf new file mode 100755 index 0000000000..6b9118ee35 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff new file mode 100755 index 0000000000..a7b99d2552 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot new file mode 100755 index 0000000000..77184af422 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf new file mode 100755 index 0000000000..26a07e9392 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff new file mode 100755 index 0000000000..45395d1bbe Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot new file mode 100755 index 0000000000..0c8a0ae06e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf new file mode 100755 index 0000000000..12d25d9a73 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff new file mode 100755 index 0000000000..ff652e6435 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Italic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot new file mode 100755 index 0000000000..14868406aa Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf new file mode 100755 index 0000000000..63af664cde Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff new file mode 100755 index 0000000000..e786074813 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Light-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot new file mode 100755 index 0000000000..8f445929ff Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf new file mode 100755 index 0000000000..01dda2858a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff new file mode 100755 index 0000000000..43e8b9e6cc Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-LightItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot new file mode 100755 index 0000000000..6bbc3cf58c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf new file mode 100755 index 0000000000..c537f8382a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff new file mode 100755 index 0000000000..e231183dce Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Regular-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot new file mode 100755 index 0000000000..d8375dd0ab Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf new file mode 100755 index 0000000000..b3290843a7 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff new file mode 100755 index 0000000000..28d6adee03 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-Semibold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot new file mode 100755 index 0000000000..0ab1db22e6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf new file mode 100755 index 0000000000..d2d6318f66 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff new file mode 100755 index 0000000000..d4dfca402e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss new file mode 100644 index 0000000000..ca5851a99d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/open-sans/_open-sans.scss @@ -0,0 +1,155 @@ +$open-sans-pathPrefix: null; + +@if $v-relative-paths == false { + $open-sans-pathPrefix: "../valo/fonts/open-sans/"; +} + +@mixin font-open-sans-book ($italic: true) { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-Regular-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-Italic-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + } + } +} + + + + +@mixin font-open-sans-light ($italic: true) { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-Light-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-LightItalic-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + } + } +} + + + + + +@mixin font-open-sans-semibold ($italic: true) { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-Semibold-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-SemiboldItalic-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + } + } +} + + + +@mixin font-open-sans-bold ($italic: true) { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-Bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-BoldItalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + } + } +} + + + + + +@mixin font-open-sans-extrabold ($italic) { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-ExtraBold-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Open Sans'; + src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.eot'); + src: url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), + url('#{$open-sans-pathPrefix}OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + } + } +} + + + + + +@mixin font-open-sans ($italic: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { + @if $light { + @include font-open-sans-light($italic); + } + @if $regular { + @include font-open-sans-book($italic); + } + @if $medium { + @include font-open-sans-semibold($italic); + } + @if $bold { + @include font-open-sans-bold($italic); + } + @if $black { + @include font-open-sans-extrabold($italic); + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot new file mode 100755 index 0000000000..fa326d1d12 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf new file mode 100755 index 0000000000..3c3b2b8ae6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff new file mode 100755 index 0000000000..0229086571 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Black-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot new file mode 100755 index 0000000000..a2aebfb7da Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf new file mode 100755 index 0000000000..2020dcbc9c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff new file mode 100755 index 0000000000..1875c0b950 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BlackItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot new file mode 100755 index 0000000000..b73776ee3b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf new file mode 100755 index 0000000000..1da72769a8 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff new file mode 100755 index 0000000000..0c6994871e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Bold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot new file mode 100755 index 0000000000..b803ec1687 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf new file mode 100755 index 0000000000..78bab05c8c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff new file mode 100755 index 0000000000..99de61af52 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-BoldItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot new file mode 100755 index 0000000000..b708f047ff Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf new file mode 100755 index 0000000000..ae258e8416 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff new file mode 100755 index 0000000000..dd74244382 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Italic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot new file mode 100755 index 0000000000..072cdc480c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf new file mode 100755 index 0000000000..3b2fea0ace Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff new file mode 100755 index 0000000000..cc534a3815 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Light-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot new file mode 100755 index 0000000000..77396a1ff9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf new file mode 100755 index 0000000000..b9b38118a3 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff new file mode 100755 index 0000000000..3071ff4f23 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-LightItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot new file mode 100755 index 0000000000..f9ad99566d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf new file mode 100755 index 0000000000..8aa64d8232 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff new file mode 100755 index 0000000000..cd810ef929 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Medium-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot new file mode 100755 index 0000000000..a03fe4b248 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf new file mode 100755 index 0000000000..6439927f16 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff new file mode 100755 index 0000000000..69a1458011 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-MediumItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot new file mode 100755 index 0000000000..9b5e8e4138 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf new file mode 100755 index 0000000000..44dd78d5e1 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff new file mode 100755 index 0000000000..bfa05d53f4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Regular-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot new file mode 100755 index 0000000000..2284a3b3ef Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf new file mode 100755 index 0000000000..18919f7a96 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff new file mode 100755 index 0000000000..f10b831e85 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-Thin-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot new file mode 100755 index 0000000000..e6291f2657 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf new file mode 100755 index 0000000000..a4e7ae08e0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff new file mode 100755 index 0000000000..9ef17a8681 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/Roboto-ThinItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot new file mode 100755 index 0000000000..bbc67d825b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf new file mode 100755 index 0000000000..87256d3a34 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff new file mode 100755 index 0000000000..235c963d69 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Bold-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot new file mode 100755 index 0000000000..5a95d1a144 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf new file mode 100755 index 0000000000..059feb39c5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff new file mode 100755 index 0000000000..df69b95291 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot new file mode 100755 index 0000000000..985364ffed Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf new file mode 100755 index 0000000000..d804301e70 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff new file mode 100755 index 0000000000..67804e1e4d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Italic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot new file mode 100755 index 0000000000..d492665160 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf new file mode 100755 index 0000000000..321c450f22 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff new file mode 100755 index 0000000000..c414478ca5 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Light-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot new file mode 100755 index 0000000000..c169648374 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf new file mode 100755 index 0000000000..905604d021 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff new file mode 100755 index 0000000000..5536e16c5d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot new file mode 100755 index 0000000000..5710fe6ead Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf new file mode 100755 index 0000000000..be9f6f8ab9 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff new file mode 100755 index 0000000000..ec28f95c87 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/RobotoCondensed-Regular-webfont.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/_roboto.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/_roboto.scss new file mode 100644 index 0000000000..ddc6b4f5a7 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/roboto/_roboto.scss @@ -0,0 +1,155 @@ +$roboto-pathPrefix: null; + +@if $v-relative-paths == false { + $roboto-pathPrefix: "../valo/fonts/roboto/"; +} + +@mixin font-roboto-regular ($italic: true) { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Regular-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Regular-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Regular-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Italic-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Italic-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Italic-webfont.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + } + } +} + + + + +@mixin font-roboto-thin ($italic: true) { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Thin-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Thin-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Thin-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-ThinItalic-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + } + } +} + + + + + +@mixin font-roboto-medium ($italic: true) { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Medium-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Medium-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Medium-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-MediumItalic-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + } + } +} + + + +@mixin font-roboto-bold ($italic: true) { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Bold-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Bold-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-BoldItalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + } + } +} + + + + + +@mixin font-roboto-black ($italic) { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-Black-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-Black-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-Black-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + } + @if $italic { + @font-face { + font-family: 'Roboto'; + src: url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.eot'); + src: url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.woff') format('woff'), + url('#{$roboto-pathPrefix}Roboto-BlackItalic-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + } + } +} + + + + + +@mixin font-roboto ($italic: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { + @if $light { + @include font-roboto-thin($italic); + } + @if $regular { + @include font-roboto-regular($italic); + } + @if $medium { + @include font-roboto-medium($italic); + } + @if $bold { + @include font-roboto-bold($italic); + } + @if $black { + @include font-roboto-black($italic); + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss new file mode 100644 index 0000000000..f324e8f1fb --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/_source-sans-pro.scss @@ -0,0 +1,184 @@ +$source-sans-pro-pathPrefix: null; + +@if $v-relative-paths == false { + $source-sans-pro-pathPrefix: "../valo/fonts/source-sans-pro/"; +} + +@mixin font-source-sans-pro-regular ($italic: true) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-it.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + } + } +} + + + + +@mixin font-source-sans-pro-extralight ($italic: true) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralight.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-extralightit.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + } + } +} + + + + +@mixin font-source-sans-pro-light ($italic: true) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-lightit.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + } + } +} + + + + + +@mixin font-source-sans-pro-semibold ($italic: true) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-semibold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-semiboldit.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + } + } +} + + + +@mixin font-source-sans-pro-bold ($italic: true) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-boldit.ttf') format('truetype'); + font-weight: 700; + font-style: italic; + } + } +} + + + + + +@mixin font-source-sans-pro-black ($italic) { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + } + @if $italic { + @font-face { + font-family: "Source Sans Pro"; + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.eot'); + src: url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.eot?#iefix') format('embedded-opentype'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.woff') format('woff'), + url('#{$source-sans-pro-pathPrefix}sourcesanspro-blackit.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + } + } +} + + + + + +@mixin font-source-sans-pro ($italic: false, $extralight: false, $light: false, $regular: true, $medium: false, $bold: false, $black: false) { + @if $extralight { + @include font-source-sans-pro-extralight($italic); + } + @if $light { + @include font-source-sans-pro-light($italic); + } + @if $regular { + @include font-source-sans-pro-regular($italic); + } + @if $medium { + @include font-source-sans-pro-semibold($italic); + } + @if $bold { + @include font-source-sans-pro-bold($italic); + } + @if $black { + @include font-source-sans-pro-black($italic); + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot new file mode 100644 index 0000000000..52d89ee8c2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf new file mode 100644 index 0000000000..0d727c31f0 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff new file mode 100644 index 0000000000..2c80d40f53 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-black.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot new file mode 100644 index 0000000000..a6e65ae2c2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf new file mode 100644 index 0000000000..d40b74c1a6 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff new file mode 100644 index 0000000000..e48d2d80cb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-blackit.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot new file mode 100644 index 0000000000..b255c35b76 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf new file mode 100644 index 0000000000..47468b5140 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff new file mode 100644 index 0000000000..454b77ff0d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-bold.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot new file mode 100644 index 0000000000..a5565ddebb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf new file mode 100644 index 0000000000..2fb6404d6e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff new file mode 100644 index 0000000000..57bd10d301 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-boldit.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot new file mode 100644 index 0000000000..2c588f017a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf new file mode 100644 index 0000000000..e4d3b9245b Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff new file mode 100644 index 0000000000..709eae0398 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralight.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot new file mode 100644 index 0000000000..0fe99615a2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf new file mode 100644 index 0000000000..314d9b1226 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff new file mode 100644 index 0000000000..14038f36eb Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-extralightit.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot new file mode 100644 index 0000000000..989e7dd271 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf new file mode 100644 index 0000000000..076a656119 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff new file mode 100644 index 0000000000..94a41380e2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-it.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot new file mode 100644 index 0000000000..5618f2748d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf new file mode 100644 index 0000000000..483301619e Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff new file mode 100644 index 0000000000..f9f0aa1198 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-light.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot new file mode 100644 index 0000000000..3cce3f54df Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf new file mode 100644 index 0000000000..fb2f58f981 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff new file mode 100644 index 0000000000..d8ea82bae2 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-lightit.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot new file mode 100644 index 0000000000..4968aa134a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf new file mode 100644 index 0000000000..3939d7019d Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff new file mode 100644 index 0000000000..5b3283af6a Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-regular.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot new file mode 100644 index 0000000000..7d8014869c Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf new file mode 100644 index 0000000000..b108896526 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff new file mode 100644 index 0000000000..a138eb3076 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semibold.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot new file mode 100644 index 0000000000..53093c24c4 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.eot differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf new file mode 100644 index 0000000000..dc5c032c73 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.ttf differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff new file mode 100644 index 0000000000..e7a09d7141 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/fonts/source-sans-pro/sourcesanspro-semiboldit.woff differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_contextmenu.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_contextmenu.scss new file mode 100644 index 0000000000..7fd182b6cd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_contextmenu.scss @@ -0,0 +1,26 @@ +/** + * Outputs the context menu selectors and styles, which is used by Table and Tree for instance. + * + * @requires {mixin} valo-selection-item-style + * @requires {mixin} valo-selection-item-selected-style + */ +@mixin valo-contextmenu { + + .v-contextmenu { + @include valo-selection-overlay-style; + + table { + border-spacing: 0; + } + } + + .v-contextmenu .gwt-MenuItem { + @include valo-selection-item-style; + display: block; // Firefox 24 needs this to make position: relative; work + } + + .v-contextmenu .gwt-MenuItem-selected { + @include valo-selection-item-selected-style; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_global.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_global.scss new file mode 100644 index 0000000000..39b5a4e7d9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_global.scss @@ -0,0 +1,454 @@ +@import "loading-indicator"; +@import "contextmenu"; +@import "overlay"; +@import "tooltip"; +@import "reconnect-dialog"; + + +/* + * A flag which is set to true when the global styles have been included in the compilation. + * Used to only include them once, if Valo is imported multiple times during the compilation + * (multiple theme support). + * + * @access private + * @type bool + */ +$valo-global-included: false !default; + +/* + * Global Valo related styles, containing styles which are necessary for the application + * and widgets to work correctly. + * + * @access private + */ +@mixin valo-global { + @if $valo-global-included == false { + + // Version info for the debug window + .v-vaadin-version:after { + content: "@version@"; + } + + // Core widget styles come before any other component (and are always included), + // so that it has the least specificity + @include valo-widget; + + .v-generated-body { + overflow: hidden; + margin: 0; + padding: 0; + border: 0; + } + + .v-app { + height: 100%; + // Cancel tap highlight from all elements inside the app + -webkit-tap-highlight-color: rgba(0,0,0,0); + + // Prevent iOS text size adjust after orientation change, without disabling user zoom + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + + // Disable text selection by default + @include user-select(none); + + // Enable text selection for certain elements + input[type="text"], + .v-slot > .v-caption, + .v-gridlayout-slot > .v-caption, + .v-has-caption > .v-caption, + .v-formlayout-captioncell > .v-caption, + .v-csslayout > .v-caption { + @include user-select(text); + } + + // Removes clear button from input fields introduced by IE10 + input::-ms-clear { + display: none; + } + } + + .v-ui { + position: relative; + } + + // Prevent margin collapse + .v-ui.v-ui-embedded { + margin-top: -1px; + border-top: 1px solid transparent; + } + + .v-ui:focus { + outline: none; + } + + .v-overlay-container { + width: 0; + height: 0; + } + + .v-drag-element { + z-index: 60000; + // Override any other position properties + position: absolute !important; + cursor: default; + } + + .v-clip { + overflow: hidden; + } + + .v-scrollable { + overflow: auto; + + // "Unnecessary scrollbar" related fixes + > .v-widget { + // This is needed for IE + vertical-align: middle; + + // Needed for all browsers. Can't really show anything outside the + // scrolling area anyway, so we can safely hide any overflow + overflow: hidden; + } + } + + .v-ios.v-webkit .v-scrollable { + -webkit-overflow-scrolling: touch; + } + + // Disable native scrolling on iOS 5 due to issue #8792 + .v-ios5.v-webkit .v-scrollable { + -webkit-overflow-scrolling: none; + } + + //fix for #14813 - unable to scroll on iOS devices + .v-webkit.v-ios .v-browserframe { + -webkit-overflow-scrolling: touch; + overflow:auto; + } + + .v-assistive-device-only { + position: absolute; + top: -2000px; + left: -2000px; + width: 10px; + overflow: hidden; + } + + .v-icon { + cursor: inherit; + @include user-select(none); + } + + .v-icon, + .v-errorindicator, + .v-required-field-indicator { + display: inline-block; + line-height: inherit; + } + + .v-caption { + display: inline-block; + white-space: nowrap; + line-height: $v-line-height; + } + + .v-captiontext { + display: inline-block; + line-height: inherit; + } + + // Component global styles should also be included here + @if v-is-included(orderedlayout) { + @include valo-orderedlayout-global; + } + + @if v-is-included(gridlayout) { + @include valo-gridlayout-global; + } + + @if v-is-included(calendar) { + @include valo-calendar-global; + } + + @if v-is-included(colorpicker) { + @include valo-colorpicker-global; + } + + @if v-is-included(table) or v-is-included(treetable) { + @include valo-table-global; + } + + @if v-is-included(tabsheet) { + @include valo-tabsheet-global; + } + + @if v-is-included(splitpanel) { + @include valo-splitpanel-global; + } + + $valo-global-included: true; + } +} + + +$valo-shared-pathPrefix: null; + +@if $v-relative-paths == false { + $valo-shared-pathPrefix: "../valo/shared/"; +} + +/** + * Styles for the application root element. Outputs font, font color, background color and default + * cursor styles. + */ +@mixin valo-app-style { + font: $v-font-weight #{$v-font-size}/#{$v-line-height} $v-font-family; + color: $v-font-color; + background-color: $v-app-background-color; + cursor: default; + + // Default to Helvetica Neue on Macs instead of Helvetica, which has a slightly different baseline + @if $v-font-family == sans-serif { + .v-mac & { + font-family: "Helvetica Neue", sans-serif; + } + } +} + +/** + * Common application styles, such as loading indicators, tooltip and context menu styles, + * caption and icon defaults, basic HTML element resets. + * Should only be included once (done automatically when including the main valo mixin). + * + * @requires {mixin} valo-app-style + */ +@mixin valo-common { + + //@if & != null { + // &, + // &.v-app-loading { + // @include valo-app-style; + // } + //} @else { + &.v-app, + &.v-app-loading { + @include valo-app-style; + } + //} + + //&.v-overlay-container { + // position: absolute; + // top: 0; + //} + + .v-app-loading { + width: 100%; + height: 100%; + background: $v-app-background-color; + + $_size: 28px + round($v-unit-size/2); + + &:before { + content: ""; + position: fixed; + z-index: 100; + top: 45%; + left: 50%; + width: 28px; + height: 28px; + padding: round($v-unit-size/4); + margin-top: round($_size/-2); + margin-left: round($_size/-2); + background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50%; + border-radius: $v-border-radius; + } + + @if $v-app-loading-text != "" { + &:after { + position: fixed; + z-index: 100; + top: 45%; + padding-top: $_size; + text-align: center; + left: 0; + right: 0; + content: $v-app-loading-text; + } + } + } + + @include valo-loading-bar; + + + // Fallback spinner for browsers without CSS animations + .v-ie8 &, + .v-ie9 & { + .v-loading-indicator, + .v-loading-indicator-delay, + .v-loading-indicator-wait { + width: 28px !important; + height: 28px; + padding: round($v-unit-size/4); + background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50%; + border-radius: $v-border-radius; + top: round($v-unit-size/4); + right: round($v-unit-size/4); + left: auto; + filter: alpha(opacity=50); + + &[style*="none"] { + display: none !important; + } + } + + .v-loading-indicator-wait { + filter: alpha(opacity=100); + } + } + + .v-scrollable:focus { + outline: none; + } + + img.v-icon { + vertical-align: middle; + } + + .v-caption { + @include valo-caption-style; + } + + .v-caption-on-left .v-caption, + .v-caption-on-right .v-caption { + padding-top: 0; + padding-bottom: 0; + } + + .v-icon + .v-captiontext, + .v-icon + span { + margin-left: round($v-unit-size/5); + + &:empty { + margin-left: 0; + } + } + + .v-errorindicator { + @include valo-error-indicator-style; + } + + .v-required-field-indicator { + color: $v-required-field-indicator-color; + padding: 0 .2em; + } + + select { + font: inherit; + font-weight: 400; + line-height: inherit; + padding: round($v-unit-size/8); + margin: 0; + border-radius: $v-border-radius; + + @include valo-nativeselect-select-style; + } + + button { + font: inherit; + font-weight: 400; + line-height: $v-line-height; + } + + a { + @include valo-link-style; + } + + .v-disabled { + cursor: default !important; + } + + @include valo-drag-element; + + @include valo-tooltip; + + @include valo-contextmenu; + + @include valo-reconnect-dialog; +} + + + +/** + * Generic component caption styles (captions which are generated by layouts). + */ +@mixin valo-caption-style { + font-size: $v-caption-font-size; + font-weight: $v-caption-font-weight; + padding-bottom: .3em; + @if $v-border-radius > 0 { + padding-left: round($v-border-radius/4); + } +} + + +/** + * Error indicator styles. The error indicator is by default a font character which you can style freely. + * + * @param {boolean} $is-pseudo-element (false) - is the selector including this mixin targeting a pseudo element + * + * @requires {mixin} valo-error-indicator-icon-style by default + */ +@mixin valo-error-indicator-style ($is-pseudo-element: false) { + color: $v-error-indicator-color; + font-weight: 600; + width: ceil($v-unit-size/2); + text-align: center; + + @if $is-pseudo-element { + @include valo-error-indicator-icon-style; + } @else { + &:before { + @include valo-error-indicator-icon-style; + } + } +} + +/** + * The error indicator icon style. Should be a font character or a font icon. + */ +@mixin valo-error-indicator-icon-style { + content: "!"; +} + + +/** + * Make the BODY element scrollable instead of the .v-ui element. Scrolling the BODY usually + * works better on touch devices. You loose the ability to control the scroll position from + * the server side when using this. + * + * @example scss + * // Include without any parent selector + * @include valo-natural-page-scrolling; + */ +@mixin valo-natural-page-scrolling { + + html { + height: auto; + } + + .v-generated-body { + height: auto; + overflow: auto; + background-color: $v-app-background-color; + } + + .v-app, + .v-ui.v-scrollable { + width: auto !important; + height: auto !important; + overflow: visible !important; + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_loading-indicator.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_loading-indicator.scss new file mode 100644 index 0000000000..645e188b09 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_loading-indicator.scss @@ -0,0 +1,163 @@ +@-webkit-keyframes v-rotate-360 { + to {-webkit-transform: rotate(360deg);} +} +@-moz-keyframes v-rotate-360 { + to {-moz-transform: rotate(360deg);} +} +@-o-keyframes v-rotate-360 { + to {-o-transform: rotate(360deg);} +} +@keyframes v-rotate-360 { + to {transform: rotate(360deg);} +} + +/** + * Creates a spinner to be used as a loading indicator. On browsers which do not + * support CSS animations, an animated GIF image is used as a fallback. + * + * @param {size} $size (24px) - the diameter of the spinner, in pixels. Should be divisible by 2, increased by 1px if not + * @param {size} $thickness (2px) - the thickness or width of the border of the spinner + * @param {color} $color ($v-focus-color) - the color of the border of the spinner + * @param {time} $speed (500ms) - the speed of the spinning animation + */ +@mixin valo-spinner ($size: 24px, $thickness: 2px, $color: $v-focus-color, $speed: 500ms) { + // Make size divisible by 2, so that the rotation won't jiggle + $size: round($size) + round($size) % 2; + height: $size !important; + width: $size !important; + @include box-sizing(border-box); + border: $thickness solid transparentize($color, .8); + border-top-color: $color; + border-right-color: $color; + border-radius: 100%; + @include animation(v-rotate-360 $speed infinite linear); + pointer-events: none; + + // No CSS animation in IE8 and IE9 + .v-ie8 &, + .v-ie9 & { + border: none; + border-radius: $v-border-radius; + background: #fff url(#{$valo-shared-pathPrefix}img/spinner.gif) no-repeat 50% 50%; + background-size: 80%; + } + + // No background-size for IE8 + .v-ie8 & { + min-width: 30px; + min-height: 30px; + } +} + + + + + + + + + + + + + + + + +/** + * The color of the main loading indicator bar. + * @type color + */ +$v-loading-indicator-color: $v-focus-color !default; + +/** + * The height of the main loading indicator bar. + * + * @type size + */ +$v-loading-indicator-bar-height: ceil($v-unit-size/10) !default; + +/** + * The height of the main loading indicator bar when the request to the server + * is taking longer than usual and the user is notified that they should wait. + * + * @type size + */ +$v-loading-indicator-bar-height--wait: ceil($v-unit-size/6) !default; + + + +@include keyframes(v-progress-start) { + 0% { width: 0%; } + 100% { width: 50%; } +} + +@include keyframes(v-progress-delay) { + 0% { width: 50%; } + 100% { width: 90%; } +} + +@include keyframes(v-progress-wait) { + 0% { width: 90%; height: $v-loading-indicator-bar-height; } + 3% { width: 91%; height: $v-loading-indicator-bar-height--wait; } + 100% { width: 96%; height: $v-loading-indicator-bar-height--wait; } +} + +@include keyframes(v-progress-wait-pulse) { + 0% { opacity: 1; } + 50% { opacity: .1; } + 100% { opacity: 1; } +} + + +/* + * Outputs the necessary styles to create the main loading indicator bar. + * + * @access private + */ +@mixin valo-loading-bar { + + .v-loading-indicator { + position: fixed !important; + z-index: 99999; + left: 0; + right: auto; + top: 0; + width: 50%; + opacity: 1; + height: $v-loading-indicator-bar-height; + background-color: $v-loading-indicator-color; + //@include linear-gradient(to right, rgba($v-loading-indicator-color,0) 0%, $v-loading-indicator-color 100%); + pointer-events: none; + + @include transition(none); + @include animation(v-progress-start 1000ms 200ms both); + //@include animation-fill-mode(forwards); + + &[style*="none"] { + // Chrome skips the transitions because it thinks the element is display: none; + display: block !important; + width: 100% !important; + opacity: 0; + @include animation(none); + @include transition(opacity 500ms 300ms, width 300ms); + } + } + + .v-loading-indicator-delay { + width: 90%; + .v-ff & { + width: 50%; + } + @include animation(v-progress-delay 3.8s forwards); + } + + .v-loading-indicator-wait { + width: 96%; + .v-ff & { + width: 90%; + } + @include animation(v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards); + } + +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_overlay.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_overlay.scss new file mode 100644 index 0000000000..926b00f529 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_overlay.scss @@ -0,0 +1,368 @@ +/** + * The background color for overlay elements. + * + * @type color + * @group overlay + */ +$v-overlay-background-color: if(is-dark-color($v-background-color), darken($v-background-color, 3%), lighten($v-background-color, 2%)) !default; + +/** + * The corner radius for overlay elements. + * + * @type size (px) + * @group overlay + */ +$v-overlay-border-radius: $v-border-radius !default; + +/** + * The border width for overlay elements. + * + * @type size (px) + * @group overlay + */ +$v-overlay-border-width: first-number($v-border) !default; + +/** + * The animation which is used when overlay elements are made visible. + * + * @type list + * @group overlay + */ +$v-overlay-animate-in: valo-overlay-animate-in 120ms !default; + +/** + * The animation which is used when overlay elements are removed. + * + * @type list + * @group overlay + */ +$v-overlay-animate-out: valo-animate-out-fade 120ms !default; + +/** + * The padding on each size of overlay elements. + * + * @type size + * @group overlay + */ +$v-overlay-padding: round($v-unit-size/9) !default; + +/** + * The padding on the top and bottom edges of overlay elements. + * + * @type size + * @group overlay + */ +$v-overlay-padding-vertical: $v-overlay-padding !default; + +/** + * The padding on the left and right edges of overlay elements. + * + * @type size + * @group overlay + */ +$v-overlay-padding-horizontal: $v-overlay-padding !default; + +/** + * The shadow used for overlay elements. + * + * @type list + * @group overlay + */ +$v-overlay-shadow: 0 4px 10px 0 (v-shade 2), 0 3px 5px 0 v-shade, 0 0 0 $v-overlay-border-width (v-shade (2.5 - color-luminance($v-background-color)/255 + $v-bevel-depth/100%)) !default; + +/** + * The background color for selection overlays, i.e. overlays which present a + * list of options for the user to choose from, such as context menus and drop down + * menus. + * + * @type color + * @group overlay + */ +$v-selection-overlay-background-color: $v-overlay-background-color !default; + +/** + * The padding on each size of selection overlay elements. + * + * @type size + * @group overlay + */ +$v-selection-overlay-padding: $v-overlay-padding !default; + +/** + * The padding on the top and bottom edges of selection overlay elements. + * + * @type size + * @group overlay + */ +$v-selection-overlay-padding-vertical: $v-selection-overlay-padding !default; + +/** + * The padding on the left and right edges of selection overlay elements. + * + * @type size + * @group overlay + */ +$v-selection-overlay-padding-horizontal: $v-selection-overlay-padding !default; + +/** + * The corner radius for selection overlay elements. + * + * @type size (px) + * @group overlay + */ +$v-selection-item-border-radius: $v-border-radius - 1px !default; + +/** + * The height of individual selection overlay list items. + * + * @type size (px) + * @group overlay + */ +$v-selection-item-height: ceil($v-unit-size/1.4) !default; + +/** + * The horizontal padding for individual selection overlay list items. + * + * @type size + * @group overlay + */ +$v-selection-item-padding-horizontal: ceil($v-unit-size/4) !default; + +/** + * The font weight for individual selection overlay list items. + * + * @type number | identifier + * @group overlay + */ +$v-selection-item-font-weight: max(400, $v-font-weight); + +/** + * The font color for individual selection overlay list items. + * + * @type color + * @group overlay + */ +$v-selection-item-selection-color: $v-selection-color !default; + + + + + +/* + * Simulates CSS box-shadow using the extraneous shadow elements in the DOM. + * + * @access private + * @deprecated The .v-shadow element is deprecated since 7.3.0 + * @group overlay + */ +@mixin valo-ie8-shadow($shadow, $element: top) { + .#{$element} { + $shadow-offset-x: nth($shadow, 1); + $shadow-offset-y: nth($shadow, 2); + $shadow-blur: nth($shadow, 3); + $shadow-spread: 0; + @if length($shadow) > 4 { + $shadow-spread: nth($shadow, 4); + } + $shadow-color: last($shadow); + $shadow-color-opacity: round(opacity($shadow-color) * 100); + $shadow-color: opacify($shadow-color, 1); + + position: absolute; + top: $shadow-offset-y - $shadow-blur - $shadow-spread; + right: -$shadow-offset-x + $shadow-blur - $shadow-spread; + bottom: -$shadow-offset-y + $shadow-blur - $shadow-spread; + left: $shadow-offset-x - $shadow-blur - $shadow-spread; + background: $shadow-color; + filter: alpha(opacity=#{$shadow-color-opacity}) progid:DXImageTransform.Microsoft.blur(pixelradius=#{strip-units($shadow-blur)}, makeShadow=false); + } +} + + + + + +// Not needed in modern browsers +.v-shadow, +.v-shadow-window { + display: none; + + // In IE8 windows get the same shadow as other overlays + .v-ie8 & { + display: block; + + // Up to 8 shadows are supported + $elements: top, top-left, top-right, left, right, bottom, bottom-left, bottom-right; + $shadows: valo-bevel-and-shadow($shadow: $v-overlay-shadow); + + @if type-of(last($shadows)) == color { + @include valo-ie8-shadow($shadows); + } @else { + @for $i from 1 through min(length($elements), length($shadows)) { + $shadow: nth($shadows, $i); + @if length($shadow) == 2 { + $shadow: flatten-list($shadow); // Workaround for a weird issue when sometimes a shadow is appended to a null list + } + @if length($shadow) > 3 { + @include valo-ie8-shadow($shadow: $shadow, $element: nth($elements, $i)); + } + } + } + } +} + + + + + + + +/** + * Outputs styles for overlay elements + * + * @group overlay + * + * @param {color} $background-color ($v-overlay-background-color) - the background color for the overlay + * @param {list} $shadow ($v-overlay-shadow) - the shadow for the overlay + * @param {list} $animate-in ($v-overlay-animate-in) - the animation used when the overlay is made visible + * @param {list} $animate-out ($v-overlay-animate-out) - the animation used when the overlay is removed + */ +@mixin valo-overlay-style ( + $background-color: $v-overlay-background-color, + $shadow: $v-overlay-shadow, + $animate-in: $v-overlay-animate-in, + $animate-out: $v-overlay-animate-out + ) { + padding: $v-overlay-padding-vertical $v-overlay-padding-horizontal; + border-radius: $v-overlay-border-radius; + + background-color: $background-color; + color: valo-font-color($background-color); + + @include box-shadow( valo-bevel-and-shadow($bevel: null, $shadow: $shadow)); + + @if $v-animations-enabled { + @if $animate-in { + &[class*="animate-in"] { + @include animation($animate-in); + } + } + @if $animate-out { + &[class*="animate-out"] { + @include animation($animate-out); + } + } + } + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} + + + + + +/** + * Outputs styles for selection overlay elements. + * + * @group overlay + * + * @param {color} $background-color ($v-selection-overlay-background-color) - the background color for the overlay + * @param {list} $animate-in ($v-overlay-animate-in) - the animation used when the selection overlay is made visible + * @param {list} $animate-out ($v-overlay-animate-out) - the animation used when the selection overlay is removed + */ +@mixin valo-selection-overlay-style ($background-color: $v-selection-overlay-background-color, $animate-in: $v-overlay-animate-in, $animate-out: $v-overlay-animate-out) { + @include valo-overlay-style($background-color: $background-color, $animate-in: $animate-in, $animate-out: $animate-out); + padding: $v-selection-overlay-padding-vertical $v-selection-overlay-padding-horizontal; +} + + + +/** + * Outputs the styles for selection item elements (i.e. individual items in context menus and drop down menus). + * + * @group overlay + */ +@mixin valo-selection-item-style { + cursor: pointer; + line-height: $v-selection-item-height; + padding: 0 $v-selection-item-padding-horizontal*2 0 $v-selection-item-padding-horizontal; + @if $v-selection-item-border-radius > 0 { + border-radius: $v-selection-item-border-radius; + } + font-weight: $v-selection-item-font-weight; + white-space: nowrap; + + position: relative; + &:active:before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + $sat: if(saturation($v-selection-item-selection-color) > 0, 50%, 0%); + background: scale-color($v-selection-item-selection-color, $lightness: -30%, $saturation: $sat); + @include opacity(.15); + pointer-events: none; + border-radius: inherit; + } + + .v-icon { + max-height: $v-selection-item-height; + margin-right: round($v-selection-item-padding-horizontal/2); + min-width: 1em; + } +} + + + +/** + * Outputs the styles for selected selection item elements. + * + * @group overlay + */ +@mixin valo-selection-item-selected-style { + @include valo-gradient($v-selection-item-selection-color); + $font-color: valo-font-color($v-selection-item-selection-color, 0.9); + color: $font-color; + text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-item-selection-color); +} + + + + + + + +/** + * Outputs the selectors and styles for generic dragging ghost elements. + * + * @group drag-n-drop + */ +@mixin valo-drag-element { + .v-drag-element { + @include valo-drag-element-style; + } +} + +/** + * Outputs the styles for generic dragging ghost elements. + * + * @group drag-n-drop + * + * @param {color} $background-color ($v-app-background-color) - the background color for the ghost element + */ +@mixin valo-drag-element-style ($background-color: $v-app-background-color) { + background: $background-color; + color: valo-font-color($background-color); + @include box-shadow(0 2px 10px rgba(#000, .2)); + border-radius: $v-border-radius; + overflow: hidden; + @include opacity(.5); + + // This has the unfortunate side-effect of selecting an the table row where the drag is dropped + //pointer-events: none; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_reconnect-dialog.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_reconnect-dialog.scss new file mode 100644 index 0000000000..e648795b5a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_reconnect-dialog.scss @@ -0,0 +1,31 @@ +@mixin valo-reconnect-dialog { + .v-reconnect-dialog { + color: white; + top: $v-layout-spacing-vertical; + right: $v-layout-spacing-horizontal; + max-width: 100%; + border-radius: 0; + @include box-shadow(0 0 20px 0 rgba(0,0,0,0.25)); + padding: round($v-unit-size/3) round($v-unit-size/2.5); + + background-color: #444; + background-color: rgba(#444, .9); + line-height: round($v-font-size * 1.4); + + text-align: center; + .text { + display: inline-block; + padding-left: 10px; + } + + .spinner { + @include valo-spinner; + display: none; + vertical-align: middle; + } + + &.active .spinner { + display: inline-block; + } + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_tooltip.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_tooltip.scss new file mode 100644 index 0000000000..3c9c914499 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_tooltip.scss @@ -0,0 +1,137 @@ +/** + * The backgound color for tooltips. + * + * @type color + * @group tooltip + */ +$v-tooltip-background-color: rgba(if(is-dark-color($v-background-color), scale-color($v-background-color, $lightness: 80%), scale-color($v-background-color, $lightness: -80%)), .9) !default; + +/** + * The font color for tooltips. + * + * @type color + * @group tooltip + */ +$v-tooltip-font-color: valo-font-color(opacify($v-tooltip-background-color, 1), 1) !default; + +/** + * The font size for tooltips. + * + * @type size + * @group tooltip + */ +$v-tooltip-font-size: max(12px, round($v-font-size * 0.86)) !default; + +/** + * The CSS box shadow for tooltips. + * + * @type list + * @group tooltip + */ +$v-tooltip-box-shadow: 0 2px 12px rgba(#000, .2) !default; + +/** + * The vertical padding for tooltips. + * + * @type size + * @group tooltip + */ +$v-tooltip-padding-vertical: round($v-unit-size/8) !default; + +/** + * The horizontal padding for tooltips. + * + * @type size + * @group tooltip + */ +$v-tooltip-padding-horizontal: round($v-unit-size/4) !default; + +/** + * The backgound color for error tooltips. + * + * @type color + * @group tooltip + */ +$v-tooltip-error-message-background-color: #fff !default; + +/** + * The font color for error tooltips. + * + * @type color + * @group tooltip + */ +$v-tooltip-error-message-font-color: $v-error-indicator-color !default; + +/** + * The corner radius for tooltips. + * + * @type size + * @group tooltip + */ +$v-tooltip-border-radius: $v-border-radius - 1px !default; + + +/** + * Outputs the selectors and styles for tooltip elements. + * + * @group tooltip + */ +@mixin valo-tooltip { + .v-tooltip { + @include valo-tooltip-style; + + div[style*="width"] { + width: auto !important; + } + + .v-errormessage { + background-color: opacify($v-tooltip-error-message-background-color, 1); + background-color: $v-tooltip-error-message-background-color; + color: $v-tooltip-error-message-font-color; + margin: -$v-tooltip-padding-vertical #{-$v-tooltip-padding-horizontal}; + padding: $v-tooltip-padding-vertical $v-tooltip-padding-horizontal; + max-height: 10em; + overflow: auto; + font-weight: $v-font-weight + 100; + + h2:only-child { + font: inherit; + line-height: inherit; + } + } + + .v-tooltip-text { + max-height: 10em; + overflow: auto; + margin-top: $v-tooltip-padding-vertical * 2; + } + + .v-errormessage[aria-hidden="true"] + .v-tooltip-text { + margin-top: 0; + } + + h1, + h2, + h3, + h4 { + color: inherit; + } + } +} + +/** + * Outputs the main styles for tooltip elements. + * + * @group tooltip + */ +@mixin valo-tooltip-style { + background-color: opacify($v-tooltip-background-color, 1); // For IE8 + background-color: $v-tooltip-background-color; + @include box-shadow($v-tooltip-box-shadow); + color: $v-tooltip-font-color; + padding: $v-tooltip-padding-vertical $v-tooltip-padding-horizontal; + border-radius: $v-tooltip-border-radius; + max-width: 35em; + overflow: hidden !important; + font-size: $v-tooltip-font-size; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/_variables.scss b/themes/src/main/resources/VAADIN/themes/valo/shared/_variables.scss new file mode 100644 index 0000000000..4634a71fea --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/shared/_variables.scss @@ -0,0 +1,538 @@ +// Color functions are used to calculate default font color +@import "../util/color"; + +/** + * A static text that is shown under the loading spinned while the client-side + * engine is being loaded and started. The text must be given in quotes. The + * text can not be localized currently. + * + * @type string, quoted + */ +$v-app-loading-text: "" !default; + +/** + * Base line height for all widgets. It must be given a unitless number. + * + * @group typography + * @type number + */ +$v-line-height: 1.55 !default; + +/** + * Base font size for the theme. The font size defines the overall sizing of + * UI components by default. Must be specified in pixels. + * + * @group typography + * @type size (px) + */ +$v-font-size: 16px !default; + +/** + * Base font weight for plain text. + * Must be specified as a numeric value: 100, 200, 300 (light), 400 (regular), + * 500, 600, 700 (bold), 800 or 900. + * + * @group typography + * @type number + */ +$v-font-weight: 300 !default; + +/** + * Base font family for the theme. Can be any valid CSS font stack. + * + * @group typography + * @type list + */ +$v-font-family: "Open Sans", sans-serif !default; + +/** + * Font size for generic component captions. Can be any valid CSS font-size. A + * round pixel value is recommended. + * + * @group typography + * @type number + */ +$v-caption-font-size: round($v-font-size * 0.9) !default; + +/** + * Font weight for generic component captions. Can be any valid CSS font-weight. + * + * @group typography + * @type number | identifier + */ +$v-caption-font-weight: max(400, $v-font-weight) !default; + +/** + * Border specification for the components that have a border. The border width + * must be specified in pixels. For the border color, you can specify any CSS color + * or one of the v-tint, v-shade, and v-tone keywords. + * + * @group style + * @type list + */ +$v-border: 1px solid (v-shade 0.7) !default; + +/** + * Corner radius for components that have a border. The measure must be specified as a + * single pixel value (i.e. not as a list of values for each corner). + * + * @group style + * @type size (px) + */ +$v-border-radius: 4px !default; + +/** + * Color gradient style for components that have a gradient. The gradient style may use + * the following keywords: v-linear and v-linear-reverse. The opacity must be given + * as percentage between 0% and 100%. + * + * #### Gradient styles + * + * - __v-linear__ - The start of the gradient is a lighter shade of the base color and the end is a darker shade of the base color. A basic linear gradient. + * - __v-linear-reverse__ - Same as v-linear, but the color stops are reversed (darker at the start and lighter at the end) + * + * @group style + * @type list + */ +$v-gradient: v-linear 8% !default; + +/** + * Inset shadow style to define how some components are "raised" from the background. + * The value follows the syntax of CSS box-shadow, and should be a list of insets. + * For the bevel color, you can specify any CSS color or one of the v-tint, v-shade, + * and v-tone keywords. + * + * @group style + * @type list + */ +$v-bevel: inset 0 1px 0 v-tint, inset 0 -1px 0 v-shade !default; + +/** + * Specifies the "depth" of the bevel shadow, as applied to one of the color keywords for + * the bevel style. The actual amount of tint, shade, or tone is computed from the depth. + * + * @group style + * @type number (pct) + */ +$v-bevel-depth: 30% !default; + +/** + * Default shadow style for all components. As with $v-bevel, the value follows the syntax + * of CSS box-shadow, but without the inset. For the shadow color, you can specify any CSS + * color or one of the v-tint or v-shade keywords. + * + * @group style + * @type list + */ +$v-shadow: 0 2px 3px v-shade !default; + +/** + * Specifies the opacity of the shadow, as applied to one of the color keywords for the + * shadow style. The actual amount of tint or shade is computed from the depth. + * + * @group style + * @type number (pct) + */ +$v-shadow-opacity: 5% !default; + +/** + * The background color is the main control parameter for the Valo theme and + * it is used for computing all other colors in the theme. If the color is dark + * (has low luminance), * light foreground colors that give high contrast + * with the background are automatically used. + * + * Can be any valid CSS color. + * + * @group color + * @type color + */ +$v-background-color: hsl(210, 0%, 98%) !default; + +/** + * Background color of the UI's root element. You can specify the color in + * any way allowed in CSS. Used as the base for other default colors, such + * as panel and window content areas. + * + * Can be any valid CSS color. + * + * @group color + * @type color + */ +$v-app-background-color: $v-background-color !default; + +/** + * Base font color for the theme. Can be any valid CSS color. + * + * @group color + * @type color + */ +$v-font-color: valo-font-color($v-app-background-color) !default; + +/** + * Color for the field focus indicator. The valo-focus-color() function computes a + * high-contrast color from the context, which is usually the background color. The color + * can be any CSS color. + * + * @group color + * @type color + */ +$v-focus-color: valo-focus-color() !default; + +/** + * Box-shadow specification for the field focus indicator. The space-separated values + * are the horizontal shadow position in pixels, vertical shadow position in pixels, + * blur distance in pixels, spread distance in pixels, and the color. The color can be + * any CSS color. You can only specify the color, in which case defaults for the position + * are used. rgba() or hsla() can be used to enable transparency. + * + * @group style + * @type list | color + */ +$v-focus-style: 0 0 0 2px rgba($v-focus-color, .5) !default; + +/** + * Opacity of disabled components, from 0 to 1. Not all components have reduced opacity when disabled, such as Labels. + * + * @group style + * @type number + */ +$v-disabled-opacity: 0.5 !default; + +/** + * Color for indicating selection in selection components. + * + * @group color + * @type color + */ +$v-selection-color: $v-focus-color !default; + +/** + * Color of the component error indicator and other error indications, such as the + * error style notification. + * + * @group color + * @type color + */ +$v-error-indicator-color: #ed473b !default; + +/** + * Color of the required indicator in field components. + * + * @group color + * @type color + */ +$v-required-field-indicator-color: $v-error-indicator-color !default; + +/** + * Color used for success states and to indicate safe actions (i.e. actions that + * will not cause any data loss). + * + * @group color + * @type color + */ +$v-friendly-color: #2c9720 !default; + +/** + * Color specifications for $v-border, $v-bevel, and $v-shadow may use, in addition to CSS colors, the following keywords: + * + * - __v-tint__ - Lighter than the background color + * - __v-shade__ - Darker than the background color + * - __v-tone__ - Adaptive color specification: darker on light background and lighter on dark background. Not usable in $v-shadow. + * + * + * These keywords can be further adjusted by combining them with a strength multiplier, specified in parenthesis. + * + * Examples: + * + * (v-tint 2) + * (v-shade 0.6) + * (v-tone 1.1) + * + * @group color + */ +$v-color-keywords: v-tint, v-shade, v-tone; + +/** + * This is the base size for various layout measures. It is directly used in some + * measures, such as button height and layout margins, while other measures are + * derived from it. The value must be specified in pixels, with a suitable range + * of 18-50. + * + * @group layout + * @type size (px) + */ +$v-unit-size: round(2.3 * $v-font-size) !default; + +/** + * Scaling factor for tiny sizes. Must be a unitless number. + * + * @group layout + * @type number + */ +$v-scaling-factor--tiny: 0.75 !default; + +/** + * Scaling factor for small sizes. Must be a unitless number. + * + * @group layout + * @type number + */ +$v-scaling-factor--small: 0.85 !default; + +/** + * Scaling factor for large sizes. Must be a unitless number. + * + * @group layout + * @type number + */ +$v-scaling-factor--large: 1.2 !default; + +/** + * Scaling factor for huge sizes. Must be a unitless number. + * + * @group layout + * @type number + */ +$v-scaling-factor--huge: 1.6 !default; + +/** + * Unit size for tiny components. Must be a pixel value. + * + * @group layout + * @type size (px) + */ +$v-unit-size--tiny: round($v-unit-size * $v-scaling-factor--tiny) !default; + +/** + * Unit size for small components. Must be a pixel value. + * + * @group layout + * @type size (px) + */ +$v-unit-size--small: round($v-unit-size * $v-scaling-factor--small) !default; + +/** + * Unit size for large components. Must be a pixel value. + * + * @group layout + * @type size (px) + */ +$v-unit-size--large: round($v-unit-size * $v-scaling-factor--large) !default; + +/** + * Unit size for huge components. Must be a pixel value. + * + * @group layout + * @type size (px) + */ +$v-unit-size--huge: round($v-unit-size * $v-scaling-factor--huge) !default; + +/** + * The top margin size for all built-in layout components, when the margin is + * enabled with setMargin(). Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-margin-top: round($v-unit-size) !default; + +/** + * The right margin size for all built-in layout components, when the margin is + * enabled with setMargin(). Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-margin-right: round($v-unit-size) !default; + +/** + * The bottom margin size for all built-in layout components, when the margin is + * enabled with setMargin(). Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-margin-bottom: round($v-unit-size) !default; + +/** + * The left margin size for all built-in layout components, when the margin is + * enabled with setMargin(). Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-margin-left: round($v-unit-size) !default; + +/** + * Amount of vertical space when spacing is enabled for a layout with setSpacing(). + * Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-spacing-vertical: round($v-unit-size/3) !default; + +/** + * Amount of horizontal space when spacing is enabled for a layout with setSpacing(). + * Can be any valid CSS size. + * + * @group layout + * @type size + */ +$v-layout-spacing-horizontal: round($v-unit-size/3) !default; + +/** + * Tiny font size. + * + * @group typography + * @type size (px) + */ +$v-font-size--tiny: ceil($v-font-size * $v-scaling-factor--tiny) !default; + +/** + * Small font size. + * + * @group typography + * @type size (px) + */ +$v-font-size--small: ceil($v-font-size * $v-scaling-factor--small) !default; + +/** + * Large font size. + * + * @group typography + * @type size (px) + */ +$v-font-size--large: ceil($v-font-size * $v-scaling-factor--large) !default; + +/** + * Huge font size. + * + * @group typography + * @type size (px) + */ +$v-font-size--huge: ceil($v-font-size * $v-scaling-factor--huge) !default; + +/** + * Default width of certain field components, unless overridden with setWidth(). + * + * @group layout + * @type size (px) + */ +$v-default-field-width: $v-unit-size * 5 !default; + +/** + * Specifies whether various CSS animations are used. Not all animations are disabled when + * set to false, such as the default loading indicator animations. + * + * @group optimization + * @type bool + */ +$v-animations-enabled: true !default; + +/** + * Specifies whether various :hover styles are used for indicating that mouse pointer + * hovers over an element. + * + * @group optimization + * @type bool + */ +$v-hover-styles-enabled: true !default; + +/** + * List of components to include in the theme compilation. The list can be modified to make + * the compiled theme smaller by removing unused components from the list. + * + * @group optimization + * @type list + * + * @example scss + * // Remove the Calendar component styles from the output (must be declared after importing Valo) + * $v-included-components: remove($v-included-components, calendar); + * + * @example scss + * // Only include the Label, Button and Vertical and Horizontal layouts in the compilation + * $v-included-components: label, button, orderedlayout; + */ +$v-included-components: + absolutelayout, + accordion, + button, + calendar, + checkbox, + colorpicker, + combobox, + csslayout, + customcomponent, + customlayout, + datefield, + dragwrapper, + form, + formlayout, + grid, + gridlayout, + label, + link, + menubar, + nativebutton, + nativeselect, + notification, + optiongroup, + orderedlayout, + panel, + popupview, + progressbar, + slider, + splitpanel, + table, + tabsheet, + textfield, + textarea, + richtextarea, + tree, + treetable, + twincolselect, + upload, + window, + valo-menu !default; + +/** + * List of components whose additional styles should be included in the compilation. + * + * @group optimization + * @type list + */ +$v-included-additional-styles: $v-included-components !default; + +/** + * Checks if a given component is included in the compilation. Used by the collection mixins that + * include all components (i.e. valo-components). + * + * @requires $v-included-components + * + * @example scss + * @if v-is-included(button) { + * // The Button component is included in the compilation + * } + * + * @param {string} $component-name - the name of the component to check + * @param {list} $is-included ($v-included-components) - the list of components which is checked + * + * @return {bool} true if the component is included in the compilation, false if not + * + * @group optimization + */ +@function v-is-included ($component-name, $is-included: $v-included-components) { + @return contains($is-included, $component-name); +} + + +/** + * A flag to note whether relative URL paths are relative to the currently parsed SCSS file or to the compilation root file. + * The Vaadin compiler parses URL paths differently than the regular Sass compiler (i.e. Vaadin modifies relative url paths). + * This boolean is used to flag which compiler is used, so that paths are correct for different resources. + * false == Ruby, true == Vaadin + * + * @type bool + */ +$v-relative-paths: true !default; diff --git a/themes/src/main/resources/VAADIN/themes/valo/shared/img/spinner.gif b/themes/src/main/resources/VAADIN/themes/valo/shared/img/spinner.gif new file mode 100644 index 0000000000..a91347a730 Binary files /dev/null and b/themes/src/main/resources/VAADIN/themes/valo/shared/img/spinner.gif differ diff --git a/themes/src/main/resources/VAADIN/themes/valo/styles.scss b/themes/src/main/resources/VAADIN/themes/valo/styles.scss new file mode 100644 index 0000000000..5760440179 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/styles.scss @@ -0,0 +1,5 @@ +@import "valo"; + +.valo { + @include valo; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_anim.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_anim.scss new file mode 100644 index 0000000000..12c557d7de --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_anim.scss @@ -0,0 +1,152 @@ +$valo-anim-keyframes-included: false !default; + +@if $v-animations-enabled and $valo-anim-keyframes-included == false{ + + @include keyframes(valo-animate-in-fade) { + 0% { + opacity: 0; + } + } + + @include keyframes(valo-animate-out-fade) { + 100% { + opacity: 0; + } + } + + @include keyframes(valo-animate-in-slide-down) { + 0% { + @include transform( translateY(-100%) ); + } + } + + @include keyframes(valo-animate-in-slide-up) { + 0% { + @include transform( translateY(100%) ); + } + } + + @include keyframes(valo-animate-in-slide-left) { + 0% { + @include transform( translateX(100%) ); + } + } + + @include keyframes(valo-animate-in-slide-right) { + 0% { + @include transform( translateX(-100%) ); + } + } + + @include keyframes(valo-animate-out-slide-down) { + 100% { + @include transform( translateY(100%) ); + } + } + + @include keyframes(valo-animate-out-slide-up) { + 100% { + @include transform( translateY(-100%) ); + } + } + + @include keyframes(valo-animate-out-slide-left) { + 100% { + @include transform( translateX(-100%) ); + } + } + + @include keyframes(valo-animate-out-slide-right) { + 100% { + @include transform( translateX(100%) ); + } + } + + @include keyframes(valo-overlay-animate-in) { + 0% { + @include transform(translatey(-4px)); + opacity: 0; + } + } + + @include keyframes(valo-animate-out-slide-down-fade) { + 100% { + opacity: 0; + @include transform(translatey(30%)); + } + } + + $valo-anim-keyframes-included: true; +} + +/** + * Add animate-in-fade animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (180ms) - the duration of the fade + * @param {time} $delay (null) - the delay of the fade + */ +@mixin valo-animate-in-fade ($duration: 180ms, $delay: null){ + @include animation(valo-animate-in-fade $duration $delay backwards); +} + +/** + * Add animate-out-fade animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (180ms) - the duration of the fade + * @param {time} $delay (null) - the delay of the fade + */ +@mixin valo-animate-out-fade ($duration: 180ms, $delay: null){ + @include animation(valo-animate-out-fade $duration $delay backwards); +} + +/** + * Add animate-in-slide-down animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (400ms) - the duration of the slide + * @param {time} $delay (null) - the delay of the slide + */ +@mixin valo-animate-in-slide-down ($duration: 400ms, $delay: null){ + @include animation(valo-animate-in-slide-down $duration $delay backwards); +} + +/** + * Add animate-in-slide-up animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (400ms) - the duration of the slide + * @param {time} $delay (null) - the delay of the slide + */ +@mixin valo-animate-in-slide-up ($duration: 400ms, $delay: null){ + @include animation(valo-animate-in-slide-up $duration $delay backwards); +} + +/** + * Add animate-in-slide-left animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (400ms) - the duration of the slide + * @param {time} $delay (null) - the delay of the slide + */ +@mixin valo-animate-in-slide-left ($duration: 400ms, $delay: null){ + @include animation(valo-animate-in-slide-left $duration $delay backwards); +} + +/** + * Add animate-in-slide-right animation to the targeted elements. + * + * @group animation + * + * @param {time} $duration (400ms) - the duration of the slide + * @param {time} $delay (null) - the delay of the slide + */ +@mixin valo-animate-in-slide-right ($duration: 400ms, $delay: null){ + @include animation(valo-animate-in-slide-right $duration $delay backwards); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_bevel-and-shadow.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_bevel-and-shadow.scss new file mode 100644 index 0000000000..1065161bfc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_bevel-and-shadow.scss @@ -0,0 +1,273 @@ +/** + * Computes a CSS border property value for the given base color. + * + * @group style + * + * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords + * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to + * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function. + * @param {number} $strength (1) - adjustment for the border contrast + * + * @return {list} The input $border value with any color keyword replaced with the corresponding actual color + */ +@function valo-border($border: $v-border, $color: $v-background-color, $context: null, $strength: 1) { + @if type-of($border) != list { + @return $border; + } + + @if $context { + @if color-luminance($color) > color-luminance($context) { + $color: $context; + } + } + + $ret: null; + @each $part in $border { + @if $part == v-tint or $part == v-shade or $part == v-tone { + $part: $part 1; + } + @if type-of($part) == list { + $adjust-type: first-string($part); + $adjust-amount: first-number($part); + + $tint: blend-screen(rgba(#fff, $v-bevel-depth/100%*$adjust-amount*$strength), $color); + $shade: blend-linearburn(rgba(#000, $v-bevel-depth/100%*$adjust-amount*$strength), $color); + + @if $adjust-type == v-tone { + @if is-dark-color($color) { + $color: $tint; + } @else { + $color: $shade; + } + } @else if $adjust-type == v-tint { + $color: $tint; + } @else if $adjust-type == v-shade { + $color: $shade; + } + + $ret: $ret $color; + } @else { + $ret: $ret $part; + } + } + @return $ret; +} + + +/** + * Similar to the valo-border function, but adjusts the top and bottom border colors to suit an element with a gradient background-color. + * + * @group style + * + * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords + * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to + * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function. + * @param {number} $strength (1) - adjustment for the border contrast + * @param {list} $gradient ($v-gradient) - Valo specific gradient value. See the documentation for $v-gradient. + */ +@mixin valo-border-with-gradient($border: $v-border, $color: $v-background-color, $context: null, $strength: 1, $gradient: $v-gradient) { + border: valo-border($border, $color, $context, $strength); + + // Adjust border colors for gradient + @if $gradient { + $color-stops: valo-gradient-color-stops($color, $gradient); + $top: first(first($color-stops)); + $bottom: first(last($color-stops)); + border-top-color: first-color(valo-border($border, $top, $context, $strength)); + border-bottom-color: first-color(valo-border($border, $bottom, $context, $strength)); + } +} + + +/** + * Computes a CSS box-shadow value according to the specified style parameters. + * + * @group style + * + * @param {list} $bevel (null) - box-shadow value according to $v-bevel documentation + * @param {number} $bevel-depth ($v-bevel-depth) - percentage defining the depth/amount of the bevel effect. Affects the color keywords specified in the $bevel parameter. + * @param {list} $shadow (null) - box-shadow value according to $v-shadow documentation + * @param {number} $shadow-opacity ($v-shadow-opacity) - percentage defining the opacity/amount of the shadow effect. Affects the color keywords specified in the $shadow parameter. + * @param {color} $background-color ($v-background-color) - the base color to which the color keywords are applied to + * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. Affects the color keywords specified in the $bevel parameter. + * @param {bool} $include-focus (false) - should the box-shadow value include $v-focus-style as well (only added if $v-focus-style is a) + * + * @return {list} CSS box-shadow value, combined from $bevel and $shadow with all occurences of v-tint, v-shade and v-tone color keywords replaced with the corresponding actual color + */ +@function valo-bevel-and-shadow ($bevel: null, $bevel-depth: $v-bevel-depth, $shadow: null, $shadow-opacity: $v-shadow-opacity, $background-color: $v-background-color, $gradient: null, $include-focus: false) { + $box-shadow: null; + + @if $bevel { + @if list-of-lists($bevel) { + @each $b in $bevel { + $this: valo-bevel-and-shadow($bevel: $b, $shadow: null, $background-color: $background-color, $gradient: $gradient); + @if $this { + @if length($box-shadow) > 0 { + $box-shadow: $box-shadow, $this; + } @else { + $box-shadow: $this; + } + } + } + } @else if $bevel and $bevel != none { + $this: valo-replace-tones($bevel, $background-color, $gradient); + @if $this { + @if length($box-shadow) > 0 { + $box-shadow: $box-shadow, $this; + } @else { + $box-shadow: $this; + } + } + } + } + + @if $shadow { + @if list-of-lists($shadow) { + @each $s in $shadow { + $this: valo-bevel-and-shadow($bevel: null, $shadow: $s, $background-color: null, $gradient: null); + @if $this { + @if length($box-shadow) > 0 { + $box-shadow: $box-shadow, $this; + } @else { + $box-shadow: $this; + } + } + } + } @else { + $this: valo-replace-shadow($shadow); + @if $this { + @if length($box-shadow) > 0 { + $box-shadow: $box-shadow, $this; + } @else { + $box-shadow: $this; + } + } + } + } + + @if $include-focus and type-of($v-focus-style) == list { + $box-shadow: $v-focus-style, $box-shadow; + } + + @return $box-shadow; +} + + +/** + * Replaces color keywords in the given list. + * + * @group style + * + * @param {list} $list - any CSS list with possible color keywords + * @param {color} $color - The color to which color keywords are applied to + * @param {list} $gradient (null) - Valo specific gradient value. See the documentation for $v-gradient. Affects the replacement colors to accommodate the gradient. + * + * @return {list} The input $list parameter with all occurences of v-tint, v-shade and v-tone color keywords replaced with the corresponding actual color + */ +@function valo-replace-tones($list, $color, $gradient: null) { + $ret: (); + + @each $part in $list { + @if $part == v-tint or $part == v-shade or $part == v-tone { + $part: $part 1; + } + @if type-of($part) == list { + $adjust-type: first-string($part); + $adjust-amount: first-number($part); + + $top-color: $color; + $bottom-color: $color; + + @if $gradient { + $color-stops: valo-gradient-color-stops($color, $gradient); + $top-color: first(first($color-stops)); + $bottom-color: first(last($color-stops)); + } + + $tint: blend-lighten(adjust-color($top-color, $lightness: $v-bevel-depth/4*$adjust-amount, $saturation: -$v-bevel-depth/2), scale-color($top-color, $lightness: $v-bevel-depth/4*$adjust-amount)); + $shade: blend-darken(rgba(scale-color($bottom-color, $lightness: max(-30%, -$v-bevel-depth/3*$adjust-amount), $saturation: -$v-bevel-depth/2), $v-bevel-depth/100%), $bottom-color); + + $new-color: null; + @if $adjust-type == v-tone { + @if is-dark-color($color) { + $new-color: $tint; + } @else { + $new-color: $shade; + } + } @else if $adjust-type == v-tint { + $new-color: $tint; + } @else if $adjust-type == v-shade { + $new-color: $shade; + } + + $ret: join($ret, $new-color); + + } @else { + $ret: join($ret, $part); + } + } + + @return $ret; +} + + +/** + * Replace color keywords in the given box-shadow parameter. + * + * @group style + * + * @param {list} $shadow - CSS box-shadow value, or any other CSS list which might contain either the v-tint or the v-shade color keywords. + * + * @return {list} the input $shadow parameter with all occurences of v-tint and v-shade color keywords replaced with the corresponding actual color + */ +@function valo-replace-shadow ($shadow) { + $ret: (); + @each $part in $shadow { + @if $part == v-tint or $part == v-shade { + $part: $part 1; + } + @if type-of($part) == list { + $adjust-type: first-string($part); + $adjust-amount: first-number($part); + + $tint: rgba(#fff, min(1, $v-shadow-opacity/100% * $adjust-amount)); + $shade: rgba(#000, min(1, $v-shadow-opacity/100% * $adjust-amount)); + + $color: null; + @if $adjust-type == v-tint { + $color: $tint; + } @else if $adjust-type == v-shade { + $color: $shade; + } + + $ret: join($ret, $color); + + } @else { + $ret: join($ret, $part); + } + } + @return $ret; +} + + +/** + * Return a CSS text-shadow property value according to the specified style parameters. + * + * @group style + * + * @param {color} $font-color ($v-font-color) - the color of the text to which the text-shadow is added + * @param {color} $background-color ($v-background-color) - the color of the background where the text is to which the text-shadow is added + * @param {size} $offset (-1px) - the size of the text shadow vertical offset + * @param {number (pct)} $opacity ($v-shadow-opacity) - the percentage amount of shadow which is applied + */ +@function valo-text-shadow($font-color: $v-font-color, $background-color: $v-background-color, $offset: -1px, $opacity: $v-shadow-opacity) { + $color: null; + @if color-luminance($font-color) < color-luminance($background-color) { + $color: rgba(#fff, $opacity / 100%); + $offset: $offset * -1; + } @else { + $color: rgba(#000, $opacity / 100%); + } + + @return 0 $offset 0 $color; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_blend-modes.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_blend-modes.scss new file mode 100644 index 0000000000..40d4defbdb --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_blend-modes.scss @@ -0,0 +1,531 @@ +// From https://github.com/heygrady/scss-blend-modes +// MIT license + +//-------------------------------- +// Normal +//-------------------------------- +@function blend-normal ($foreground, $background) { + $opacity: opacity($foreground); + $background-opacity: opacity($background); + + // calculate opacity + $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity); + $bm-green: green($foreground) * $opacity + green($background) * $background-opacity * (1 - $opacity); + $bm-blue: blue($foreground) * $opacity + blue($background) * $background-opacity * (1 - $opacity); + @return rgb($bm-red, $bm-green, $bm-blue); +} + +//-------------------------------- +// Multiply +//-------------------------------- +@function blend-multiply ($foreground, $background) { + $bm-red: red($background) * red($foreground) / 255; + $bm-green: green($background) * green($foreground) / 255; + $bm-blue: blue($background) * blue($foreground) / 255; + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighten +//-------------------------------- +@function blend-lighten ($foreground, $background) { + $bm-red: blend-lighten-color(red($foreground), red($background)); + $bm-green: blend-lighten-color(green($foreground), green($background)); + $bm-blue: blend-lighten-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-lighten-color($foreground, $background) { + @if $background > $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darken +//-------------------------------- +@function blend-darken ($foreground, $background) { + $bm-red: blend-darken-color(red($foreground), red($background)); + $bm-green: blend-darken-color(green($foreground), green($background)); + $bm-blue: blend-darken-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-darken-color($foreground, $background) { + @if $background < $foreground { + $foreground: $background; + } + @return $foreground; +} + +//-------------------------------- +// Darker Color +//-------------------------------- +@function blend-darkercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 <= $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Lighter Color +//-------------------------------- +@function blend-lightercolor ($foreground, $background) { + $bm-red: red($foreground); + $bm-green: green($foreground); + $bm-blue: blue($foreground); + $background-red: red($background); + $background-green: green($background); + $background-blue: blue($background); + + @if $background-red * 0.3 + $background-green * 0.59 + $background-blue * 0.11 > $bm-red * 0.3 + $bm-green * 0.59 + $bm-blue * 0.11 { + $bm-red: $background-red; + $bm-green: $background-green; + $bm-blue: $background-blue; + } + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Linear Dodge +//-------------------------------- +@function blend-lineardodge ($foreground, $background) { + $bm-red: blend-lineardodge-color(red($foreground), red($background)); + $bm-green: blend-lineardodge-color(green($foreground), green($background)); + $bm-blue: blend-lineardodge-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-lineardodge-color($foreground, $background) { + @if $background + $foreground > 255 { + $foreground: 255; + } + @else { + $foreground: $background + $foreground; + } + @return $foreground; +} + +//-------------------------------- +// Linear Burn +//-------------------------------- +@function blend-linearburn ($foreground, $background) { + $bm-red: blend-linearburn-color(red($foreground), red($background)); + $bm-green: blend-linearburn-color(green($foreground), green($background)); + $bm-blue: blend-linearburn-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-linearburn-color($foreground, $background) { + @if $background + $foreground < 255 { + $foreground: 0; + } + @else { + $foreground: $background + $foreground - 255; + } + @return $foreground; +} + +//-------------------------------- +// Difference +//-------------------------------- +@function blend-difference ($foreground, $background) { + $bm-red: abs(red($background) - red($foreground)); + $bm-green: abs(green($background) - green($foreground)); + $bm-blue: abs(blue($background) - blue($foreground)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// Screen +//-------------------------------- +@function blend-screen ($foreground, $background) { + $bm-red: blend-screen-color(red($foreground), red($background)); + $bm-green: blend-screen-color(green($foreground), green($background)); + $bm-blue: blend-screen-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-screen-color($foreground, $background) { + @return (255 - ( ( (255 - $foreground) * (255 - $background)) / 256)); +} + +//-------------------------------- +// Exclusion +//-------------------------------- +@function blend-exclusion ($foreground, $background) { + $bm-red: blend-exclusion-color(red($foreground), red($background)); + $bm-green: blend-exclusion-color(green($foreground), green($background)); + $bm-blue: blend-exclusion-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-exclusion-color($foreground, $background) { + @return $background - ($background * (2 / 255) - 1) * $foreground; +} + +//-------------------------------- +// Overlay +//-------------------------------- +@function blend-overlay ($foreground, $background) { + $bm-red: blend-overlay-color(red($foreground), red($background)); + $bm-green: blend-overlay-color(green($foreground), green($background)); + $bm-blue: blend-overlay-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-overlay-color($foreground, $background) { + @if $background <= 255 / 2 { + $foreground: (2 * $background * $foreground) / 255; + } @else { + $foreground: 255 - (255 - 2 * ($background - (255 / 2))) * (255 - $foreground) / 255; + } + @return $foreground; +} + +//-------------------------------- +// Soft Light +//-------------------------------- +@function blend-softlight ($foreground, $background) { + $bm-red: blend-softlight-color(red($foreground), red($background)); + $bm-green: blend-softlight-color(green($foreground), green($background)); + $bm-blue: blend-softlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-softlight-color($foreground, $background) { + @if $background < 128 { + $foreground: (($foreground / 2) + 64) * $background * (2 / 255); + } @else { + $foreground: 255 - (191 - ($foreground / 2)) * (255 - $background) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Hard Light +//-------------------------------- +@function blend-hardlight ($foreground, $background) { + $bm-red: blend-hardlight-color(red($foreground), red($background)); + $bm-green: blend-hardlight-color(green($foreground), green($background)); + $bm-blue: blend-hardlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-hardlight-color($foreground, $background) { + $tmp-blend: $foreground; + @if $tmp-blend < 128 { + $foreground: $background * $tmp-blend * (2 / 255); + } @else { + $foreground: 255 - (255-$background) * (255-$tmp-blend) * (2 / 255); + } + @return $foreground; +} + +//-------------------------------- +// Color Dodge +//-------------------------------- +@function blend-colordodge ($foreground, $background) { + $bm-red: blend-colordodge-color(red($foreground), red($background)); + $bm-green: blend-colordodge-color(green($foreground), green($background)); + $bm-blue: blend-colordodge-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-colordodge-color($foreground, $background) { + $tmp: $background * 256 / (255 - $foreground); + @if $tmp > 255 or $foreground == 255 { + $foreground: 255; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Color Burn +//-------------------------------- +@function blend-colorburn ($foreground, $background) { + $bm-red: blend-colorburn-color(red($foreground), red($background)); + $bm-green: blend-colorburn-color(green($foreground), green($background)); + $bm-blue: blend-colorburn-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-colorburn-color($foreground, $background) { + $tmp: (255 - ((255 - $background) * 255) / $foreground); + + // TODO: hacked to replicate photoshop + @if $foreground == 0 { + $foreground: 255; + } @elseif $tmp < 0 { + $foreground: 0; + } @else { + $foreground: $tmp; + } + @return $foreground; +} + +//-------------------------------- +// Linear Light +//-------------------------------- +@function blend-linearlight ($foreground, $background) { + $bm-red: blend-linearlight-color(red($foreground), red($background)); + $bm-green: blend-linearlight-color(green($foreground), green($background)); + $bm-blue: blend-linearlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-linearlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-linearburn-color($background, 2 * $foreground); + } @else { + $foreground: blend-lineardodge-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Vivid Light +//-------------------------------- +@function blend-vividlight ($foreground, $background) { + $bm-red: blend-vividlight-color(red($foreground), red($background)); + $bm-green: blend-vividlight-color(green($foreground), green($background)); + $bm-blue: blend-vividlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-vividlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-colorburn-color(2 * $foreground, $background); + } @else { + $foreground: blend-colordodge-color(2 * ($foreground - 128), $background); + } + @return $foreground; +} + +//-------------------------------- +// Pin Light +//-------------------------------- +@function blend-pinlight ($foreground, $background) { + $bm-red: blend-pinlight-color(red($foreground), red($background)); + $bm-green: blend-pinlight-color(green($foreground), green($background)); + $bm-blue: blend-pinlight-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-pinlight-color($foreground, $background) { + @if $foreground < 128 { + $foreground: blend-darken-color($background, 2 * $foreground); + } @else { + $foreground: blend-lighten-color($background, 2 * ($foreground - 128)); + } + @return $foreground; +} + +//-------------------------------- +// Hard Mix +//-------------------------------- +@function blend-hardmix ($foreground, $background) { + $bm-red: blend-hardmix-color(red($foreground), red($background)); + $bm-green: blend-hardmix-color(green($foreground), green($background)); + $bm-blue: blend-hardmix-color(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +@function blend-hardmix-color($foreground, $background) { + $tmp: blend-vividlight-color($foreground, $background); + @if $tmp < 128 { + $foreground: 0; + } @else { + $foreground: 255; + } + @return $foreground; +} + + +// Unique to Photoshop + +//-------------------------------- +// Color Blend +//-------------------------------- +@function blend-colorblend ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($foreground-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Dissolve +//-------------------------------- +@function blend-dissolve ($foreground, $background) { + // The Dissolve blend mode acts on transparent and partially transparent pixels + // it treats transparency as a pixel pattern and applies a diffusion dither pattern. + // @see http://photoblogstop.com/photoshop/photoshop-blend-modes-explained + @return $foreground; +} + +//-------------------------------- +// Divide +//-------------------------------- +@function blend-divide ($foreground, $background) { + $bm-red: blend-divide-colors(red($foreground), red($background)); + $bm-green: blend-divide-colors(green($foreground), green($background)); + $bm-blue:blend-divide-colors(blue($foreground), blue($background)); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} +@function blend-divide-colors($foreground, $background) { + @return min((($background / 255) / ($foreground / 255)) * 255, 255); +} + +//-------------------------------- +// Hue +//-------------------------------- +@function blend-hue ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($foreground-hsv, 1), nth($background-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Luminosity +//-------------------------------- +@function blend-luminosity ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($background-hsv, 1), nth($background-hsv, 2), nth($foreground-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Saturation +//-------------------------------- +@function blend-saturation ($foreground, $background) { + $foreground-hsv: color-to-hsv($foreground); + $background-hsv: color-to-hsv($background); + + $bm-hsv: nth($background-hsv, 1), nth($foreground-hsv, 2), nth($background-hsv, 3); + $bm-color: hsv-to-color($bm-hsv); + + @return blend-normal(rgba(red($bm-color), green($bm-color), blue($bm-color), opacity($foreground)), $background); +} + +//-------------------------------- +// Subtract +//-------------------------------- +@function blend-subtract ($foreground, $background) { + $bm-red: max(red($background) - red($foreground), 0); + $bm-green: max(green($background) - green($foreground), 0); + $bm-blue: max(blue($background) - blue($foreground), 0); + + @return blend-normal(rgba($bm-red, $bm-green, $bm-blue, opacity($foreground)), $background); +} + +//-------------------------------- +// HSL and HSV +//-------------------------------- +// @see https://gist.github.com/1069204 +@function hsv-to-hsl($h, $s: 0, $v: 0) { + @if type-of($h) == 'list' { + $v: nth($h, 3); + $s: nth($h, 2); + $h: nth($h, 1); + } + + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($s) == '%' { + $s: 0 + ($s / 100%); + } + @if unit($v) == '%' { + $v: 0 + ($v / 100%); + } + + $ss: $s * $v; + $ll: (2 - $s) * $v; + + @if $ll <= 1 { + $ss: $ss / $ll; + } @else if ($ll == 2) { + $ss: 0; + } @else { + $ss: $ss / (2 - $ll); + } + + $ll: $ll / 2; + + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $ss))), percentage(max(0, min(1, $ll))); +} + +@function hsl-to-hsv($h, $ss: 0, $ll: 0) { + @if type-of($h) == 'list' { + $ll: nth($h, 3); + $ss: nth($h, 2); + $h: nth($h, 1); + } @else if type-of($h) == 'color' { + $ll: lightness($h); + $ss: saturation($h); + $h: hue($h); + } + + @if unit($h) == 'deg' { + $h: 3.1415 * 2 * ($h / 360deg); + } + @if unit($ss) == '%' { + $ss: 0 + ($ss / 100%); + } + @if unit($ll) == '%' { + $ll: 0 + ($ll / 100%); + } + + $ll: $ll * 2; + + @if $ll <= 1 { + $ss: $ss * $ll; + } @else { + $ss: $ss * (2 - $ll); + } + + $v: ($ll + $ss) / 2; + $s: (2 * $ss) / ($ll + $ss); + + @return 360deg * $h / (3.1415 * 2), percentage(max(0, min(1, $s))), percentage(max(0, min(1, $v))); +} + +@function color-to-hsv($color) { + @return hsl-to-hsv($color); +} + +@function hsv-to-color($h, $s: 0, $v: 0) { + $hsl: hsv-to-hsl($h, $s, $v); + @return hsl(nth($hsl, 1), nth($hsl, 2), nth($hsl, 3)); +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_color.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_color.scss new file mode 100644 index 0000000000..e4aab4596d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_color.scss @@ -0,0 +1,134 @@ +// "Photoshop" blend modes +@import "blend-modes"; + +/** + * Returns the luminance of a color (0-255), i.e. the perceived brightness, rather than + * the absolute mathematical lightness value. + * + * "The luminance calculation is a weighted average of the color channels that approximates + * how humans perceive brightness, while lightness is just an average of the largest and + * smallest channels without regard to perception." + * + * Source: http://en.wikipedia.org/wiki/Luminance_(relative) + * + * @group color + * + * @param {color} $color - the color whose luminance value to get + * + * @return {number} the luminance value of the color, in the range of 0-255 + * + */ +@function color-luminance ($color) { + @return 0.2126 * red($color) + 0.7152 * green($color) + 0.0722 * blue($color); +} + + +/** + * Luminance value after which colors will be considered light (i.e. not dark). + * + * @group color + */ +$v-luminance-threshold: 150 !default; + + +/** + * Contrast default value for valo-font-color function. + * + * @group color + * @type number + */ +$v-font-color-contrast: 0.72 !default; + +/** + * Checks whether the color is considered dark or light, according to it's luminance and saturation. + * + * @group color + * + * @param {color} $color - the color to check + * + * @return {bool} true if the color is considered dark, false if considered light + */ +@function is-dark-color($color) { + $luminance: color-luminance($color); + @if $luminance < $v-luminance-threshold or (saturation($color) > 80% and ($luminance < $v-luminance-threshold + 20)) { + @return true; + } @else { + @return false; + } +} + + +/** + * Get the darkest color (by luminance) from a list of colors. + * + * @group color + * + * @param {list} $colors - a list of CSS colors + * + * @return {color} darkest color (by luminance) from a list of colors + */ +@function darkest-color($colors...) { + $darkest: first($colors); + @each $color in $colors { + @if color-luminance($color) < color-luminance($darkest) { + $darkest: $color; + } + } + @return $darkest; +} + + +/** + * Returns a font color with enough contrast for the given background color. + * + * @group color + * + * @param {color} $bg-color - the background color for which to compute a suitable font color + * @param {number} $contrast (0.8) - the contrast of the font color compared to the background color + * + * @return {color} a suitable font color for the given background color + */ +@function valo-font-color ($bg-color, $contrast: $v-font-color-contrast) { + @if type-of($bg-color) == color { + @if is-dark-color($bg-color) { + @return scale-color($bg-color, $lightness: min(100%, 100% * $contrast), $saturation: max(-100%, -50% * $contrast)); + } @else { + @return scale-color($bg-color, $lightness: max(-100%, -100% * $contrast), $saturation: max(-100%, -50% * $contrast)); + } + } + @return null; +} + + +/** + * Returns a suitable focus color for the given background color. + * + * @group color + * + * @param {color} $context ($v-app-background-color) - the background color for which to compute a suitable focus color + * + * @return {color} a suitable focus color for the given background color + */ +@function valo-focus-color ($context: $v-app-background-color) { + $color: $context; + @if is-dark-color($context) { + $color: scale-color($color, $lightness: 40%, $saturation: 80%); + } @else { + $color: scale-color($color, $lightness: -50%, $saturation: 80%); + } + @return $color; +} + + +/** + * Output the default focus styles (border-color and box-shadow). + * + * @group style + */ +@mixin valo-focus-style { + @if type-of($v-focus-style) == list { + @include box-shadow($v-focus-style); + } @else if type-of($v-focus-style) == color { + border-color: $v-focus-style; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_css3.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_css3.scss new file mode 100644 index 0000000000..dc2dc781a7 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_css3.scss @@ -0,0 +1,35 @@ +/** + * Cross-browser opacity. + * + * @param {number} $value - opacity value from 0 to 1 + * @param {bool} $important (false) - should the property value be declared with !important + * + * @group util + */ +@mixin opacity ($value, $important: false) { + $importantValue: null; + @if $important { + $importantValue: unquote("!important"); + } + + opacity: $value $importantValue; + + @if $value < 1 { + $valueperc: $value*100; + filter: alpha(opacity=#{$valueperc}) #{$importantValue}; + } @else { + filter: none #{$importantValue}; + } +} + +/** + * Cross-browser box-shadow. + * -webkit-box-shadow is still needed for Android 2.3 and 3.0, as well as iOS 5 + * + * @param {list} $shadows - Any valid CSS box-shadow value + * + * @group util + */ +@mixin box-shadow ($shadows...) { + @include prefixer(box-shadow, $shadows, webkit spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_gradient.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_gradient.scss new file mode 100644 index 0000000000..a38dca704c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_gradient.scss @@ -0,0 +1,78 @@ +/** + * Outputs cross-browser Valo-specific linear gradient background-image declarations. + * + * @group style + * + * @param {color} $color ($v-background-color) - The base color for the gradient color stops + * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. + * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead. + * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end. + */ +@mixin valo-gradient($color: $v-background-color, $gradient: $v-gradient, $fallback: null, $direction: to bottom) { + @if $color { + @if $gradient { + $color-stops: valo-gradient-color-stops($color, $gradient); + @include linear-gradient($direction, $color-stops, $fallback: $fallback or $color); + } @else { + background: $fallback or $color; + } + } +} + +/** + * Returns a valid CSS, Valo-specific, color stop list to be used in a linear gradient. + * + * @group style + * + * @param {color} $color - the base color for the color stops + * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. + */ +@function valo-gradient-color-stops($color, $gradient: $v-gradient) { + $style: valo-gradient-style($gradient); + $opacity: valo-gradient-opacity($gradient); + + @if $style != none and $opacity > 0 { + @if $style == v-linear or $style == v-linear-reverse { + $start: blend-overlay(rgba(#fff, $opacity/100%), $color); + $end: blend-overlay(rgba(#000, max(0, $opacity/100%)), $color); + $end: blend-multiply(rgba(#000, max(0, $opacity/200%)), $end); + + @if $style == v-linear { + @return $start 2%, $end 98%; + } @else { + @return $end 2%, $start 98%; + } + } + } + + @return $color 0%, $color 100%; +} + + +/** + * Returns the style part of a Valo-specific gradient value. + * + * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. + * + * @return {string} One of the possible style values for $v-gradient + */ +@function valo-gradient-style($gradient: $v-gradient) { + @if type-of($gradient) != list { + @return none; + } + @return first-string($gradient); +} + +/** + * Returns the opacity part of a Valo-specific gradient value. + * + * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient. + * + * @return {number} A percentage value from 0% to 100% + */ +@function valo-gradient-opacity($gradient: $v-gradient) { + @if type-of($gradient) != list { + @return 0%; + } + @return first-number($gradient); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_lists.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_lists.scss new file mode 100644 index 0000000000..e21c69fd01 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_lists.scss @@ -0,0 +1,418 @@ +/** + * Checks if a list contains a certain value. + * + * @param {list} $list - the list to check + * @param {value} $var - the value to search for + * @param {bool} $recursive (false) - should any contained lists be checked for the value + * + * @return {bool} true if the value is found from the list, false otherwise + * + * @group lists + */ +@function contains($list, $value, $recursive: false) { + @if $recursive == false { + @return (false != index($list, $value)); + } + + $ret: false; + @each $item in $list { + @if type-of($item) == list and $recursive { + @if contains($item, $value, true) { + @return true; + } + } @else if $item == $value { + @return true; + } + } + + @return false; +} + + +/** + * Check whether a list contains nested lists. + * + * @param {list} $list - the list to check + * + * @return {bool} true of the list contains other nested lists, false otherwise + * + * @group lists + */ +@function list-of-lists($list) { + @each $part in $list { + @if type-of($part) != list { + @return false; + } + } + @return true; +} + + +/** + * Get the first color value from a list. + * + * @param {list} $list - a list which should contain a color value + * + * @return {color} The first color encountered in the list + * + * @group lists + */ +@function first-color($list) { + @return first-of-type($list, color); +} + + +/** + * Get the first number value from a list. + * + * @param {list} $list - a list which should contain a number value + * + * @return {number} The first number encountered in the list + * + * @group lists + */ +@function first-number($list) { + @return first-of-type($list, number); +} + + +/** + * Get the first string value from a list. + * + * @param {list} $list - a list which should contain a string value + * + * @return {string} The first string encountered in the list + * + * @group lists + */ +@function first-string($list) { + @return first-of-type($list, string); +} + + +/** + * Get the first contained list from the list passed as the parameter. + * + * @param {list} $list - a list which should contain a nested list + * + * @return {list} The first list encountered in the list passed as the parameter + * + * @group lists + */ +@function first-list($list) { + @return first-of-type($list, list); +} + + +/** + * Get the first value of a certain type from a list. + * + * @param {list} $list - a list which should contain a value of the certain type + * @param {string} $type - the type of value to search for + * + * @return {value} The first item of the certain type encountered in the list + * + * @group lists + */ +@function first-of-type($list, $type) { + @each $item in $list { + @if type-of($item) == $type { + @return $item; + } @else if type-of($item) == list { + $ret: first-of-type($item, $type); + @if $ret { + @return $ret; + } + } + } + @return null; +} + + +/** + * Flatten nested lists to one list, while maintaining the original list separators. + * + * @param {list} $list - the list to flatten + * + * @return {list} the same list with all nested lists flattened + * + * @group lists + */ +@function flatten-list($list) { + $ret: (); + @each $item in $list { + @if type-of($item) != list and $item != null { + $ret: join($ret, $item); + } @else if length($item) > 0 and $item != null { + $t: flatten-list($item); + @if length($t) > 0 { + $ret: join($ret, $t); + } + } + } + @return $ret; +} + + + + +// Author: Hugo Giraudel +// Repository: https://github.com/Team-Sass/Sass-list-functions +// License: MIT + + +@function first($list) { + @return nth($list, 1); +} + + +@function last($list) { + @return nth($list, length($list)); +} + + +@function last-index($list, $value) { + @for $i from length($list)*-1 through -1 { + @if nth($list, abs($i)) == $value { + @return abs($i); + } + } + + @return null; +} + + +@function to-string($list, $glue: '', $is-nested: false) { + $result: null; + + @for $i from 1 through length($list) { + $e: nth($list, $i); + + @if type-of($e) == list { + $result: $result#{to-string($e, $glue, true)}; + } + + @else { + $result: if($i != length($list) or $is-nested, $result#{$e}#{$glue}, $result#{$e}); + } + } + + @return $result; +} + + +@function prepend($list, $value) { + @return join($value, $list); +} + + +@function insert-nth($list, $index, $value) { + $result: false; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `insert-nth`."; + @return $result; + } + + @else if $index < 1 { + @warn "List index 0 must be a non-zero integer for `insert-nth`"; + @return $result; + } + + @else if $index > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `insert-nth'."; + @return $result; + } + + @else { + $result: (); + + @for $i from 1 through length($list) { + @if $i == $index { + $result: append($result, $value); + } + + $result: append($result, nth($list, $i)); + } + } + + @return $result; +} + + +@function replace-nth($list, $index, $value) { + $result: false; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `replace-nth`."; + @return $result; + } + + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `replace-nth`."; + @return $result; + } + + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `replace-nth`."; + @return $result; + } + + @else { + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + @if $i == $index { + $result: append($result, $value); + } + + @else { + $result: append($result, nth($list, $i)); + } + } + } + + @return $result; +} + + +@function replace($list, $old-value, $new-value, $recursive: false) { + $result: (); + + @for $i from 1 through length($list) { + @if type-of(nth($list, $i)) == list and $recursive { + $result: append($result, replace(nth($list, $i), $old-value, $new-value, $recursive)); + } + + @else { + @if nth($list, $i) == $old-value { + $result: append($result, $new-value); + } + + @else { + $result: append($result, nth($list, $i)); + } + } + } + + @return $result; +} + + +@function remove-nth($list, $index) { + $result: false; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + @return $result; + } + + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + @return $result; + } + + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + @return $result; + } + + @else { + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + @if $i != $index { + $result: append($result, nth($list, $i)); + } + } + } + + @return $result; +} + + +@function remove($list, $value, $recursive: false) { + $result: (); + + @for $i from 1 through length($list) { + @if type-of(nth($list, $i)) == list and $recursive { + $result: append($result, remove(nth($list, $i), $value, $recursive)); + } + + @else if nth($list, $i) != $value { + $result: append($result, nth($list, $i)); + } + } + + @return $result; +} + + +@function slice($list, $start: 1, $end: length($list)) { + $result: false; + + @if type-of($start) != number or type-of($end) != number { + @warn "Either $start or $end are not a number for `slice`."; + @return $result; + } + + @else if $start > $end { + @warn "The start index has to be lesser than or equals to the end index for `slice`."; + @return $result; + } + + @else if $start < 1 or $end < 1 { + @warn "List indexes must be non-zero integers for `slice`."; + @return $result; + } + + @else if $start > length($list) { + @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`."; + @return $result; + } + + @else if $end > length($list) { + @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`."; + @return $result; + } + + @else { + $result: (); + + @for $i from $start through $end { + $result: append($result, nth($list, $i)); + } + } + + @return $result; +} + + +@function reverse($list, $recursive: false) { + $result: (); + + @for $i from length($list)*-1 through -1 { + @if type-of(nth($list, abs($i))) == list and $recursive { + $result: append($result, reverse(nth($list, abs($i)), $recursive)); + } + + @else { + $result: append($result, nth($list, abs($i))); + } + } + + @return $result; +} + + +@function shift($list, $value: 1) { + $result: (); + + @for $i from 0 to length($list) { + $result: append($result, nth($list, ($i - $value) % length($list) + 1)); + } + + @return $result; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/_util.scss b/themes/src/main/resources/VAADIN/themes/valo/util/_util.scss new file mode 100644 index 0000000000..3430263d90 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/_util.scss @@ -0,0 +1,92 @@ +/** + * Ouput selectors and properties to vertically center elements inside their parent. + * + * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements. + * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom + * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide + * + * @group util + */ +@mixin valo-vertical-align-guide ($to-align: (), $align: middle, $pseudo-element: after) { + &:#{$pseudo-element} { + content: ""; + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + } + + @if length($to-align) > 0 { + @each $selector in $to-align { + & > #{$selector} { + vertical-align: $align; + } + } + } +} + + +/** + * Indicate that an element is clickable/tappable + * + * @group util + */ +@mixin valo-tappable { + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-touch-callout: none; + cursor: pointer; + } + + +/** + * Output Vaadin Responsive extension specific width-range declaration. + * + * @param {size} $min (0) - The lower bound for the width-range + * @param {size} $max (null) - The upper bound for the width-range + * + * @group util + * + * @example scss + * .v-ui { + * font-size: 18px; + * + * // Make the font-size smaller for 481px-768px wide UIs + * @include width-range(481px, 768px) { + * font-size: 16px; + * } + * + * // Make it even smaller for UIs narrower than 480px + * @include width-range($max: 480px) { + * font-size: 14px; + * } + * } + */ +@mixin width-range($min: 0, $max: null) { + &[width-range~="#{$min}-#{$max}"] { + @content; + } +} + +/** + * Output Vaadin Responsive extension specific height-range declaration. + * + * @param {size} $min (0) - The lower bound for the height-range + * @param {size} $max (null) - The upper bound for the height-range + * + * @group util + * + * @example scss + * .v-csslayout { + * color: red; + * + * // Make the text color blue when the layout height is between 100px-300px + * @include height-range(100px, 300px) { + * color: blue; + * } + * } + */ +@mixin height-range($min: 0, $max: null) { + &[height-range~="#{$min}-#{$max}"] { + @content; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss new file mode 100644 index 0000000000..5332496d82 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon-deprecated-upcoming.scss @@ -0,0 +1,13 @@ +//************************************************************************// +// These mixins/functions are deprecated +// They will be removed in the next MAJOR version release +//************************************************************************// +@mixin box-shadow ($shadows...) { + @include prefixer(box-shadow, $shadows, spec); + @warn "box-shadow is deprecated and will be removed in the next major version release"; +} + +@mixin background-size ($lengths...) { + @include prefixer(background-size, $lengths, spec); + @warn "background-size is deprecated and will be removed in the next major version release"; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon.scss new file mode 100644 index 0000000000..c94d48ae14 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/_bourbon.scss @@ -0,0 +1,79 @@ +// Bourbon 3.2.4 +// http://bourbon.io +// Copyright 2011-2015 thoughtbot, inc. +// MIT License + +// Settings +@import "settings/prefixer"; +@import "settings/px-to-em"; +@import "settings/asset-pipeline"; + +// Custom Helpers +@import "helpers/gradient-positions-parser"; +@import "helpers/linear-positions-parser"; +@import "helpers/radial-arg-parser"; +@import "helpers/radial-positions-parser"; +@import "helpers/render-gradients"; +@import "helpers/shape-size-stripper"; + +// Custom Functions +@import "functions/color-lightness"; +@import "functions/flex-grid"; +@import "functions/golden-ratio"; +@import "functions/grid-width"; +@import "functions/linear-gradient"; +@import "functions/modular-scale"; +@import "functions/px-to-em"; +@import "functions/px-to-rem"; +@import "functions/radial-gradient"; +@import "functions/strip-units"; +@import "functions/tint-shade"; +@import "functions/transition-property-name"; +@import "functions/unpack"; + +// CSS3 Mixins +@import "css3/animation"; +@import "css3/appearance"; +@import "css3/backface-visibility"; +@import "css3/background"; +@import "css3/background-image"; +@import "css3/border-image"; +@import "css3/border-radius"; +@import "css3/box-sizing"; +@import "css3/calc"; +@import "css3/columns"; +@import "css3/filter"; +@import "css3/flex-box"; +@import "css3/font-face"; +@import "css3/font-feature-settings"; +@import "css3/hyphens"; +@import "css3/hidpi-media-query"; +@import "css3/image-rendering"; +@import "css3/inline-block"; +@import "css3/keyframes"; +@import "css3/linear-gradient"; +@import "css3/perspective"; +@import "css3/radial-gradient"; +@import "css3/transform"; +@import "css3/transition"; +@import "css3/user-select"; +@import "css3/placeholder"; + +// Addons & other mixins +@import "addons/button"; +@import "addons/clearfix"; +@import "addons/directional-values"; +@import "addons/ellipsis"; +@import "addons/font-family"; +@import "addons/hide-text"; +@import "addons/html5-input-types"; +@import "addons/position"; +@import "addons/prefixer"; +@import "addons/retina-image"; +@import "addons/size"; +@import "addons/timing-functions"; +@import "addons/triangle"; +@import "addons/word-wrap"; + +// Soon to be deprecated Mixins +@import "bourbon-deprecated-upcoming"; diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_button.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_button.scss new file mode 100644 index 0000000000..14a89e480c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_button.scss @@ -0,0 +1,374 @@ +@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) { + + @if type-of($style) == string and type-of($base-color) == color { + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == string and type-of($base-color) == number { + $padding: $text-size; + $text-size: $base-color; + $base-color: #4294f0; + + @if $padding == inherit { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == color and type-of($base-color) == color { + $base-color: $style; + $style: simple; + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == color and type-of($base-color) == number { + $padding: $text-size; + $text-size: $base-color; + $base-color: $style; + $style: simple; + + @if $padding == inherit { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + @if type-of($style) == number { + $padding: $base-color; + $text-size: $style; + $base-color: #4294f0; + $style: simple; + + @if $padding == #4294f0 { + $padding: 7px 18px; + } + + @include buttonstyle($style, $base-color, $text-size, $padding); + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + } +} + + +// Selector Style Button +//************************************************************************// +@mixin buttonstyle($type, $b-color, $t-size, $pad) { + // Grayscale button + @if $type == simple and $b-color == grayscale($b-color) { + @include simple($b-color, true, $t-size, $pad); + } + + @if $type == shiny and $b-color == grayscale($b-color) { + @include shiny($b-color, true, $t-size, $pad); + } + + @if $type == pill and $b-color == grayscale($b-color) { + @include pill($b-color, true, $t-size, $pad); + } + + @if $type == flat and $b-color == grayscale($b-color) { + @include flat($b-color, true, $t-size, $pad); + } + + // Colored button + @if $type == simple { + @include simple($b-color, false, $t-size, $pad); + } + + @else if $type == shiny { + @include shiny($b-color, false, $t-size, $pad); + } + + @else if $type == pill { + @include pill($b-color, false, $t-size, $pad); + } + + @else if $type == flat { + @include flat($b-color, false, $t-size, $pad); + } +} + + +// Simple Button +//************************************************************************// +@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%); + $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%); + $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border; + border-radius: 3px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: bold; + @include linear-gradient ($base-color, $stop-gradient); + padding: $padding; + text-decoration: none; + text-shadow: 0 1px 0 $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%); + $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + } + + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%); + $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%); + + @if $grayscale == true { + $border-active: grayscale($border-active); + $inset-shadow-active: grayscale($inset-shadow-active); + } + + border: 1px solid $border-active; + box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active; + } +} + + +// Shiny Button +//************************************************************************// +@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81); + $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122); + $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46); + $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12); + $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33); + $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114); + $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border: grayscale($border); + $border-bottom: grayscale($border-bottom); + $fourth-stop: grayscale($fourth-stop); + $inset-shadow: grayscale($inset-shadow); + $second-stop: grayscale($second-stop); + $text-shadow: grayscale($text-shadow); + $third-stop: grayscale($third-stop); + } + + border: 1px solid $border; + border-bottom: 1px solid $border-bottom; + border-radius: 5px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: bold; + @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%); + padding: $padding; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + + &:hover:not(:disabled) { + $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18); + $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51); + $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66); + $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63); + + @if $grayscale == true { + $first-stop-hover: grayscale($first-stop-hover); + $second-stop-hover: grayscale($second-stop-hover); + $third-stop-hover: grayscale($third-stop-hover); + $fourth-stop-hover: grayscale($fourth-stop-hover); + } + + cursor: pointer; + @include linear-gradient(top, $first-stop-hover 0%, + $second-stop-hover 50%, + $third-stop-hover 50%, + $fourth-stop-hover 100%); + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122); + + @if $grayscale == true { + $inset-shadow-active: grayscale($inset-shadow-active); + } + + box-shadow: inset 0 0 20px 0 $inset-shadow-active; + } +} + + +// Pill Button +//************************************************************************// +@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%); + $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%); + $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%); + $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%); + } + + @if $grayscale == true { + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow: grayscale($inset-shadow); + $stop-gradient: grayscale($stop-gradient); + $text-shadow: grayscale($text-shadow); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + border-radius: 16px; + box-shadow: inset 0 1px 0 0 $inset-shadow; + color: $color; + display: inline-block; + font-size: $textsize; + font-weight: normal; + line-height: 1; + @include linear-gradient ($base-color, $stop-gradient); + padding: $padding; + text-align: center; + text-decoration: none; + text-shadow: 0 -1px 1px $text-shadow; + background-clip: padding-box; + + &:hover:not(:disabled) { + $base-color-hover: adjust-color($base-color, $lightness: -4.5%); + $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%); + $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%); + $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%); + $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%); + $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%); + $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + $border-bottom: grayscale($border-bottom); + $border-sides: grayscale($border-sides); + $border-top: grayscale($border-top); + $inset-shadow-hover: grayscale($inset-shadow-hover); + $stop-gradient-hover: grayscale($stop-gradient-hover); + $text-shadow-hover: grayscale($text-shadow-hover); + } + + border: 1px solid $border-top; + border-color: $border-top $border-sides $border-bottom; + box-shadow: inset 0 1px 0 0 $inset-shadow-hover; + cursor: pointer; + @include linear-gradient ($base-color-hover, $stop-gradient-hover); + text-shadow: 0 -1px 1px $text-shadow-hover; + background-clip: padding-box; + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%); + $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%); + $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%); + $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%); + $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%); + + @if $grayscale == true { + $active-color: grayscale($active-color); + $border-active: grayscale($border-active); + $border-bottom-active: grayscale($border-bottom-active); + $inset-shadow-active: grayscale($inset-shadow-active); + $text-shadow-active: grayscale($text-shadow-active); + } + + background: $active-color; + border: 1px solid $border-active; + border-bottom: 1px solid $border-bottom-active; + box-shadow: inset 0 0 6px 3px $inset-shadow-active; + text-shadow: 0 -1px 1px $text-shadow-active; + } +} + + + +// Flat Button +//************************************************************************// +@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) { + $color: hsl(0, 0, 100%); + + @if is-light($base-color) { + $color: hsl(0, 0, 20%); + } + + background-color: $base-color; + border-radius: 3px; + border: none; + color: $color; + display: inline-block; + font-size: inherit; + font-weight: bold; + padding: 7px 18px; + text-decoration: none; + background-clip: padding-box; + + &:hover:not(:disabled){ + $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%); + + @if $grayscale == true { + $base-color-hover: grayscale($base-color-hover); + } + + background-color: $base-color-hover; + cursor: pointer; + } + + &:active:not(:disabled), + &:focus:not(:disabled) { + $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%); + + @if $grayscale == true { + $base-color-active: grayscale($base-color-active); + } + + background-color: $base-color-active; + cursor: pointer; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss new file mode 100644 index 0000000000..783cfbc792 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_clearfix.scss @@ -0,0 +1,23 @@ +// Modern micro clearfix provides an easy way to contain floats without adding additional markup. +// +// Example usage: +// +// // Contain all floats within .wrapper +// .wrapper { +// @include clearfix; +// .content, +// .sidebar { +// float : left; +// } +// } + +@mixin clearfix { + &:after { + content:""; + display:table; + clear:both; + } +} + +// Acknowledgements +// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php) diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss new file mode 100644 index 0000000000..742f1031a4 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_directional-values.scss @@ -0,0 +1,111 @@ +// directional-property mixins are shorthands +// for writing properties like the following +// +// @include margin(null 0 10px); +// ------ +// margin-right: 0; +// margin-bottom: 10px; +// margin-left: 0; +// +// - or - +// +// @include border-style(dotted null); +// ------ +// border-top-style: dotted; +// border-bottom-style: dotted; +// +// ------ +// +// Note: You can also use false instead of null + +@function collapse-directionals($vals) { + $output: null; + + $A: nth( $vals, 1 ); + $B: if( length($vals) < 2, $A, nth($vals, 2)); + $C: if( length($vals) < 3, $A, nth($vals, 3)); + $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) )); + + @if $A == 0 { $A: 0 } + @if $B == 0 { $B: 0 } + @if $C == 0 { $C: 0 } + @if $D == 0 { $D: 0 } + + @if $A == $B and $A == $C and $A == $D { $output: $A } + @else if $A == $C and $B == $D { $output: $A $B } + @else if $B == $D { $output: $A $B $C } + @else { $output: $A $B $C $D } + + @return $output; +} + +@function contains-falsy($list) { + @each $item in $list { + @if not $item { + @return true; + } + } + + @return false; +} + +@mixin directional-property($pre, $suf, $vals) { + // Property Names + $top: $pre + "-top" + if($suf, "-#{$suf}", ""); + $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", ""); + $left: $pre + "-left" + if($suf, "-#{$suf}", ""); + $right: $pre + "-right" + if($suf, "-#{$suf}", ""); + $all: $pre + if($suf, "-#{$suf}", ""); + + $vals: collapse-directionals($vals); + + @if contains-falsy($vals) { + @if nth($vals, 1) { #{$top}: nth($vals, 1); } + + @if length($vals) == 1 { + @if nth($vals, 1) { #{$right}: nth($vals, 1); } + } @else { + @if nth($vals, 2) { #{$right}: nth($vals, 2); } + } + + // prop: top/bottom right/left + @if length($vals) == 2 { + @if nth($vals, 1) { #{$bottom}: nth($vals, 1); } + @if nth($vals, 2) { #{$left}: nth($vals, 2); } + + // prop: top right/left bottom + } @else if length($vals) == 3 { + @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } + @if nth($vals, 2) { #{$left}: nth($vals, 2); } + + // prop: top right bottom left + } @else if length($vals) == 4 { + @if nth($vals, 3) { #{$bottom}: nth($vals, 3); } + @if nth($vals, 4) { #{$left}: nth($vals, 4); } + } + + // prop: top/right/bottom/left + } @else { + #{$all}: $vals; + } +} + +@mixin margin($vals...) { + @include directional-property(margin, false, $vals...); +} + +@mixin padding($vals...) { + @include directional-property(padding, false, $vals...); +} + +@mixin border-style($vals...) { + @include directional-property(border, style, $vals...); +} + +@mixin border-color($vals...) { + @include directional-property(border, color, $vals...); +} + +@mixin border-width($vals...) { + @include directional-property(border, width, $vals...); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss new file mode 100644 index 0000000000..a8ea2a4a86 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_ellipsis.scss @@ -0,0 +1,7 @@ +@mixin ellipsis($width: 100%) { + display: inline-block; + max-width: $width; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss new file mode 100644 index 0000000000..31f5d9ca75 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_font-family.scss @@ -0,0 +1,5 @@ +$georgia: Georgia, Cambria, "Times New Roman", Times, serif; +$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; +$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; +$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; +$verdana: Verdana, Geneva, sans-serif; diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss new file mode 100644 index 0000000000..fc7943811d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_hide-text.scss @@ -0,0 +1,10 @@ +@mixin hide-text { + overflow: hidden; + + &:before { + content: ""; + display: block; + width: 0; + height: 100%; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss new file mode 100644 index 0000000000..8428e4e194 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_html5-input-types.scss @@ -0,0 +1,110 @@ +//************************************************************************// +// Generate a variable ($all-text-inputs) with a list of all html5 +// input types that have a text-based input, excluding textarea. +// http://diveintohtml5.org/forms.html +//************************************************************************// +$inputs-list: 'input[type="email"]', + 'input[type="number"]', + 'input[type="password"]', + 'input[type="search"]', + 'input[type="tel"]', + 'input[type="text"]', + 'input[type="url"]', + + // Webkit & Gecko may change the display of these in the future + 'input[type="color"]', + 'input[type="date"]', + 'input[type="datetime"]', + 'input[type="datetime-local"]', + 'input[type="month"]', + 'input[type="time"]', + 'input[type="week"]'; + +$unquoted-inputs-list: (); +@each $input-type in $inputs-list { + $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma); +} + +$all-text-inputs: $unquoted-inputs-list; + + +// Hover Pseudo-class +//************************************************************************// +$all-text-inputs-hover: (); +@each $input-type in $unquoted-inputs-list { + $input-type-hover: $input-type + ":hover"; + $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma); +} + +// Focus Pseudo-class +//************************************************************************// +$all-text-inputs-focus: (); +@each $input-type in $unquoted-inputs-list { + $input-type-focus: $input-type + ":focus"; + $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma); +} + +// You must use interpolation on the variable: +// #{$all-text-inputs} +// #{$all-text-inputs-hover} +// #{$all-text-inputs-focus} + +// Example +//************************************************************************// +// #{$all-text-inputs}, textarea { +// border: 1px solid red; +// } + + + +//************************************************************************// +// Generate a variable ($all-button-inputs) with a list of all html5 +// input types that have a button-based input, excluding button. +//************************************************************************// +$inputs-button-list: 'input[type="button"]', + 'input[type="reset"]', + 'input[type="submit"]'; + +$unquoted-inputs-button-list: (); +@each $input-type in $inputs-button-list { + $unquoted-inputs-button-list: append($unquoted-inputs-button-list, unquote($input-type), comma); +} + +$all-button-inputs: $unquoted-inputs-button-list; + + +// Hover Pseudo-class +//************************************************************************// +$all-button-inputs-hover: (); +@each $input-type in $unquoted-inputs-button-list { + $input-type-hover: $input-type + ":hover"; + $all-button-inputs-hover: append($all-button-inputs-hover, $input-type-hover, comma); +} + +// Focus Pseudo-class +//************************************************************************// +$all-button-inputs-focus: (); +@each $input-type in $unquoted-inputs-button-list { + $input-type-focus: $input-type + ":focus"; + $all-button-inputs-focus: append($all-button-inputs-focus, $input-type-focus, comma); +} + +// Active Pseudo-class +//************************************************************************// +$all-button-inputs-active: (); +@each $input-type in $unquoted-inputs-button-list { + $input-type-active: $input-type + ":active"; + $all-button-inputs-active: append($all-button-inputs-active, $input-type-active, comma); +} + +// You must use interpolation on the variable: +// #{$all-button-inputs} +// #{$all-button-inputs-hover} +// #{$all-button-inputs-focus} +// #{$all-button-inputs-active} + +// Example +//************************************************************************// +// #{$all-button-inputs}, button { +// border: 1px solid red; +// } diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_position.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_position.scss new file mode 100644 index 0000000000..31a0699769 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_position.scss @@ -0,0 +1,32 @@ +@mixin position ($position: relative, $coordinates: 0 0 0 0) { + + @if type-of($position) == list { + $coordinates: $position; + $position: relative; + } + + $coordinates: unpack($coordinates); + + $top: nth($coordinates, 1); + $right: nth($coordinates, 2); + $bottom: nth($coordinates, 3); + $left: nth($coordinates, 4); + + position: $position; + + @if ($top and $top == auto) or (type-of($top) == number and not(unitless($top))) { + top: $top; + } + + @if ($right and $right == auto) or (type-of($right) == number and not(unitless($right))) { + right: $right; + } + + @if ($bottom and $bottom == auto) or (type-of($bottom) == number and not(unitless($bottom))) { + bottom: $bottom; + } + + @if ($left and $left == auto) or (type-of($left) == number and not(unitless($left))) { + left: $left; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss new file mode 100644 index 0000000000..bac1aed2cc --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_prefixer.scss @@ -0,0 +1,45 @@ +//************************************************************************// +// Example: @include prefixer(border-radius, $radii, webkit ms spec); +//************************************************************************// +// Variables located in /settings/_prefixer.scss + +@mixin prefixer ($property, $value, $prefixes) { + @each $prefix in $prefixes { + @if $prefix == webkit { + @if $prefix-for-webkit { + -webkit-#{$property}: $value; + } + } + @else if $prefix == moz { + @if $prefix-for-mozilla { + -moz-#{$property}: $value; + } + } + @else if $prefix == ms { + @if $prefix-for-microsoft { + -ms-#{$property}: $value; + } + } + @else if $prefix == o { + @if $prefix-for-opera { + -o-#{$property}: $value; + } + } + @else if $prefix == spec { + @if $prefix-for-spec { + #{$property}: $value; + } + } + @else { + @warn "Unrecognized prefix: #{$prefix}"; + } + } +} + +@mixin disable-prefix-for-all() { + $prefix-for-webkit: false; + $prefix-for-mozilla: false; + $prefix-for-microsoft: false; + $prefix-for-opera: false; + $prefix-for-spec: false; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss new file mode 100644 index 0000000000..3995c1970a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_retina-image.scss @@ -0,0 +1,31 @@ +@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) { + @if $asset-pipeline { + background-image: image-url("#{$filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}.#{$extension}"); + } + + @include hidpi { + @if $asset-pipeline { + @if $retina-filename { + background-image: image-url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); + } + } + + @else { + @if $retina-filename { + background-image: url("#{$retina-filename}.#{$extension}"); + } + @else { + background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); + } + } + + background-size: $background-size; + + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_size.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_size.scss new file mode 100644 index 0000000000..342e41b79f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_size.scss @@ -0,0 +1,44 @@ +@mixin size($size) { + @if length($size) == 1 { + @if $size == auto { + width: $size; + height: $size; + } + + @else if unitless($size) { + width: $size + px; + height: $size + px; + } + + @else if not(unitless($size)) { + width: $size; + height: $size; + } + } + + // Width x Height + @if length($size) == 2 { + $width: nth($size, 1); + $height: nth($size, 2); + + @if $width == auto { + width: $width; + } + @else if not(unitless($width)) { + width: $width; + } + @else if unitless($width) { + width: $width + px; + } + + @if $height == auto { + height: $height; + } + @else if not(unitless($height)) { + height: $height; + } + @else if unitless($height) { + height: $height + px; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss new file mode 100644 index 0000000000..5ecc6f9dcf --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_timing-functions.scss @@ -0,0 +1,32 @@ +// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie) +// Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html + +// EASE IN +$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530); +$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190); +$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220); +$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060); +$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715); +$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035); +$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335); +$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045); + +// EASE OUT +$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940); +$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000); +$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000); +$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000); +$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000); +$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000); +$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000); +$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275); + +// EASE IN OUT +$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955); +$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000); +$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000); +$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000); +$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950); +$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000); +$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860); +$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550); diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss new file mode 100644 index 0000000000..3b29e2c3c0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_triangle.scss @@ -0,0 +1,86 @@ +@mixin triangle ($size, $color, $direction) { + height: 0; + width: 0; + + $width: nth($size, 1); + $height: nth($size, length($size)); + + $foreground-color: nth($color, 1); + $background-color: transparent !default; + @if (length($color) == 2) { + $background-color: nth($color, 2); + } + + @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { + + $width: $width / 2; + $height: if(length($size) > 1, $height, $height/2); + + @if $direction == up { + border-left: $width solid $background-color; + border-right: $width solid $background-color; + border-bottom: $height solid $foreground-color; + + } @else if $direction == right { + border-top: $width solid $background-color; + border-bottom: $width solid $background-color; + border-left: $height solid $foreground-color; + + } @else if $direction == down { + border-left: $width solid $background-color; + border-right: $width solid $background-color; + border-top: $height solid $foreground-color; + + } @else if $direction == left { + border-top: $width solid $background-color; + border-bottom: $width solid $background-color; + border-right: $height solid $foreground-color; + } + } + + @else if ($direction == up-right) or ($direction == up-left) { + border-top: $height solid $foreground-color; + + @if $direction == up-right { + border-left: $width solid $background-color; + + } @else if $direction == up-left { + border-right: $width solid $background-color; + } + } + + @else if ($direction == down-right) or ($direction == down-left) { + border-bottom: $height solid $foreground-color; + + @if $direction == down-right { + border-left: $width solid $background-color; + + } @else if $direction == down-left { + border-right: $width solid $background-color; + } + } + + @else if ($direction == inset-up) { + border-width: $height $width; + border-style: solid; + border-color: $background-color $background-color $foreground-color; + } + + @else if ($direction == inset-down) { + border-width: $height $width; + border-style: solid; + border-color: $foreground-color $background-color $background-color; + } + + @else if ($direction == inset-right) { + border-width: $width $height; + border-style: solid; + border-color: $background-color $background-color $background-color $foreground-color; + } + + @else if ($direction == inset-left) { + border-width: $width $height; + border-style: solid; + border-color: $background-color $foreground-color $background-color $background-color; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss new file mode 100644 index 0000000000..9734a597cd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/addons/_word-wrap.scss @@ -0,0 +1,8 @@ +@mixin word-wrap($wrap: break-word) { + word-wrap: $wrap; + + @if $wrap == break-word { + overflow-wrap: break-word; + word-break: break-all; + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_animation.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_animation.scss new file mode 100644 index 0000000000..08c3dbf157 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_animation.scss @@ -0,0 +1,52 @@ +// http://www.w3.org/TR/css3-animations/#the-animation-name-property- +// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties. + +// Official animation shorthand property. +@mixin animation ($animations...) { + @include prefixer(animation, $animations, webkit moz spec); +} + +// Individual Animation Properties +@mixin animation-name ($names...) { + @include prefixer(animation-name, $names, webkit moz spec); +} + + +@mixin animation-duration ($times...) { + @include prefixer(animation-duration, $times, webkit moz spec); +} + + +@mixin animation-timing-function ($motions...) { +// ease | linear | ease-in | ease-out | ease-in-out + @include prefixer(animation-timing-function, $motions, webkit moz spec); +} + + +@mixin animation-iteration-count ($values...) { +// infinite | + @include prefixer(animation-iteration-count, $values, webkit moz spec); +} + + +@mixin animation-direction ($directions...) { +// normal | alternate + @include prefixer(animation-direction, $directions, webkit moz spec); +} + + +@mixin animation-play-state ($states...) { +// running | paused + @include prefixer(animation-play-state, $states, webkit moz spec); +} + + +@mixin animation-delay ($times...) { + @include prefixer(animation-delay, $times, webkit moz spec); +} + + +@mixin animation-fill-mode ($modes...) { +// none | forwards | backwards | both + @include prefixer(animation-fill-mode, $modes, webkit moz spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss new file mode 100644 index 0000000000..3eb16e45de --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_appearance.scss @@ -0,0 +1,3 @@ +@mixin appearance ($value) { + @include prefixer(appearance, $value, webkit moz ms o spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss new file mode 100644 index 0000000000..1161fe60dd --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_backface-visibility.scss @@ -0,0 +1,6 @@ +//************************************************************************// +// Backface-visibility mixin +//************************************************************************// +@mixin backface-visibility($visibility) { + @include prefixer(backface-visibility, $visibility, webkit spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss new file mode 100644 index 0000000000..17016b91b9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background-image.scss @@ -0,0 +1,48 @@ +//************************************************************************// +// Background-image property for adding multiple background images with +// gradients, or for stringing multiple gradients together. +//************************************************************************// + +@mixin background-image($images...) { + background-image: _add-prefix($images, webkit); + background-image: _add-prefix($images); +} + +@function _add-prefix($images, $vendor: false) { + $images-prefixed: (); + $gradient-positions: false; + @for $i from 1 through length($images) { + $type: type-of(nth($images, $i)); // Get type of variable - List or String + + // If variable is a list - Gradient + @if $type == list { + $gradient-type: nth(nth($images, $i), 1); // linear or radial + $gradient-pos: null; + $gradient-args: null; + + @if ($gradient-type == linear) or ($gradient-type == radial) { + $gradient-pos: nth(nth($images, $i), 2); // Get gradient position + $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue) + } + @else { + $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) + } + + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + $images-prefixed: append($images-prefixed, $gradient, comma); + } + // If variable is a string - Image + @else if $type == string { + $images-prefixed: join($images-prefixed, nth($images, $i), comma); + } + } + @return $images-prefixed; +} + +//Examples: + //@include background-image(linear-gradient(top, orange, red)); + //@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); + //@include background-image(url("/images/a.png"), linear-gradient(orange, red)); + //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); + //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red)); diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background.scss new file mode 100644 index 0000000000..975f0a6e5f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_background.scss @@ -0,0 +1,103 @@ +//************************************************************************// +// Background property for adding multiple backgrounds using shorthand +// notation. +//************************************************************************// + +@mixin background( + $background-1 , $background-2: null, + $background-3: null, $background-4: null, + $background-5: null, $background-6: null, + $background-7: null, $background-8: null, + $background-9: null, $background-10: null, + $fallback: null +) { + $backgrounds: $background-1, $background-2, + $background-3, $background-4, + $background-5, $background-6, + $background-7, $background-8, + $background-9, $background-10; + + $fallback-color: false; + @if (type-of($fallback) == color) or ($fallback == "transparent") { + $fallback-color: $fallback; + } + @else { + $fallback-color: _extract-background-color($backgrounds); + } + + @if $fallback-color { + background-color: $fallback-color; + } + background: _background-add-prefix($backgrounds, webkit); + background: _background-add-prefix($backgrounds); +} + +@function _extract-background-color($backgrounds) { + $final-bg-layer: nth($backgrounds, length($backgrounds)); + @if type-of($final-bg-layer) == list { + @for $i from 1 through length($final-bg-layer) { + $value: nth($final-bg-layer, $i); + @if type-of($value) == color { + @return $value; + } + } + } + @return false; +} + +@function _background-add-prefix($backgrounds, $vendor: false) { + $backgrounds-prefixed: (); + + @for $i from 1 through length($backgrounds) { + $shorthand: nth($backgrounds, $i); // Get member for current index + $type: type-of($shorthand); // Get type of variable - List (gradient) or String (image) + + // If shorthand is a list (gradient) + @if $type == list { + $first-member: nth($shorthand, 1); // Get first member of shorthand + + // Linear Gradient + @if index(linear radial, nth($first-member, 1)) { + $gradient-type: nth($first-member, 1); // linear || radial + $gradient-args: false; + $gradient-positions: false; + $shorthand-start: false; + @if type-of($first-member) == list { // Linear gradient plus additional shorthand values - lg(red,orange)repeat,... + $gradient-positions: nth($first-member, 2); + $gradient-args: nth($first-member, 3); + $shorthand-start: 2; + } + @else { // Linear gradient only - lg(red,orange),... + $gradient-positions: nth($shorthand, 2); + $gradient-args: nth($shorthand, 3); // Get gradient (red, blue) + } + + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-positions); + $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + + // Append any additional shorthand args to gradient + @if $shorthand-start { + @for $j from $shorthand-start through length($shorthand) { + $gradient: join($gradient, nth($shorthand, $j), space); + } + } + $backgrounds-prefixed: append($backgrounds-prefixed, $gradient, comma); + } + // Image with additional properties + @else { + $backgrounds-prefixed: append($backgrounds-prefixed, $shorthand, comma); + } + } + // If shorthand is a simple string (color or image) + @else if $type == string { + $backgrounds-prefixed: join($backgrounds-prefixed, $shorthand, comma); + } + } + @return $backgrounds-prefixed; +} + +//Examples: + //@include background(linear-gradient(top, orange, red)); + //@include background(radial-gradient(circle at 40% 40%, orange, red)); + //@include background(url("/images/a.png") no-repeat, linear-gradient(orange, red)); + //@include background(url("image.png") center center, linear-gradient(orange, red), url("image.png")); diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss new file mode 100644 index 0000000000..e552ee442e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-image.scss @@ -0,0 +1,56 @@ +@mixin border-image($images) { + -webkit-border-image: _border-add-prefix($images, webkit); + -moz-border-image: _border-add-prefix($images, moz); + -o-border-image: _border-add-prefix($images, o); + border-image: _border-add-prefix($images); + border-style: solid; +} + +@function _border-add-prefix($images, $vendor: false) { + $border-image: null; + $images-type: type-of(nth($images, 1)); + $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial) + + // If input is a gradient + @if $images-type == string { + @if ($first-var == "linear") or ($first-var == "radial") { + $gradient-type: nth($images, 1); // Get type of gradient (linear || radial) + $gradient-pos: nth($images, 2); // Get gradient position + $gradient-args: nth($images, 3); // Get actual gradient (red, blue) + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + } + // If input is a URL + @else { + $border-image: $images; + } + } + // If input is gradient or url + additional args + @else if $images-type == list { + $type: type-of(nth($images, 1)); // Get type of variable - List or String + + // If variable is a list - Gradient + @if $type == list { + $gradient: nth($images, 1); + $gradient-type: nth($gradient, 1); // Get type of gradient (linear || radial) + $gradient-pos: nth($gradient, 2); // Get gradient position + $gradient-args: nth($gradient, 3); // Get actual gradient (red, blue) + $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); + $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); + + @for $i from 2 through length($images) { + $border-image: append($border-image, nth($images, $i)); + } + } + } + @return $border-image; +} + +//Examples: +// @include border-image(url("image.png")); +// @include border-image(url("image.png") 20 stretch); +// @include border-image(linear-gradient(45deg, orange, yellow)); +// @include border-image(linear-gradient(45deg, orange, yellow) stretch); +// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); +// @include border-image(radial-gradient(top, cover, orange, yellow, orange)); + diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss new file mode 100644 index 0000000000..7c17190109 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_border-radius.scss @@ -0,0 +1,22 @@ +//************************************************************************// +// Shorthand Border-radius mixins +//************************************************************************// +@mixin border-top-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-top-right-radius, $radii, spec); +} + +@mixin border-bottom-radius($radii) { + @include prefixer(border-bottom-left-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} + +@mixin border-left-radius($radii) { + @include prefixer(border-top-left-radius, $radii, spec); + @include prefixer(border-bottom-left-radius, $radii, spec); +} + +@mixin border-right-radius($radii) { + @include prefixer(border-top-right-radius, $radii, spec); + @include prefixer(border-bottom-right-radius, $radii, spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss new file mode 100644 index 0000000000..f07e1d412e --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_box-sizing.scss @@ -0,0 +1,4 @@ +@mixin box-sizing ($box) { +// content-box | border-box | inherit + @include prefixer(box-sizing, $box, webkit moz spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_calc.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_calc.scss new file mode 100644 index 0000000000..94d7e4cef3 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_calc.scss @@ -0,0 +1,4 @@ +@mixin calc($property, $value) { + #{$property}: -webkit-calc(#{$value}); + #{$property}: calc(#{$value}); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_columns.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_columns.scss new file mode 100644 index 0000000000..96f601c1a8 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_columns.scss @@ -0,0 +1,47 @@ +@mixin columns($arg: auto) { +// || + @include prefixer(columns, $arg, webkit moz spec); +} + +@mixin column-count($int: auto) { +// auto || integer + @include prefixer(column-count, $int, webkit moz spec); +} + +@mixin column-gap($length: normal) { +// normal || length + @include prefixer(column-gap, $length, webkit moz spec); +} + +@mixin column-fill($arg: auto) { +// auto || length + @include prefixer(column-fill, $arg, webkit moz spec); +} + +@mixin column-rule($arg) { +// || || + @include prefixer(column-rule, $arg, webkit moz spec); +} + +@mixin column-rule-color($color) { + @include prefixer(column-rule-color, $color, webkit moz spec); +} + +@mixin column-rule-style($style: none) { +// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid + @include prefixer(column-rule-style, $style, webkit moz spec); +} + +@mixin column-rule-width ($width: none) { + @include prefixer(column-rule-width, $width, webkit moz spec); +} + +@mixin column-span($arg: none) { +// none || all + @include prefixer(column-span, $arg, webkit moz spec); +} + +@mixin column-width($length: auto) { +// auto || length + @include prefixer(column-width, $length, webkit moz spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_filter.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_filter.scss new file mode 100644 index 0000000000..8560d77676 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_filter.scss @@ -0,0 +1,5 @@ +@mixin filter($function: none) { + // [ + @include prefixer(perspective, $depth, webkit moz spec); +} + +@mixin perspective-origin($value: 50% 50%) { + @include prefixer(perspective-origin, $value, webkit moz spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss new file mode 100644 index 0000000000..5682fd097a --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_placeholder.scss @@ -0,0 +1,8 @@ +@mixin placeholder { + $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input"; + @each $placeholder in $placeholders { + &:#{$placeholder}-placeholder { + @content; + } + } +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss new file mode 100644 index 0000000000..7a8c3765f1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_radial-gradient.scss @@ -0,0 +1,39 @@ +// Requires Sass 3.1+ +@mixin radial-gradient($G1, $G2, + $G3: null, $G4: null, + $G5: null, $G6: null, + $G7: null, $G8: null, + $G9: null, $G10: null, + $pos: null, + $shape-size: null, + $fallback: null) { + + $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); + $G1: nth($data, 1); + $G2: nth($data, 2); + $pos: nth($data, 3); + $shape-size: nth($data, 4); + + $full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10; + + // Strip deprecated cover/contain for spec + $shape-size-spec: _shape-size-stripper($shape-size); + + // Set $G1 as the default fallback color + $first-color: nth($full, 1); + $fallback-color: nth($first-color, 1); + + @if (type-of($fallback) == color) or ($fallback == "transparent") { + $fallback-color: $fallback; + } + + // Add Commas and spaces + $shape-size: if($shape-size, '#{$shape-size}, ', null); + $pos: if($pos, '#{$pos}, ', null); + $pos-spec: if($pos, 'at #{$pos}', null); + $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} '); + + background-color: $fallback-color; + background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full})); + background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})"); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transform.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transform.scss new file mode 100644 index 0000000000..8cc35963d5 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transform.scss @@ -0,0 +1,15 @@ +@mixin transform($property: none) { +// none | + @include prefixer(transform, $property, webkit moz ms o spec); +} + +@mixin transform-origin($axes: 50%) { +// x-axis - left | center | right | length | % +// y-axis - top | center | bottom | length | % +// z-axis - length + @include prefixer(transform-origin, $axes, webkit moz ms o spec); +} + +@mixin transform-style ($style: flat) { + @include prefixer(transform-style, $style, webkit moz ms o spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transition.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transition.scss new file mode 100644 index 0000000000..5ad4c0aed2 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_transition.scss @@ -0,0 +1,77 @@ +// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable. +// Example: @include transition (all 2s ease-in-out); +// @include transition (opacity 1s ease-in 2s, width 2s ease-out); +// @include transition-property (transform, opacity); + +@mixin transition ($properties...) { + // Fix for vendor-prefix transform property + $needs-prefixes: false; + $webkit: (); + $moz: (); + $spec: (); + + // Create lists for vendor-prefixed transform + @each $list in $properties { + @if nth($list, 1) == "transform" { + $needs-prefixes: true; + $list1: -webkit-transform; + $list2: -moz-transform; + $list3: (); + + @each $var in $list { + $list3: join($list3, $var); + + @if $var != "transform" { + $list1: join($list1, $var); + $list2: join($list2, $var); + } + } + + $webkit: append($webkit, $list1); + $moz: append($moz, $list2); + $spec: append($spec, $list3); + } + + // Create lists for non-prefixed transition properties + @else { + $webkit: append($webkit, $list, comma); + $moz: append($moz, $list, comma); + $spec: append($spec, $list, comma); + } + } + + @if $needs-prefixes { + -webkit-transition: $webkit; + -moz-transition: $moz; + transition: $spec; + } + @else { + @if length($properties) >= 1 { + @include prefixer(transition, $properties, webkit moz spec); + } + + @else { + $properties: all 0.15s ease-out 0s; + @include prefixer(transition, $properties, webkit moz spec); + } + } +} + +@mixin transition-property ($properties...) { + -webkit-transition-property: transition-property-names($properties, 'webkit'); + -moz-transition-property: transition-property-names($properties, 'moz'); + transition-property: transition-property-names($properties, false); +} + +@mixin transition-duration ($times...) { + @include prefixer(transition-duration, $times, webkit moz spec); +} + +@mixin transition-timing-function ($motions...) { +// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() + @include prefixer(transition-timing-function, $motions, webkit moz spec); +} + +@mixin transition-delay ($times...) { + @include prefixer(transition-delay, $times, webkit moz spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss new file mode 100644 index 0000000000..1380aa8baa --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/css3/_user-select.scss @@ -0,0 +1,3 @@ +@mixin user-select($arg: none) { + @include prefixer(user-select, $arg, webkit moz ms spec); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss new file mode 100644 index 0000000000..8c6df4e256 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_color-lightness.scss @@ -0,0 +1,13 @@ +// Programatically determines whether a color is light or dark +// Returns a boolean +// More details here http://robots.thoughtbot.com/closer-look-color-lightness + +@function is-light($hex-color) { + $-local-red: red(rgba($hex-color, 1.0)); + $-local-green: green(rgba($hex-color, 1.0)); + $-local-blue: blue(rgba($hex-color, 1.0)); + + $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255; + + @return $-local-lightness > .6; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss new file mode 100644 index 0000000000..3bbd866573 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_flex-grid.scss @@ -0,0 +1,39 @@ +// Flexible grid +@function flex-grid($columns, $container-columns: $fg-max-columns) { + $width: $columns * $fg-column + ($columns - 1) * $fg-gutter; + $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; + @return percentage($width / $container-width); +} + +// Flexible gutter +@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) { + $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter; + @return percentage($gutter / $container-width); +} + +// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function. +// This function takes the fluid grid equation (target / context = result) and uses columns to help define each. +// +// The calculation presumes that your column structure will be missing the last gutter: +// +// -- column -- gutter -- column -- gutter -- column +// +// $fg-column: 60px; // Column Width +// $fg-gutter: 25px; // Gutter Width +// $fg-max-columns: 12; // Total Columns For Main Container +// +// div { +// width: flex-grid(4); // returns (315px / 995px) = 31.65829%; +// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%; +// +// p { +// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; +// float: left; +// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%; +// } +// +// blockquote { +// float: left; +// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%; +// } +// } \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss new file mode 100644 index 0000000000..463d14a00c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_golden-ratio.scss @@ -0,0 +1,3 @@ +@function golden-ratio($value, $increment) { + @return modular-scale($value, $increment, $golden) +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss new file mode 100644 index 0000000000..8e63d83d60 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_grid-width.scss @@ -0,0 +1,13 @@ +@function grid-width($n) { + @return $n * $gw-column + ($n - 1) * $gw-gutter; +} + +// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. +// +// $gw-column: 100px; // Column Width +// $gw-gutter: 40px; // Gutter Width +// +// div { +// width: grid-width(4); // returns 520px; +// margin-left: $gw-gutter; // returns 40px; +// } diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss new file mode 100644 index 0000000000..c8454d83f0 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_linear-gradient.scss @@ -0,0 +1,13 @@ +@function linear-gradient($pos, $gradients...) { + $type: linear; + $pos-type: type-of(nth($pos, 1)); + + // if $pos doesn't exist, fix $gradient + @if ($pos-type == color) or (nth($pos, 1) == "transparent") { + $gradients: zip($pos $gradients); + $pos: false; + } + + $type-gradient: $type, $pos, $gradients; + @return $type-gradient; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss new file mode 100644 index 0000000000..afc59eb954 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_modular-scale.scss @@ -0,0 +1,66 @@ +// Scaling Variables +$golden: 1.618; +$minor-second: 1.067; +$major-second: 1.125; +$minor-third: 1.2; +$major-third: 1.25; +$perfect-fourth: 1.333; +$augmented-fourth: 1.414; +$perfect-fifth: 1.5; +$minor-sixth: 1.6; +$major-sixth: 1.667; +$minor-seventh: 1.778; +$major-seventh: 1.875; +$octave: 2; +$major-tenth: 2.5; +$major-eleventh: 2.667; +$major-twelfth: 3; +$double-octave: 4; + +@function modular-scale($value, $increment, $ratio) { + $v1: nth($value, 1); + $v2: nth($value, length($value)); + $value: $v1; + + // scale $v2 to just above $v1 + @while $v2 > $v1 { + $v2: ($v2 / $ratio); // will be off-by-1 + } + @while $v2 < $v1 { + $v2: ($v2 * $ratio); // will fix off-by-1 + } + + // check AFTER scaling $v2 to prevent double-counting corner-case + $double-stranded: $v2 > $v1; + + @if $increment > 0 { + @for $i from 1 through $increment { + @if $double-stranded and ($v1 * $ratio) > $v2 { + $value: $v2; + $v2: ($v2 * $ratio); + } @else { + $v1: ($v1 * $ratio); + $value: $v1; + } + } + } + + @if $increment < 0 { + // adjust $v2 to just below $v1 + @if $double-stranded { + $v2: ($v2 / $ratio); + } + + @for $i from $increment through -1 { + @if $double-stranded and ($v1 / $ratio) < $v2 { + $value: $v2; + $v2: ($v2 / $ratio); + } @else { + $v1: ($v1 / $ratio); + $value: $v1; + } + } + } + + @return $value; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss new file mode 100644 index 0000000000..4832245e45 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-em.scss @@ -0,0 +1,13 @@ +// Convert pixels to ems +// eg. for a relational value of 12px write em(12) when the parent is 16px +// if the parent is another value say 24px write em(12, 24) + +@function em($pxval, $base: $em-base) { + @if not unitless($pxval) { + $pxval: strip-units($pxval); + } + @if not unitless($base) { + $base: strip-units($base); + } + @return ($pxval / $base) * 1em; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss new file mode 100644 index 0000000000..96b244e4cb --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_px-to-rem.scss @@ -0,0 +1,15 @@ +// Convert pixels to rems +// eg. for a relational value of 12px write rem(12) +// Assumes $em-base is the font-size of + +@function rem($pxval) { + @if not unitless($pxval) { + $pxval: strip-units($pxval); + } + + $base: $em-base; + @if not unitless($base) { + $base: strip-units($base); + } + @return ($pxval / $base) * 1rem; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss new file mode 100644 index 0000000000..4466a9c9af --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_radial-gradient.scss @@ -0,0 +1,23 @@ +// This function is required and used by the background-image mixin. +@function radial-gradient($G1, $G2, + $G3: null, $G4: null, + $G5: null, $G6: null, + $G7: null, $G8: null, + $G9: null, $G10: null, + $pos: null, + $shape-size: null) { + + $data: _radial-arg-parser($G1, $G2, $pos, $shape-size); + $G1: nth($data, 1); + $G2: nth($data, 2); + $pos: nth($data, 3); + $shape-size: nth($data, 4); + + $type: radial; + $gradient: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10; + + $type-gradient: $type, $shape-size $pos, $gradient; + @return $type-gradient; +} + + diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss new file mode 100644 index 0000000000..6afc6e601c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_strip-units.scss @@ -0,0 +1,5 @@ +// Srtips the units from a value. e.g. 12px -> 12 + +@function strip-units($val) { + @return ($val / ($val * 0 + 1)); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss new file mode 100644 index 0000000000..f7172004ac --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_tint-shade.scss @@ -0,0 +1,9 @@ +// Add percentage of white to a color +@function tint($color, $percent){ + @return mix(white, $color, $percent); +} + +// Add percentage of black to a color +@function shade($color, $percent){ + @return mix(black, $color, $percent); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss new file mode 100644 index 0000000000..49e621d63d --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_transition-property-name.scss @@ -0,0 +1,22 @@ +// Return vendor-prefixed property names if appropriate +// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background +//************************************************************************// +@function transition-property-names($props, $vendor: false) { + $new-props: (); + + @each $prop in $props { + $new-props: append($new-props, transition-property-name($prop, $vendor), comma); + } + + @return $new-props; +} + +@function transition-property-name($prop, $vendor: false) { + // put other properties that need to be prefixed here aswell + @if $vendor and $prop == transform { + @return unquote('-' + $vendor + '-' + $prop); + } + @else { + @return $prop; + } +} \ No newline at end of file diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss new file mode 100644 index 0000000000..377596365c --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/functions/_unpack.scss @@ -0,0 +1,17 @@ +// Convert shorthand to the 4-value syntax + +@function unpack($shorthand) { + @if length($shorthand) == 1 { + @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1); + } + @else if length($shorthand) == 2 { + @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2); + } + @else if length($shorthand) == 3 { + @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2); + } + @else { + @return $shorthand; + } +} + diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss new file mode 100644 index 0000000000..07d30b6cf9 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_gradient-positions-parser.scss @@ -0,0 +1,13 @@ +@function _gradient-positions-parser($gradient-type, $gradient-positions) { + @if $gradient-positions + and ($gradient-type == linear) + and (type-of($gradient-positions) != color) { + $gradient-positions: _linear-positions-parser($gradient-positions); + } + @else if $gradient-positions + and ($gradient-type == radial) + and (type-of($gradient-positions) != color) { + $gradient-positions: _radial-positions-parser($gradient-positions); + } + @return $gradient-positions; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss new file mode 100644 index 0000000000..d26383edce --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_linear-positions-parser.scss @@ -0,0 +1,61 @@ +@function _linear-positions-parser($pos) { + $type: type-of(nth($pos, 1)); + $spec: null; + $degree: null; + $side: null; + $corner: null; + $length: length($pos); + // Parse Side and corner positions + @if ($length > 1) { + @if nth($pos, 1) == "to" { // Newer syntax + $side: nth($pos, 2); + + @if $length == 2 { // eg. to top + // Swap for backwards compatability + $degree: _position-flipper(nth($pos, 2)); + } + @else if $length == 3 { // eg. to top left + $corner: nth($pos, 3); + } + } + @else if $length == 2 { // Older syntax ("top left") + $side: _position-flipper(nth($pos, 1)); + $corner: _position-flipper(nth($pos, 2)); + } + + @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") { + $degree: _position-flipper(#{$side}) _position-flipper(#{$corner}); + } + $spec: to $side $corner; + } + @else if $length == 1 { + // Swap for backwards compatability + @if $type == string { + $degree: $pos; + $spec: to _position-flipper($pos); + } + @else { + $degree: -270 - $pos; //rotate the gradient opposite from spec + $spec: $pos; + } + } + $degree: unquote($degree + ","); + $spec: unquote($spec + ","); + @return $degree $spec; +} + +@function _position-flipper($pos) { + @return if($pos == left, right, null) + if($pos == right, left, null) + if($pos == top, bottom, null) + if($pos == bottom, top, null); +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss new file mode 100644 index 0000000000..a3a3704af5 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-arg-parser.scss @@ -0,0 +1,69 @@ +@function _radial-arg-parser($G1, $G2, $pos, $shape-size) { + @each $value in $G1, $G2 { + $first-val: nth($value, 1); + $pos-type: type-of($first-val); + $spec-at-index: null; + + // Determine if spec was passed to mixin + @if type-of($value) == list { + $spec-at-index: if(index($value, at), index($value, at), false); + } + @if $spec-at-index { + @if $spec-at-index > 1 { + @for $i from 1 through ($spec-at-index - 1) { + $shape-size: $shape-size nth($value, $i); + } + @for $i from ($spec-at-index + 1) through length($value) { + $pos: $pos nth($value, $i); + } + } + @else if $spec-at-index == 1 { + @for $i from ($spec-at-index + 1) through length($value) { + $pos: $pos nth($value, $i); + } + } + $G1: null; + } + + // If not spec calculate correct values + @else { + @if ($pos-type != color) or ($first-val != "transparent") { + @if ($pos-type == number) + or ($first-val == "center") + or ($first-val == "top") + or ($first-val == "right") + or ($first-val == "bottom") + or ($first-val == "left") { + + $pos: $value; + + @if $pos == $G1 { + $G1: null; + } + } + + @else if + ($first-val == "ellipse") + or ($first-val == "circle") + or ($first-val == "closest-side") + or ($first-val == "closest-corner") + or ($first-val == "farthest-side") + or ($first-val == "farthest-corner") + or ($first-val == "contain") + or ($first-val == "cover") { + + $shape-size: $value; + + @if $value == $G1 { + $G1: null; + } + + @else if $value == $G2 { + $G2: null; + } + } + } + } + } + @return $G1, $G2, $pos, $shape-size; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss new file mode 100644 index 0000000000..6a5b477778 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_radial-positions-parser.scss @@ -0,0 +1,18 @@ +@function _radial-positions-parser($gradient-pos) { + $shape-size: nth($gradient-pos, 1); + $pos: nth($gradient-pos, 2); + $shape-size-spec: _shape-size-stripper($shape-size); + + $pre-spec: unquote(if($pos, "#{$pos}, ", null)) + unquote(if($shape-size, "#{$shape-size},", null)); + $pos-spec: if($pos, "at #{$pos}", null); + + $spec: "#{$shape-size-spec} #{$pos-spec}"; + + // Add comma + @if ($spec != ' ') { + $spec: "#{$spec}," + } + + @return $pre-spec $spec; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss new file mode 100644 index 0000000000..c145110a17 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_render-gradients.scss @@ -0,0 +1,26 @@ +// User for linear and radial gradients within background-image or border-image properties + +@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) { + $pre-spec: null; + $spec: null; + $vendor-gradients: null; + @if $gradient-type == linear { + @if $gradient-positions { + $pre-spec: nth($gradient-positions, 1); + $spec: nth($gradient-positions, 2); + } + } + @else if $gradient-type == radial { + $pre-spec: nth($gradient-positions, 1); + $spec: nth($gradient-positions, 2); + } + + @if $vendor { + $vendor-gradients: "-#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} #{$gradients})"; + } + @else if $vendor == false { + $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})"; + } + $vendor-gradients: unquote($vendor-gradients); + @return $vendor-gradients; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss new file mode 100644 index 0000000000..ee5eda4220 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/helpers/_shape-size-stripper.scss @@ -0,0 +1,10 @@ +@function _shape-size-stripper($shape-size) { + $shape-size-spec: null; + @each $value in $shape-size { + @if ($value == "cover") or ($value == "contain") { + $value: null; + } + $shape-size-spec: "#{$shape-size-spec} #{$value}"; + } + @return $shape-size-spec; +} diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss new file mode 100644 index 0000000000..d481a6afb1 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_asset-pipeline.scss @@ -0,0 +1 @@ +$asset-pipeline: false !default; diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss new file mode 100644 index 0000000000..ecab49fb54 --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_prefixer.scss @@ -0,0 +1,6 @@ +// Variable settings for /addons/prefixer.scss +$prefix-for-webkit: true !default; +$prefix-for-mozilla: true !default; +$prefix-for-microsoft: true !default; +$prefix-for-opera: true !default; +$prefix-for-spec: true !default; // required for keyframe mixin diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss new file mode 100644 index 0000000000..f2f9a3e8de --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/bourbon/settings/_px-to-em.scss @@ -0,0 +1 @@ +$em-base: 16px !default; diff --git a/themes/src/main/resources/VAADIN/themes/valo/util/readme.txt b/themes/src/main/resources/VAADIN/themes/valo/util/readme.txt new file mode 100644 index 0000000000..6da898220f --- /dev/null +++ b/themes/src/main/resources/VAADIN/themes/valo/util/readme.txt @@ -0,0 +1,8 @@ +The Bourbon library has been modified to work around the limitations of the Sass Compiler. +The following changes should be taken into account if Bourbon is upgraded to a newer +version: + +file _transition-property-name.scss, function transition-property-name: added space around +the operation '+'. This changed one line from +@return unquote('-'+$vendor+'-'+$prop); +to @return unquote('-' + $vendor + '-' + $prop); \ No newline at end of file diff --git a/uitest/build.xml b/uitest/build.xml index 279c50baf6..84e1e78d1b 100644 --- a/uitest/build.xml +++ b/uitest/build.xml @@ -345,7 +345,8 @@ - + + @@ -358,6 +359,19 @@ + + + + + + + + + + + + + diff --git a/uitest/ivy.xml b/uitest/ivy.xml index 6ae49b7d94..c41887fa0b 100644 --- a/uitest/ivy.xml +++ b/uitest/ivy.xml @@ -50,7 +50,7 @@ + rev="${vaadin.version}" conf="build->default"> + rev="${vaadin.version}" conf="build-provided,test->default">