Mercurial > hg > ywww

comparison books/gwt/standard/standard_rtl.css @ 6:077b0a0a3e6d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
remaining originals according to dependency walk
author Robert Boland <robert@markup.co.uk>
date Thu, 16 Feb 2017 22:29:02 +0000
parents
children
comparison
equal deleted inserted replaced
5:55445b456ad0 6:077b0a0a3e6d
1 /**
2 * The file contains styles for GWT widgets in the standard theme, in RTL mode.
3 *
4 * In order to maintain cross-browser compatibility, the following syntax is
5 * used to create IE6 specific style rules:
6 * .gwt-Widget {
7 * property: rule applies to all browsers
8 * -property: rule applies only to IE6 (overrides previous rule)
9 * }
10 * * html .gwt-Widget {
11 * property: rule applies to all versions of IE
12 * }
13 */
14
15 body, table td, select {
16 font-family: Arial Unicode MS, Arial, sans-serif;
17 font-size: small;
18 }
19 pre {
20 font-family: "courier new", courier;
21 font-size: small;
22 }
23 body {
24 color: black;
25 margin: 0px;
26 border: 0px;
27 padding: 0px;
28 background: #fff;
29 direction: rtl;
30 }
31 a, a:visited, a:hover {
32 color: #0000AA;
33 }
34
35 /**
36 * The reference theme can be used to determine when this style sheet has
37 * loaded. Create a hidden div element with absolute position, assign the style
38 * name below, and attach it to the DOM. Use a timer to detect when the
39 * element's height and width are set to 5px.
40 */
41 .gwt-Reference-standard-rtl {
42 height: 5px;
43 width: 5px;
44 zoom: 1;
45 }
46
47 .gwt-Button {
48 margin: 0;
49 padding: 3px 5px;
50 text-decoration: none;
51 font-size: small;
52 cursor: pointer;
53 cursor: hand;
54 background: url("images/hborder.png") repeat-x 0px -27px;
55 border: 1px outset #ccc;
56 }
57 .gwt-Button:active {
58 border: 1px inset #ccc;
59 }
60 .gwt-Button:hover {
61 border-color: #9cf #69e #69e #7af;
62 }
63 .gwt-Button[disabled] {
64 cursor: default;
65 color: #888;
66 }
67 .gwt-Button[disabled]:hover {
68 border: 1px outset #ccc;
69 }
70
71 .gwt-CheckBox {
72 }
73 .gwt-CheckBox-disabled {
74 color: #888;
75 }
76
77 .gwt-DecoratorPanel {
78 }
79 .gwt-DecoratorPanel .topCenter,
80 .gwt-DecoratorPanel .bottomCenter {
81 background: url(images/hborder.png) repeat-x;
82 }
83 .gwt-DecoratorPanel .middleLeft,
84 .gwt-DecoratorPanel .middleRight {
85 background: url(images/vborder.png) repeat-y;
86 }
87 .gwt-DecoratorPanel .topLeftInner,
88 .gwt-DecoratorPanel .topRightInner,
89 .gwt-DecoratorPanel .bottomLeftInner,
90 .gwt-DecoratorPanel .bottomRightInner {
91 width: 5px;
92 height: 5px;
93 zoom: 1;
94 }
95 .gwt-DecoratorPanel .topLeft {
96 background: url(images/corner.png) no-repeat 0px 0px;
97 -background: url(images/corner_ie6.png) no-repeat 0px 0px;
98 }
99 .gwt-DecoratorPanel .topRight {
100 background: url(images/corner.png) no-repeat -5px 0px;
101 -background: url(images/corner_ie6.png) no-repeat -5px 0px;
102 }
103 .gwt-DecoratorPanel .bottomLeft {
104 background: url(images/corner.png) no-repeat 0px -5px;
105 -background: url(images/corner_ie6.png) no-repeat 0px -5px;
106 }
107 .gwt-DecoratorPanel .bottomRight {
108 background: url(images/corner.png) no-repeat -5px -5px;
109 -background: url(images/corner_ie6.png) no-repeat -5px -5px;
110 }
111 * html .gwt-DecoratorPanel .topLeftInner,
112 * html .gwt-DecoratorPanel .topRightInner,
113 * html .gwt-DecoratorPanel .bottomLeftInner,
114 * html .gwt-DecoratorPanel .bottomRightInner {
115 width: 5px;
116 height: 5px;
117 overflow: hidden;
118 }
119
120 .gwt-DialogBox .Caption {
121 background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
122 padding: 4px 8px 4px 4px;
123 cursor: default;
124 border-bottom: 1px solid #bbbbbb;
125 border-top: 5px solid #d0e4f6;
126 }
127 .gwt-DialogBox .dialogContent {
128 }
129 .gwt-DialogBox .dialogMiddleCenter {
130 padding: 3px;
131 background: white;
132 }
133 .gwt-DialogBox .dialogBottomCenter {
134 background: url(images/hborder.png) repeat-x 0px -4px;
135 -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
136 }
137 .gwt-DialogBox .dialogMiddleLeft {
138 background: url(images/vborder.png) repeat-y;
139 }
140 .gwt-DialogBox .dialogMiddleRight {
141 background: url(images/vborder.png) repeat-y -4px 0px;
142 -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
143 }
144 .gwt-DialogBox .dialogTopLeftInner {
145 width: 5px;
146 zoom: 1;
147 }
148 .gwt-DialogBox .dialogTopRightInner {
149 width: 8px;
150 zoom: 1;
151 }
152 .gwt-DialogBox .dialogBottomLeftInner {
153 width: 5px;
154 height: 8px;
155 zoom: 1;
156 }
157 .gwt-DialogBox .dialogBottomRightInner {
158 width: 5px;
159 height: 8px;
160 zoom: 1;
161 }
162 .gwt-DialogBox .dialogTopLeft {
163 background: url(images/corner.png) no-repeat -13px 0px;
164 -background: url(images/corner_ie6.png) no-repeat -13px 0px;
165 }
166 .gwt-DialogBox .dialogTopRight {
167 background: url(images/corner.png) no-repeat -18px 0px;
168 -background: url(images/corner_ie6.png) no-repeat -18px 0px;
169 }
170 .gwt-DialogBox .dialogBottomLeft {
171 background: url(images/corner.png) no-repeat 0px -15px;
172 -background: url(images/corner_ie6.png) no-repeat 0px -15px;
173 }
174 .gwt-DialogBox .dialogBottomRight {
175 background: url(images/corner.png) no-repeat -5px -15px;
176 -background: url(images/corner_ie6.png) no-repeat -5px -15px;
177 }
178 * html .gwt-DialogBox .dialogTopLeftInner {
179 width: 5px;
180 overflow: hidden;
181 }
182 * html .gwt-DialogBox .dialogTopRightInner {
183 width: 8px;
184 overflow: hidden;
185 }
186 * html .gwt-DialogBox .dialogBottomLeftInner {
187 width: 5px;
188 height: 8px;
189 overflow: hidden;
190 }
191 * html .gwt-DialogBox .dialogBottomRightInner {
192 width: 8px;
193 height: 8px;
194 overflow: hidden;
195 }
196
197 .gwt-DisclosurePanel {
198 }
199 .gwt-DisclosurePanel-open {
200 }
201 .gwt-DisclosurePanel-closed {
202 }
203 .gwt-DisclosurePanel .header,
204 .gwt-DisclosurePanel .header a,
205 .gwt-DisclosurePanel .header td {
206 text-decoration: none; /* Remove underline from header */
207 color: black;
208 cursor: pointer;
209 cursor: hand;
210 }
211 .gwt-DisclosurePanel .content {
212 border-right: 3px solid #e8eef7;
213 padding: 4px 8px 4px 0px;
214 margin-right: 6px;
215 }
216
217 .gwt-FileUpload {
218 }
219
220 .gwt-Frame {
221 border-top: 2px solid #666;
222 border-left: 2px solid #666;
223 border-right: 2px solid #bbb;
224 border-bottom: 2px solid #bbb;
225 }
226
227 .gwt-HorizontalSplitPanel {
228 }
229 .gwt-HorizontalSplitPanel .hsplitter {
230 cursor: move;
231 border: 0px;
232 background: #91c0ef url(images/vborder.png) repeat-y;
233 line-height: 0px;
234 }
235 .gwt-VerticalSplitPanel {
236 }
237 .gwt-VerticalSplitPanel .vsplitter {
238 cursor: move;
239 border: 0px;
240 background: #91c0ef url(images/hborder.png) repeat-x;
241 line-height: 0px;
242 }
243
244 .gwt-HTML {
245 }
246
247 .gwt-Hyperlink {
248 }
249
250 .gwt-Image {
251 }
252
253 .gwt-Label {
254 }
255
256 .gwt-ListBox {
257 }
258
259 .gwt-MenuBar {
260 cursor: default;
261 }
262 .gwt-MenuBar .gwt-MenuItem {
263 cursor: default;
264 }
265 .gwt-MenuBar .gwt-MenuItem-selected {
266 background: #E0EDFE;
267 }
268 .gwt-MenuBar .gwt-MenuItem-disabled {
269 color: #c0c0c0;
270 }
271 .gwt-MenuBar-horizontal {
272 background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
273 border: 1px solid #BBBBBB;
274 }
275 .gwt-MenuBar-horizontal .gwt-MenuItem {
276 padding: 0px 10px;
277 vertical-align: bottom;
278 color: #666666;
279 font-weight: bold;
280 }
281 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
282 width: 1px;
283 padding: 0px;
284 margin: 0px;
285 border: 0px;
286 border-right: 1px solid #888888;
287 background: white;
288 }
289 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
290 width: 1px;
291 height: 1px;
292 background: white;
293 }
294 .gwt-MenuBar-vertical {
295 margin-top: 0px;
296 margin-right: 0px;
297 background: white;
298 }
299 .gwt-MenuBar-vertical table {
300 border-collapse: collapse;
301 }
302 .gwt-MenuBar-vertical .gwt-MenuItem {
303 padding: 4px 1px 4px 14px;
304 }
305 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
306 padding: 2px 0px;
307 }
308 .gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
309 height: 1px;
310 padding: 0px;
311 border: 0px;
312 border-top: 1px solid #777777;
313 background: #ddddee;
314 overflow: hidden;
315 }
316 .gwt-MenuBar-vertical .subMenuIcon {
317 padding-left: 4px;
318 }
319 .gwt-MenuBar-vertical .subMenuIcon-selected {
320 background: #E0EDFE;
321 }
322 .gwt-MenuBarPopup {
323 margin: 0px 3px 0px 0px;
324 }
325 .gwt-MenuBarPopup .menuPopupTopCenter {
326 background: url(images/hborder.png) 0px -12px repeat-x;
327 }
328 .gwt-MenuBarPopup .menuPopupBottomCenter {
329 background: url(images/hborder.png) 0px -13px repeat-x;
330 -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
331 }
332 .gwt-MenuBarPopup .menuPopupMiddleLeft {
333 background: url(images/vborder.png) -12px 0px repeat-y;
334 -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
335 }
336 .gwt-MenuBarPopup .menuPopupMiddleRight {
337 background: url(images/vborder.png) -13px 0px repeat-y;
338 -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
339 }
340 .gwt-MenuBarPopup .menuPopupTopLeftInner {
341 width: 5px;
342 height: 5px;
343 zoom: 1;
344 }
345 .gwt-MenuBarPopup .menuPopupTopRightInner {
346 width: 8px;
347 height: 5px;
348 zoom: 1;
349 }
350 .gwt-MenuBarPopup .menuPopupBottomLeftInner {
351 width: 5px;
352 height: 8px;
353 zoom: 1;
354 }
355 .gwt-MenuBarPopup .menuPopupBottomRightInner {
356 width: 8px;
357 height: 8px;
358 zoom: 1;
359 }
360 .gwt-MenuBarPopup .menuPopupTopLeft {
361 background: url(images/corner.png) no-repeat 0px -36px;
362 -background: url(images/corner_ie6.png) no-repeat 0px -36px;
363 }
364 .gwt-MenuBarPopup .menuPopupTopRight {
365 background: url(images/corner.png) no-repeat -5px -36px;
366 -background: url(images/corner_ie6.png) no-repeat -5px -36px;
367 }
368 .gwt-MenuBarPopup .menuPopupBottomLeft {
369 background: url(images/corner.png) no-repeat 0px -41px;
370 -background: url(images/corner_ie6.png) no-repeat 0px -41px;
371 }
372 .gwt-MenuBarPopup .menuPopupBottomRight {
373 background: url(images/corner.png) no-repeat -5px -41px;
374 -background: url(images/corner_ie6.png) no-repeat -5px -41px;
375 }
376 * html .gwt-MenuBarPopup .menuPopupTopLeftInner {
377 width: 5px;
378 height: 5px;
379 overflow: hidden;
380 }
381 * html .gwt-MenuBarPopup .menuPopupTopRightInner {
382 width: 8px;
383 height: 5px;
384 overflow: hidden;
385 }
386 * html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
387 width: 5px;
388 height: 8px;
389 overflow: hidden;
390 }
391 * html .gwt-MenuBarPopup .menuPopupBottomRightInner {
392 width: 8px;
393 height: 8px;
394 overflow: hidden;
395 }
396
397 .gwt-PasswordTextBox {
398 padding: 2px;
399 }
400 .gwt-PasswordTextBox-readonly {
401 color: #888;
402 }
403
404 .gwt-PopupPanel {
405 border: 3px solid #C3D9FF;
406 padding: 3px;
407 background: white;
408 }
409
410 .gwt-DecoratedPopupPanel .popupContent {
411 }
412 .gwt-DecoratedPopupPanel .popupMiddleCenter {
413 padding: 3px;
414 background: #d0e4f6;
415 }
416 .gwt-DecoratedPopupPanel .popupTopCenter {
417 background: url(images/hborder.png) repeat-x;
418 }
419 .gwt-DecoratedPopupPanel .popupBottomCenter {
420 background: url(images/hborder.png) repeat-x 0px -4px;
421 -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
422 }
423 .gwt-DecoratedPopupPanel .popupMiddleLeft {
424 background: url(images/vborder.png) repeat-y;
425 }
426 .gwt-DecoratedPopupPanel .popupMiddleRight {
427 background: url(images/vborder.png) repeat-y -4px 0px;
428 -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
429 }
430 .gwt-DecoratedPopupPanel .popupTopLeftInner {
431 width: 5px;
432 height: 5px;
433 zoom: 1;
434 }
435 .gwt-DecoratedPopupPanel .popupTopRightInner {
436 width: 8px;
437 height: 5px;
438 zoom: 1;
439 }
440 .gwt-DecoratedPopupPanel .popupBottomLeftInner {
441 width: 5px;
442 height: 8px;
443 zoom: 1;
444 }
445 .gwt-DecoratedPopupPanel .popupBottomRightInner {
446 width: 8px;
447 height: 8px;
448 zoom: 1;
449 }
450 .gwt-DecoratedPopupPanel .popupTopLeft {
451 background: url(images/corner.png) no-repeat 0px -10px;
452 -background: url(images/corner_ie6.png) no-repeat 0px -10px;
453 }
454 .gwt-DecoratedPopupPanel .popupTopRight {
455 background: url(images/corner.png) no-repeat -5px -10px;
456 -background: url(images/corner_ie6.png) no-repeat -5px -10px;
457 }
458 .gwt-DecoratedPopupPanel .popupBottomLeft {
459 background: url(images/corner.png) no-repeat 0px -15px;
460 -background: url(images/corner_ie6.png) no-repeat 0px -15px;
461 }
462 .gwt-DecoratedPopupPanel .popupBottomRight {
463 background: url(images/corner.png) no-repeat -5px -15px;
464 -background: url(images/corner_ie6.png) no-repeat -5px -15px;
465 }
466 * html .gwt-DecoratedPopupPanel .popupTopLeftInner {
467 width: 5px;
468 height: 5px;
469 overflow: hidden;
470 }
471 * html .gwt-DecoratedPopupPanel .popupTopRightInner {
472 width: 8px;
473 height: 5px;
474 overflow: hidden;
475 }
476 * html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
477 width: 5px;
478 height: 8px;
479 overflow: hidden;
480 }
481 * html .gwt-DecoratedPopupPanel .popupBottomRightInner {
482 width: 8px;
483 height: 8px;
484 overflow: hidden;
485 }
486
487 .gwt-PopupPanelGlass {
488 background-color: #000;
489 opacity: 0.3;
490 filter: alpha(opacity=30);
491 }
492
493 .gwt-PushButton-up,
494 .gwt-PushButton-up-hovering,
495 .gwt-PushButton-up-disabled,
496 .gwt-PushButton-down,
497 .gwt-PushButton-down-hovering,
498 .gwt-PushButton-down-disabled {
499 margin: 0;
500 text-decoration: none;
501 background: url("images/hborder.png") repeat-x 0px -27px;
502 }
503 .gwt-PushButton-up,
504 .gwt-PushButton-up-hovering,
505 .gwt-PushButton-up-disabled {
506 padding: 3px 5px 3px 5px;
507 }
508 .gwt-PushButton-up {
509 border: 1px outset #ccc;
510 cursor: pointer;
511 cursor: hand;
512 }
513 .gwt-PushButton-up-hovering {
514 border: 1px outset;
515 border-color: #9cf #69e #69e #7af;
516 cursor: pointer;
517 cursor: hand;
518 }
519 .gwt-PushButton-up-disabled {
520 border: 1px outset #ccc;
521 cursor: default;
522 opacity: .5;
523 filter: alpha(opacity=40);
524 zoom: 1;
525 }
526 .gwt-PushButton-down,
527 .gwt-PushButton-down-hovering,
528 .gwt-PushButton-down-disabled {
529 padding: 4px 4px 2px 6px;
530 }
531 .gwt-PushButton-down {
532 border: 1px inset #666;
533 cursor: pointer;
534 cursor: hand;
535 }
536 .gwt-PushButton-down-hovering {
537 border: 1px inset;
538 border-color: #9cf #69e #69e #7af;
539 cursor: pointer;
540 cursor: hand;
541 }
542 .gwt-PushButton-down-disabled {
543 border: 1px outset #ccc;
544 cursor: default;
545 opacity: 0.5;
546 filter: alpha(opacity=40);
547 zoom: 1;
548 }
549
550 .gwt-RadioButton {
551 }
552 .gwt-RadioButton-disabled {
553 color: #888;
554 }
555
556 .gwt-RichTextArea {
557 }
558 .hasRichTextToolbar {
559 border: 0px;
560 }
561 .gwt-RichTextToolbar {
562 background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
563 border-bottom: 1px solid #BBBBBB;
564 padding: 3px;
565 margin: 0px;
566 }
567 .gwt-RichTextToolbar .gwt-PushButton-up {
568 padding: 0px 0px 0px 1px;
569 margin-left: 4px;
570 margin-bottom: 4px;
571 border-width: 1px;
572 }
573 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
574 margin-left: 4px;
575 margin-bottom: 4px;
576 padding: 0px 0px 0px 1px;
577 border-width: 1px;
578 }
579 .gwt-RichTextToolbar .gwt-PushButton-down {
580 margin-left: 4px;
581 margin-bottom: 4px;
582 padding: 0px 1px 0px 0px;
583 border-width: 1px;
584 }
585 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
586 margin-left: 4px;
587 margin-bottom: 4px;
588 padding: 0px 1px 0px 0px;
589 border-width: 1px;
590 }
591 .gwt-RichTextToolbar .gwt-ToggleButton-up {
592 margin-left: 4px;
593 margin-bottom: 4px;
594 padding: 0px 0px 0px 1px;
595 border-width: 1px;
596 }
597 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
598 margin-left: 4px;
599 margin-bottom: 4px;
600 padding: 0px 0px 0px 1px;
601 border-width: 1px;
602 }
603 .gwt-RichTextToolbar .gwt-ToggleButton-down {
604 margin-left: 4px;
605 margin-bottom: 4px;
606 padding: 0px 1px 0px 0px;
607 border-width: 1px;
608 }
609 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
610 margin-left: 4px;
611 margin-bottom: 4px;
612 padding: 0px 1px 0px 0px;
613 border-width: 1px;
614 }
615
616 .gwt-StackPanel {
617 border-bottom: 1px solid #bbbbbb;
618 }
619 .gwt-StackPanel .gwt-StackPanelItem {
620 cursor: pointer;
621 cursor: hand;
622 font-weight: bold;
623 font-size: 1.3em;
624 padding: 3px;
625 border: 1px solid #bbbbbb;
626 border-bottom: 0px;
627 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
628 }
629 .gwt-StackPanel .gwt-StackPanelContent {
630 border: 1px solid #bbbbbb;
631 border-bottom: 0px;
632 background: white;
633 padding: 2px 2px 10px 5px;
634 }
635
636 .gwt-DecoratedStackPanel {
637 border-bottom: 1px solid #bbbbbb;
638 }
639 .gwt-DecoratedStackPanel .gwt-StackPanelContent {
640 border: 1px solid #bbbbbb;
641 border-bottom: 0px;
642 background: white;
643 padding: 2px 5px 10px 2px;
644 }
645 .gwt-DecoratedStackPanel .gwt-StackPanelItem {
646 cursor: pointer;
647 cursor: hand;
648 }
649 .gwt-DecoratedStackPanel .stackItemTopLeft,
650 .gwt-DecoratedStackPanel .stackItemTopRight {
651 height: 6px;
652 width: 6px;
653 zoom: 1;
654 }
655 .gwt-DecoratedStackPanel .stackItemTopLeft {
656 border-left: 1px solid #bbbbbb;
657 background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
658 -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
659 }
660 .gwt-DecoratedStackPanel .stackItemTopRight {
661 border-right: 1px solid #bbbbbb;
662 background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
663 -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
664 }
665 .gwt-DecoratedStackPanel .stackItemTopLeftInner,
666 .gwt-DecoratedStackPanel .stackItemTopRightInner {
667 width: 1px;
668 height: 1px;
669 }
670 * html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
671 * html .gwt-DecoratedStackPanel .stackItemTopRightInner {
672 width: 6px;
673 height: 6px;
674 overflow: hidden;
675 }
676 .gwt-DecoratedStackPanel .stackItemTopCenter {
677 background: url(images/hborder.png) 0px -21px repeat-x;
678 }
679 .gwt-DecoratedStackPanel .stackItemMiddleLeft {
680 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
681 border-left: 1px solid #bbbbbb;
682 }
683 .gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
684 .gwt-DecoratedStackPanel .stackItemMiddleRightInner {
685 width: 1px;
686 height: 1px;
687 }
688 .gwt-DecoratedStackPanel .stackItemMiddleRight {
689 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
690 border-right: 1px solid #bbbbbb;
691 }
692 .gwt-DecoratedStackPanel .stackItemMiddleCenter {
693 font-weight: bold;
694 font-size: 1.3em;
695 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
696 }
697 .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
698 .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
699 border: 0px;
700 background-color: white;
701 }
702 .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
703 .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
704 background-color: white;
705 }
706
707 .gwt-SuggestBox {
708 padding: 2px;
709 }
710 .gwt-SuggestBoxPopup {
711 margin-right: 3px;
712 }
713 .gwt-SuggestBoxPopup .item {
714 padding: 2px 6px;
715 color: #424242;
716 cursor: default;
717 }
718 .gwt-SuggestBoxPopup .item-selected {
719 background: #b7d6f6;
720 }
721 .gwt-SuggestBoxPopup .suggestPopupContent {
722 background: white;
723 }
724 .gwt-SuggestBoxPopup .suggestPopupTopCenter {
725 background: url(images/hborder.png) repeat-x;
726 }
727 .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
728 background: url(images/hborder.png) repeat-x 0px -4px;
729 -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
730 }
731 .gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
732 background: url(images/vborder.png) repeat-y;
733 }
734 .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
735 background: url(images/vborder.png) repeat-y -4px 0px;
736 -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
737 }
738 .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
739 width: 5px;
740 height: 5px;
741 zoom: 1;
742 }
743 .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
744 width: 8px;
745 height: 5px;
746 zoom: 1;
747 }
748 .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
749 width: 5px;
750 height: 8px;
751 zoom: 1;
752 }
753 .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
754 width: 8px;
755 height: 8px;
756 zoom: 1;
757 }
758 .gwt-SuggestBoxPopup .suggestPopupTopLeft {
759 background: url(images/corner.png) no-repeat 0px -23px;
760 -background: url(images/corner_ie6.png) no-repeat 0px -23px;
761 }
762 .gwt-SuggestBoxPopup .suggestPopupTopRight {
763 background: url(images/corner.png) no-repeat -5px -23px;
764 -background: url(images/corner_ie6.png) no-repeat -5px -23px;
765 }
766 .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
767 background: url(images/corner.png) no-repeat 0px -28px;
768 -background: url(images/corner_ie6.png) no-repeat 0px -28px;
769 }
770 .gwt-SuggestBoxPopup .suggestPopupBottomRight {
771 background: url(images/corner.png) no-repeat -5px -28px;
772 -background: url(images/corner_ie6.png) no-repeat -5px -28px;
773 }
774 * html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
775 width: 5px;
776 height: 5px;
777 overflow: hidden;
778 }
779 * html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
780 width: 8px;
781 height: 5px;
782 overflow: hidden;
783 }
784 * html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
785 width: 5px;
786 height: 8px;
787 overflow: hidden;
788 }
789 * html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
790 width: 8px;
791 height: 8px;
792 overflow: hidden;
793 }
794
795 .gwt-TabBar {
796 }
797 .gwt-TabBar .gwt-TabBarFirst {
798 width: 5px; /* first tab distance from the left */
799 }
800 .gwt-TabBar .gwt-TabBarRest {
801 }
802 .gwt-TabBar .gwt-TabBarItem {
803 margin-left: 6px;
804 padding: 3px 6px 3px 6px;
805 cursor: pointer;
806 cursor: hand;
807 color: black;
808 font-weight: bold;
809 text-align: center;
810 background: #d0e4f6;
811 }
812 .gwt-TabBar .gwt-TabBarItem-selected {
813 cursor: default;
814 background: #92c1f0;
815 }
816 .gwt-TabBar .gwt-TabBarItem-disabled {
817 cursor: default;
818 color: #999999;
819 }
820 .gwt-TabPanel {
821 }
822 .gwt-TabPanelBottom {
823 border-color: #92c1f0;
824 border-style: solid;
825 border-width: 3px 2px 2px;
826 overflow: hidden;
827 padding: 6px;
828 }
829
830 .gwt-DecoratedTabBar {
831 }
832 .gwt-DecoratedTabBar .gwt-TabBarFirst {
833 width: 5px; /* first tab distance from the left */
834 }
835 .gwt-DecoratedTabBar .gwt-TabBarRest {
836 }
837 .gwt-DecoratedTabBar .gwt-TabBarItem {
838 border-collapse: collapse;
839 margin-right: 6px;
840 }
841 .gwt-DecoratedTabBar .tabTopCenter {
842 padding: 0px;
843 background: #d0e4f6;
844 }
845 .gwt-DecoratedTabBar .tabTopLeft,
846 .gwt-DecoratedTabBar .tabTopRight {
847 padding: 0px;
848 zoom: 1;
849 }
850 .gwt-DecoratedTabBar .tabTopLeftInner,
851 .gwt-DecoratedTabBar .tabTopRightInner {
852 width: 6px;
853 height: 6px;
854 }
855 .gwt-DecoratedTabBar .tabTopLeft {
856 background: url(images/corner.png) no-repeat 0px -55px;
857 -background: url(images/corner_ie6.png) no-repeat 0px -55px;
858 }
859 .gwt-DecoratedTabBar .tabTopRight {
860 background: url(images/corner.png) no-repeat -6px -55px;
861 -background: url(images/corner_ie6.png) no-repeat -6px -55px;
862 }
863 * html .gwt-DecoratedTabBar .tabTopLeftInner,
864 * html .gwt-DecoratedTabBar .tabTopRightInner {
865 width: 6px;
866 height: 6px;
867 overflow: hidden;
868 }
869 .gwt-DecoratedTabBar .tabMiddleLeft,
870 .gwt-DecoratedTabBar .tabMiddleRight {
871 width: 6px;
872 padding: 0px;
873 background: #d0e4f6;
874 }
875 .gwt-DecoratedTabBar .tabMiddleLeftInner,
876 .gwt-DecoratedTabBar .tabMiddleRightInner {
877 width: 1px;
878 height: 1px;
879 }
880 .gwt-DecoratedTabBar .tabMiddleCenter {
881 padding: 0px 4px 2px 4px;
882 cursor: pointer;
883 cursor: hand;
884 color: black;
885 font-weight: bold;
886 text-align: center;
887 background: #d0e4f6;
888 }
889 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
890 background: #92c1f0;
891 }
892 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
893 background-position: 0px -61px;
894 }
895 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
896 background-position: -6px -61px;
897 }
898 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
899 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
900 background: #92c1f0;
901 }
902 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
903 cursor: default;
904 background: #92c1f0;
905 }
906 .gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
907 cursor: default;
908 color: #999999;
909 }
910
911 .gwt-TextArea {
912 padding: 2px;
913 }
914 .gwt-TextArea-readonly {
915 color: #888;
916 }
917
918 .gwt-TextBox {
919 padding: 2px;
920 }
921 .gwt-TextBox-readonly {
922 color: #888;
923 }
924
925 .gwt-ToggleButton-up,
926 .gwt-ToggleButton-up-hovering,
927 .gwt-ToggleButton-up-disabled,
928 .gwt-ToggleButton-down,
929 .gwt-ToggleButton-down-hovering,
930 .gwt-ToggleButton-down-disabled {
931 margin: 0;
932 text-decoration: none;
933 background: url("images/hborder.png") repeat-x 0px -27px;
934 }
935 .gwt-ToggleButton-up,
936 .gwt-ToggleButton-up-hovering,
937 .gwt-ToggleButton-up-disabled {
938 padding: 3px 5px 3px 5px;
939 }
940 .gwt-ToggleButton-up {
941 border: 1px outset #ccc;
942 cursor: pointer;
943 cursor: hand;
944 }
945 .gwt-ToggleButton-up-hovering {
946 border: 1px outset;
947 border-color: #9cf #69e #69e #7af;
948 cursor: pointer;
949 cursor: hand;
950 }
951 .gwt-ToggleButton-up-disabled {
952 border: 1px outset #ccc;
953 cursor: default;
954 opacity: .5;
955 zoom: 1;
956 filter: alpha(opacity=40);
957 }
958 .gwt-ToggleButton-down,
959 .gwt-ToggleButton-down-hovering,
960 .gwt-ToggleButton-down-disabled {
961 padding: 4px 4px 2px 6px;
962 }
963 .gwt-ToggleButton-down {
964 background-position: 0 -513px;
965 border: 1px inset #ccc;
966 cursor: pointer;
967 cursor: hand;
968 }
969 .gwt-ToggleButton-down-hovering {
970 background-position: 0 -513px;
971 border: 1px inset;
972 border-color: #9cf #69e #69e #7af;
973 cursor: pointer;
974 cursor: hand;
975 }
976 .gwt-ToggleButton-down-disabled {
977 background-position: 0 -513px;
978 border: 1px inset #ccc;
979 cursor: default;
980 opacity: .5;
981 zoom: 1;
982 filter: alpha(opacity=40);
983 }
984
985 .gwt-Tree .gwt-TreeItem {
986 padding: 1px 0px;
987 margin: 0px;
988 white-space: nowrap;
989 cursor: hand;
990 cursor: pointer;
991 zoom: 1;
992 }
993 .gwt-Tree .gwt-TreeItem-selected {
994 background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
995 }
996 .gwt-TreeItem .gwt-RadioButton input,
997 .gwt-TreeItem .gwt-CheckBox input {
998 margin-right: 0px;
999 }
1000 * html .gwt-TreeItem .gwt-RadioButton input,
1001 * html .gwt-TreeItem .gwt-CheckBox input {
1002 margin-right: -4px;
1003 }
1004
1005 .gwt-DateBox input {
1006 width: 8em;
1007 }
1008 .dateBoxFormatError {
1009 background: #ffcccc;
1010 }
1011 .dateBoxPopup {
1012 }
1013
1014 .gwt-DatePicker {
1015 border: 1px solid #A2BBDD;
1016 cursor: default;
1017 }
1018 .gwt-DatePicker td,
1019 .datePickerMonthSelector td:focus {
1020 outline: none
1021 }
1022 .datePickerDays {
1023 width: 100%;
1024 background: white;
1025 }
1026 .datePickerDay,
1027 .datePickerWeekdayLabel,
1028 .datePickerWeekendLabel {
1029 font-size: 75%;
1030 text-align: center;
1031 padding: 4px;
1032 outline: none;
1033 }
1034 .datePickerWeekdayLabel,
1035 .datePickerWeekendLabel {
1036 background: #C3D9FF;
1037 padding: 0px 4px 2px;
1038 cursor: default;
1039 }
1040 .datePickerDay {
1041 padding: 4px;
1042 cursor: hand;
1043 cursor: pointer;
1044 }
1045 .datePickerDayIsToday {
1046 border: 1px solid black;
1047 padding: 3px;
1048 }
1049 .datePickerDayIsWeekend {
1050 background: #EEEEEE;
1051 }
1052 .datePickerDayIsFiller {
1053 color: #888888;
1054 }
1055 .datePickerDayIsValue {
1056 background: #aaccee;
1057 }
1058 .datePickerDayIsDisabled {
1059 color: #AAAAAA;
1060 font-style: italic;
1061 }
1062 .datePickerDayIsHighlighted {
1063 background: #F0E68C;
1064 }
1065 .datePickerDayIsValueAndHighlighted {
1066 background: #bbddd9;
1067 }
1068 .datePickerMonthSelector {
1069 background: #C3D9FF;
1070 width: 100%;
1071 }
1072 td.datePickerMonth {
1073 text-align: center;
1074 vertical-align: center;
1075 white-space: nowrap;
1076 font-size: 70%;
1077 font-weight: bold;
1078 color: blue;
1079 }
1080 .datePickerPreviousButton,
1081 .datePickerNextButton {
1082 font-size: 120%;
1083 line-height: 1em;
1084 color: blue;
1085 cursor: hand;
1086 cursor: pointer;
1087 padding: 0px 4px;
1088 }
1089
1090 .gwt-StackLayoutPanel {
1091 border-bottom: 1px solid #bbbbbb;
1092 }
1093 .gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
1094 cursor: pointer;
1095 cursor: hand;
1096 font-weight: bold;
1097 font-size: 1.3em;
1098 padding: 3px;
1099 border: 1px solid #bbbbbb;
1100 border-bottom: 0px;
1101 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
1102 }
1103 .gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
1104 background: #d3def6 url(images/hborder.png) repeat-x 0px -1464px;
1105 }
1106 .gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
1107 border: 1px solid #bbbbbb;
1108 border-bottom: 0px;
1109 background: white;
1110 padding: 2px 5px 10px 2px;
1111 }
1112
1113 .gwt-TabLayoutPanel {
1114 }
1115 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
1116 }
1117 .gwt-TabLayoutPanelContentContainer {
1118 border-color: #92c1f0;
1119 border-style: solid;
1120 border-width: 2px 1px 1px;
1121 }
1122 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
1123 border-color: #92c1f0;
1124 border-style: solid;
1125 border-width: 1px;
1126 overflow: hidden;
1127 padding: 6px;
1128 }
1129 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
1130 margin-left: 6px;
1131 padding: 3px 6px 3px 6px;
1132 cursor: pointer;
1133 cursor: hand;
1134 color: black;
1135 font-weight: bold;
1136 text-align: center;
1137 background: #d0e4f6;
1138 }
1139 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
1140 cursor: default;
1141 background: #92c1f0;
1142 }
1143
1144 .gwt-SplitLayoutPanel-HDragger {
1145 background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
1146 cursor: col-resize;
1147 }
1148
1149 .gwt-SplitLayoutPanel-VDragger {
1150 background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
1151 cursor: row-resize;
1152 }