diff options
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon')
54 files changed, 0 insertions, 2402 deletions
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 Binary files differdeleted file mode 100644 index 1f81f0de76..0000000000 --- a/WebContent/VAADIN/themes/chameleon/favicon.ico +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png b/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png Binary files differdeleted file mode 100644 index f0a0b1bfba..0000000000 --- a/WebContent/VAADIN/themes/chameleon/icons/bullet-white.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/icons/bullet.png b/WebContent/VAADIN/themes/chameleon/icons/bullet.png Binary files differdeleted file mode 100644 index 5047f6b27c..0000000000 --- a/WebContent/VAADIN/themes/chameleon/icons/bullet.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/app-bg.png b/WebContent/VAADIN/themes/chameleon/img/app-bg.png Binary files differdeleted file mode 100644 index 0eb0022781..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/app-bg.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/close-btn.png b/WebContent/VAADIN/themes/chameleon/img/close-btn.png Binary files differdeleted file mode 100644 index a1337676e1..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/close-btn.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png b/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png Binary files differdeleted file mode 100644 index d4562a1368..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/date-btn-big.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/date-btn.png b/WebContent/VAADIN/themes/chameleon/img/date-btn.png Binary files differdeleted file mode 100644 index 522a77539e..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/date-btn.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/error-close.png b/WebContent/VAADIN/themes/chameleon/img/error-close.png Binary files differdeleted file mode 100644 index 587a680604..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/error-close.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/error-indicator.png b/WebContent/VAADIN/themes/chameleon/img/error-indicator.png Binary files differdeleted file mode 100644 index ab7b4bb2f0..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/error-indicator.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png Binary files differdeleted file mode 100644 index 3d86693c5f..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png Binary files differdeleted file mode 100644 index 1bf7a557ef..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-dark-bottom2.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png b/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png Binary files differdeleted file mode 100644 index 8509f462e0..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-dark-top2.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png Binary files differdeleted file mode 100644 index a6965e4772..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-light-left.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png Binary files differdeleted file mode 100644 index d9479f195e..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-light-top.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png b/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png Binary files differdeleted file mode 100644 index 51ec5e60b3..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/grad-light-top2.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif b/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif Binary files differdeleted file mode 100644 index 46136f0339..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/indeterminate-progress.gif +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/input-bg.png b/WebContent/VAADIN/themes/chameleon/img/input-bg.png Binary files differdeleted file mode 100644 index 08b67dd7bd..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/input-bg.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png b/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png Binary files differdeleted file mode 100644 index 6de95c9595..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/label-error-icon-big.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png b/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png Binary files differdeleted file mode 100644 index 8802ac417c..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/label-error-icon.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png b/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png Binary files differdeleted file mode 100644 index e6bb96cbdd..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon-big.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png b/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png Binary files differdeleted file mode 100644 index 67886c067c..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/label-warning-icon.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png b/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png Binary files differdeleted file mode 100644 index 19d662fe7c..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/magnifier-big.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/magnifier.png b/WebContent/VAADIN/themes/chameleon/img/magnifier.png Binary files differdeleted file mode 100644 index 3fed5eeaab..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/magnifier.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/maximize.png b/WebContent/VAADIN/themes/chameleon/img/maximize.png Binary files differdeleted file mode 100644 index 5c6488d1a5..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/maximize.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/resize.png b/WebContent/VAADIN/themes/chameleon/img/resize.png Binary files differdeleted file mode 100644 index 86ae55eced..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/resize.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/restore.png b/WebContent/VAADIN/themes/chameleon/img/restore.png Binary files differdeleted file mode 100644 index 55d004fe53..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/restore.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/split-handle.png b/WebContent/VAADIN/themes/chameleon/img/split-handle.png Binary files differdeleted file mode 100644 index 01085cdd4d..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/split-handle.png +++ /dev/null diff --git a/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png b/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png Binary files differdeleted file mode 100644 index 8a16d80e55..0000000000 --- a/WebContent/VAADIN/themes/chameleon/img/tab-arrows.png +++ /dev/null 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 |
