Mercurial > hg > ywww

comparison booksMob/gwt/standard/standard.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.
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: ltr;
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 {
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 4px 4px 8px;
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-left: 3px solid #e8eef7;
213 padding: 4px 0px 4px 8px;
214 margin-left: 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 }
234 .gwt-VerticalSplitPanel {
235 }
236 .gwt-VerticalSplitPanel .vsplitter {
237 cursor: move;
238 border: 0px;
239 background: #91c0ef url(images/hborder.png) repeat-x;
240 }
241
242 .gwt-HTML {
243 }
244
245 .gwt-Hyperlink {
246 }
247
248 .gwt-Image {
249 }
250
251 .gwt-Label {
252 }
253
254 .gwt-ListBox {
255 }
256
257 .gwt-MenuBar {
258 cursor: default;
259 }
260 .gwt-MenuBar .gwt-MenuItem {
261 cursor: default;
262 }
263 .gwt-MenuBar .gwt-MenuItem-selected {
264 background: #E0EDFE;
265 }
266 .gwt-MenuBar-horizontal {
267 background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
268 border: 1px solid #BBBBBB;
269 }
270 .gwt-MenuBar-horizontal .gwt-MenuItem {
271 padding: 0px 10px;
272 vertical-align: bottom;
273 color: #666666;
274 font-weight: bold;
275 }
276 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
277 width: 1px;
278 padding: 0px;
279 margin: 0px;
280 border: 0px;
281 border-left: 1px solid #888888;
282 background: white;
283 }
284 .gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
285 width: 1px;
286 height: 1px;
287 background: white;
288 }
289 .gwt-MenuBar-vertical {
290 margin-top: 0px;
291 margin-left: 0px;
292 background: white;
293 }
294 .gwt-MenuBar-vertical table {
295 border-collapse: collapse;
296 }
297 .gwt-MenuBar-vertical .gwt-MenuItem {
298 padding: 4px 14px 4px 1px;
299 }
300 .gwt-MenuBar-vertical .gwt-MenuItemSeparator {
301 padding: 2px 0px;
302 }
303 .gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
304 height: 1px;
305 padding: 0px;
306 border: 0px;
307 border-top: 1px solid #777777;
308 background: #ddddee;
309 overflow: hidden;
310 }
311 .gwt-MenuBar-vertical .subMenuIcon {
312 padding-right: 4px;
313 }
314 .gwt-MenuBar-vertical .subMenuIcon-selected {
315 background: #E0EDFE;
316 }
317 .gwt-MenuBarPopup {
318 margin: 0px 0px 0px 3px;
319 }
320 .gwt-MenuBarPopup .menuPopupTopCenter {
321 background: url(images/hborder.png) 0px -12px repeat-x;
322 }
323 .gwt-MenuBarPopup .menuPopupBottomCenter {
324 background: url(images/hborder.png) 0px -13px repeat-x;
325 -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
326 }
327 .gwt-MenuBarPopup .menuPopupMiddleLeft {
328 background: url(images/vborder.png) -12px 0px repeat-y;
329 -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
330 }
331 .gwt-MenuBarPopup .menuPopupMiddleRight {
332 background: url(images/vborder.png) -13px 0px repeat-y;
333 -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
334 }
335 .gwt-MenuBarPopup .menuPopupTopLeftInner {
336 width: 5px;
337 height: 5px;
338 zoom: 1;
339 }
340 .gwt-MenuBarPopup .menuPopupTopRightInner {
341 width: 8px;
342 height: 5px;
343 zoom: 1;
344 }
345 .gwt-MenuBarPopup .menuPopupBottomLeftInner {
346 width: 5px;
347 height: 8px;
348 zoom: 1;
349 }
350 .gwt-MenuBarPopup .menuPopupBottomRightInner {
351 width: 8px;
352 height: 8px;
353 zoom: 1;
354 }
355 .gwt-MenuBarPopup .menuPopupTopLeft {
356 background: url(images/corner.png) no-repeat 0px -36px;
357 -background: url(images/corner_ie6.png) no-repeat 0px -36px;
358 }
359 .gwt-MenuBarPopup .menuPopupTopRight {
360 background: url(images/corner.png) no-repeat -5px -36px;
361 -background: url(images/corner_ie6.png) no-repeat -5px -36px;
362 }
363 .gwt-MenuBarPopup .menuPopupBottomLeft {
364 background: url(images/corner.png) no-repeat 0px -41px;
365 -background: url(images/corner_ie6.png) no-repeat 0px -41px;
366 }
367 .gwt-MenuBarPopup .menuPopupBottomRight {
368 background: url(images/corner.png) no-repeat -5px -41px;
369 -background: url(images/corner_ie6.png) no-repeat -5px -41px;
370 }
371 * html .gwt-MenuBarPopup .menuPopupTopLeftInner {
372 width: 5px;
373 height: 5px;
374 overflow: hidden;
375 }
376 * html .gwt-MenuBarPopup .menuPopupTopRightInner {
377 width: 8px;
378 height: 5px;
379 overflow: hidden;
380 }
381 * html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
382 width: 5px;
383 height: 8px;
384 overflow: hidden;
385 }
386 * html .gwt-MenuBarPopup .menuPopupBottomRightInner {
387 width: 8px;
388 height: 8px;
389 overflow: hidden;
390 }
391
392 .gwt-PasswordTextBox {
393 padding: 2px;
394 }
395 .gwt-PasswordTextBox-readonly {
396 color: #888;
397 }
398
399 .gwt-PopupPanel {
400 border: 3px solid #C3D9FF;
401 padding: 3px;
402 background: white;
403 }
404
405 .gwt-DecoratedPopupPanel .popupContent {
406 }
407 .gwt-DecoratedPopupPanel .popupMiddleCenter {
408 padding: 3px;
409 background: #d0e4f6;
410 }
411 .gwt-DecoratedPopupPanel .popupTopCenter {
412 background: url(images/hborder.png) repeat-x;
413 }
414 .gwt-DecoratedPopupPanel .popupBottomCenter {
415 background: url(images/hborder.png) repeat-x 0px -4px;
416 -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
417 }
418 .gwt-DecoratedPopupPanel .popupMiddleLeft {
419 background: url(images/vborder.png) repeat-y;
420 }
421 .gwt-DecoratedPopupPanel .popupMiddleRight {
422 background: url(images/vborder.png) repeat-y -4px 0px;
423 -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
424 }
425 .gwt-DecoratedPopupPanel .popupTopLeftInner {
426 width: 5px;
427 height: 5px;
428 zoom: 1;
429 }
430 .gwt-DecoratedPopupPanel .popupTopRightInner {
431 width: 8px;
432 height: 5px;
433 zoom: 1;
434 }
435 .gwt-DecoratedPopupPanel .popupBottomLeftInner {
436 width: 5px;
437 height: 8px;
438 zoom: 1;
439 }
440 .gwt-DecoratedPopupPanel .popupBottomRightInner {
441 width: 8px;
442 height: 8px;
443 zoom: 1;
444 }
445 .gwt-DecoratedPopupPanel .popupTopLeft {
446 background: url(images/corner.png) no-repeat 0px -10px;
447 -background: url(images/corner_ie6.png) no-repeat 0px -10px;
448 }
449 .gwt-DecoratedPopupPanel .popupTopRight {
450 background: url(images/corner.png) no-repeat -5px -10px;
451 -background: url(images/corner_ie6.png) no-repeat -5px -10px;
452 }
453 .gwt-DecoratedPopupPanel .popupBottomLeft {
454 background: url(images/corner.png) no-repeat 0px -15px;
455 -background: url(images/corner_ie6.png) no-repeat 0px -15px;
456 }
457 .gwt-DecoratedPopupPanel .popupBottomRight {
458 background: url(images/corner.png) no-repeat -5px -15px;
459 -background: url(images/corner_ie6.png) no-repeat -5px -15px;
460 }
461 * html .gwt-DecoratedPopupPanel .popupTopLeftInner {
462 width: 5px;
463 height: 5px;
464 overflow: hidden;
465 }
466 * html .gwt-DecoratedPopupPanel .popupTopRightInner {
467 width: 8px;
468 height: 5px;
469 overflow: hidden;
470 }
471 * html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
472 width: 5px;
473 height: 8px;
474 overflow: hidden;
475 }
476 * html .gwt-DecoratedPopupPanel .popupBottomRightInner {
477 width: 8px;
478 height: 8px;
479 overflow: hidden;
480 }
481
482 .gwt-PopupPanelGlass {
483 background-color: #000;
484 opacity: 0.3;
485 filter: alpha(opacity=30);
486 }
487
488 .gwt-PushButton-up,
489 .gwt-PushButton-up-hovering,
490 .gwt-PushButton-up-disabled,
491 .gwt-PushButton-down,
492 .gwt-PushButton-down-hovering,
493 .gwt-PushButton-down-disabled {
494 margin: 0;
495 text-decoration: none;
496 background: url("images/hborder.png") repeat-x 0px -27px;
497 }
498 .gwt-PushButton-up,
499 .gwt-PushButton-up-hovering,
500 .gwt-PushButton-up-disabled {
501 padding: 3px 5px 3px 5px;
502 }
503 .gwt-PushButton-up {
504 border: 1px outset #ccc;
505 cursor: pointer;
506 cursor: hand;
507 }
508 .gwt-PushButton-up-hovering {
509 border: 1px outset;
510 border-color: #9cf #69e #69e #7af;
511 cursor: pointer;
512 cursor: hand;
513 }
514 .gwt-PushButton-up-disabled {
515 border: 1px outset #ccc;
516 cursor: default;
517 opacity: .5;
518 filter: alpha(opacity=40);
519 zoom: 1;
520 }
521 .gwt-PushButton-down,
522 .gwt-PushButton-down-hovering,
523 .gwt-PushButton-down-disabled {
524 padding: 4px 4px 2px 6px;
525 }
526 .gwt-PushButton-down {
527 border: 1px inset #666;
528 cursor: pointer;
529 cursor: hand;
530 }
531 .gwt-PushButton-down-hovering {
532 border: 1px inset;
533 border-color: #9cf #69e #69e #7af;
534 cursor: pointer;
535 cursor: hand;
536 }
537 .gwt-PushButton-down-disabled {
538 border: 1px outset #ccc;
539 cursor: default;
540 opacity: 0.5;
541 filter: alpha(opacity=40);
542 zoom: 1;
543 }
544
545 .gwt-RadioButton {
546 }
547 .gwt-RadioButton-disabled {
548 color: #888;
549 }
550
551 .gwt-RichTextArea {
552 }
553 .hasRichTextToolbar {
554 border: 0px;
555 }
556 .gwt-RichTextToolbar {
557 background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
558 border-bottom: 1px solid #BBBBBB;
559 padding: 3px;
560 margin: 0px;
561 }
562 .gwt-RichTextToolbar .gwt-PushButton-up {
563 padding: 0px 1px 0px 0px;
564 margin-right: 4px;
565 margin-bottom: 4px;
566 border-width: 1px;
567 }
568 .gwt-RichTextToolbar .gwt-PushButton-up-hovering {
569 margin-right: 4px;
570 margin-bottom: 4px;
571 padding: 0px 1px 0px 0px;
572 border-width: 1px;
573 }
574 .gwt-RichTextToolbar .gwt-PushButton-down {
575 margin-right: 4px;
576 margin-bottom: 4px;
577 padding: 0px 0px 0px 1px;
578 border-width: 1px;
579 }
580 .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
581 margin-right: 4px;
582 margin-bottom: 4px;
583 padding: 0px 0px 0px 1px;
584 border-width: 1px;
585 }
586 .gwt-RichTextToolbar .gwt-ToggleButton-up {
587 margin-right: 4px;
588 margin-bottom: 4px;
589 padding: 0px 1px 0px 0px;
590 border-width: 1px;
591 }
592 .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
593 margin-right: 4px;
594 margin-bottom: 4px;
595 padding: 0px 1px 0px 0px;
596 border-width: 1px;
597 }
598 .gwt-RichTextToolbar .gwt-ToggleButton-down {
599 margin-right: 4px;
600 margin-bottom: 4px;
601 padding: 0px 0px 0px 1px;
602 border-width: 1px;
603 }
604 .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
605 margin-right: 4px;
606 margin-bottom: 4px;
607 padding: 0px 0px 0px 1px;
608 border-width: 1px;
609 }
610
611 .gwt-StackPanel {
612 border-bottom: 1px solid #bbbbbb;
613 }
614 .gwt-StackPanel .gwt-StackPanelItem {
615 cursor: pointer;
616 cursor: hand;
617 font-weight: bold;
618 font-size: 1.3em;
619 padding: 3px;
620 border: 1px solid #bbbbbb;
621 border-bottom: 0px;
622 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
623 }
624 .gwt-StackPanel .gwt-StackPanelContent {
625 border: 1px solid #bbbbbb;
626 border-bottom: 0px;
627 background: white;
628 padding: 2px 2px 10px 5px;
629 }
630
631 .gwt-DecoratedStackPanel {
632 border-bottom: 1px solid #bbbbbb;
633 }
634 .gwt-DecoratedStackPanel .gwt-StackPanelContent {
635 border: 1px solid #bbbbbb;
636 border-bottom: 0px;
637 background: white;
638 padding: 2px 2px 10px 5px;
639 }
640 .gwt-DecoratedStackPanel .gwt-StackPanelItem {
641 cursor: pointer;
642 cursor: hand;
643 }
644 .gwt-DecoratedStackPanel .stackItemTopLeft,
645 .gwt-DecoratedStackPanel .stackItemTopRight {
646 height: 6px;
647 width: 6px;
648 zoom: 1;
649 }
650 .gwt-DecoratedStackPanel .stackItemTopLeft {
651 border-left: 1px solid #bbbbbb;
652 background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
653 -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
654 }
655 .gwt-DecoratedStackPanel .stackItemTopRight {
656 border-right: 1px solid #bbbbbb;
657 background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
658 -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
659 }
660 .gwt-DecoratedStackPanel .stackItemTopLeftInner,
661 .gwt-DecoratedStackPanel .stackItemTopRightInner {
662 width: 1px;
663 height: 1px;
664 }
665 * html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
666 * html .gwt-DecoratedStackPanel .stackItemTopRightInner {
667 width: 6px;
668 height: 6px;
669 overflow: hidden;
670 }
671 .gwt-DecoratedStackPanel .stackItemTopCenter {
672 background: url(images/hborder.png) 0px -21px repeat-x;
673 }
674 .gwt-DecoratedStackPanel .stackItemMiddleLeft {
675 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
676 border-left: 1px solid #bbbbbb;
677 }
678 .gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
679 .gwt-DecoratedStackPanel .stackItemMiddleRightInner {
680 width: 1px;
681 height: 1px;
682 }
683 .gwt-DecoratedStackPanel .stackItemMiddleRight {
684 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
685 border-right: 1px solid #bbbbbb;
686 }
687 .gwt-DecoratedStackPanel .stackItemMiddleCenter {
688 font-weight: bold;
689 font-size: 1.3em;
690 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
691 }
692 .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
693 .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
694 border: 0px;
695 background-color: white;
696 }
697 .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
698 .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
699 background-color: white;
700 }
701
702 .gwt-SuggestBox {
703 padding: 2px;
704 }
705 .gwt-SuggestBoxPopup {
706 margin-left: 3px;
707 }
708 .gwt-SuggestBoxPopup .item {
709 padding: 2px 6px;
710 color: #424242;
711 cursor: default;
712 }
713 .gwt-SuggestBoxPopup .item-selected {
714 background: #b7d6f6;
715 }
716 .gwt-SuggestBoxPopup .suggestPopupContent {
717 background: white;
718 }
719 .gwt-SuggestBoxPopup .suggestPopupTopCenter {
720 background: url(images/hborder.png) repeat-x;
721 }
722 .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
723 background: url(images/hborder.png) repeat-x 0px -4px;
724 -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
725 }
726 .gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
727 background: url(images/vborder.png) repeat-y;
728 }
729 .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
730 background: url(images/vborder.png) repeat-y -4px 0px;
731 -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
732 }
733 .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
734 width: 5px;
735 height: 5px;
736 zoom: 1;
737 }
738 .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
739 width: 8px;
740 height: 5px;
741 zoom: 1;
742 }
743 .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
744 width: 5px;
745 height: 8px;
746 zoom: 1;
747 }
748 .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
749 width: 8px;
750 height: 8px;
751 zoom: 1;
752 }
753 .gwt-SuggestBoxPopup .suggestPopupTopLeft {
754 background: url(images/corner.png) no-repeat 0px -23px;
755 -background: url(images/corner_ie6.png) no-repeat 0px -23px;
756 }
757 .gwt-SuggestBoxPopup .suggestPopupTopRight {
758 background: url(images/corner.png) no-repeat -5px -23px;
759 -background: url(images/corner_ie6.png) no-repeat -5px -23px;
760 }
761 .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
762 background: url(images/corner.png) no-repeat 0px -28px;
763 -background: url(images/corner_ie6.png) no-repeat 0px -28px;
764 }
765 .gwt-SuggestBoxPopup .suggestPopupBottomRight {
766 background: url(images/corner.png) no-repeat -5px -28px;
767 -background: url(images/corner_ie6.png) no-repeat -5px -28px;
768 }
769 * html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
770 width: 5px;
771 height: 5px;
772 overflow: hidden;
773 }
774 * html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
775 width: 8px;
776 height: 5px;
777 overflow: hidden;
778 }
779 * html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
780 width: 5px;
781 height: 8px;
782 overflow: hidden;
783 }
784 * html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
785 width: 8px;
786 height: 8px;
787 overflow: hidden;
788 }
789
790 .gwt-TabBar {
791 }
792 .gwt-TabBar .gwt-TabBarFirst {
793 width: 5px; /* first tab distance from the left */
794 }
795 .gwt-TabBar .gwt-TabBarRest {
796 }
797 .gwt-TabBar .gwt-TabBarItem {
798 margin-left: 6px;
799 padding: 3px 6px 3px 6px;
800 cursor: pointer;
801 cursor: hand;
802 color: black;
803 font-weight: bold;
804 text-align: center;
805 background: #d0e4f6;
806 }
807 .gwt-TabBar .gwt-TabBarItem-selected {
808 cursor: default;
809 background: #92c1f0;
810 }
811 .gwt-TabBar .gwt-TabBarItem-disabled {
812 cursor: default;
813 color: #999999;
814 }
815 .gwt-TabPanel {
816 }
817 .gwt-TabPanelBottom {
818 border-color: #92c1f0;
819 border-style: solid;
820 border-width: 3px 2px 2px;
821 overflow: hidden;
822 padding: 6px;
823 }
824
825 .gwt-DecoratedTabBar {
826 }
827 .gwt-DecoratedTabBar .gwt-TabBarFirst {
828 width: 5px; /* first tab distance from the left */
829 }
830 .gwt-DecoratedTabBar .gwt-TabBarRest {
831 }
832 .gwt-DecoratedTabBar .gwt-TabBarItem {
833 border-collapse: collapse;
834 margin-left: 6px;
835 }
836 .gwt-DecoratedTabBar .tabTopCenter {
837 padding: 0px;
838 background: #d0e4f6;
839 }
840 .gwt-DecoratedTabBar .tabTopLeft,
841 .gwt-DecoratedTabBar .tabTopRight {
842 padding: 0px;
843 zoom: 1;
844 }
845 .gwt-DecoratedTabBar .tabTopLeftInner,
846 .gwt-DecoratedTabBar .tabTopRightInner {
847 width: 6px;
848 height: 6px;
849 }
850 .gwt-DecoratedTabBar .tabTopLeft {
851 background: url(images/corner.png) no-repeat 0px -55px;
852 -background: url(images/corner_ie6.png) no-repeat 0px -55px;
853 }
854 .gwt-DecoratedTabBar .tabTopRight {
855 background: url(images/corner.png) no-repeat -6px -55px;
856 -background: url(images/corner_ie6.png) no-repeat -6px -55px;
857 }
858 * html .gwt-DecoratedTabBar .tabTopLeftInner,
859 * html .gwt-DecoratedTabBar .tabTopRightInner {
860 width: 6px;
861 height: 6px;
862 overflow: hidden;
863 }
864 .gwt-DecoratedTabBar .tabMiddleLeft,
865 .gwt-DecoratedTabBar .tabMiddleRight {
866 width: 6px;
867 padding: 0px;
868 background: #d0e4f6;
869 }
870 .gwt-DecoratedTabBar .tabMiddleLeftInner,
871 .gwt-DecoratedTabBar .tabMiddleRightInner {
872 width: 1px;
873 height: 1px;
874 }
875 .gwt-DecoratedTabBar .tabMiddleCenter {
876 padding: 0px 4px 2px 4px;
877 cursor: pointer;
878 cursor: hand;
879 color: black;
880 font-weight: bold;
881 text-align: center;
882 background: #d0e4f6;
883 }
884 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
885 background: #92c1f0;
886 }
887 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
888 background-position: 0px -61px;
889 }
890 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
891 background-position: -6px -61px;
892 }
893 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
894 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
895 background: #92c1f0;
896 }
897 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
898 cursor: default;
899 background: #92c1f0;
900 }
901 .gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
902 cursor: default;
903 color: #999999;
904 }
905
906 .gwt-TextArea {
907 padding: 2px;
908 }
909 .gwt-TextArea-readonly {
910 color: #888;
911 }
912
913 .gwt-TextBox {
914 padding: 2px;
915 }
916 .gwt-TextBox-readonly {
917 color: #888;
918 }
919
920 .gwt-ToggleButton-up,
921 .gwt-ToggleButton-up-hovering,
922 .gwt-ToggleButton-up-disabled,
923 .gwt-ToggleButton-down,
924 .gwt-ToggleButton-down-hovering,
925 .gwt-ToggleButton-down-disabled {
926 margin: 0;
927 text-decoration: none;
928 background: url("images/hborder.png") repeat-x 0px -27px;
929 }
930 .gwt-ToggleButton-up,
931 .gwt-ToggleButton-up-hovering,
932 .gwt-ToggleButton-up-disabled {
933 padding: 3px 5px 3px 5px;
934 }
935 .gwt-ToggleButton-up {
936 border: 1px outset #ccc;
937 cursor: pointer;
938 cursor: hand;
939 }
940 .gwt-ToggleButton-up-hovering {
941 border: 1px outset;
942 border-color: #9cf #69e #69e #7af;
943 cursor: pointer;
944 cursor: hand;
945 }
946 .gwt-ToggleButton-up-disabled {
947 border: 1px outset #ccc;
948 cursor: default;
949 opacity: .5;
950 zoom: 1;
951 filter: alpha(opacity=40);
952 }
953 .gwt-ToggleButton-down,
954 .gwt-ToggleButton-down-hovering,
955 .gwt-ToggleButton-down-disabled {
956 padding: 4px 4px 2px 6px;
957 }
958 .gwt-ToggleButton-down {
959 background-position: 0 -513px;
960 border: 1px inset #ccc;
961 cursor: pointer;
962 cursor: hand;
963 }
964 .gwt-ToggleButton-down-hovering {
965 background-position: 0 -513px;
966 border: 1px inset;
967 border-color: #9cf #69e #69e #7af;
968 cursor: pointer;
969 cursor: hand;
970 }
971 .gwt-ToggleButton-down-disabled {
972 background-position: 0 -513px;
973 border: 1px inset #ccc;
974 cursor: default;
975 opacity: .5;
976 zoom: 1;
977 filter: alpha(opacity=40);
978 }
979
980 .gwt-Tree .gwt-TreeItem {
981 padding: 1px 0px;
982 margin: 0px;
983 white-space: nowrap;
984 cursor: hand;
985 cursor: pointer;
986 }
987 .gwt-Tree .gwt-TreeItem-selected {
988 background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
989 }
990 .gwt-TreeItem .gwt-RadioButton input,
991 .gwt-TreeItem .gwt-CheckBox input {
992 margin-left: 0px;
993 }
994 * html .gwt-TreeItem .gwt-RadioButton input,
995 * html .gwt-TreeItem .gwt-CheckBox input {
996 margin-left: -4px;
997 }
998
999 .gwt-DateBox input {
1000 width: 8em;
1001 }
1002 .dateBoxFormatError {
1003 background: #ffcccc;
1004 }
1005 .dateBoxPopup {
1006 }
1007
1008 .gwt-DatePicker {
1009 border: 1px solid #A2BBDD;
1010 cursor: default;
1011 }
1012 .gwt-DatePicker td,
1013 .datePickerMonthSelector td:focus {
1014 outline: none
1015 }
1016 .datePickerDays {
1017 width: 100%;
1018 background: white;
1019 }
1020 .datePickerDay,
1021 .datePickerWeekdayLabel,
1022 .datePickerWeekendLabel {
1023 font-size: 75%;
1024 text-align: center;
1025 padding: 4px;
1026 outline: none;
1027 }
1028 .datePickerWeekdayLabel,
1029 .datePickerWeekendLabel {
1030 background: #C3D9FF;
1031 padding: 0px 4px 2px;
1032 cursor: default;
1033 }
1034 .datePickerDay {
1035 padding: 4px;
1036 cursor: hand;
1037 cursor: pointer;
1038 }
1039 .datePickerDayIsToday {
1040 border: 1px solid black;
1041 padding: 3px;
1042 }
1043 .datePickerDayIsWeekend {
1044 background: #EEEEEE;
1045 }
1046 .datePickerDayIsFiller {
1047 color: #888888;
1048 }
1049 .datePickerDayIsValue {
1050 background: #aaccee;
1051 }
1052 .datePickerDayIsDisabled {
1053 color: #AAAAAA;
1054 font-style: italic;
1055 }
1056 .datePickerDayIsHighlighted {
1057 background: #F0E68C;
1058 }
1059 .datePickerDayIsValueAndHighlighted {
1060 background: #bbddd9;
1061 }
1062 .datePickerMonthSelector {
1063 background: #C3D9FF;
1064 width: 100%;
1065 }
1066 td.datePickerMonth {
1067 text-align: center;
1068 vertical-align: center;
1069 white-space: nowrap;
1070 font-size: 70%;
1071 font-weight: bold;
1072 color: blue;
1073 }
1074 .datePickerPreviousButton,
1075 .datePickerNextButton {
1076 font-size: 120%;
1077 line-height: 1em;
1078 color: blue;
1079 cursor: hand;
1080 cursor: pointer;
1081 padding: 0px 4px;
1082 }
1083
1084 .gwt-StackLayoutPanel {
1085 border-bottom: 1px solid #bbbbbb;
1086 }
1087 .gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
1088 cursor: pointer;
1089 cursor: hand;
1090 font-weight: bold;
1091 font-size: 1.3em;
1092 padding: 3px;
1093 border: 1px solid #bbbbbb;
1094 border-bottom: 0px;
1095 background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
1096 }
1097 .gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
1098 border: 1px solid #bbbbbb;
1099 border-bottom: 0px;
1100 background: white;
1101 padding: 2px 2px 10px 5px;
1102 }
1103
1104 .gwt-TabLayoutPanel {
1105 }
1106 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
1107 }
1108 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
1109 border-color: #92c1f0;
1110 border-style: solid;
1111 border-width: 3px 2px 2px;
1112 overflow: hidden;
1113 padding: 6px;
1114 }
1115 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
1116 margin-left: 6px;
1117 padding: 3px 6px 3px 6px;
1118 cursor: pointer;
1119 cursor: hand;
1120 color: black;
1121 font-weight: bold;
1122 text-align: center;
1123 background: #d0e4f6;
1124 }
1125 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
1126 cursor: default;
1127 background: #92c1f0;
1128 }
1129
1130 .gwt-SplitLayoutPanel-HDragger {
1131 background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
1132 cursor: col-resize;
1133 }
1134
1135 .gwt-SplitLayoutPanel-VDragger {
1136 background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat;
1137 cursor: row-resize;
1138 }