diff options
Diffstat (limited to 'WebContent/VAADIN/themes/runo/styles.css')
| -rw-r--r-- | WebContent/VAADIN/themes/runo/styles.css | 419 |
1 files changed, 370 insertions, 49 deletions
diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css index c12e863e16..491a46c7dd 100644 --- a/WebContent/VAADIN/themes/runo/styles.css +++ b/WebContent/VAADIN/themes/runo/styles.css @@ -1,5 +1,5 @@ -.v-theme-version:after {content:"9_9_9_INTERNAL-DEBUG-BUILD";} -.v-theme-version-9_9_9_INTERNAL-DEBUG-BUILD {display: none;} +.v-theme-version:after {content:"6_3_0_dev-20100409";} +.v-theme-version-6_3_0_dev-20100409 {display: none;} /* Automatically compiled css file from subdirectories. */ .v-absolutelayout-wrapper { @@ -450,21 +450,28 @@ div.v-app-loading { 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: 2em; + padding-top: 12px; } .v-csslayout-margin-bottom { - padding-bottom: 2em; + padding-bottom: 12px; } .v-csslayout-margin-left { - padding-left: 2em; + padding-left: 12px; } .v-csslayout-margin-right { - padding-right: 2em; + padding-right: 12px; } .v-customcomponent { @@ -502,6 +509,11 @@ div.v-app-loading { 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; @@ -553,6 +565,144 @@ div.v-app-loading { 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; } @@ -570,7 +720,7 @@ div.v-app-loading { .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: 1em; + padding-top: 6px; } .v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell, .v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell, @@ -580,38 +730,38 @@ div.v-app-loading { .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: 2em; + 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: 2em; + padding-bottom: 12px; } .v-formlayout-margin-left .v-formlayout-captioncell { - padding-left: 2em; + padding-left: 12px; } .v-formlayout-margin-right .v-formlayout-contentcell { - padding-right: 2em; + padding-right: 12px; } .v-formlayout-captioncell .v-caption .v-required-field-indicator { float: none; } .v-gridlayout-margin-top { - padding-top: 2em; + padding-top: 12px; } .v-gridlayout-margin-bottom { - padding-bottom: 2em; + padding-bottom: 12px; } .v-gridlayout-margin-left { - padding-left: 2em; + padding-left: 12px; } .v-gridlayout-margin-right { - padding-right: 2em; + padding-right: 12px; } .v-gridlayout-spacing-on { - padding-left: 1em; - padding-top: 1em; + padding-left: 6px; + padding-top: 6px; overflow: hidden; } .v-gridlayout-spacing, @@ -701,7 +851,10 @@ div.v-app-loading { height: 1em; font-size: 0.9em; } -.v-menubar-menuitem-disabled { +.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 { @@ -768,28 +921,28 @@ div.v-app-loading { .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, .v-verticallayout-margin-top { - padding-top: 2em; + padding-top: 12px; } .v-orderedlayout-margin-right, .v-horizontallayout-margin-right, .v-verticallayout-margin-right { - padding-right: 2em; + padding-right: 12px; } .v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, .v-verticallayout-margin-bottom { - padding-bottom: 2em; + padding-bottom: 12px; } .v-orderedlayout-margin-left, .v-horizontallayout-margin-left, .v-verticallayout-margin-left { - padding-left: 2em; + padding-left: 12px; } .v-orderedlayout-spacing-on, .v-horizontallayout-spacing-on, .v-verticallayout-spacing-on { - padding-top: 1em; - padding-left: 1em; + padding-top: 6px; + padding-left: 6px; } /* This can be used to define spacing if spacing is off server side */ .v-orderedlayout-spacing-off, @@ -1214,7 +1367,7 @@ div.v-progressindicator-indeterminate-disabled { top: 0; bottom: 0; background: #ddd; - cursor: e-resize; + cursor: col-resize; } .v-splitpanel-vsplitter { height: 6px; @@ -1224,7 +1377,7 @@ div.v-progressindicator-indeterminate-disabled { height: 6px; font-size: 1px; /* for IE6 */ background: #ddd; - cursor: n-resize; + cursor: row-resize; } /* IE specific styles */ .v-ie6 .v-splitpanel-hsplitter div { @@ -1294,8 +1447,9 @@ div.v-progressindicator-indeterminate-disabled { display: block; height: 1.2em; float: right; - background: #aaa; - cursor: col-resize; + background: #aaa; + cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */ + cursor: col-resize; width: 1px; overflow: hidden; } @@ -1311,6 +1465,10 @@ div.v-progressindicator-indeterminate-disabled { .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; } @@ -1325,6 +1483,7 @@ div.v-progressindicator-indeterminate-disabled { padding: 0; cursor: pointer; } + .v-table-body-noselection .v-table-row, .v-table-body-noselection .v-table-row-odd { cursor: default; @@ -1374,6 +1533,9 @@ div.v-progressindicator-indeterminate-disabled { margin-top: 20px; z-index: 30000; } +.v-table-header-drag .v-icon { + vertical-align: middle; +} .v-table-scrollposition { width: 160px; background: #eee; @@ -1390,6 +1552,42 @@ div.v-progressindicator-indeterminate-disabled { .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, @@ -1474,7 +1672,7 @@ div.v-progressindicator-indeterminate-disabled { cursor: default; visibility: hidden; } -.v-tabsheet-tabitemcell:hover .v-tabsheet-caption-close, +.v-tabsheet-tabitem:hover .v-tabsheet-caption-close, .v-ie6 .v-tabsheet-caption-close { visibility: visible; } @@ -1516,6 +1714,7 @@ div.v-progressindicator-indeterminate-disabled { height: 0; } + .v-textfield { text-align: left /* Force default alignment */ } @@ -1529,27 +1728,14 @@ textarea.v-textarea-prompt { color: #999; font-style: italic; } -.v-textfield.v-readonly, -.v-textarea.v-readonly { +input.v-textfield-readonly, +textarea.v-textarea-readonly { background: transparent; border: none; } -.v-richtextarea { - border: 1px solid #aaa; - overflow: hidden; -} -.v-richtextarea .gwt-RichTextArea { - background: #fff; -} -.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, -.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton { - float: left; -} -.v-richtextarea .gwt-RichTextToolbar { - white-space: nowrap; -} -.v-richtextarea iframe { - border: 0; +input.v-textfield-readonly:focus, +textarea.v-textarea-readonly:focus { + outline: none; } /* Disabled by default .v-textarea-error, @@ -1571,12 +1757,67 @@ textarea.v-textarea-prompt { 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-tree { text-align: left; /* Force default alignment */ overflow: hidden; + padding: 1px 0; } .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; @@ -1625,6 +1866,65 @@ div.v-tree-node-leaf { .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-immediate { position: relative; @@ -1632,6 +1932,11 @@ div.v-tree-node-leaf { 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); @@ -1943,8 +2248,10 @@ div.v-window-header { line-height: 18px; } /* Global font styles */ +.v-app, .v-window, .v-popupview-popup, +.v-tooltip, .v-app input, .v-app select, .v-app button, @@ -1956,7 +2263,13 @@ div.v-window-header { .v-popupview-popup input, .v-popupview-popup select, .v-popupview-popup button, -.v-popupview-popup textarea { +.v-popupview-popup textarea, +.v-filterselect-suggestpopup, +.v-datefield-popup, +.v-contextmenu, +.v-Notification, +.v-menubar-submenu, +.v-drag-element { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; @@ -2118,6 +2431,7 @@ div.v-window-header { width: 20px; } .v-datefield-calendarpanel-day, +.v-datefield-calendarpanel-weeknumber, .v-datefield-calendarpanel-day-today { padding: 1px 3px; width: 14px; @@ -3363,6 +3677,13 @@ textarea.v-textarea-prompt { height: 10px; padding: 1px; } +/*************************************** + * Drag'n'drop styles + ***************************************/ +.v-tree .v-tree-node-drag-top, +.v-tree .v-tree-node-drag-top.v-tree-node-expanded { + background-position: 2px 0; +} .v-window { color: #464f52; |