diff options
Diffstat (limited to 'WebContent')
24 files changed, 4326 insertions, 15 deletions
diff --git a/WebContent/VAADIN/themes/liferay/accordion/accordion.css b/WebContent/VAADIN/themes/liferay/accordion/accordion.css new file mode 100644 index 0000000000..8faff71137 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/accordion/accordion.css @@ -0,0 +1,28 @@ +.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-size: 12px; + 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-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.css b/WebContent/VAADIN/themes/liferay/button/button.css new file mode 100644 index 0000000000..8b17fcbbb3 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/button/button.css @@ -0,0 +1,87 @@ +.v-button:focus { + outline: none; +} + +.v-button:hover { + 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.v-pressed, +.v-button:focus { + background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + border-color: #555; +} + +.v-button, +.v-disabled.v-button { + display: block; + font-size: 11px; + 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: 3px 8px 4px 8px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + line-height: 16px; + min-height: 16px; + text-shadow: 1px 1px #fff; + color: #34404f; + overflow: hidden; + text-overflow: ellipsis; +} + +/* 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 { + color: #5B677D; + font-weight: normal; + border: none; + border-style: none; + background: transparent; + padding: 0; + font-size: inherit; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; +} + +.v-button-link:hover { + color: #0066cc; + text-decoration: none; +} + +.v-button-link:focus, +.v-nativebutton-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/common/buttons_sprites.png b/WebContent/VAADIN/themes/liferay/common/buttons_sprites.png Binary files differnew file mode 100644 index 0000000000..70521dffce --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/common/buttons_sprites.png diff --git a/WebContent/VAADIN/themes/liferay/common/common.css b/WebContent/VAADIN/themes/liferay/common/common.css new file mode 100644 index 0000000000..4a9f525069 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/common/common.css @@ -0,0 +1,7 @@ +div.v-app { + background-color: transparent; +} + +.v-caption { + font-weight: bold; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.css b/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.css new file mode 100644 index 0000000000..e29f0976e1 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/contextmenu/contextmenu.css @@ -0,0 +1,40 @@ +.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.css b/WebContent/VAADIN/themes/liferay/datefield/datefield.css new file mode 100644 index 0000000000..befa8b6875 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/datefield/datefield.css @@ -0,0 +1,169 @@ +.v-datefield-popup { + padding: 3px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-datefield-calendarpanel:focus { + outline: none; +} + +.v-datefield-calendarpanel-body { + text-align: right; + vertical-align: top; +} + +.v-datefield-popupcalendar .v-datefield-button { + background: transparent url(../common/buttons_sprites.png) no-repeat 0 -48px; + width: 24px; + height: 24px; + border: none; +} + +.v-datefield-popupcalendar .v-datefield-button:hover { + background-position: 0px -72px; +} + +.v-datefield-popupcalendar .v-datefield-button:focus { + background-position: 0px -96px; +} + +.v-datefield-month .v-datefield-calendarpanel-month, +.v-datefield-day .v-datefield-calendarpanel-month, +.v-datefield-full .v-datefield-calendarpanel-month { + width: 124px; +} + +.v-datefield-year .v-datefield-calendarpanel-month { + width: 35px; +} + +.v-datefield-calendarpanel-month { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; + font-weight: bold; +} + +span.v-datefield-calendarpanel-month { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 1px 3px 0; +} + +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear { + width: 22px; +} + +.v-datefield-calendarpanel-prevyear button, +.v-datefield-calendarpanel-prevmonth button, +.v-datefield-calendarpanel-nextmonth button, +.v-datefield-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 .v-datefield-calendarpanel-prevyear button, +.v-ie .v-datefield-calendarpanel-nextyear button, +.v-ie .v-datefield-calendarpanel-prevmonth button, +.v-ie .v-datefield-calendarpanel-nextmonth button { + text-indent: 0; + font-size: 1px; +} + +.v-datefield-calendarpanel-prevmonth button { + background-position: 0 -56px; +} + +.v-datefield-calendarpanel-prevmonth { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; +} + +.v-datefield-calendarpanel-nextyear button { + background-position: 0 -28px; + width: 100%; + min-width: 22px; +} + +.v-datefield-calendarpanel-nextmonth button { + background-position: 0 -84px; +} + +.v-datefield-calendarpanel-nextmonth { + background: transparent url(datefield_sprites.png) repeat-x 0 -112px; +} + +.v-datefield-calendarpanel-prevyear button { + width: 100%; + min-width: 22px; +} + +.v-ie6 .v-datefield-calendarpanel-prevyear button, +.v-ie6 .v-datefield-calendarpanel-nextyear button, +.v-ie7 .v-datefield-calendarpanel-prevyear button, +.v-ie7 .v-datefield-calendarpanel-nextyear button { + width: 22px; +} + +.v-datefield-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; +} + +.v-datefield-calendarpanel-day-today { + font-weight: bold; +} + +.v-datefield-calendarpanel-day-selected { + background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + color: #000; + border-color: #555; +} + +.v-datefield-calendarpanel-day-focused { + outline: 1px dotted #555; +} + + +.v-datefield-calendarpanel-weekdays { + text-align: center; +} + +.v-datefield-calendarpanel-weekdays strong { + font-weight: normal; +} + +.v-datefield-calendarpanel-weeknumber { + display: block; + border: none; + padding: 2px 0 2px 0; + margin: 0; +} + +.v-datefield-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 Binary files differnew file mode 100644 index 0000000000..7da07e33ca --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/datefield/datefield_sprites.png diff --git a/WebContent/VAADIN/themes/liferay/formlayout/formlayout.css b/WebContent/VAADIN/themes/liferay/formlayout/formlayout.css new file mode 100644 index 0000000000..9cf250627e --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/formlayout/formlayout.css @@ -0,0 +1,3 @@ +.v-formlayout .v-caption { + font-weight: normal; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/menubar/menubar.css b/WebContent/VAADIN/themes/liferay/menubar/menubar.css new file mode 100644 index 0000000000..cb0812f268 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/menubar/menubar.css @@ -0,0 +1,64 @@ +.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-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-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/notofication/notification.css b/WebContent/VAADIN/themes/liferay/notofication/notification.css new file mode 100644 index 0000000000..10168fecbd --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/notofication/notification.css @@ -0,0 +1,48 @@ +.v-Notification { + background: #dff4ff; + color: #34404F; + font-weight: bold; + cursor: pointer; + overflow: hidden; + padding: 1em; + max-width: 85%; + border: 1px solid #a7cedf; +} + +.v-Notification h1, +.v-Notification p, +.v-Notification-error h1, +.v-Notification-error p, +.v-Notification-warning h1, +.v-Notification-warning p { + 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 h1 { + display: block; +} +.v-Notification-tray p { + display: block; +} +.v-Notification-system { + background-color: #ffdddd; + border-color: #ff0000; +} +.v-Notification-system h1 { + display: block; + margin: 0; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/panel/panel.css b/WebContent/VAADIN/themes/liferay/panel/panel.css new file mode 100644 index 0000000000..35e3c1063a --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/panel/panel.css @@ -0,0 +1,54 @@ +.v-panel-caption { + text-shadow: 1px 1px #fff; + font-size: 12px; + color: #222; + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + border: 1px solid #999; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + padding: 4px 5px 5px 5px; +} + +.v-panel-nocaption { + height: 4px; + border: 1px solid #999; + border-bottom: none; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.v-panel-caption .v-icon { + padding-right: 2px; +} + +.v-panel-content { + border: 1px solid #999; + border-top: none; + -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-caption-light, +.v-panel-nocaption-light { + border: none; + background: none; +} + +.v-panel-caption-light { + border-bottom: 1px solid #999; +} + +.v-panel-content-light { + border: none; +} +.v-panel-content-light > div { + background: transparent; +} +.v-ie6 .v-panel-content-light { + background: transparent; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/popupview/popupview.css b/WebContent/VAADIN/themes/liferay/popupview/popupview.css new file mode 100644 index 0000000000..06cfddb7fe --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/popupview/popupview.css @@ -0,0 +1,9 @@ +.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.css b/WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.css new file mode 100644 index 0000000000..ad8fb1c871 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/progressindicator/progressindicator.css @@ -0,0 +1,12 @@ +.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.css b/WebContent/VAADIN/themes/liferay/select/select.css new file mode 100644 index 0000000000..7710f6cfc3 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/select/select.css @@ -0,0 +1,64 @@ +.v-app select, +.v-window select { + padding: 1px; +} + +.v-filterselect-button { + width: 24px; + 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; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/slider/slider.css b/WebContent/VAADIN/themes/liferay/slider/slider.css new file mode 100644 index 0000000000..4f11091f16 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/slider/slider.css @@ -0,0 +1,29 @@ +.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; +} + +.v-slider-feedback { + background: #33; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.css new file mode 100644 index 0000000000..5ee753389f --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/splitpanel/splitpanel.css @@ -0,0 +1,63 @@ +.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/styles.css b/WebContent/VAADIN/themes/liferay/styles.css index e60cc98ace..552b7a3690 100644 --- a/WebContent/VAADIN/themes/liferay/styles.css +++ b/WebContent/VAADIN/themes/liferay/styles.css @@ -1,32 +1,3264 @@ -@import url(../runo/styles.css); +.v-theme-version:after {content:"6_4_5_dev-20100917";} +.v-theme-version-6_4_5_dev-20100917 {display: none;} +/* Automatically compiled css file from subdirectories. */ + +.v-absolutelayout-wrapper { + position: absolute; + overflow: hidden; +} + +.v-accordion { + position: relative; + outline: none; + overflow: hidden; + text-align: left /* Force default alignment */ +} +.v-accordion-item { + position: relative; + zoom: 1; +} +.v-accordion-item-caption { + overflow: hidden; + white-space: nowrap; + background: #eee; + border-bottom: 1px solid #ddd; +} +.v-accordion-item-caption .v-caption { + cursor: pointer; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + cursor: default; +} +.v-accordion-item-content { + position: absolute; + overflow: auto; + width: 100%; +} /* - * Simplified default theme to work seamlessly with Liferay + * Default button (more customizable) + * -------------------------------------- */ +.v-button { + display: inline-block; + zoom: 1; + text-align: center; + text-decoration: none; + border: 2px outset #ddd; + background: #eee; + cursor: pointer; + white-space: nowrap; + margin: 0; + padding: .2em 1em; + color: inherit; + font: inherit; + line-height: normal; + -khtml-user-select: none; + -moz-user-select: none; + -ie-user-select: none; + user-select: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} + +.v-button.v-disabled { + cursor: default; +} + +.v-ie6 .v-button { + display: inline; +} + +.v-ie7 .v-button { + display: inline; +} + +.v-button-wrap, +.v-button-caption { + vertical-align: middle; + white-space: nowrap; + font: inherit; + color: inherit; + line-height: normal; + } + +.v-button .v-icon, +.v-nativebutton .v-icon { + vertical-align: middle; + margin-right: 3px; + border: none; + } + +.v-button .v-errorindicator, +.v-nativebutton .v-errorindicator { + display: inline-block; + zoom: 1; + vertical-align: middle; + float: none; +} + +/* Link style (we really should deprecate this) */ +.v-button-link, +.v-nativebutton-link { + border: none; + text-align: left; + background: transparent; + padding: 0; + color: inherit; + } + +/* Inset Safari focus outline a bit */ +.v-sa .v-button-link:focus{ + outline-offset: -3px; + } + +.v-button-link .v-button-caption, +.v-nativebutton-link .v-nativebutton-caption { + text-decoration: underline; + color: inherit; + text-align: left; + } + + +/* + * NativeButton styles (html button element) + * -------------------------------------- */ +.v-nativebutton { + text-align: center; + cursor: pointer; + white-space: nowrap; + margin: 0; + color: inherit; + font: inherit; + line-height: normal; + } +.v-nativebutton .v-nativebutton-caption { + vertical-align: middle; + white-space: nowrap; + font: inherit; + color: inherit; + } + +.v-nativebutton .v-icon { + vertical-align: middle; + margin-right: 3px; + } + +.v-nativebutton .v-errorindicator { + display: inline-block; + zoom: 1; + float: none; +} +/* Fixes streched buttons in IE6 and IE7*/ +.v-ie6 .v-nativebutton { + width: 1px; +} +.v-ie .v-nativebutton { + overflow: visible; + padding-left: 1em; + padding-right: 1em; +} + +.v-ie .v-nativebutton-link { + padding: 0; +} + +/* + * Checkbox styles + * -------------------------------------- */ + +.v-checkbox, +.v-checkbox label, +.v-checkbox input, +.v-checkbox .v-icon { + vertical-align: middle; + white-space: nowrap; +} + +/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */ +.v-ie6 .v-checkbox, +.v-ie7 .v-checkbox { + vertical-align: baseline; +} + +.v-checkbox .v-icon { + margin: 0 2px; +} +.v-checkbox .v-errorindicator { + float: none; + display: inline; + display: inline-block; + zoom: 1; +} + + +/* Disabled by default +.v-checkbox-error { + background: #ffe0e0; +} +*/ +/* Disabled by default +.v-checkbox-required { + background: #ffe0e0; +} +*/ + +.v-captionwrapper { + text-align: left; /* Force default alignment */ +} +.v-caption { + overflow: hidden; + white-space: nowrap; +} +.v-errorindicator { + float: left; +} +.v-caption .v-icon { + float: left; + padding-right: 2px; + vertical-align: middle; +} +.v-caption .v-captiontext { + float: left; + overflow: hidden; + vertical-align: middle; +} +.v-caption .v-required-field-indicator { + float: left; +} + +.v-caption-clearelem { + clear: both; + width: 0; + height: 0; + overflow: hidden; +} + +/* Fix IE6 "double-float-margin-bug" */ +.v-ie6 .v-errorindicator, +.v-ie6 .v-icon, +.v-ie6 .v-captiontext, +.v-ie6 .v-required-field-indicator { + display: inline; +} + +/* References the BODY tag generated by Vaadin application servlet */ +.v-generated-body { + width: 100%; + height: 100%; + border: 0; + margin: 0; + overflow: hidden; +} +.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; +} +div.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(../base/common/img/loading-indicator.gif); + background-repeat: no-repeat; + background-position: 50%; +} +.v-view { + height: 100%; + width: 100%; + overflow: auto; + /* avoid scrollbars with margins in root layout */ + outline: none; + margin-top: -1px; + border-top: 1px solid transparent; + position: relative; +} +/** + * Try to handle printing somehow. Reasonable printing support + * needs application specific planning and CSS tuning. + */ +@media print { + .v-generated-body { + height: auto; + min-height: 20cm; + overflow: visible; + } + .v-app { + height: auto; + min-height: 20cm; + } + .v-view { + overflow: visible; + } + .v-gridlayout { + overflow: visible !important; + } +} +.v-view:active, +.v-view: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; +} +/* 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; +} +.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-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(../base/common/img/loading-indicator.gif); + margin-right: 5px; + margin-top: 5px; +} +.v-loading-indicator-delay { + background-image: url(../base/common/img/loading-indicator-delay.gif); +} +.v-loading-indicator-wait { + background-image: url(../base/common/img/loading-indicator-wait.gif); +} +/* Debug dialog */ +.v-debug-console { + background: #fff; + opacity: .9; + border: 1px solid #000; + font-family: sans-serif; +} +.v-debug-console-caption { + background: #000; + border-bottom: 1px solid grey; + color: white; + font-weight: bold; +} +.v-debug-console-content { + font-size: x-small; + overflow: auto; +} +.v-debug-console-content input { + font-size: xx-small; +} +/* Debug style */ +.v-app .invalidlayout, +.v-app .invalidlayout * { + background: #f99 !important; +} +/* 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; +} + +.v-drag-element { + z-index: 60000; + position: absolute; + opacity: 0.5; + filter: alpha(opacity=50); + cursor: default; +} + +.v-csslayout { + overflow: hidden; +} +.v-csslayout-margin-top { + padding-top: 12px; +} +.v-csslayout-margin-bottom { + padding-bottom: 12px; +} +.v-csslayout-margin-left { + padding-left: 12px; +} +.v-csslayout-margin-right { + padding-right: 12px; +} + +.v-customcomponent { + overflow: hidden; +} + +.v-customlayout { + overflow: hidden; +} + +.v-datefield { + white-space: nowrap; + float: left; /* Force minimum width */ +} +.v-datefield-textfield { + vertical-align: top; +} +.v-datefield-button { + cursor: pointer; +} +.v-datefield-prompt .v-datefield-textfield { + color: #999; + font-style: italic; +} +.v-datefield .v-datefield-button-readonly { + display: none; +} +.v-datefield-calendarpanel table { + width: 100%; +} +.v-datefield-calendarpanel td { + padding: 0; + margin: 0; +} +.v-datefield-calendarpanel:focus{ + outline:none; +} +.v-datefield-calendarpanel-header td { + text-align: center; +} +.v-datefield-calendarpanel-month { + text-align: center; + white-space: nowrap; +} +.v-datefield-calendarpanel-weeknumber { + color: #999; + border-right: 1px solid #ddd; + font-size: 0.9em; +} +.v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-day-today { + cursor: pointer; +} +.v-datefield-calendarpanel-day-today { + border: 1px solid #ddd; +} +.v-disabled .v-datefield-calendarpanel-day, +.v-disabled .v-datefield-calendarpanel-day-today { + cursor: default; +} +.v-datefield-calendarpanel-day-disabled { + cursor: default; + opacity: .5; +} +.v-datefield-calendarpanel-day-selected { + cursor: default; + background: #333; + color: #fff; +} +.v-datefield-calendarpanel-day-focused { + outline: 1px dotted black; +} +.v-datefield-time { + white-space: nowrap; +} +.v-datefield-time .v-label { + display: inline; +} +.v-datefield-popup { + background: #fff; +} +/* Disabled by default +.v-datefield-error .v-textfield, +.v-datefield-error .v-datefield-calendarpanel { + background: #ffe0e0; +} +*/ + +/* Disabled by default +.v-datefield-required .v-textfield, +.v-datefield-required .v-datefield-calendarpanel { + background:transparent; + background-color: #ffe0e0; +} +*/ +/* IE somehow loses generic v-disabled alpha. See #1960 */ +.v-ie6 .v-disabled .v-datefield-button, +.v-ie6 .v-disabled .v-datefield-textfield, +.v-ie7 .v-disabled .v-datefield-button, +.v-ie7 .v-disabled .v-datefield-textfield { + filter: alpha(opacity=30); +} + +.v-ddwrapper { + padding: 2px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.v-ddwrapper-over { + border: 2px solid #1d9dff; + background-color: #bcdcff; + padding: 0; +} +.v-ddwrapper-over { + background-color: rgba(169,209,255,.6); +} +.no-box-drag-hints .v-ddwrapper-over { + border: none; + background-color: transparent; + padding: 2px; +} +.v-app .v-ddwrapper-over-top, +.v-window .v-ddwrapper-over-top, +.v-popupview-popup .v-ddwrapper-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 .v-ddwrapper-over-bottom, +.v-window .v-ddwrapper-over-bottom, +.v-popupview-popup .v-ddwrapper-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 .v-ddwrapper-over-left, +.v-window .v-ddwrapper-over-left, +.v-popupview-popup .v-ddwrapper-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 .v-ddwrapper-over-right, +.v-window .v-ddwrapper-over-right, +.v-popupview-popup .v-ddwrapper-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; +} +.v-ddwrapper, +.v-ddwrapper-over, +.v-app .v-ddwrapper-over-top, +.v-window .v-ddwrapper-over-top, +.v-popupview-popup .v-ddwrapper-over-top, +.v-app .v-ddwrapper-over-bottom, +.v-window .v-ddwrapper-over-bottom, +.v-popupview-popup .v-ddwrapper-over-bottom, +.v-app .v-ddwrapper-over-left, +.v-window .v-ddwrapper-over-left, +.v-popupview-popup .v-ddwrapper-over-left, +.v-app .v-ddwrapper-over-right, +.v-window .v-ddwrapper-over-right, +.v-popupview-popup .v-ddwrapper-over-right { + border-color: rgba(0,109,232,.6); +} + +.v-ddwrapper-over-top:before, +.v-ddwrapper-over-bottom:after, +.v-ddwrapper-over-left:before, +.v-ddwrapper-over-right:before { + display: block; + content: ""; + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + margin-left: -2px; + background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat; +} +.v-ddwrapper-over-bottom:after { + margin-top: -2px; +} +.v-ddwrapper-over-left:before, +.v-ddwrapper-over-right:before { + background-position: 0 -6px; + margin-top: -2px; + margin-left: -4px; +} +.v-ddwrapper-over-right:before { + position: relative; + margin-bottom: -4px; + margin-right: -4px; + margin-left: 0; + width: auto; + background-position: 100% -6px; +} + +.no-horizontal-drag-hints .v-ddwrapper-over-left { + padding-left: 2px; + border-left: none; +} +.no-horizontal-drag-hints .v-ddwrapper-over-right { + padding-right: 2px; + border-right: none; +} +.no-vertical-drag-hints .v-ddwrapper-over-top { + padding-top: 2px; + border-top: none; +} +.no-vertical-drag-hints .v-ddwrapper-over-bottom { + padding-bottom: 2px; + border-bottom: none; +} +.no-horizontal-drag-hints .v-ddwrapper-over-left:before, +.no-horizontal-drag-hints .v-ddwrapper-over-right:before, +.no-vertical-drag-hints .v-ddwrapper-over-top:before, +.no-vertical-drag-hints .v-ddwrapper-over-bottom:after { + display: none; +} + +.v-formlayout-cell .v-errorindicator { + display: block; +} +.v-formlayout-error-indicator { + /* fix width so layout is not jumpy when error disappears */ + width: 12px; +} +.v-formlayout-captioncell { + text-align:right; + white-space: nowrap; +} +.v-formlayout-captioncell .v-caption { + overflow: visible; +} +.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell { + padding-top: 6px; +} +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell { + padding-top: 0; +} +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell, +.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell { + padding-top: 12px; +} +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell, +.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell { + padding-bottom: 12px; +} +.v-formlayout-margin-left .v-formlayout-captioncell { + padding-left: 12px; +} +.v-formlayout-margin-right .v-formlayout-contentcell { + padding-right: 12px; +} +.v-formlayout-captioncell .v-caption .v-required-field-indicator { + float: none; +} + +.v-gridlayout-margin-top { + padding-top: 12px; +} +.v-gridlayout-margin-bottom { + padding-bottom: 12px; +} +.v-gridlayout-margin-left { + padding-left: 12px; +} +.v-gridlayout-margin-right { + padding-right: 12px; +} +.v-gridlayout-spacing-on { + padding-left: 6px; + padding-top: 6px; + overflow: hidden; +} +.v-gridlayout-spacing, +.v-gridlayout-spacing-off { + padding-left: 0; + padding-top: 0; +} +.v-gridlayout-spacing-off { + overflow: hidden; +} +/* Ensure that resizing gridlayout works in IE */ +.v-ie6 .v-gridlayout, +.v-ie7 .v-gridlayout { + overflow: hidden; +} + +.v-link { + white-space: nowrap; +} +.v-link a { + vertical-align: middle; + text-decoration: none; +} +.v-link span { + text-decoration: underline; + vertical-align: middle; +} +.v-disabled a { + cursor: default; +} +.v-link img { + vertical-align: middle; + border:none; +} + +.v-loginform { + height: 140px; + width: 200px; +} + +.v-app-loginpage .v-button, +.v-app-loginpage .v-button { + float: left; /* Force minimum width for button */ +} + +.v-menubar { + float: left; /* Force minimum width */ + white-space: nowrap; +} +.v-menubar .v-menubar-menuitem { + cursor: default; + vertical-align: middle; + white-space: nowrap; + display: inline; + display: inline-block; + zoom: 1; +} +.v-menubar .v-menubar-menuitem-caption * { + vertical-align: middle; + white-space: nowrap; +} +.v-menubar-submenu { + background: #fff; +} +.v-menubar-menuitem-selected { + background: #333; + color: #fff; +} +.v-menubar-submenu .v-menubar-menuitem { + cursor: default; + display: block; + position: relative; + padding-right: 1.5em; +} +.v-menubar-submenu .v-menubar-menuitem-caption { + display: block; +} +.v-menubar-submenu .v-menubar-menuitem *, +.v-menubar-submenu .v-menubar-menuitem-caption * { + white-space: nowrap; +} +.v-menubar-submenu-indicator { + display: none; + /* Arial has the most coverage for geometric entity characters */ + font-family: arial, helvetica, sans-serif; +} +.v-menubar-submenu .v-menubar-submenu-indicator { + display: block; + position: absolute; + right: 0; + width: 1em; + height: 1em; + font-size: 0.9em; +} +.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; +} +.v-menubar-more-menuitem { + /* Arial has the most coverage for geometric entity characters */ + font-family: arial, helvetica, sans-serif; +} +.v-menubar-separator { + overflow: hidden; +} +.v-menubar-separator span { + display: block; + text-indent: -9999px; + font-size: 1px; + line-height: 1px; + border-top: 1px solid #ddd; + margin: 3px 0 2px; + overflow: hidden; +} +.v-menubar .v-icon, +.v-menubar-submenu .v-icon { + margin-right: 3px; +} + +.v-menubar-popup:focus, +.v-menubar-popup .popupContent:focus, +.v-menubar-popup .popupContent .v-menubar-submenu:focus{ + outline: none; +} + +.v-Notification { + background: #999; + color: #fff; + cursor: pointer; + overflow: hidden; + padding: 1em; + max-width:85%; + +} +.v-Notification h1, +.v-Notification p, +.v-Notification-error h1, +.v-Notification-error p, +.v-Notification-warning h1, +.v-Notification-warning p { + display: inline; + margin: 0 0.5em 0 0; +} +.v-Notification-warning { + background: orange; +} +.v-Notification-error { + background: red; +} +.v-Notification-tray h1 { + display: block; +} +.v-Notification-tray p { + display: block; +} +.v-Notification-system { + background-color: red; + opacity: .7; + filter: alpha(opacity=70); +} +.v-Notification-system h1 { + display: block; + margin: 0; +} + +.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; +} +/* To make sure IE don't expand elements larger than they should */ +.v-ie6 .v-orderedlayout, +.v-ie6 .v-horizontallayout, +.v-ie6 .v-verticallayout, +.v-ie7 .v-orderedlayout, +.v-ie7 .v-horizontallayout, +.v-ie7 .v-verticallayout { + overflow: hidden; +} + +.v-panel, +.v-panel-caption, +.v-panel-content, +.v-panel-deco, +.v-panel-light, +.v-panel-caption-light, +.v-panel-content-light, +.v-panel-deco-light { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ +} +.v-panel-caption .v-errorindicator { + float: none; + display: inline; +} +.v-panel-caption .v-icon { + display: inline; + vertical-align: middle; +} +.v-panel-caption span { + vertical-align: middle; +} +.v-panel-caption { + white-space: nowrap; + overflow:hidden; + font-weight: bold; +} +.v-panel-nocaption { + overflow: hidden; +} +.v-panel-content { + overflow: auto; +} +.v-panel-deco { +} + +.v-popupview { + cursor: pointer; + text-decoration: underline; + white-space: nowrap; +} +.v-popupview-popup { + overflow: auto; +} +.v-popupview-loading { + width: 30px; + height: 30px; + background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%; +} + +.v-progressindicator { + overflow: hidden; /* for IE6 */ + width: 150px; +} +.v-progressindicator-wrapper { + overflow: hidden; /* for IE6 */ + height: 7px; + border: 1px solid #ddd; +} +.v-progressindicator-indicator { + height: 7px; + overflow: hidden; /* for IE6 */ + background: #ddd; +} +div.v-progressindicator-indeterminate { + height: 20px; + width: 20px; + overflow: hidden; /* for IE6 */ + background: #fff url(../base/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 */ +.v-progressindicator-indeterminate .v-progressindicator-wrapper, +.v-progressindicator-indeterminate .v-progressindicator-indicator, +.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper, +.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator { + display: none; +} +div.v-progressindicator-indeterminate-disabled { + height: 20px; + width: 20px; + overflow: hidden; /* for IE6 */ + background: transparent; +} + +.v-select { + text-align: left; +} +.v-select-optiongroup .v-select-option { + display: block; + white-space: nowrap; +} +.v-ie .v-select-optiongroup .v-select-option { + zoom: 1; +} +.v-select-select { + display: block; +} +.v-select-twincol { + white-space: nowrap; +} +.v-select-twincol-options { + float: left; +} +.v-select-twincol-selections { + font-weight: bold; +} +.v-select-twincol-buttons { + float: left; + text-align: center; +} +.v-select-twincol-buttons .v-select-twincol-deco { + clear: both; +} +.v-select-twincol .v-textfield { + display: block; + float: left; + clear: left; +} +.v-select-twincol .v-button { + float: left; +} +.v-select-twincol-buttons .v-button { + float: none; +} +.v-filterselect { + white-space: nowrap; + text-align: left; +} +.v-filterselect .v-icon { + float: left; +} +.v-app .v-filterselect-input, +.v-window .v-filterselect-input, +.v-popupview-popup .v-filterselect-input { + float: left; +} +.v-filterselect-prompt .v-filterselect-input { + color: #999; + font-style: italic; +} +.v-filterselect-button { + float: right; + cursor: pointer; + width: 1em; + height: 1em; + background: transparent url(../base/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; +} +.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; +} + +/* Error styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.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: #ffaaaa; +} +*/ + +/* Required field styles (disabled by default) + +.v-filterselect-error .v-filterselect-input, +.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: #ffaaaa; +} +*/ + +.v-shadow { + position: absolute; +} + +.v-shadow .top-left { + position: absolute; overflow: hidden; + top: -3px; left: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/top-left.png); +} + +.v-shadow .top { + position: absolute; overflow: hidden; + top: -3px; left: 5px; + height: 10px; right: 5px; + background: transparent url(../base/shadow/img/top.png); +} + +.v-shadow .top-right { + position: absolute; overflow: hidden; + top: -3px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/top-right.png); +} + +.v-shadow .left { + position: absolute; overflow: hidden; + top: 7px; left: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/left.png); +} + +.v-shadow .center { + position: absolute; overflow: hidden; + top: 7px; left: 5px; + bottom: 3px; right: 5px; + background: transparent url(../base/shadow/img/center.png); +} + +.v-shadow .right { + position: absolute; overflow: hidden; + top: 7px; right: -5px; + width: 10px; + bottom: 3px; + background: transparent url(../base/shadow/img/right.png); +} + +.v-shadow .bottom-left { + position: absolute; overflow: hidden; + bottom: -7px; left: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-left.png); +} + +.v-shadow .bottom { + position: absolute; overflow: hidden; + bottom: -7px; left: 5px; + right: 5px; height: 10px; + background: transparent url(../base/shadow/img/bottom.png); +} + +.v-shadow .bottom-right { + position: absolute; overflow: hidden; + bottom: -7px; right: -5px; + width: 10px; height: 10px; + background: transparent url(../base/shadow/img/bottom-right.png); +} + + + + + +/* For IE6 (no transparent png's, we use a blur filter) */ + +.v-ie6 .v-shadow * { + display: none; +} + +.v-ie6 .v-shadow { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20); + margin-top: -2px; + margin-left: -2px; +} + +.v-slider { + margin: 5px 0; +} +.v-slider-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; + +} +.v-slider-handle { + background: #aaa; + width: 12px; + height: 12px; + margin-top: -5px; + font-size: 0; +} + +.v-slider-vertical { + width: 2px; + height: auto; + margin: 0 5px; + border: none; + border-left: 1px solid #cccfd0; + border-right: 1px solid #cccfd0; +} +.v-slider-vertical .v-slider-base { + width: 2px; + border-bottom: 1px solid #eee; + border-right: none; +} +.v-slider-vertical .v-slider-handle { + width: 12px; + height: 12px; + font-size: 0; + margin-left: -5px; +} + +.v-slider-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 +.v-slider-error .v-slider-base { + background: #FFE0E0; +} +*/ +/* Disabled by default +.v-slider-required .v-slider-base { + background: #FFE0E0; +} +*/ + +/* IE specific styles */ +.v-ie6 .v-slider, +.v-ie6 .v-slider-vertical { + margin: 0; +} +.v-ie6 .v-slider .v-slider-handle { + margin: -1px 0; +} +.v-ie6 .v-slider-vertical .v-slider-handle { + margin: 0 -1px; +} + +.v-splitpanel-horizontal, +.v-splitpanel-vertical { + overflow: hidden; +} +.v-splitpanel-hsplitter { + width: 6px; + font-size: 1px; /* for IE6 */ +} +.v-splitpanel-hsplitter div { + width: 6px; + font-size: 1px; /* for IE6 */ + position: absolute; + top: 0; + bottom: 0; + background: #ddd; + cursor: e-resize; + cursor: col-resize; +} +.v-splitpanel-vsplitter { + height: 6px; + font-size: 1px; /* for IE6 */ +} +.v-splitpanel-vsplitter div { + height: 6px; + font-size: 1px; /* for IE6 */ + background: #ddd; + cursor: s-resize; + cursor: row-resize; +} +/* IE specific styles */ +.v-ie6 .v-splitpanel-hsplitter div { + height: 99%; +} +.v-ie6 .v-splitpanel-first-container, +.v-ie6 .v-splitpanel-second-container, +.v-ie7 .v-splitpanel-first-container, +.v-ie7 .v-splitpanel-second-container { + position: relative; +} + +/* 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 .v-table-header-wrap and .v-table-body + * + * Table cells in body: + * - padding/border for cells is to be defined for td elements (class name: .v-table-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: .v-table-cell-wrapper) element + * - background is allowed for both elements + * + * Table headers: + * - table cells in header contain .v-table-resizer and + * .v-table-caption-container div elements, which are both floated to right + * - to align header caption to body content resizer width + .v-table-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. + * */ +.v-table { + overflow: hidden; + text-align: left; /* Force default alignment */ +} +.v-ie7 .v-table { + overflow: visible; +} +.v-table-header-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-bottom: none; + background: #efefef; +} +.v-table-header table, +.v-table-table { + border-spacing: 0; + border-collapse: separate; + margin: 0; + padding: 0; + border: 0; +} +.v-table-header td { + padding: 0; +} +.v-table-header-cell, +.v-table-header-cell-asc, +.v-table-header-cell-desc { + cursor: pointer; +} + +.v-table-footer-wrap { + overflow: hidden; + border: 1px solid #aaa; + border-top: none; + background: #efefef; +} +.v-table-footer table{ + border-spacing: 0; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; +} +.v-table-footer td { + padding: 0; + border-right: 1px solid #aaa; +} +.v-table-footer-cell{ + cursor: pointer; +} +.v-table-footer-container{ + float:right; + padding-right:6px; + overflow:hidden; + white-space:nowrap; +} +.v-table-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; +} +.v-table-caption-container { + float: right; + overflow: hidden; + white-space: nowrap; + padding-right: 6px; +} +.v-table-header-cell-asc .v-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right 6px; +} +.v-table-header-cell-desc .v-table-caption-container { + background: transparent url(../base/common/img/sprites.png) no-repeat right -10px; +} +.v-table-caption-container .v-icon, +.v-table-header-drag .v-icon { + vertical-align: middle; +} +.v-table-body { + border: 1px solid #aaa; +} +.v-table-row-spacer { + height: 10px; + overflow: hidden; /* IE hack to allow < one line height divs */ +} +.v-table-row, +.v-table-row-odd { + border: 0; + margin: 0; + padding: 0; + cursor: pointer; +} + +.v-table-body-noselection .v-table-row, +.v-table-body-noselection .v-table-row-odd { + cursor: default; +} +.v-table .v-selected { + background: #999; + color: #fff; +} +.v-table-cell-content { + white-space: nowrap; + overflow: hidden; + padding: 0 6px; + border-right: 1px solid #aaa; +} +.v-table-cell-wrapper { + /* Do not specify any margins, paddings or borders here */ + white-space: nowrap; + overflow: hidden; +} +.v-table-column-selector { + float: right; + background: transparent url(../base/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; +} +.v-ie6 .v-table-column-selector, +.v-ie7 .v-table-column-selector { + position: static; +} +.v-table-focus-slot-left { + border-left: 2px solid #999; + margin-right: -2px; +} +.v-table-focus-slot-right { + border-right: 2px solid #999; + margin-left: -2px; +} +.v-table-header-drag { + position: absolute; + background: #efefef; + border: 1px solid #eee; + opacity: 0.9; + filter: alpha(opacity=90); + margin-top: 20px; + z-index: 30000; +} +.v-table-header-drag .v-icon { + vertical-align: middle; +} +.v-table-scrollposition { + width: 160px; + background: #eee; + border: 1px solid #aaa; +} +.v-table-scrollposition span { + display: block; + text-align: center; +} +.v-table-body:focus, +.v-table-body-wrapper:focus { + outline: none; +} +.v-table-body.focused { + border-color: #388ddd; +} +.v-table-focus .v-table-cell-content { + border-top: 1px dotted #0066bd; + border-bottom: 1px dotted #0066bd; +} +/* row in column selector */ +.v-on { + +} +.v-off { + color: #ddd; +} +/************************************* + * Drag'n'drop styles + *************************************/ +.v-table-drag .v-table-body { + border-color: #1d9dff; +} +.v-table-row-drag-middle .v-table-cell-content { + background-color: #bcdcff; +} +.v-table-row-drag-top .v-table-cell-content { + border-top: 2px solid #1d9dff; +} +.v-table-row-drag-top .v-table-cell-wrapper { + margin-top: -2px; /* compensate the space consumed by border hint */ +} +.v-table-row-drag-bottom .v-table-cell-content { + border-bottom: 2px solid #1d9dff; +} +.v-table-row-drag-bottom .v-table-cell-wrapper { + margin-bottom: -2px; /* compensate the space consumed by border hint */ +} +.v-table-row-drag-top .v-table-cell-content:first-child:before, +.v-table-row-drag-bottom .v-table-cell-content:first-child:after { + display: block; + content: ""; + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + margin-left: -6px; + background: transparent url(../base/common/img/drag-slot-dot.png); +} +.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after, +.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after { + margin-top: -2px; +} + +.v-tabsheet, +.v-tabsheet-content, +.v-tabsheet-deco { + outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */ + text-align: left /* Force default alignment */ +} +.v-tabsheet-tabs { + empty-cells: hide; + border-collapse: collapse; + margin: 0; + padding: 0; + border: 0; + width: 100%; + overflow:hidden; +} +.v-tabsheet-tabitemcell, +.v-tabsheet-spacertd { + margin: 0; + padding: 0; + vertical-align: bottom; +} +.v-tabsheet-spacertd { + width: 100%; +} +.v-tabsheet-spacertd div { + border-left: 1px solid #aaa; + border-bottom: 1px solid #aaa; + height: 1em; + padding: 0.2em 0; +} +.v-tabsheet-hidetabs .v-tabsheet-tabcontainer { + display: none; +} +.v-tabsheet-scroller { + white-space: nowrap; + text-align: right; + margin-top: -1em; +} +.v-ff2 .v-tabsheet-scroller { + position: relative; +} +.v-disabled .v-tabsheet-scroller { + display: none; +} +.v-tabsheet-scrollerPrev, +.v-tabsheet-scrollerNext, +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + border: 1px solid #aaa; + background: #fff; + width: 12px; + height: 1em; + cursor: pointer; +} +.v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-scrollerNext-disabled { + opacity: 0.5; + cursor: default; +} +.v-tabsheet-tabs .v-caption, +.v-tabsheet-tabs .v-caption span { + white-space: nowrap; +} +.v-tabsheet-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; +} +.v-tabsheet .v-disabled .v-tabsheet-caption-close { + cursor: default; + visibility: hidden; +} +.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, +.v-ie6 .v-tabsheet-caption-close { + visibility: visible; +} +.v-ie6 .v-tabsheet-caption-close { + float: right; +} +.v-tabsheet-tabitem { + border: 1px solid #aaa; + border-right: none; + cursor: pointer; + padding: 0.2em 0.5em; +} +.v-tabsheet-tabitem .v-caption { + cursor: pointer; +} +.v-tabsheet-tabitem-selected { + cursor: default; + border-bottom-color: #fff; +} +.v-tabsheet-tabitem-selected .v-caption { + cursor: default; +} +.v-tabsheet-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; +} +.v-tabsheet-deco { + height: 1px; + background: #aaa; + overflow: hidden; +} +.v-tabsheet-hidetabs .v-tabsheet-content { + border: none; +} +.v-tabsheet-hidetabs .v-tabsheet-deco { + height: 0; +} + + +.v-textfield { + text-align: left /* Force default alignment */ +} +.v-textarea { +} +.v-textfield-focus, +.v-textarea-focus { +} +input.v-textfield-prompt, +textarea.v-textarea-prompt { + color: #999; + font-style: italic; +} +input.v-textfield-readonly, +textarea.v-textarea-readonly { + background: transparent; + border: none; + resize: none; +} +input.v-disabled, +textarea.v-disabled { + resize: none; +} +input.v-textfield-readonly:focus, +textarea.v-textarea-readonly:focus { + outline: none; +} +/* Disabled by default +.v-textarea-error, +.v-textfield-error, +.v-richtextarea-error iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Disabled by default +.v-textarea-required, +.v-textfield-required, +.v-richtextarea-required iframe.gwt-RichTextArea { + background: #FFE0E0; +} +*/ +/* Safari focus glow fix */ +.v-sa input:focus, +.v-sa textarea:focus { + outline-width: medium; +} + +.v-richtextarea { + border: 1px solid #aaa; + overflow: hidden; +} +.v-richtextarea .gwt-RichTextArea { + background: #fff; + border: none; +} + +.v-richtextarea .gwt-RichTextToolbar { + white-space: nowrap; + background: #959595 url(../base/textfield/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(../base/textfield/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; +} + +.v-tree { + text-align: left; /* Force default alignment */ + overflow: hidden; + padding: 1px 0; + outline: none; +} +.v-tree-node { + background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px; + padding: 1px 0; +} +.v-tree-node-expanded { + background-position: -5px -10px; +} +div.v-tree-node-leaf { + background: transparent; +} +.v-tree-node-caption { + margin-left: 1em; +} +.v-tree-node span { + cursor: pointer; +} +.v-tree-node-caption div { + white-space: nowrap; +} +.v-tree-node-caption span, +.v-tree-node-caption .v-icon { + vertical-align: middle; +} +.v-tree-node-selected span { + background: #999; + color: #fff; +} +.v-tree-node-children { + padding-left: 1em; +} +/* ie6compatnode is hidden from non ie6 browsers, for ie6 + * uses weird hack to sink all events properly + */ +.v-tree-node-ie6compatnode { + display: none; +} +/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */ +.v-ie6 .v-tree-node-ie6compatnode { + display: inline; + float: left; + background: orange; + margin: 0; + width: 0.8em; + height: 0.8em; + padding: 0.1em; + filter: alpha(opacity=0); +} +.v-ie6 .v-tree-node, +.v-ie6 .v-tree-node-children { + clear: left; +} +/*************************************** + * Drag'n'drop styles + ***************************************/ +.v-tree .v-tree-node-drag-top { + border-top: 2px solid #1d9dff; + margin-top: -1px; + padding-top: 0; +} +.v-tree .v-tree-node-drag-bottom { + border-bottom: 2px solid #1d9dff; + margin-bottom: -1px; + padding-bottom: 0; +} +.v-tree .v-tree-node-drag-top:before, +.v-tree .v-tree-node-drag-bottom:after, +.v-tree .v-tree-node-caption-drag-center:after { + display: block; + content: ""; + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + background: transparent url(../base/common/img/drag-slot-dot.png); +} +.v-tree .v-tree-node-drag-bottom:after { + margin-top: -2px; +} +.v-tree .v-tree-node-caption-drag-center:after { + margin-left: 14px; +} +.v-ff .v-tree .v-tree-node-caption-drag-center:after, +.v-ie .v-tree .v-tree-node-caption-drag-center:after { + margin-top: -2px; +} +.v-tree .v-tree-node-drag-top { + background-position: 5px -38px; +} +.v-tree .v-tree-node-drag-top.v-tree-node-expanded { + background-position: -5px -11px; +} +.v-tree .v-tree-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; +} +.v-ie6 .v-tree .v-tree-node-caption-drag-center div { + margin: -2px ; +} +.v-tree .v-tree-node-caption-drag-center div { + background-color: rgba(169,209,255,.6); +} +.v-tree .v-tree-node-caption-drag-center div, +.v-tree .v-tree-node-drag-top, +.v-tree .v-tree-node-drag-bottom { + border-color: rgba(0,109,232,.6); +} + +.v-upload { + white-space: nowrap; +} + +.v-ie6 .v-upload, +.v-ie7 .v-upload { + margin:0; +} + +.v-upload-immediate { + position: relative; + margin: 0; + overflow: hidden; +} + +.v-ff .v-upload-immediate, +.v-op .v-upload-immediate { + display: inline-block; +} + +.v-upload-immediate input { + opacity: 0; + filter: alpha(opacity=0); + z-index: 2; + position: absolute; + right: 0; + height: 21px; + text-align: right; + border: none; + background: transparent; +} + +.v-upload-immediate button { + position: relative; + left: 0; + top: 0; + width: 100%; + text-align: left; +} + + +.v-window { + background: #fff; +} +.v-window-outerheader { + cursor: move; + padding: 0.3em 1em; + height: 1em; +} +.v-window-header { + font-weight: bold; +} +/* A more specific selector to make sure padding isn't so easily overridden */ +div.v-window-header { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + overflow: hidden; + padding: 0; +} +.v-ie6 .v-window-header { + width: 100%; +} +.v-window-header .v-icon { + vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */ +} +/* Partial fix for bug #1106 */ +/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */ +.v-window-contents, x:-moz-any-link { + overflow: hidden; +} +/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */ +.v-window-contents, x:-moz-any-link, x:default { + overflow: visible; +} +.v-window-contents > div { + outline: none; +} +.v-window-footer { + overflow: hidden; + zoom: 1; + height: 10px; + position: relative; +} +.v-window-resizebox { + width: 10px; + height: 10px; + cursor: se-resize; + background: #ddd; + overflow: hidden; + position: absolute; + right: 0; +} +.v-window div.v-window-footer-noresize { + height: 0; +} +.v-window-resizebox-disabled { + cursor: default; + display: none; +} +.v-window-closebox { + position: absolute; + top: 0; + right: 0; + width: 1em; + height: 1em; + background: red; + cursor: pointer; + overflow: hidden; +} +.v-window-modalitycurtain { + top: 0; + left: 0; + background: #999; + opacity: 0.5; + position: fixed; + width: 100%; + height: 100%; + filter: alpha(opacity=50); +} +/* IE6 workaround for position:fixed; */ +.v-ie6 .v-window-modalitycurtain { + position: absolute; + top: expression(document.documentElement.scrollTop + "px"); +} +/* min-width for IE6 */ +.v-ie6 .v-window { + width: 0; /* */ +} +/* Shadow for window */ +.v-shadow-window { + position: absolute; +} +.v-shadow-window .top-left { + position: absolute; overflow: hidden; + top: -10px; left: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/top-left.png); +} +.v-shadow-window .top { + position: absolute; overflow: hidden; + top: -10px; left: 13px; + height: 28px; + right: 13px; + background: transparent url(../base/window/img/shadow/top.png); +} +.v-shadow-window .top-right { + position: absolute; overflow: hidden; + top: -10px; right: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/top-right.png); +} +.v-shadow-window .left { + position: absolute; overflow: hidden; + top: 18px; left: -15px; + width: 28px; + bottom: 10px; + background: transparent url(../base/window/img/shadow/left.png); +} +.v-shadow-window .center { + position: absolute; overflow: hidden; + top: 18px; left: 13px; + bottom: 10px; right: 13px; + background: transparent url(../base/window/img/shadow/center.png); +} +.v-shadow-window .right { + position: absolute; overflow: hidden; + top: 18px; right: -15px; + width: 28px; + bottom: 10px; + background: transparent url(../base/window/img/shadow/right.png); +} +.v-shadow-window .bottom-left { + position: absolute; overflow: hidden; + bottom: -18px; left: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom-left.png); +} +.v-shadow-window .bottom { + position: absolute; overflow: hidden; + bottom: -18px; left: 13px; + right: 13px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom.png); +} +.v-shadow-window .bottom-right { + position: absolute; overflow: hidden; + bottom: -18px; right: -15px; + width: 28px; height: 28px; + background: transparent url(../base/window/img/shadow/bottom-right.png); +} +/* For IE6 (no transparent png's, we use a blur filter) */ +.v-ie6 .v-shadow-window * { + display: none; +} +.v-ie6 .v-shadow-window { + background: #000; + filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20); + margin-top: 2px; + margin-left: 2px; +} +/* Automatically compiled css file from subdirectories. */ + +.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-size: 12px; + 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-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; +} + +.v-button:focus { + outline: none; +} + +.v-button:hover { + 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.v-pressed, +.v-button:focus { + background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + border-color: #555; +} + +.v-button, +.v-disabled.v-button { + display: block; + font-size: 11px; + 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: 3px 8px 4px 8px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + line-height: 16px; + min-height: 16px; + text-shadow: 1px 1px #fff; + color: #34404f; + overflow: hidden; + text-overflow: ellipsis; +} + +/* 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 { + color: #5B677D; + font-weight: normal; + border: none; + border-style: none; + background: transparent; + padding: 0; + font-size: inherit; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; +} + +.v-button-link:hover { + color: #0066cc; + text-decoration: none; +} + +.v-button-link:focus, +.v-nativebutton-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; +} div.v-app { background-color: transparent; } -.v-orderedlayout-margin-left { - padding-left:8px; +.v-caption { + font-weight: bold; +} + +.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; +} + +.v-datefield-popup { + padding: 3px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.v-datefield-calendarpanel:focus { + outline: none; } -.v-orderedlayout-margin-bottom { - padding-bottom:5px; + +.v-datefield-calendarpanel-body { + text-align: right; + vertical-align: top; +} + +.v-datefield-popupcalendar .v-datefield-button { + background: transparent url(common/buttons_sprites.png) no-repeat 0 -48px; + width: 24px; + height: 24px; + border: none; +} + +.v-datefield-popupcalendar .v-datefield-button:hover { + background-position: 0px -72px; +} + +.v-datefield-popupcalendar .v-datefield-button:focus { + background-position: 0px -96px; } -.v-orderedlayout-margin-right { - padding-right:8px; + +.v-datefield-month .v-datefield-calendarpanel-month, +.v-datefield-day .v-datefield-calendarpanel-month, +.v-datefield-full .v-datefield-calendarpanel-month { + width: 124px; } -.v-orderedlayout-margin-top { - padding-top:5px; + +.v-datefield-year .v-datefield-calendarpanel-month { + width: 35px; } -input[type="text"].v-filterselect-input { +.v-datefield-calendarpanel-month { + background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; + font-weight: bold; +} + +span.v-datefield-calendarpanel-month { + display: block; + text-align: center; background: transparent; + overflow: hidden; + padding: 1px 3px 0; +} + +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear { + width: 22px; +} + +.v-datefield-calendarpanel-prevyear button, +.v-datefield-calendarpanel-prevmonth button, +.v-datefield-calendarpanel-nextmonth button, +.v-datefield-calendarpanel-nextyear button { + width: 22px; + height: 28px; + border: none; + background: transparent; + background-repeat: no-repeat; + background-image: url(datefield/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 .v-datefield-calendarpanel-prevyear button, +.v-ie .v-datefield-calendarpanel-nextyear button, +.v-ie .v-datefield-calendarpanel-prevmonth button, +.v-ie .v-datefield-calendarpanel-nextmonth button { + text-indent: 0; + font-size: 1px; +} + +.v-datefield-calendarpanel-prevmonth button { + background-position: 0 -56px; +} + +.v-datefield-calendarpanel-prevmonth { + background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; +} + +.v-datefield-calendarpanel-nextyear button { + background-position: 0 -28px; + width: 100%; + min-width: 22px; +} + +.v-datefield-calendarpanel-nextmonth button { + background-position: 0 -84px; +} + +.v-datefield-calendarpanel-nextmonth { + background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px; +} + +.v-datefield-calendarpanel-prevyear button { + width: 100%; + min-width: 22px; +} + +.v-ie6 .v-datefield-calendarpanel-prevyear button, +.v-ie6 .v-datefield-calendarpanel-nextyear button, +.v-ie7 .v-datefield-calendarpanel-prevyear button, +.v-ie7 .v-datefield-calendarpanel-nextyear button { + width: 22px; +} + +.v-datefield-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; +} + +.v-datefield-calendarpanel-day-today { + font-weight: bold; +} + +.v-datefield-calendarpanel-day-selected { + background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0; + color: #000; + border-color: #555; +} + +.v-datefield-calendarpanel-day-focused { + outline: 1px dotted #555; +} + + +.v-datefield-calendarpanel-weekdays { + text-align: center; +} + +.v-datefield-calendarpanel-weekdays strong { + font-weight: normal; +} + +.v-datefield-calendarpanel-weeknumber { + display: block; border: none; - font-size: 13px; + padding: 2px 0 2px 0; + margin: 0; +} + +.v-datefield-calendarpanel-body table { + margin: 0 auto; + width: 200px; +} + +.v-formlayout .v-caption { + font-weight: normal; +} + +.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-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-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; +} + +.v-panel-caption { + text-shadow: 1px 1px #fff; + font-size: 12px; + color: #222; + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + border: 1px solid #999; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + padding: 4px 5px 5px 5px; +} + +.v-panel-nocaption { + height: 4px; + border: 1px solid #999; + border-bottom: none; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.v-panel-caption .v-icon { + padding-right: 2px; +} + +.v-panel-content { + border: 1px solid #999; + border-top: none; + -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-caption-light, +.v-panel-nocaption-light { + border: none; + background: none; +} + +.v-panel-caption-light { + border-bottom: 1px solid #999; +} + +.v-panel-content-light { + border: none; +} +.v-panel-content-light > div { + background: transparent; +} +.v-ie6 .v-panel-content-light { + background: transparent; +} + +.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; +} + +.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); +} + +.v-app select, +.v-window select { + padding: 1px; +} + +.v-filterselect-button { + width: 24px; + 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-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; +} + +.v-slider-feedback { + background: #33; +} + +.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(splitpanel/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(splitpanel/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; +} + +.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-right: 4px; + padding-top: 6px; +} + +.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-caption-container { + background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; +} + +.v-table-header-cell-desc .v-table-caption-container { + background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; +} + +.v-table-resizer { + height: 26px; + background: #999; +} + +.v-table-column-selector { + background: transparent url(table/columnselect.png); + width: 16px; + height: 26px; + margin: -26px 0 0; +} + +.v-table-row-odd { + background: #dde1e6; +} + +.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-focus .v-table-cell-wrapper { + padding-top: 2px; + padding-bottom: 2px; +} + +.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; +} + +.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; + z-index: 9999; + width: 0; +} + +.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-spacertd div { + height: 23px; + 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; +} + +.v-ie6 .v-tabsheet-spacertd div, +.v-ie7 .v-tabsheet-spacertd div, +.v-op .v-tabsheet-spacertd div, +.v-sa .v-tabsheet-spacertd div { + height: 24px; +} + +.v-tabsheet-tabitem { height: 20px; - margin: 0px; - padding: 3px 0px 0px 4px; -}
+ border-top: 1px solid #c8c9ca; + border-bottom: 1px solid #c8c9ca; + padding: 4px; +} + +.v-tabsheet-scroller { + float: right; + width: 33px; + height: 28px; + margin-top: -30px; + 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(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -128px; + cursor: default; + float: right; + margin: -1px -1px 0; + overflow: hidden; + padding-left: 2px; + text-indent: -999px; + width: 10px; + height: 16px; +} + +.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; +} + +.v-tree { + outline: none; +} + +.v-tree-node { + background: transparent url(tree/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; +} + +.v-window { + background: none; +} + +.v-window-wrap { + border: 1px solid #c8c9ca; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #fff; +} + +.v-window-outerheader { + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca; + border-style: solid; + border-width: 0 0 1px; + padding-left: 10px; + height: 16px; + padding: 6px 32px 6px 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin: 5px; +} + +.v-ie6 .v-window-outerheader, +.v-ie7 .v-window-outerheader { + margin-bottom: 0; +} + +.v-window-header { + color: #000; + font-size: 12px; + text-shadow: 1px 1px #fff; +} + +.v-window-contents { + padding: 0 5px 0 5px; +} + +.v-window-closebox { + background: url(window/closebutton_sprites.png) no-repeat scroll 0 0 transparent; + position: absolute; + width: 24px; + height: 24px; + right: 9px; + top: 8px; +} + +.v-ie6 .v-window-closebox, +.v-ie7 .v-window-closebox { + top: 4px; +} + +.v-window-closebox:hover { + background-position: 0 -24px; +} + +.v-window-closebox:active { + background-position: 0 -48px; +} + +.v-window-resizebox { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -64px -228px; + width: 14px; + height: 16px; +} diff --git a/WebContent/VAADIN/themes/liferay/table/table.css b/WebContent/VAADIN/themes/liferay/table/table.css new file mode 100644 index 0000000000..2e81edfde0 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/table/table.css @@ -0,0 +1,115 @@ +.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-right: 4px; + padding-top: 6px; +} + +.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-caption-container { + background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px; +} + +.v-table-header-cell-desc .v-table-caption-container { + background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px; +} + +.v-table-resizer { + height: 26px; + background: #999; +} + +.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 .v-selected { + background-color: #5B677D; + color: #FFF; + text-shadow: -1px -1px #2C2F34; +} + +.v-table-cell-wrapper { + padding-top: 3px; + padding-bottom: 3px; +} + +.v-table-focus .v-table-cell-wrapper { + padding-top: 2px; + padding-bottom: 2px; +} + +.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/tabsheet.css b/WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.css new file mode 100644 index 0000000000..9fd7aa2c7d --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/tabsheet/tabsheet.css @@ -0,0 +1,142 @@ +.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; + z-index: 9999; + width: 0; +} + +.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-spacertd div { + height: 23px; + 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; +} + +.v-ie6 .v-tabsheet-spacertd div, +.v-ie7 .v-tabsheet-spacertd div, +.v-op .v-tabsheet-spacertd div, +.v-sa .v-tabsheet-spacertd div { + height: 24px; +} + +.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: -30px; + 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(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -128px; + cursor: default; + float: right; + margin: -1px -1px 0; + overflow: hidden; + padding-left: 2px; + text-indent: -999px; + width: 10px; + height: 16px; +}
\ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/textfield/textfield.css b/WebContent/VAADIN/themes/liferay/textfield/textfield.css new file mode 100644 index 0000000000..b66a805eb0 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/textfield/textfield.css @@ -0,0 +1,15 @@ +.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 Binary files differnew file mode 100644 index 0000000000..0a6ab35a26 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/tree/arrows_sprites.png diff --git a/WebContent/VAADIN/themes/liferay/tree/tree.css b/WebContent/VAADIN/themes/liferay/tree/tree.css new file mode 100644 index 0000000000..316721d60f --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/tree/tree.css @@ -0,0 +1,62 @@ +.v-tree { + outline: none; +} + +.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 Binary files differnew file mode 100644 index 0000000000..ca8eb278a1 --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/window/closebutton_sprites.png diff --git a/WebContent/VAADIN/themes/liferay/window/window.css b/WebContent/VAADIN/themes/liferay/window/window.css new file mode 100644 index 0000000000..4c22298b5a --- /dev/null +++ b/WebContent/VAADIN/themes/liferay/window/window.css @@ -0,0 +1,68 @@ +.v-window { + background: none; +} + +.v-window-wrap { + border: 1px solid #c8c9ca; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background: #fff; +} + +.v-window-outerheader { + background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0; + border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca; + border-style: solid; + border-width: 0 0 1px; + padding-left: 10px; + height: 16px; + padding: 6px 32px 6px 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + margin: 5px; +} + +.v-ie6 .v-window-outerheader, +.v-ie7 .v-window-outerheader { + margin-bottom: 0; +} + +.v-window-header { + color: #000; + font-size: 12px; + text-shadow: 1px 1px #fff; +} + +.v-window-contents { + padding: 0 5px 0 5px; +} + +.v-window-closebox { + background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent; + position: absolute; + width: 24px; + height: 24px; + right: 9px; + top: 8px; +} + +.v-ie6 .v-window-closebox, +.v-ie7 .v-window-closebox { + top: 4px; +} + +.v-window-closebox:hover { + background-position: 0 -24px; +} + +.v-window-closebox:active { + background-position: 0 -48px; +} + +.v-window-resizebox { + background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -64px -228px; + width: 14px; + height: 16px; +}
\ No newline at end of file |
