From b9d97b16fa108da637443242c35921aa163aa211 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Tue, 4 May 2010 13:17:58 +0000 Subject: [PATCH] Dozens of enhancements and fixes to Runo theme, containing new sub-styles for several components such as buttons, tables, accordions, windows, layouts, splitpanels and others. svn changeset:13024/svn branch:6.4 --- .../themes/base/accordion/accordion.css | 1 + WebContent/VAADIN/themes/base/styles.css | 5 +- WebContent/VAADIN/themes/reindeer/styles.css | 5 +- .../themes/runo/accordion/accordion.css | 45 +- .../VAADIN/themes/runo/accordion/img/bg.png | Bin 0 -> 128 bytes .../runo/accordion/img/collapsed-icon.png | Bin 240 -> 256 bytes .../runo/accordion/img/expanded-icon.png | Bin 253 -> 249 bytes .../themes/runo/accordion/img/selected-bg.png | Bin 265 -> 238 bytes .../VAADIN/themes/runo/button/button.css | 152 +++- .../themes/runo/button/img/bg-default.png | Bin 0 -> 444 bytes .../VAADIN/themes/runo/button/img/bg.png | Bin 227 -> 353 bytes .../VAADIN/themes/runo/common/common.css | 4 +- .../VAADIN/themes/runo/common/img/main-bg.png | Bin 0 -> 255 bytes .../themes/runo/datefield/datefield.css | 40 +- WebContent/VAADIN/themes/runo/label/label.css | 70 ++ .../themes/runo/notification/notification.css | 46 +- .../runo/orderedlayout/orderedlayout.css | 90 +- .../themes/runo/panel/img/bottom-left.png | Bin 239 -> 234 bytes .../themes/runo/panel/img/bottom-right.png | Bin 368 -> 351 bytes .../VAADIN/themes/runo/panel/img/top-left.png | Bin 261 -> 262 bytes WebContent/VAADIN/themes/runo/panel/panel.css | 12 +- .../themes/runo/splitpanel/img/bg_hor.png | Bin 138 -> 141 bytes .../themes/runo/splitpanel/img/bg_ver.png | Bin 139 -> 146 bytes .../themes/runo/splitpanel/splitpanel.css | 86 +- WebContent/VAADIN/themes/runo/styles.css | 799 ++++++++++++++---- WebContent/VAADIN/themes/runo/table/table.css | 72 +- .../runo/tabsheet/img/inline-tab-bg.png | Bin 239 -> 243 bytes .../runo/tabsheet/img/inline-tab-border.png | Bin 0 -> 239 bytes .../runo/tabsheet/img/inline-tab-left.png | Bin 314 -> 1000 bytes .../runo/tabsheet/img/inline-tab-right.png | Bin 312 -> 997 bytes .../VAADIN/themes/runo/tabsheet/tabsheet.css | 96 ++- .../themes/runo/textfield/textfield.css | 36 +- WebContent/VAADIN/themes/runo/tree/tree.css | 19 +- .../runo/window/img/dialog/bottom-left.png | Bin 0 -> 252 bytes .../runo/window/img/dialog/bottom-right.png | Bin 0 -> 353 bytes .../themes/runo/window/img/dialog/close.png | Bin 0 -> 415 bytes .../VAADIN/themes/runo/window/img/resize.png | Bin 209 -> 229 bytes .../themes/runo/window/img/top-left.png | Bin 413 -> 288 bytes .../themes/runo/window/img/top-right.png | Bin 950 -> 822 bytes .../VAADIN/themes/runo/window/window.css | 31 +- 40 files changed, 1256 insertions(+), 353 deletions(-) create mode 100644 WebContent/VAADIN/themes/runo/accordion/img/bg.png create mode 100644 WebContent/VAADIN/themes/runo/button/img/bg-default.png create mode 100644 WebContent/VAADIN/themes/runo/common/img/main-bg.png create mode 100644 WebContent/VAADIN/themes/runo/label/label.css create mode 100644 WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-border.png create mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/bottom-left.png create mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/bottom-right.png create mode 100644 WebContent/VAADIN/themes/runo/window/img/dialog/close.png diff --git a/WebContent/VAADIN/themes/base/accordion/accordion.css b/WebContent/VAADIN/themes/base/accordion/accordion.css index 5c1a7d77b8..10c205ae24 100644 --- a/WebContent/VAADIN/themes/base/accordion/accordion.css +++ b/WebContent/VAADIN/themes/base/accordion/accordion.css @@ -6,6 +6,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css index 6a7f0255c3..a4ba40b756 100644 --- a/WebContent/VAADIN/themes/base/styles.css +++ b/WebContent/VAADIN/themes/base/styles.css @@ -1,5 +1,5 @@ -.v-theme-version:after {content:"6_4_0_dev-20100504";} -.v-theme-version-6_4_0_dev-20100504 {display: none;} +.v-theme-version:after {content:"9_9_9_INTERNAL-DEBUG-BUILD";} +.v-theme-version-9_9_9_INTERNAL-DEBUG-BUILD {display: none;} /* Automatically compiled css file from subdirectories. */ .v-absolutelayout-wrapper { @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css index 42f18208cb..a7db2af22b 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.css +++ b/WebContent/VAADIN/themes/reindeer/styles.css @@ -1,5 +1,5 @@ -.v-theme-version:after {content:"6_4_0_dev-20100504";} -.v-theme-version-6_4_0_dev-20100504 {display: none;} +.v-theme-version:after {content:"9_9_9_INTERNAL-DEBUG-BUILD";} +.v-theme-version-9_9_9_INTERNAL-DEBUG-BUILD {display: none;} /* Automatically compiled css file from subdirectories. */ .v-absolutelayout-wrapper { @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; diff --git a/WebContent/VAADIN/themes/runo/accordion/accordion.css b/WebContent/VAADIN/themes/runo/accordion/accordion.css index b51b6e8b03..cad4bb94ba 100644 --- a/WebContent/VAADIN/themes/runo/accordion/accordion.css +++ b/WebContent/VAADIN/themes/runo/accordion/accordion.css @@ -1,21 +1,48 @@ -.v-accordion-item { - background-color: #fff; -} .v-accordion-item-caption { height: 31px; - background: #edf0f0 url(../tabsheet/img/tab-bg.png); + background: #edf0f0 url(img/bg.png); font-size: 15px; color: #656d73; + border: none; border-top: 1px solid #c8cccd; } .v-accordion-item-caption .v-caption { - padding: 7px 0 6px 18px; + padding: 7px 0 6px 31px; + background: transparent url(img/collapsed-icon.png) no-repeat 18px 50%; } .v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(img/selected-bg.png); - border-top-color: #cbd7de; - border-bottom-color: #bfc9d4; - text-shadow: #fafafa 0 1px 0; - border-bottom: 1px solid #c8cccd; + border-bottom: 1px solid #b4b9ba; + text-shadow: 0 1px 0 #fff; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + background-image: url(img/expanded-icon.png); + background-position: 17px 50%; +} +.v-accordion-item-first .v-accordion-item-caption { + border-top: none; +} +.v-accordion-item-caption .v-caption:hover { + color: #3b4b57; +} + +/* Light style */ +.v-accordion-light .v-accordion-item-caption { + height: 24px; + padding: 3px 2px; + background: transparent; + border: none; +} +.v-accordion-light .v-accordion-item-caption .v-caption { + padding: 4px 15px 4px 28px; + font-size: 12px; + line-height: 16px; + height: 16px; + font-weight: bold; + border: 1px solid #c8cccd; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + background-position: 15px 50%; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/accordion/img/bg.png b/WebContent/VAADIN/themes/runo/accordion/img/bg.png new file mode 100644 index 0000000000000000000000000000000000000000..0015e4cd0eb6343ba6dff596faeb33904878f5bb GIT binary patch literal 128 zcmeAS@N?(olHy`uVBq!ia0vp^j6lrH!3-o*nWt_5Qj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>Jir4~tLR`Q8`0@6`hs#r49s@-LJY5_^DsCkuqyQlUhXDfv W9|N=H5B*m_IR;NxKbLh*2~7YpswDsb literal 0 HcmV?d00001 diff --git a/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/collapsed-icon.png index 1443459eb4c5bdee1b97c24154727b20df435dd3..dc13f0f786a0de280463d6c1979b4b7fe7af40b1 100755 GIT binary patch delta 226 zcmeys*ubRN8Q|y6%O%Cdz`(%k>ERLtq}hO&lY<#Zs=2IPKhaR5-af!5#P#*7m#^>3!D8M0HE!}5Eqp8<_v@O1Ta JS?83{1OTdXW>WwF delta 210 zcmZo*`oL(|8Q|y6%O%Cdz`(%k>ERLtq&Y#DgBeI(_y48@q*&4&eH|GX)}JtE?Rq&; zQKMcxz$e7@!_t;d=k~t7ed*2d?Qg3*KP+kf{OH!3EwkTNdAwcN@ODA{yI{fp|Np;# zuy!uc4BnC;zhEF24j61-D7674%sgEjLn>}1J$U#qF_}fkhR5N|$=;Jm4I3hMC^pP& yoZH>qJiEKQn^Wa9SNL((^o_+05fTiHYz)(dm}56LE~*C_!QkoY=d#Wzp$Pz6SXyEL diff --git a/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png b/WebContent/VAADIN/themes/runo/accordion/img/expanded-icon.png index 8a28fb8811d1f3e277078da045b6b3e6ca3345a4..0ad8eb074ffffebfac292880ccb90e5619f9c12a 100755 GIT binary patch delta 219 zcmey%_>)nwGr-TCmrII^fq{Y7)59eQNOJ-)8wWFxRFic1KG9I4-X_2q|rUFB(a zBiB8u-TSzD&*MEeU+K@jXEN{p_G>SfoO?d=;pm`!CL4LtNE;?ZF_kS)3lsEQtaSW-rrE=^zFM|QkVTYyP)86jS zPBLuaf0S_c;0;E{d9eo`c7}lRKXYG19 zQBkAbEWjtkb?UJv%G2&%dGxaFz|+~Mo-R1^eCM_2r|-R*b@Hj!%zHPUysq2#*muQ) zyU$*k&b#Nn^nv2kyZ`_HFL?W8HPA?*k|4ieAQu%dJlels2q>%X>EaktaVsg|DLZ2t zo1PsbBcop#o1>V*S=|!~Cr+y>A2`mkg!QI`C5xkp1T%{SgOMte;y#h>6M%XdJYD@< J);T3K0RZkyVF~~M diff --git a/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png b/WebContent/VAADIN/themes/runo/accordion/img/selected-bg.png index 99dca1c2d95258b6e9debc3d16abb1717063b36d..1c599db14ee180385e7c936ab4e0a8f652b9fea4 100755 GIT binary patch delta 176 zcmV;h08jsk0`38jB#|^Fe^F3OR7Kw7<>BV%+J9F z=j-g><>uw;>+A3E;N|Dy=ji3>>g(?B?eOs4}}Nm delta 201 zcmV;)05<>b0f_>TBn<>-K}|sb0I$e51&ZmBAt--ZP)t-s*Wl&s^7h!_=GWll+jXx z;@jir=kM~|<>}t%>i75f;_B|!-{UM`O?UtR05wTOK~#9!48nyGfIt8MAnf+-cK|6H_V+Po~-c6|D~N332V8F{5Yd)V2u|ntOX2ySqCkP3oRHwR_5xY3uiO zO_?%h$&z`?maW{dpYBN5;lx?9(mUsOPMXv{abi6!d7Hpv?rH^D2kgIWI9Cb>GXn!d!KYP06BRY;D*}8%T%WyoaqY&9=PzI0xOMB!y?YNHJ$n4~ z>C@-WU%r0*`t93~pFe;8`t{BG_rL%Cy?*oN+YcYU{rGX~&YgP?9(?`&{qFtySFT;V zdHeRm$B&;pd-m$hn@?Z9eE;?9@BjZFK7G1$<;ws6|F2%Z{^HfEUw{7m`S0Uq!@Zx6OY9oZAO=rYKbLh*2~7YOAks&C5IZ#YgMf?2x_4fDe@bU2S^Y-`n?(y>U z_V@Pq`0MWP@A32V_4VxT@b2*O^!4`Z?e6UF@bdKa@$>Ze`1!F@-K_us06;avk<|PRL0000g?_B@$u{K?(XsN?C;EqeVo_to7HI}L26MQxhvz`C|002ovPDHLk FV1l`|hQR;; literal 0 HcmV?d00001 diff --git a/WebContent/VAADIN/themes/runo/datefield/datefield.css b/WebContent/VAADIN/themes/runo/datefield/datefield.css index e845901273..290784d97d 100644 --- a/WebContent/VAADIN/themes/runo/datefield/datefield.css +++ b/WebContent/VAADIN/themes/runo/datefield/datefield.css @@ -1,3 +1,7 @@ +.v-datefield input.v-textfield, +.v-datefield input.v-textfield[type=text] { + height: 18px; +} .v-datefield-button { font-size:13px; width: 22px; @@ -14,14 +18,19 @@ font-size: 12px; background: #f6f7f7; border: 1px solid #b6bbbc; - padding: 6px; + padding: 2px 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } .v-datefield-calendarpanel { - width: 19em; - font-size: 12px; + width: 230px; } .v-datefield-popup .v-datefield-calendarpanel { - width: 16em; + width: 200px; +} +.v-datefield-year .v-datefield-calendarpanel { + width: 100px; } .v-datefield-calendarpanel td { text-align: right; @@ -30,19 +39,19 @@ display: block; } .v-datefield-calendarpanel-header { - height: 30px; -} -.v-datefield-calendarpanel-header, -.v-datefield-calendarpanel strong { + height: 30px; font-size: 13px; } -.v-datefield-popup .v-datefield-calendarpanel-header, -.v-datefield-popup .v-datefield-calendarpanel strong { - font-size: 12px; -} -.v-datefield-calendarpanel-month { +td.v-datefield-calendarpanel-month { font-weight: bold; - text-shadow: #ffffff 2px 2px 0; + text-shadow: 0 1px 0 #fff; + width: 150px; +} +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear, +.v-datefield-calendarpanel-prevmonth, +.v-datefield-calendarpanel-nextmonth { + width: 16px; } /* Year buttons */ .v-datefield-calendarpanel .v-button-prevyear, @@ -85,7 +94,8 @@ .v-datefield-calendarpanel strong { color: #ee5311; display: block; - width: 20px; + width: 20px; + font-size: 12px; } .v-datefield-calendarpanel-day, .v-datefield-calendarpanel-weeknumber, diff --git a/WebContent/VAADIN/themes/runo/label/label.css b/WebContent/VAADIN/themes/runo/label/label.css new file mode 100644 index 0000000000..e851bd74f3 --- /dev/null +++ b/WebContent/VAADIN/themes/runo/label/label.css @@ -0,0 +1,70 @@ +.v-label h1, +.v-label h2, +.v-label h3, +.v-label h4, +.v-label h5, +.v-label h6 { + color: #404749; +} + +.v-label-h1, +.v-label h1 { + margin: 0; + padding: 8px 0 4px; + font-size: 24px; + line-height: normal; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h2, +.v-label h2 { + color: #f14c1a; + font-size: 18px; + letter-spacing: -0.03em; + font-weight: normal; + padding: 13px 0 5px; +} + +.v-label-h3, +.v-label h3 { + font-size: 15px; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h4, +.v-label h4 { + font-size: 13px; + font-weight: normal; + text-shadow: 0 1px 1px #fff; + margin: 0; + padding: 8px 0 4px; +} + +.v-label-small { + font-size: .87em; + line-height: 1.4; + color: #707679; +} + +.v-label hr, +.v-label-hr { + height: 2px; + overflow: hidden; + background: #ccd2d3; + color: #ccd2d3; /* For IE */ + border: none; + border-bottom: 1px solid #fff; + margin: 0; +} +.v-label-hr { + height: 1px; +} + +.v-sa .v-label hr, +.v-ie8 .v-label hr { + height: 1px; +} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/notification/notification.css b/WebContent/VAADIN/themes/runo/notification/notification.css index 431392d562..bc9b3f665d 100644 --- a/WebContent/VAADIN/themes/runo/notification/notification.css +++ b/WebContent/VAADIN/themes/runo/notification/notification.css @@ -1,13 +1,17 @@ .v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #818e92; + background-color: #94a0a3; color: #ffffff; - padding: 9px 12px; + padding: 20px 45px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; + font-size: 1.2em; + -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); + -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); + margin: 10px; } .v-Notification h1, .v-Notification p, @@ -17,49 +21,47 @@ .v-Notification-warning p { display: inline; font-weight: normal; + line-height: normal; margin: 0 10px 0 0; } .v-Notification-warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; opacity: 1; } .v-Notification-error { - background: #f23d00 url(img/close-error.png) no-repeat right 5px; - padding-right: 30px; - border: 3px solid #c30000; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; + background: #f13d13 url(img/close-error.png) no-repeat right 5px; + padding-right: 50px; } .v-Notification-tray { background: #575e60; - padding: 0.5em; - margin: 0 5px 5px 0; + padding: 3px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); + -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); + max-width: 17em; } .v-Notification-tray h1 { display: block; font-weight: bold; font-size: 0.9em; - line-height: 1.1; + line-height: 1; background: #3b4245; - padding: 4px 10px; + padding: 2px 10px; margin: 0; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } .v-Notification-tray p { display: block; - font-size: 0.9em; - line-height: 1.1; - margin: 8px 10px 5px 10px; + font-size: 0.8em; + line-height: 1.2; + margin: 4px 10px 5px 10px; color: #e4e7ea; } .v-Notification-system { - background-color: #ff0a0a; + background-color: #ff0a0a; + font-size: .9em; + padding: 14px 32px; } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css index e9c431ecdd..306292d843 100644 --- a/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css +++ b/WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css @@ -1,21 +1,25 @@ .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, -.v-verticallayout-margin-top { +.v-verticallayout-margin-top, +.v-csslayout-margin-top { padding-top: 15px; } .v-orderedlayout-margin-right, .v-horizontallayout-margin-right, -.v-verticallayout-margin-right { +.v-verticallayout-margin-right, +.v-csslayout-margin-right { padding-right: 18px; } .v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { +.v-verticallayout-margin-bottom, +.v-csslayout-margin-bottom { padding-bottom: 15px; } .v-orderedlayout-margin-left, .v-horizontallayout-margin-left, -.v-verticallayout-margin-left { +.v-verticallayout-margin-left, +.v-csslayout-margin-left { padding-left: 18px; } .v-orderedlayout-spacing-on, @@ -23,4 +27,82 @@ .v-verticallayout-spacing-on { padding-top: 8px; padding-left: 8px; +} +.v-verticallayout-darker, +.v-horizontallayout-darker, +.v-gridlayout-darker, +.v-formlayout-darker, +.v-absolutelayout-darker, +.v-csslayout-darker { + background-color: #f3f4f5; +} + +/* Selectable style */ +.v-csslayout-selectable *, +.v-csslayout-selectable-selected * { + cursor: pointer; +} +.v-csslayout-selectable, +.v-csslayout-selectable-selected { + padding: 10px; + cursor: pointer; +} +.v-csslayout-selectable-selected { + padding: 8px; + border: 2px solid #57a7ed; + background: #d8eaf9; + background: rgba(179,211,237,.5); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +/* Shadow style */ +div.v-csslayout-box-shadow { + background: transparent url(../shadow/img/bottom-right.png) no-repeat right bottom; + overflow: hidden; +} +.v-csslayout-box-shadow > .v-csslayout-margin { + padding: 0 8px 0 0; + background: transparent url(../shadow/img/right.png) repeat-y right; + margin: 0; + position: relative; + bottom: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { + padding: 0 0 8px 0; + margin-left: 6px; + background: transparent url(../shadow/img/bottom.png) repeat-x bottom; + position: relative; + top: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: -6px; +} +/* Fancier shadows for capable browsers */ +.v-webkit .v-csslayout-box-shadow, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + background: transparent; + padding: 0; + margin: 0; + height: auto; + position: static; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: 0; +} +.v-webkit .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow { + padding: 4px 8px 10px; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin { + -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); + -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); } \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png b/WebContent/VAADIN/themes/runo/panel/img/bottom-left.png index d5c950bc455eaa9e2041c2182c7f2d98e2f6cff9..9306fac21e5360997a088499d347328db4e24176 100644 GIT binary patch delta 129 zcmV-{0Dk}P0qOyeB#|^F0gRDaE^@dPdAd0N0@B5go;+m$T8~{7NCJd`9+-Uf#*P2~ z{{6#nI17^cf`^ZvF#P)UJ4a4Nnn6fV5H7)pZpHRJd&7ZLyM&mSqNId411AS3rXr|9 jHX!8(#2^id009O7f1YgCRh5jd00000NkvXXu0mjf1;IDp delta 132 zcmV-~0DJ%H0q+5jBn<>-K}|sb0I$e51&ZmBAt(WXkxDLScoqEu;^Ie7o-zQf$EgSe zRz83Ea?15vx3DT?L1Gs?eEfvr*RS6>ax&5kLV|*D2}WQLplb{V;&ur!F-1uUaRyEf mPOOSRfDMTKpc)hb0t^7w15aOwOnE;50000F!Z|)j;9dQt8c-a0VZTH!GZW}(y#W`)*v@vkQg`(_4 z>BPYDNr#T+OiU2|++`w{`24p5&u0(Qx93&Pns75fz=|sdeINgP+O@wx1S)c6&3pfy zIjkj6?y9g|def~LWg*;#tXld0kD>La(m7th)Mw3FcB4MUx_|ZAs;}A$m?6Reb9fp^1@k->Xust4a@Y6DlD&6q z;!XJb{r$M0_7-oSJD=yd+#iss#Uh;jD?XRzX(o5$)&IC2y_tWOLm7i@M|J<^7)^jE+h$ut) z`{mZI_Fp#Y`%c;RcZQq!=d+)0KKl6brYF?if_G+@CqJ}V{L}g0=Rf}?x$BvD7;XxC UtW&SyKMOL#)78&qol`;+0I^7Y1^@s6 diff --git a/WebContent/VAADIN/themes/runo/panel/img/top-left.png b/WebContent/VAADIN/themes/runo/panel/img/top-left.png index 8108eab8e49f5a8ff9ff79d0b19bff22e89f3a08..2d59a76c069bbf92cf44a4086df518ca8aa93ab6 100644 GIT binary patch delta 200 zcmV;(05|`I0)_&RB#|^Ff2c`BK~#9!V*LOAKLa}0zGp8Rkn#iKa3EF$Vq+F8ia?U> z5@KSCk`m$!oE)4C{CvC&EJzBNfz$*^aq%2E8EFO~K|vG)kWHK*FDsLysiwxj$jFG{ z90rgZx9#2&e*V(s|Ns8|`;QASK^@);vJR_BP{0JlAyN_&(&%o&KB^GtLk2-K}|sb0I$e51&ZmBAt-;BNkliAu|w9kQ5isk&}^T5E2wb(T%Kdg1oFu zj;5L#10y3NhBZtu>p&*qQUp^7a(FMuI$Vli3PYqMB&5;ZgjFHXhYW-ONTD$w(EG$F zl;bVr;2=sNQD9WzsKQZ&qY6hAjw(a|fB*vk8b=L-}8xF$-&IPz;H@j|IkE34HuyRpAgpv&z?Sh@%-7Vm-n7Le)aC{i#M-%z67oS rsuJ{caSW-rm6VW}nv{~j#$mv~;Km@(RLvmbP0l+XkKTPGqR delta 84 zcmeBW>|&fCDZ#|Rz)-Z>V>yswNq6*hWMEi-!ko41F!NqY*Pf7@UG n|Nr0Lzr{QLGaig@U|?ogv{bO*_y=)6phgByS3j3^P6mdKI;Vst0QmeQQUCw| delta 85 zcmbQl*v&XWQi6$rfuXl3ISoj$q&xaLGBB(^Vb0q1a-yP!k*ueSV@SoVq+Ny2%`We+ o|KIpS|MLC%{|6*auyGhLoIN90tvgFC9;lPS)78&qol`;+0JuLMdjJ3c diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css index 39fdbcc029..c74ab257ba 100644 --- a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css +++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css @@ -1,13 +1,16 @@ -.v-splitpanel-horizontal, .v-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.v-splitpanel-horizontal .v-splitpanel-hsplitter { +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { width: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-splitpanel-hsplitter div, +.v-splitpanel-hsplitter-locked div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -15,39 +18,92 @@ bottom: 0; background: #ccd2d0 url(img/bg_hor.png); border: 1px solid #b6bbbc; - cursor: e-resize; margin: 0 -1px; } -.v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { height: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-splitpanel-vsplitter div, +.v-splitpanel-vsplitter-locked div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(img/bg_ver.png); border: 1px solid #b6bbbc; - cursor: n-resize; margin: -1px 0; } +/* IE6 specific styles */ - - - -/* IE specific styles */ - -* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-hsplitter div, +.v-ie6 .v-splitpanel-hsplitter-locked div { height: 99%; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-ie6 .v-splitpanel-vsplitter, +.v-ie6 .v-splitpanel-vsplitter-locked { height: 8px; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-ie6 .v-splitpanel-vsplitter div, +.v-ie6 .v-splitpanel-vsplitter-locked div { margin: 0; } + +/* Rounded style */ +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div, +.v-splitpanel-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-vsplitter-rounded-locked div { + margin: -1px 4px; +} +.v-ie6 .v-splitpanel-hsplitter-rounded div, +.v-ie6 .v-splitpanel-hsplitter-rounded-locked div { + height: 97%; +} + + +/* Small style */ +.v-splitpanel-hsplitter-small, +.v-splitpanel-vsplitter-small, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked { + background: #b6bbbc; +} +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small-locked { + width: 1px; +} +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small-locked { + height: 1px; +} +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css index ccaa635e66..d8ccc2835d 100644 --- a/WebContent/VAADIN/themes/runo/styles.css +++ b/WebContent/VAADIN/themes/runo/styles.css @@ -1,5 +1,5 @@ -.v-theme-version:after {content:"6_4_0_dev-20100504";} -.v-theme-version-6_4_0_dev-20100504 {display: none;} +.v-theme-version:after {content:"9_9_9_INTERNAL-DEBUG-BUILD";} +.v-theme-version-9_9_9_INTERNAL-DEBUG-BUILD {display: none;} /* Automatically compiled css file from subdirectories. */ .v-absolutelayout-wrapper { @@ -15,6 +15,7 @@ } .v-accordion-item { position: relative; + zoom: 1; } .v-accordion-item-caption { overflow: hidden; @@ -2160,85 +2161,210 @@ div.v-window-header { overflow:hidden; } -.v-accordion-item { - background-color: #fff; -} .v-accordion-item-caption { height: 31px; - background: #edf0f0 url(tabsheet/img/tab-bg.png); + background: #edf0f0 url(accordion/img/bg.png); font-size: 15px; color: #656d73; + border: none; border-top: 1px solid #c8cccd; } .v-accordion-item-caption .v-caption { - padding: 7px 0 6px 18px; + padding: 7px 0 6px 31px; + background: transparent url(accordion/img/collapsed-icon.png) no-repeat 18px 50%; } .v-accordion-item-open .v-accordion-item-caption { color: #3b4b57; background: #d5dee2 url(accordion/img/selected-bg.png); - border-top-color: #cbd7de; - border-bottom-color: #bfc9d4; - text-shadow: #fafafa 0 1px 0; - border-bottom: 1px solid #c8cccd; + border-bottom: 1px solid #b4b9ba; + text-shadow: 0 1px 0 #fff; +} +.v-accordion-item-open .v-accordion-item-caption .v-caption { + background-image: url(accordion/img/expanded-icon.png); + background-position: 17px 50%; +} +.v-accordion-item-first .v-accordion-item-caption { + border-top: none; +} +.v-accordion-item-caption .v-caption:hover { + color: #3b4b57; +} + +/* Light style */ +.v-accordion-light .v-accordion-item-caption { + height: 24px; + padding: 3px 2px; + background: transparent; + border: none; +} +.v-accordion-light .v-accordion-item-caption .v-caption { + padding: 4px 15px 4px 28px; + font-size: 12px; + line-height: 16px; + height: 16px; + font-weight: bold; + border: 1px solid #c8cccd; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; + background-position: 15px 50%; } +.v-button { + padding: 1px; + border: none; + background: transparent; + } + .v-button:focus { - border-color: #4897dc; outline: none; } + +.v-button:focus .v-button-wrap { + border-color: #57a7ed; + border-top-color: #60aef1; + border-bottom-color: #4c9adf; + -webkit-box-shadow: 0 0 2px #57a7ed; + -moz-box-shadow: 0 0 2px #57a7ed; + } -.v-button:active, -.v-button.v-pressed { - background-position: left bottom; - border-color: #babfc0; - border-top-color: #a5abac; +.v-button:active .v-button-wrap, +.v-button.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #e7e9e9; + border-color: #b8bdbe; + border-top-color: #9da1a2; + border-bottom-color: #babfc0; + border-color: rgba(146,151,152,.9); + border-top-color: rgba(146,151,152,1); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + text-shadow: none; } -.v-button, -.v-disabled.v-button { - font-size: 13px; - border: 1px solid #babfc0; - border-bottom-color: #a5abac; - background: #fff url(button/img/bg.png); +.v-button .v-button-wrap, +.v-disabled.v-button .v-button-wrap { + display: block; + font-size: 12px; + border: 1px solid #bdc1c2; + border-top-color: #cbcfd0; + border-bottom-color: #b6bbbb; + border-color: rgba(146,151,152,.8); + border-top-color: rgba(146,151,152,.6); + background: #e6e8e8 url(button/img/bg.png) repeat-x; -webkit-background-origin: padding; -moz-background-origin: padding; padding: 3px 15px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - font-size: 12px; - line-height: 16px; - min-height: 16px; - } - -.v-button-caption { + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + line-height: 14px; + min-height: 14px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15); + text-shadow: 0 1px 0 #fff; color: #464f52; + overflow: hidden; + text-overflow: ellipsis; } -/* Small style */ +.v-ie7 .v-button .v-button-wrap { + overflow: visible; +} -.v-button-small, -.v-disabled.v-button-small { + + +/* Small style */ +.v-button-small .v-button-wrap, +.v-disabled.v-button-small .v-button-wrap { font-size: 11px; - line-height: 14px; - padding: 1px 15px; - min-height: 14px; + line-height: 13px; + padding: 1px 12px; + min-height: 13px; + } + + +/* Big style */ +.v-button-big .v-button-wrap, +.v-disabled.v-button-big .v-button-wrap { + font-size: 15px; + line-height: 18px; + padding: 4px 18px; + min-height: 18px; + -webkit-border-radius: 14px; + -moz-border-radius: 14px; + border-radius: 14px; + } + + + +/* Default style */ +.v-button-default:focus .v-button-wrap { + background-color: #60839a; + background-position: 0 -158px; + text-shadow: 0 -1px 0 #657883; + } + +.v-button-default:active .v-button-wrap, +.v-button-default.v-pressed .v-button-wrap { + background-position: 0 -79px; + background-color: #8f9898; + border-color: #737e81; + border-top-color: #576063; + border-bottom-color: #747f82; + color: #f0f2f2; + text-shadow: 0 -1px 0 #5d6969; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;; + } + +.v-button-default .v-button-wrap, +.v-disabled.v-button-default .v-button-wrap { + border-color: #899395; + border-top-color: #a4abae; + border-bottom-color: #727b7d; + background: #869090 url(button/img/bg-default.png) repeat-x; + text-shadow: 0 -1px 0 #797e7e; + color: #fff; + font-weight: bold; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22); + -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22); } + + /* Link style */ .v-button-link, .v-disabled.v-button-link { + padding: 0; + } + +.v-button-link .v-button-wrap, +.v-disabled.v-button-link .v-button-wrap, +.v-button-link:active .v-button-wrap, +.v-disabled.v-button-pressedv-button-link .v-button-wrap { border: none; background: transparent; padding: 0; font-size: 13px; + -webkit-box-shadow: none; + -mox-box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + text-shadow: none; } .v-button-link:focus { outline: 1px dotted #4897dc; } +.v-button-link:focus .v-button-wrap { + -webkit-box-shadow: none; + -moz-box-shadow: none; + } + @@ -2277,8 +2403,8 @@ div.v-window-header { background: #e9eced; } .v-app { - background: #e9eced; - font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; + background: #e9eced url(common/img/main-bg.png) repeat-x; + font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif; color: #464f52; font-size: 13px; line-height: 18px; @@ -2377,6 +2503,10 @@ div.v-window-header { margin-right: 10px; } +.v-datefield input.v-textfield, +.v-datefield input.v-textfield[type=text] { + height: 18px; +} .v-datefield-button { font-size:13px; width: 22px; @@ -2393,14 +2523,19 @@ div.v-window-header { font-size: 12px; background: #f6f7f7; border: 1px solid #b6bbbc; - padding: 6px; + padding: 2px 6px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } .v-datefield-calendarpanel { - width: 19em; - font-size: 12px; + width: 230px; } .v-datefield-popup .v-datefield-calendarpanel { - width: 16em; + width: 200px; +} +.v-datefield-year .v-datefield-calendarpanel { + width: 100px; } .v-datefield-calendarpanel td { text-align: right; @@ -2410,18 +2545,18 @@ div.v-window-header { } .v-datefield-calendarpanel-header { height: 30px; -} -.v-datefield-calendarpanel-header, -.v-datefield-calendarpanel strong { font-size: 13px; } -.v-datefield-popup .v-datefield-calendarpanel-header, -.v-datefield-popup .v-datefield-calendarpanel strong { - font-size: 12px; -} -.v-datefield-calendarpanel-month { +td.v-datefield-calendarpanel-month { font-weight: bold; - text-shadow: #ffffff 2px 2px 0; + text-shadow: 0 1px 0 #fff; + width: 150px; +} +.v-datefield-calendarpanel-prevyear, +.v-datefield-calendarpanel-nextyear, +.v-datefield-calendarpanel-prevmonth, +.v-datefield-calendarpanel-nextmonth { + width: 16px; } /* Year buttons */ .v-datefield-calendarpanel .v-button-prevyear, @@ -2465,6 +2600,7 @@ div.v-window-header { color: #ee5311; display: block; width: 20px; + font-size: 12px; } .v-datefield-calendarpanel-day, .v-datefield-calendarpanel-weeknumber, @@ -2590,6 +2726,77 @@ div.v-window-header { padding-top: 8px; } +.v-label h1, +.v-label h2, +.v-label h3, +.v-label h4, +.v-label h5, +.v-label h6 { + color: #404749; +} + +.v-label-h1, +.v-label h1 { + margin: 0; + padding: 8px 0 4px; + font-size: 24px; + line-height: normal; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h2, +.v-label h2 { + color: #f14c1a; + font-size: 18px; + letter-spacing: -0.03em; + font-weight: normal; + padding: 13px 0 5px; +} + +.v-label-h3, +.v-label h3 { + font-size: 15px; + letter-spacing: -0.03em; + font-weight: normal; + text-shadow: 0 1px 1px #fff; +} + +.v-label-h4, +.v-label h4 { + font-size: 13px; + font-weight: normal; + text-shadow: 0 1px 1px #fff; + margin: 0; + padding: 8px 0 4px; +} + +.v-label-small { + font-size: .87em; + line-height: 1.4; + color: #707679; +} + +.v-label hr, +.v-label-hr { + height: 2px; + overflow: hidden; + background: #ccd2d3; + color: #ccd2d3; /* For IE */ + border: none; + border-bottom: 1px solid #fff; + margin: 0; +} +.v-label-hr { + height: 1px; +} + +.v-sa .v-label hr, +.v-ie8 .v-label hr { + height: 1px; +} + .v-link a { color: #464f52; } @@ -2632,14 +2839,18 @@ div.v-window-header { .v-Notification { font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif; - background-color: #818e92; + background-color: #94a0a3; color: #ffffff; - padding: 9px 12px; + padding: 20px 45px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; + font-size: 1.2em; + -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3); + -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3); + margin: 10px; } .v-Notification h1, .v-Notification p, @@ -2649,71 +2860,73 @@ div.v-window-header { .v-Notification-warning p { display: inline; font-weight: normal; + line-height: normal; margin: 0 10px 0 0; } .v-Notification-warning { background: #fff1e4; color: #dd3400; border: 2px solid #ffaa90; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; opacity: 1; } .v-Notification-error { - background: #f23d00 url(notification/img/close-error.png) no-repeat right 5px; - padding-right: 30px; - border: 3px solid #c30000; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; + background: #f13d13 url(notification/img/close-error.png) no-repeat right 5px; + padding-right: 50px; } .v-Notification-tray { background: #575e60; - padding: 0.5em; - margin: 0 5px 5px 0; + padding: 3px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); + -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); + max-width: 17em; } .v-Notification-tray h1 { display: block; font-weight: bold; font-size: 0.9em; - line-height: 1.1; + line-height: 1; background: #3b4245; - padding: 4px 10px; + padding: 2px 10px; margin: 0; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; } .v-Notification-tray p { display: block; - font-size: 0.9em; - line-height: 1.1; - margin: 8px 10px 5px 10px; + font-size: 0.8em; + line-height: 1.2; + margin: 4px 10px 5px 10px; color: #e4e7ea; } .v-Notification-system { background-color: #ff0a0a; + font-size: .9em; + padding: 14px 32px; } .v-orderedlayout-margin-top, .v-horizontallayout-margin-top, -.v-verticallayout-margin-top { +.v-verticallayout-margin-top, +.v-csslayout-margin-top { padding-top: 15px; } .v-orderedlayout-margin-right, .v-horizontallayout-margin-right, -.v-verticallayout-margin-right { +.v-verticallayout-margin-right, +.v-csslayout-margin-right { padding-right: 18px; } .v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, -.v-verticallayout-margin-bottom { +.v-verticallayout-margin-bottom, +.v-csslayout-margin-bottom { padding-bottom: 15px; } .v-orderedlayout-margin-left, .v-horizontallayout-margin-left, -.v-verticallayout-margin-left { +.v-verticallayout-margin-left, +.v-csslayout-margin-left { padding-left: 18px; } .v-orderedlayout-spacing-on, @@ -2722,6 +2935,84 @@ div.v-window-header { padding-top: 8px; padding-left: 8px; } +.v-verticallayout-darker, +.v-horizontallayout-darker, +.v-gridlayout-darker, +.v-formlayout-darker, +.v-absolutelayout-darker, +.v-csslayout-darker { + background-color: #f3f4f5; +} + +/* Selectable style */ +.v-csslayout-selectable *, +.v-csslayout-selectable-selected * { + cursor: pointer; +} +.v-csslayout-selectable, +.v-csslayout-selectable-selected { + padding: 10px; + cursor: pointer; +} +.v-csslayout-selectable-selected { + padding: 8px; + border: 2px solid #57a7ed; + background: #d8eaf9; + background: rgba(179,211,237,.5); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +/* Shadow style */ +div.v-csslayout-box-shadow { + background: transparent url(shadow/img/bottom-right.png) no-repeat right bottom; + overflow: hidden; +} +.v-csslayout-box-shadow > .v-csslayout-margin { + padding: 0 8px 0 0; + background: transparent url(shadow/img/right.png) repeat-y right; + margin: 0; + position: relative; + bottom: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container { + padding: 0 0 8px 0; + margin-left: 6px; + background: transparent url(shadow/img/bottom.png) repeat-x bottom; + position: relative; + top: 8px; +} +.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: -6px; +} +/* Fancier shadows for capable browsers */ +.v-webkit .v-csslayout-box-shadow, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + background: transparent; + padding: 0; + margin: 0; + height: auto; + position: static; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * { + margin-left: 0; +} +.v-webkit .v-csslayout-box-shadow, +.v-gecko .v-csslayout-box-shadow { + padding: 4px 8px 10px; +} +.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin, +.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin { + -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); + -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4); +} .v-panel { background: transparent url(panel/img/top-left.png) no-repeat; @@ -2734,14 +3025,15 @@ div.v-window-header { .v-panel-caption, .v-panel-caption-light { font-size: 18px; - line-height: 18px; + line-height: normal; font-weight: normal; letter-spacing: -0.03em; color: #f14c1a; height: 18px; - padding: 15px 18px 14px 8px; + padding: 13px 18px 16px 8px; margin-left: 10px; background: transparent url(panel/img/top-right.png) no-repeat right top; + text-overflow: ellipsis; } .v-panel-nocaption { height: 9px; @@ -2771,14 +3063,19 @@ div.v-window-header { .v-panel-caption-light { background: transparent; } +.v-panel-caption-light { + border-bottom: 1px solid #babfc0; + margin: 0; + padding-left: 18px; +} .v-panel-nocaption-light { background: transparent; + border: none; height: 0; margin: 0; } .v-panel-content-light { border: none; - border-top: 1px solid #babfc0; background: transparent; } .v-panel-deco-light { @@ -3167,16 +3464,19 @@ div.v-window-header { margin: 0 -1px; } -.v-splitpanel-horizontal, .v-splitpanel-vertical { +.v-splitpanel-horizontal, +.v-splitpanel-vertical { overflow: hidden; } -.v-splitpanel-horizontal .v-splitpanel-hsplitter { +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { width: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-splitpanel-hsplitter div, +.v-splitpanel-hsplitter-locked div { width: 6px; font-size: 1px; /* for IE6 */ position: absolute; @@ -3184,43 +3484,96 @@ div.v-window-header { bottom: 0; background: #ccd2d0 url(splitpanel/img/bg_hor.png); border: 1px solid #b6bbbc; - cursor: e-resize; margin: 0 -1px; } -.v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { height: 6px; font-size: 1px; /* for IE6 */ } -.v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-splitpanel-vsplitter div, +.v-splitpanel-vsplitter-locked div { height: 6px; font-size: 1px; /* for IE6 */ background: #ccd2d0 url(splitpanel/img/bg_ver.png); border: 1px solid #b6bbbc; - cursor: n-resize; margin: -1px 0; } +/* IE6 specific styles */ - - - -/* IE specific styles */ - -* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div { +.v-ie6 .v-splitpanel-hsplitter div, +.v-ie6 .v-splitpanel-hsplitter-locked div { height: 99%; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter { +.v-ie6 .v-splitpanel-vsplitter, +.v-ie6 .v-splitpanel-vsplitter-locked { height: 8px; } -* html .v-splitpanel-vertical .v-splitpanel-vsplitter div { +.v-ie6 .v-splitpanel-vsplitter div, +.v-ie6 .v-splitpanel-vsplitter-locked div { margin: 0; } +/* Rounded style */ +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div, +.v-splitpanel-vsplitter-rounded-locked div { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.v-splitpanel-hsplitter-rounded div, +.v-splitpanel-hsplitter-rounded-locked div { + top: 4px; + bottom: 4px; +} +.v-splitpanel-vsplitter-rounded div, +.v-splitpanel-vsplitter-rounded-locked div { + margin: -1px 4px; +} +.v-ie6 .v-splitpanel-hsplitter-rounded div, +.v-ie6 .v-splitpanel-hsplitter-rounded-locked div { + height: 97%; +} + + +/* Small style */ +.v-splitpanel-hsplitter-small, +.v-splitpanel-vsplitter-small, +.v-splitpanel-hsplitter-small-locked, +.v-splitpanel-vsplitter-small-locked { + background: #b6bbbc; +} +.v-splitpanel-hsplitter-small, +.v-splitpanel-hsplitter-small-locked { + width: 1px; +} +.v-splitpanel-vsplitter-small, +.v-splitpanel-vsplitter-small-locked { + height: 1px; +} +.v-splitpanel-hsplitter-small div, +.v-splitpanel-hsplitter-small-locked div { + border: none; + background: transparent; + width: 5px; + margin: 0 0 0 -2px; +} +.v-splitpanel-vsplitter-small div, +.v-splitpanel-vsplitter-small-locked div { + border: none; + background: transparent; + height: 5px; + margin: -2px 0 0 0; +} + .v-table-header-wrap { height: 36px; border: 1px solid #b6bbbc; @@ -3233,20 +3586,19 @@ div.v-window-header { .v-table-resizer { height: 36px; width: 4px; - background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%; + background: transparent url(table/img/resizer-bg.png) repeat-y 100% 50%; } .v-table-caption-container { color: #393a3c; font-size: 15px; - padding-top: 9px; + padding: 9px 2px 9px 0; text-shadow: #ffffff 0 1px 0; - padding-right: 2px; /* See themes/base/table.css for explanation */ } .v-table-header-cell-asc .v-table-caption-container { - background: transparent url(table/img/sort-asc.png) no-repeat right 80%; + background: transparent url(table/img/sort-asc.png) no-repeat right 50%; } .v-table-header-cell-desc .v-table-caption-container { - background: transparent url(table/img/sort-desc.png) no-repeat right 80%; + background: transparent url(table/img/sort-desc.png) no-repeat right 50%; } .v-table-header-cell:hover, .v-table-header-cell-asc:hover, @@ -3257,18 +3609,19 @@ div.v-window-header { background: #fff; border: 1px solid #b6bbbc; } +tr.v-table-row:hover, +tr.v-table-row-odd:hover { + background-color: #edeeee; +} .v-table-row, -.v-table-row-odd { +.v-table-body-noselection .v-table-row:hover { background-color: #fff; } -.v-table-row-odd { +.v-table-row-odd, +.v-table-body-noselection .v-table-row-odd:hover { background-color: #f6f7f7; } -.v-table-row:hover, -.v-table-row-odd:hover { - background-color: #edeeee; -} -.v-table .v-selected { +.v-table tr.v-selected { background: #57a7ed; color: #fff; } @@ -3362,11 +3715,55 @@ div.v-window-header { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); } -.v-table .v-table-focus .v-table-cell-content{ + + +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; +} +.v-table-borderless .v-table-header-wrap { + border-bottom: 1px solid #b6bbbc; +} +.v-table-borderless .v-table-body { + background: transparent; +} +.v-table-borderless .v-table-row, +.v-table-borderless .v-table-row-odd, +.v-table-borderless .v-table-body-noselection .v-table-row:hover, +.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover { + background-color: transparent; +} + + +/* Small style */ +.v-table-small .v-table-header-wrap, +.v-table-small .v-table-header { + height: 22px; +} +.v-table-small .v-table-caption-container { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.v-table-small .v-table-column-selector { + margin-top: -21px; + height: 21px; +} +.v-table-small .v-table-body { + font-size: 12px; +} +.v-table-small .v-table-cell-wrapper { + line-height: 18px; + padding: 2px 0; +} + +/* Keyboard navigation styles */ +.v-table-focus .v-table-cell-content { border-top: 1px dotted black; border-bottom: 1px dotted black; } -.v-table .v-table-focus .v-table-cell-content .v-table-cell-wrapper{ +.v-table-focus .v-table-cell-wrapper { line-height: 21px; } @@ -3382,22 +3779,18 @@ div.v-window-header { } .v-tabsheet-scroller { margin-top: -37px; + float: right; } .v-tabsheet-scrollerPrev, -.v-tabsheet-scrollerNext { - border: none; - width: 12px; - height: 38px; - opacity: 0.9999; - margin-top: -1px; -} +.v-tabsheet-scrollerNext, .v-tabsheet-scrollerPrev-disabled, .v-tabsheet-scrollerNext-disabled { border: none; width: 12px; + padding: 0; height: 38px; - margin-top: -1px; opacity: 0.9999; + margin-top: -1px; } .v-tabsheet-scrollerNext, .v-tabsheet-scrollerNext-disabled { @@ -3458,10 +3851,12 @@ div.v-window-header { .v-tabsheet-caption-close { margin-left: 3px; margin-right: -3px; - width: 16px; - height: 16px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; + margin-top: 2px; + font-size: 15px; + width: 15px; + height: 15px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; color: #777f85; line-height: 13px; } @@ -3495,7 +3890,7 @@ div.v-window-header { margin-left: -9px; background: transparent url(panel/img/bottom-left.png) no-repeat; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext { background: transparent url(../base/common/img/ajax-loader.gif) no-repeat top right; margin-left: -10px; @@ -3504,7 +3899,7 @@ div.v-window-header { padding-right: 10px; margin-top: -12px; padding-top: 12px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs { height: 46px; @@ -3542,22 +3937,22 @@ div.v-window-header { width: 100%; } /* Light-style */ -.v-tabsheet-light .v-tabsheet-tabcontainer { +.v-tabsheet-tabcontainer-light { height: 32px; } .v-tabsheet-tabs-light { height: 32px; width: 100%; overflow:hidden; - background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; + background: transparent; } -.v-tabsheet-light .v-tabsheet-spacertd div { +.v-tabsheet-tabs-light .v-tabsheet-spacertd div { height: 31px; border: none; border-bottom: 1px solid #b6bbbc; - background: transparent; + background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; } -.v-tabsheet-light .v-tabsheet-tabitem { +.v-tabsheet-tabs-light .v-tabsheet-tabitem { border: none; border-bottom: 1px solid #b6bbbc; height: 30px; @@ -3566,20 +3961,26 @@ div.v-window-header { color: #656d73; font-size: 12px; line-height: normal; - background: transparent; + background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x; cursor: pointer; text-shadow: #fff 0 1px 0; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption { - margin-left: 6px; -} -.v-tabsheet-light .v-tabsheet-tabitem .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption { height: 24px; - padding: 8px 9px 0 9px; + padding: 8px 10px 0 11px; + background: transparent url(tabsheet/img/inline-tab-border.png) no-repeat; } -.v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption { + margin-left: 5px; + background: transparent; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption, +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption { + background: transparent; +} +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; - background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; + background: transparent url(tabsheet/img/inline-tab-right.png) no-repeat right top; margin: 0; padding: 0; height: 32px; @@ -3587,24 +3988,28 @@ div.v-window-header { color: #ee5311; text-shadow: none; } -.v-tabsheet-light .v-tabsheet-tabitem:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem:hover { color: #4b5257; } -.v-tabsheet-light .v-tabsheet-tabitem-selected:hover { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover { color: #ee5311; } -.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; margin: 0; height: 23px; - padding: 9px 11px 0 11px; + padding: 9px 10px 0 11px; overflow: visible; } -.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { +.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0; - padding-left: 15px; + padding-left: 16px; } -.v-tabsheet-light .v-tabsheet-content { +.v-tabsheet-tabs-light .v-tabsheet-caption-close { + margin-top: 0; + text-shadow: none; +} +.v-tabsheet-content-light { border: none; background: transparent; } @@ -3619,35 +4024,35 @@ div.v-window-header { display: none; } /* Scroller */ -.v-tabsheet-light .v-tabsheet-scrollerPrev, -.v-tabsheet-light .v-tabsheet-scrollerNext { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext { margin-top: 2px; height: 34px; } -.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled, -.v-tabsheet-light .v-tabsheet-scrollerNext-disabled { +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled, +.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext-disabled { margin-top: 2px; height: 34px; } -/* Progress indication */ +/* Progress indication * .v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext { margin-left: -3px; padding-left: 3px; -} +}*/ /* IE specific styles */ .v-ie6 .v-tabsheet-tabs-light, .v-ie7 .v-tabsheet-tabs-light { height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected { border: none; background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top; padding: 0; height: 32px; } -.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption, -.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption { +.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption, +.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption { background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0; padding: 9px 11px 0 11px; } @@ -3657,26 +4062,26 @@ div.v-window-header { height: 0; } -.v-textfield { - background: #fff url(textfield/img/bg.png) repeat-x; - padding: 2px; - border: 1px solid #b6b6b6; - border-top-color: #9d9d9d; - border-bottom-color: #d6d6d6; - border-right-color: #d6d6d6; - margin: 0; - font-size: 13px; - height: 18px; -} +.v-textfield, .v-textarea { background: #fff url(textfield/img/bg.png) repeat-x; - padding: 2px; border: 1px solid #b6b6b6; border-top-color: #9d9d9d; border-bottom-color: #d6d6d6; border-right-color: #d6d6d6; margin: 0; - font-size: 13px; + line-height: 14px; +} +input.v-textfield, +input[type=text].v-textfield, +textarea.v-textarea { + font-size: 12px; + height: 16px; + padding: 4px 2px 0; +} +textarea.v-textarea { + height: auto; + padding-bottom: 2px; } .v-textfield-focus, .v-textarea-focus { @@ -3694,6 +4099,16 @@ textarea.v-textarea-prompt { background: #fff url(textfield/img/bg.png) repeat-x; } +/* Small style */ +input.v-textfield-small, +input[type=text].v-textfield-small, +textarea.v-textarea-small { + font-size: 11px; + height: 14px; + line-height: 12px; + padding: 1px 2px; +} + .v-tree-node { background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px; } @@ -3701,15 +4116,24 @@ textarea.v-textarea-prompt { background: transparent url(tree/img/expanded.png) no-repeat 2px 1px; } .v-tree-node-caption { - margin-left: 16px; + margin-left: 18px; } -.v-tree-node span { - padding: 0 2px; +.v-tree-node-caption .v-icon { + margin: 0 2px 0 -2px; +} +.v-tree-node-caption span { + padding: 0 1px; } .v-tree-node-selected span { - background: #5daee8; + background: #57a7ed; color: #fff; - padding: 0 2px; + padding: 1px 2px 0; + display: inline-block; + zoom: 1; + margin: -1px -1px 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } .v-tree-node-children { padding-left: 16px; @@ -3755,14 +4179,14 @@ textarea.v-textarea-prompt { } .v-window-contents { background: #fff; - border: 2px solid #acb2b3; + border: 2px solid #babfc0; border-top: none; border-bottom: none; } .v-window div.v-window-footer { height: 8px; margin-left: 9px; - background: transparent url(window/img/bottom-right.png) no-repeat right top; + background: transparent url(window/img/bottom-right.png) no-repeat right bottom; overflow: visible; } .v-ie7 .v-window-footer { @@ -3796,6 +4220,33 @@ textarea.v-textarea-prompt { .v-window-modalitycurtain { background: #fff; } +/* Dialog style */ +.v-window-dialog { + background-image: url(window/img/dialog/bottom-left.png); +} +.v-window-dialog .v-window-outerheader { + height: 14px; + padding: 13px 30px 5px 8px; + background: transparent url(window/img/top-right.png) no-repeat right top; +} +.v-window-dialog .v-window-header { + font-size: 12px; + line-height: normal; + font-weight: bold; + letter-spacing: 0; + text-shadow: 0 1px 0 #fff; +} +.v-window-dialog .v-window-contents { + background: #f1f3f3; +} +.v-window-dialog div.v-window-footer { + background-image: url(window/img/dialog/bottom-right.png); +} +.v-window-dialog .v-window-closebox { + top: 14px; + right: 16px; + background-image: url(window/img/dialog/close.png); +} /* Shadow for window */ .v-shadow-window .top-left { top: -13px; left: -20px; diff --git a/WebContent/VAADIN/themes/runo/table/table.css b/WebContent/VAADIN/themes/runo/table/table.css index 7f4b99d229..be0c1add41 100644 --- a/WebContent/VAADIN/themes/runo/table/table.css +++ b/WebContent/VAADIN/themes/runo/table/table.css @@ -10,20 +10,19 @@ .v-table-resizer { height: 36px; width: 4px; - background: transparent url(img/resizer-bg.png) repeat-y 50% 50%; + background: transparent url(img/resizer-bg.png) repeat-y 100% 50%; } .v-table-caption-container { color: #393a3c; font-size: 15px; - padding-top: 9px; + padding: 9px 2px 9px 0; text-shadow: #ffffff 0 1px 0; - padding-right: 2px; /* See themes/base/table.css for explanation */ } .v-table-header-cell-asc .v-table-caption-container { - background: transparent url(img/sort-asc.png) no-repeat right 80%; + background: transparent url(img/sort-asc.png) no-repeat right 50%; } .v-table-header-cell-desc .v-table-caption-container { - background: transparent url(img/sort-desc.png) no-repeat right 80%; + background: transparent url(img/sort-desc.png) no-repeat right 50%; } .v-table-header-cell:hover, .v-table-header-cell-asc:hover, @@ -34,18 +33,19 @@ background: #fff; border: 1px solid #b6bbbc; } +tr.v-table-row:hover, +tr.v-table-row-odd:hover { + background-color: #edeeee; +} .v-table-row, -.v-table-row-odd { +.v-table-body-noselection .v-table-row:hover { background-color: #fff; } -.v-table-row-odd { +.v-table-row-odd, +.v-table-body-noselection .v-table-row-odd:hover { background-color: #f6f7f7; } -.v-table-row:hover, -.v-table-row-odd:hover { - background-color: #edeeee; -} -.v-table .v-selected { +.v-table tr.v-selected { background: #57a7ed; color: #fff; } @@ -139,10 +139,54 @@ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale"); } -.v-table .v-table-focus .v-table-cell-content{ + + +/* Borderless style */ +.v-table-borderless .v-table-header-wrap, +.v-table-borderless .v-table-body { + border: none; +} +.v-table-borderless .v-table-header-wrap { + border-bottom: 1px solid #b6bbbc; +} +.v-table-borderless .v-table-body { + background: transparent; +} +.v-table-borderless .v-table-row, +.v-table-borderless .v-table-row-odd, +.v-table-borderless .v-table-body-noselection .v-table-row:hover, +.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover { + background-color: transparent; +} + + +/* Small style */ +.v-table-small .v-table-header-wrap, +.v-table-small .v-table-header { + height: 22px; +} +.v-table-small .v-table-caption-container { + font-size: 13px; + padding-top: 3px; + padding-bottom: 3px; +} +.v-table-small .v-table-column-selector { + margin-top: -21px; + height: 21px; +} +.v-table-small .v-table-body { + font-size: 12px; +} +.v-table-small .v-table-cell-wrapper { + line-height: 18px; + padding: 2px 0; +} + +/* Keyboard navigation styles */ +.v-table-focus .v-table-cell-content { border-top: 1px dotted black; border-bottom: 1px dotted black; } -.v-table .v-table-focus .v-table-cell-content .v-table-cell-wrapper{ +.v-table-focus .v-table-cell-wrapper { line-height: 21px; } diff --git a/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png b/WebContent/VAADIN/themes/runo/tabsheet/img/inline-tab-bg.png index 18b7ea5d1574f65a0d6b877b60ac1bf05008a071..501876fb3650ac527439ce575f3ef436726fbef7 100644 GIT binary patch delta 192 zcmV;x06+il0rLTn7YZN<0{{R3KW^7QoO>g(w2?dtCC@bmNK>FVq5@A32W?e4a_ zyyoib;^*k+>+Ip?=P_S}VgLXDHAzH4RCwAP!i5chFaQ9s;?8jW|4$auN>m1$S+A2T u$)yUl)#OkLp6D`K(AqWb=>46a00RIqMFHgN-~RFd0000+R#{>gDR|>+kUK^!4uX^7Qui{Qdpo>FV+G^yKO5=IiY0?(ppJ z@!{v`@AC8D=ID#yV5$HB05nNNK~#9!6v77*KrjFRu+-k0;{Oj-msl+(yV8@)f?PBw qy3}a2I;X0000dx5O>+kR0fPhz%+%M;*4XFl?ECxs%+}cE>g?Cu-__mU+2P^cjNPhzQP)t-s^!E1s{r%(T=;Y|>?eOvM^78EP@Z{<0@A2~P@$u>G z?d*(z5>hA9F^Yi8D>g(?B z@$>ZK=;`V0?&j+2;^*k+>+Ip?=eE1NBqSsyB_$>%CMPE+D1Rs@DJdx`Dk>{0D=aK5 zEiElBE-o)GFEB7LF)=YRGBPtWGc+_bH8nLhHa0gmH#j&rIXO8xIyyT$J3Kr*Jv}`> zK0ZG`KR`f0K|w)6LPA4BLqtSGMMXtMMn*?RM@UFWNl8gcN=i#hOH52mO-)TsPEJox zPf$=$QBhG+Qh!oYQ&Ut_R8>_~R#sM5S65hASXo(FT3T9LTU%UQTwPsVUS3{bUteHg zU}0flVq#)rV`F4wWMyS#W@ct*XJ=?=XlZF_YHDh0Yin$5Y;A3AZfQ za&mHWb8~cbbai!gc6N4mcXxPrczJnwdU|?$dwYC*e1Cm?eSUs^e}8{~fPjI4fr5g9 zgM)*FgoK5Kg@%TPhlhuVh=_@aiHeGfi;IhljEs$qjgF3vkB^U#kdTp)k&=>dCU z$jHda$;ryf%FD~k%*@Qq&CSlv&d<-!(9qD)(SOm>($dq@)6~?|)z#J3*4Ee8*Vx$D z+1c6J+S=RO+uYpT-QC^Z-rnEe-{9cj;o;%p;^O1ulq(=H}<;=jiC@>FMd} z>gwz3>+J08?d|RE?(XmJ@9^;O@$vEU^78ZZ^Yrxe_4W1k_V)Mp_xSku`T6=<4U}?d|aK?eX&J?(gE~ z>G1RPzr)1a;p5ZR*U#0~?e6aX|Nq?Lg((8@bUEZ?(y>U_V@h#{p0EC z@$>ZL>Feg}?CS3D;pge^^7G*4=(fAOHtv!S0001FNklFVk1?dIz1*(z5>hA9F^Yi8D>g(?B z@$>Y*!^Gq0>FMq6;pXS!=ji9_?6$kSBqSsyB_$>%CMPE+D1Rs@DJdx`Dk>{0D=aK5 zEiElBE-o)GFEB7LF)=YRGBPtWGc+_bH8nLhHa0gmH#j&rIXO8xIyyT$J3Kr*Jv}`> zK0ZG`KR`f0K|w)6LPA4BLqtSGMMXtMMn*?RM@UFWNl8gcN=i#hOH52mO-)TsPEJox zPf$=$QBhG+Qh!oYQ&Ut_R8>_~R#sM5S65hASXo(FT3T9LTU%UQTwPsVUS3{bUteHg zU}0flVq#)rV`F4wWMyS#W@ct*XJ=?=XlZF_YHDh0Yin$5Y;A3AZfQ za&mHWb8~cbbai!gc6N4mcXxPrczJnwdU|?$dwYC*e1Cm?eSUs^e}8{~fPjI4fr5g9 zgM)*FgoK5Kg@%TPhlhuVh=_@aiHeGfi;IhljEs$qjgF3vkB^U#kdTp)k&=>dCU z$jHda$;ryf%FD~k%*@Qq&CSlv&d<-!(9qD)(SOm>($dq@)6~?|)z#J3*4Ee8*Vx$D z+1c6J+S=RO+uYpT-QC^Z-rnEe-{9cj;o;%p;^O1ulq(=H}<;=jiC@>FMd} z>gwz3>+J08?d|RE?(XmJ@9^;O@$vEU^78ZZ^Yrxe_4W1k_V)Mp_xSku`T6iII&d1e3S{6Ya2xmtyaslG z^T12sC;l%2&w=;AS>Pt{6}Sw12kqf^=_LD}svd53bt&wds%^gl3;>%h4In5$LR|m= N002ovPDHLkV1n33CRP9d delta 248 zcmV=<4wE^uNQz?eOvE?Ct9A z@8aj_?eX&4;p5NM*6r@@)7IDj|Nq?Lg((8@bUEZ?(y>U_V@h#{p0EC z@$>ZL>Feg}?CS3D;O6Mz=jreA^R~OZj)3~E0001DNkl|6H_V+Po~-c70vT>aSW-rm2_w8{{u2?Y;7sYwY6+wVPb4K4V)e24HEtH zY!VZak`ArR;1!Us{QFJ!@cQ`u5;G(uH)=68b}BqN^z<}OkAv%(GiM@18+~T~{{G&+ zEqS@0am}wkGaIM2wl+#;*m?+WQVwd^!FFUv(Oav-UuSQZsQdTl=m91Z(Yw}b9rj3f z+`hlB{yoc)1jn2@JJuuT9Ar3-d~?WQ7D!+ai`Ok^d!En)bSZo-^Af7gN>0Rj>WA73|=n|?aa zTDO-OBGh20b=v6KY~T2}oet~}p@foCi#oRDK3Rwiu%9X3Ml$J)U39Eg* zC^}{V)BuAD*T6sjO7Gd;{rKwiES>!;#mG<-qLG13cd1DG;q*Q0u3yaA zUi(|;`5ygOw|7@hW`f%1v#!{$Sni*h?L$6@$bk#B&vlBPS(;l;|6lt>`2a(ifyu}E SMQdk)q&;2zT-G@yGywoCWPn`& literal 0 HcmV?d00001 diff --git a/WebContent/VAADIN/themes/runo/window/img/dialog/close.png b/WebContent/VAADIN/themes/runo/window/img/dialog/close.png new file mode 100644 index 0000000000000000000000000000000000000000..bb39f7a1f8a08a167ddf63150b576f3f408d4897 GIT binary patch literal 415 zcmeAS@N?(olHy`uVBq!ia0vp^JU}eL!3-pSzIhV?q$EpRBT9nv(@M${i&7aJQ}UBi z6+Ckj(^G>|6H_V+Po~-c6;%ZIgt&hH@$=}}Gp_=b|NZ;-Zb9d)6-$5q0)pQkcCP$9 zxB17NoA#^<`<_^*guU&1+k*cJ=$J@YgYhpTB&av25`xKl%Uv|G!v% z#uw-Yjglb0U?7(mz_4$Xo&-=&r>Bc!NX4z5bM8V74je28OxIdIpTqF~zjOGWh^mRv z;?9PTDtamo<_9%w`6wy5XqjSK&!%kxYj>qIm@Dx-!K)5$J(4WDhDyeT@p z%^-*2w!r=6_7C4MAJ|~sGvS0ur<2>AS1wi3_wRP~W@x|5yI7Pvtz+S*%S+x#IKK0G h`Rw5PyyXnc4BMY6`!5N}d;xS6gQu&X%Q~loCIHBb>aPF* literal 0 HcmV?d00001 diff --git a/WebContent/VAADIN/themes/runo/window/img/resize.png b/WebContent/VAADIN/themes/runo/window/img/resize.png index e04087e5253819fd68628557616e76ab09569d1d..e0a8759f64036d8b0dca78671649554150937dee 100644 GIT binary patch delta 164 zcmcb}_>^&iXT5rWPl)T$)8}^VKfGb*p1Thp?K*gL|Iw2Nj-A?h;K+${7Z`+NRlooM delta 144 zcmV;B0B`^00nq`FNq;I(OjJes`}@Vq&hGH>xWB`&xxC%s;`{vk$j;HCtgyPl#pmhk zxxmEz{r&&{|Dw9XN&o-=JxN4CRCwAv%SjTzAPmGn1xU;?{{MHwQbwn~2tTR4gqpZ= yt~ND>x-D+iJ{c0B$H-Y}sesKl`DgeqzyS8x1Rpdr@a_Nr00{s|MNUMnLSTa0!%n#X diff --git a/WebContent/VAADIN/themes/runo/window/img/top-left.png b/WebContent/VAADIN/themes/runo/window/img/top-left.png index 0a57866ed6b704a691f0dcad23fe95ccf955ef8f..ae8aee8adec4f044107b2420cf25030a6780df32 100644 GIT binary patch delta 224 zcmV<603ZLI1E2zsNPhsrNklsGK8P^T)n)kq|3BCSWWWS9#YR+En1PLrjo}|q5m`C_De?d@P56 a2rvK_fhj+w{k=*60000Xi8{*e3N7ndU^lAfGxx?#hbX{=ehW!_|^A^ zK6Eespg}d6;IOVS8twgpp2Tl8I6XPW{&P@_S)TMqRrLq{6$hGV+Wjt4R=Km^!? z2>NV?Rw`^L3BYVAB~u82lrWNt42RO{fAS$*5 zF4)m=b_|`vVplHAsxAYrQAyjCqDM)pBYVbOeS&Mo*|m4}BIN3rJlkR`c}9h_Q}qAp wB0PJSD_x`=_t9_mmBHSQ*{krYC>bURA-qqf{xZk{V_Sp$YriZktdx9gad!H=YkR-(mOu@kWz?7aZ|U#FhYvr!^e6X=09?Ra2>4-pRR5dMP5&)YB5S8FU_ zhVU<}+0XRL7G?m07M$e-)6t*;Q|rJ1^YjE3m7tSOKoV1MadG zxCT$SU2q>NaKh{ofNM~J+co4Iw>9qj-sRBXahU9-S>JbEUf-@#2`XgremVm)!^&W< Tz5llU1gAz%S3j3^P64HwRgw#~UE?0+3^Di#h!CY+q?#;bbt^Nh~-;0-R-tB4ncK%Pb z{dMIrLO|O=;LWe`(3-`|!R&G(J}_kRAS20n<4gF*i7*Dq_#{(g9Wd{4|;mJ*0C zLs^ujs_yjFU*5ja(LHy*{rvf7n_qr@sQQ1;9+3--5H&Y4EuUYxvO4ope|Ptnm!GFU z^w$R}di?7`gc{6{*t?DU?&Vxszj}4ahW+#3-P<|WZL!`=`>NuaPYdigUO<(#Y>HdI zdqLgnV`m>;o?K;oNERaAFu~1t^1gZVmK}XmU0a*MZUt4Ycy;2t>*|vqe%%N6M8x%P z-`b8>Gr^Q3Ufq0QyBdO<`;YAlGb7YohA6m%3S7(zE;eP#u`s9)8*X@cMLMuU>{Zxt z>Fy@McTh*LTo*5aX>NG2t4VJGGekxpTJx_jT+g0c7g%9IdT2FcZH^>Vf5#f>hx2+0 zU}o=0f_tyz=N=1YSP;DM`tJ=lY|C507j8Qc_MC&sG}tTOfm_q`ntK;KU@~s=zJU8| z<5lAetB(PbC>RJtzWY@v2#d^)wckGP;=IdI4wZF!?Y`r7BP@|rAgl`6B@g%ahobUw zHdvT11e%`hv>opB4_Pka2-8*4VFBdu^3zVZ`wB{Hs?Q?1@aZ=#E`^&-#18SgM>X@{an^L HB{Ts5@~|cU diff --git a/WebContent/VAADIN/themes/runo/window/window.css b/WebContent/VAADIN/themes/runo/window/window.css index 2165931d9c..81509146aa 100644 --- a/WebContent/VAADIN/themes/runo/window/window.css +++ b/WebContent/VAADIN/themes/runo/window/window.css @@ -25,14 +25,14 @@ } .v-window-contents { background: #fff; - border: 2px solid #acb2b3; + border: 2px solid #babfc0; border-top: none; border-bottom: none; } .v-window div.v-window-footer { height: 8px; margin-left: 9px; - background: transparent url(img/bottom-right.png) no-repeat right top; + background: transparent url(img/bottom-right.png) no-repeat right bottom; overflow: visible; } .v-ie7 .v-window-footer { @@ -66,6 +66,33 @@ .v-window-modalitycurtain { background: #fff; } +/* Dialog style */ +.v-window-dialog { + background-image: url(img/dialog/bottom-left.png); +} +.v-window-dialog .v-window-outerheader { + height: 14px; + padding: 13px 30px 5px 8px; + background: transparent url(img/top-right.png) no-repeat right top; +} +.v-window-dialog .v-window-header { + font-size: 12px; + line-height: normal; + font-weight: bold; + letter-spacing: 0; + text-shadow: 0 1px 0 #fff; +} +.v-window-dialog .v-window-contents { + background: #f1f3f3; +} +.v-window-dialog div.v-window-footer { + background-image: url(img/dialog/bottom-right.png); +} +.v-window-dialog .v-window-closebox { + top: 14px; + right: 16px; + background-image: url(img/dialog/close.png); +} /* Shadow for window */ .v-shadow-window .top-left { top: -13px; left: -20px; -- 2.39.5