source: other-projects/FileTransfer-WebSocketPair/GXTWebsocketClient/war/testelementalsockets/gwt/clean/clean_rtl.css@ 31449

Last change on this file since 31449 was 31449, checked in by davidb, 7 years ago

Adding three project folders for Nathan Kelly's 2016/2017 summer project, experimenting with Websockets for File Transfer with GWT and Sencha GXT

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