source: vanHelsing/trunk/gui/WebContent/css/showcase_style.css@ 957

Last change on this file since 957 was 854, checked in by tobias, on Mar 26, 2010 at 6:01:33 PM

some beautification regarding the tree view

File size: 21.1 KB
RevLine 
[854]1/*
2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
3 *
4 * "The contents of this file are subject to the Mozilla Public License
5 * Version 1.1 (the "License"); you may not use this file except in
6 * compliance with the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/MPL/
8 *
9 * Software distributed under the License is distributed on an "AS IS"
10 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
11 * License for the specific language governing rights and limitations under
12 * the License.
13 *
14 * The Original Code is ICEfaces 1.5 open source software code, released
15 * November 5, 2006. The Initial Developer of the Original Code is ICEsoft
16 * Technologies Canada, Corp. Portions created by ICEsoft are Copyright (C)
17 * 2004-2006 ICEsoft Technologies Canada, Corp. All Rights Reserved.
18 *
19 * Contributor(s): _____________________.
20 *
21 * Alternatively, the contents of this file may be used under the terms of
22 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"
23 * License), in which case the provisions of the LGPL License are
24 * applicable instead of those above. If you wish to allow use of your
25 * version of this file only under the terms of the LGPL License and not to
26 * allow others to use your version of this file under the MPL, indicate
27 * your decision by deleting the provisions above and replace them with
28 * the notice and other provisions required by the LGPL License. If you do
29 * not delete the provisions above, a recipient may use your version of
30 * this file under either the MPL or the LGPL License."
31 *
32 */
33
34div.clearer {
35 clear:both;
36 height:0px;
37 visibility: hidden;
38 line-height:.01em;
39 padding:0;
40 margin:0;
41}
42
43/* header begin */
44
45div.header_container {
46 width: 100%;
47 height: 159px;
48 min-width: 730px;
49 background-image: url( './images/banner_bg.gif' );
50 background-repeat: repeat-x;
51 background-position: left top;
52 float:left;
53 width:100%;
54}
55div.header_content{
56 height: 159px;
57 background-image: url( './images/banner_logo.jpg' );
58 background-repeat: no-repeat;
59 background-position: right top;
60 float:left;
61 width:100%;
62}
63
64/* header end */
65
66/* body start */
67
68/* provides a continer to center a child div in */
69div.body_container{
70 float:left;
71 margin-top:-80px;
72 width:100%;
73}
74/* centers in parent as long as parent is larger then child*/
75div.body_content {
76 margin:0 auto;
77 width:980px;
78 padding-left: 25px;
79}
80div.body_content div{
81 /*height: 100px;*/
82}
83div.navigationContainer {
84 border: none;
85 float: left;
86 width:230px;
87 border-bottom: 1px solid #d9d9d9;
88}
89
90/* margin-left should be updated along with the relative position of */
91div.contentContainer {
92 background: none;
93 border: none;
94 float:left;
95 padding-left: 6px;
96 width:720px;
97}
98
99table.componentTabSetContainer {
100 width: 99%;
101}
102
103/* footer begin */
104div.footer_container {
105 float: left;
106 width: 100%;
107 height: 95px;
108 min-width: 705px;
109 background-image: url( './images/bgslice_footer.jpg' );
110 background-repeat: repeat-x;
111 background-position: bottom left;
112}
113div.footer_content{
114 height: 95px;
115 background-image: url( './images/footer_faces.jpg' );
116 background-repeat: no-repeat;
117 background-position: bottom right;
118}
119
120div.footer_content div{
121 float:left;
122 padding-top:60px;
123 padding-left:10px;
124 color: white;
125}
126div.footer_content a, div.footer_content a:hover{
127 color: orange;
128 text-decoration: none;
129}
130div.footer_content a{
131
132}
133
134div.footer_content a:hover{
135 text-decoration: underline;
136}
137/* footer end */
138
139/* controls the appearance of links throughout the application */
140a:link, a:hover, a:visited, a:active {
141 font-family: Tahoma, Helvetica, sans-serif;
142 font-weight: normal;
143 text-decoration: none;
144 color: #000;
145}
146a:hover{
147 color: #000033;
148 text-decoration:underline
149}
150a:visited{
151 /*color: #104e5b;*/
152}
153a:active{
154 color: #318496;
155}
156
157/* doc view template decloration */
158.docViewContainer, .docViewNavigation, .docViewContent{
159 float:left;
160}
161.docViewNavigation, .docViewContent{
162 height: 500px;
163}
164.docViewNavigation{
165 width: 150px;
166 overflow: scroll;
167}
168.docViewContent{
169 width: 514px;
170 border: 1px solid #D9D9D9;
171}
172.docViewContainer{
173 width: 670px;
174}
175.docViewContainer a{
176 color: #444444;
177}
178a.docViewNodeSelectedtrue{
179 font-weight: bold;
180}
181.docViewContainer a:visited{
182 color: #104e5b;
183}
184.docViewContainer a:hover{
185 text-decoration: none;
186 color: #318496;
187}
188
189.includeIframe{
190 width:100%;
191 height:100%;
192 border: none;
193 background-color: white;
194 font-size: 11pt;
195}
196
197/* Main wrapper class for all component examples */
198.componentBox {
199 float: left;
200 padding: 0 0 0 0;
201}
202/* Parent of componentBox when component examples are used in portlets */
203.componentBoxPortlet{
204 background-color:white;
205}
206
207.synopsisBox {
208 border: none;
209 min-height: 36px;
210 padding: 0 0 0 50px;
211 background: url( './images/icon_info.gif' ) no-repeat top left;
212 display: block;
213}
214
215.exampleBox {
216 margin: 15px 15px 0 0;
217 padding: 15px;
218 background: #FFF;
219 border: 1px solid #d9d9d9;
220 display: block;
221 float:left;
222}
223
224.synopsisBox .iceOutTxt {
225 display: block;
226}
227
228/* 2 + 13 =15 or the exampleBox margin. */
229/* give outline effect for server chagned values boxes. */
230.backBeanChangeContainer{
231 padding: 0;
232}
233
234.backBeanChangeTitle{
235 margin: 0;
236 height: 20px;
237 width: 275px;
238 padding: 6px 0 0 8px;
239 background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
240 border-bottom: 1px solid #d9d9d9;
241}
242
243.backBeanChangeBody{
244 padding:2px;
245}
246
247.backBeanChangeBody > div.icePnlGrp:first-child {
248 padding: 15px;
249 background-color: white;
250}
251
252.iceOutTxt {
253 color: #484848;
254}
255
256.iceSelOneRb-dis {
257 border: 0;
258 background-color: #FFFFFF;
259 color: #444444;
260}
261
262h3 {
263 font: 11px tahoma;
264 font-weight: bold;
265 margin: 0 0 10px 0;
266}
267
268.columnsColumn {
269 border: none;
270}
271
272/*
273------------- Theme Controller
274*/
275
276.themeControlContainer {
277 /*float:left;*/
278 border:1px solid #D9D9D9;
279 height:28px;
280 margin-bottom:7px;
281 padding: 7px 5px 5px 5px;
282 text-align:left;
283 vertical-align:middle;
284 white-space: nowrap;
285}
286
287.themeControlContainer .changeThemeButton {
288 border: 1px solid #d9d9d9;
289 display:inline;
290 margin-top:3px;
291 padding: 4px 25px 4px 10px;
292 width: 70px;
293 background-image: url('./images/theme_refresh.png');
294 background-position: right center;
295 background-repeat: no-repeat;
296}
297
298.themeSelectOneMenu {
299 margin:0;
300 padding:0;
301 margin-left: 3px;
302 margin-right: 3px;
303 margin-top:5px;
304 border: 1px solid #d9d9d9;
305 /*padding-top: 2px;*/
306 width: 90px;
307}
308
309.themeControlContainer a {
310 color: #444;
311}
312
313/*
314------------- Navigation Tree
315*/
316.navigationTree{
317
318}
319.navigationTreeRow {
320 white-space: nowrap;
321 vertical-align: middle;
322 padding: 0;
323}
324
325.navigationTreeRow a {
326 text-decoration: none;
327 color: #000000;
328 cursor: pointer;
329 padding: 0;
330 padding-left: 3px;
331 vertical-align: middle;
332}
333
334.navigationTreeRow a:hover {
335 text-decoration: underline;
336}
337
338.navigationTreeRow img {
339 border: 0;
340 vertical-align: middle;
341 background-repeat: repeat-y;
342 padding: 0;
343}
344.navigationTreeRow > img{
345 width: 16px;
346}
347
348
349.navigationTreeRow a img {
350/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
351 background-repeat: repeat-y;
352 border: 0;
353 padding: 0;
354}
355
356.navigationTreeRow * div {
357 padding: 0;
358 vertical-align: middle;
359}
360
361
362
363/* node selection and rollover state. */
364a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
365 color: #318496;
366 text-decoration: none;
367 padding-left: 16px;
368 background: url( './images/navigation_tree/tree_node_rollover.gif' ) no-repeat left center;
369}
370
371a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
372 /*color: #104e5b;*/
373}
374
375a.navNodeSelecttrue {
376 font-weight: bold;
377 padding-left: 16px;
378 background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
379}
380
381a.navNodeSelectfalse {
382 padding-left: 16px;
383 background: url( './images/navigation_tree/tree_node.gif' ) no-repeat left center;
384}
385
386a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover{
387 padding-left: 20px;
388 background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
389}
390
391a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover{
392 padding-left: 20px;
393 background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
394}
395
396/*
397---------- end tree
398*/
399
400/* drag and drop demo */
401.dndCartDesc span:first-child {
402 font-weight: bold;
403}
404.dndCartDesc{
405 margin-top:15px;
406 margin-bottom:5px;
407 float:left;
408}
409.inventoryItemContainer{
410 float: left;
411 margin: 8px;
412 border: 1px solid #d9d9d9;
413 width: 100px;
414}
415.inventoryItemContainer div{
416 text-align: center;
417}
418
419.chartContainer{
420 float:left;
421 width: 462px;
422 border: 1px solid #d9d9d9;
423}
424.returnItemButton {
425 border: 1px solid #d9d9d9;
426 background-color: white;
427 display:inline;
428 padding: 4px 25px 4px 10px;
429 background-image: url('../images/dragDrop/return_arrow.png');
430 background-position: right center;
431 background-repeat: no-repeat;
432}
433.cartDropTarget{
434 background-color: #fda505;
435}
436
437/* effects demo */
438.effectWrapperContainer{
439 float:left;
440 margin: 15px;
441 width: 125px;
442 height: 80px;
443 padding: 2px;
444}
445.effectWrapperContainer:hover {
446 text-decoration: none;
447}
448.effectsDemoContainer{
449 float:left;
450 width: 125px;
451 height: 80px;
452 vertical-align: middle;
453 text-align: center;
454 border: 1px solid #d9d9d9;
455 overflow: hidden;
456 background:url('../images/effect_gradient.gif') bottom left repeat-x;
457}
458.effectsDemoContainer > div{
459 float:left;
460 width:100%;
461 font: 11px tahoma;
462 vertical-align: middle;
463 text-align: center;
464 color: #484848;
465 /*padding: 7px;*/
466 font-weight: bold;
467}
468.effectsDemoTitle{
469 background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x center left;
470 border-bottom: 1px solid #d9d9d9;
471}
472.effectsDemoContainer:hover {
473 cursor: pointer;
474 text-decoration: none;
475}
476.effectsDemoContainer:hover .iceOutTxt {
477 color: #318496;
478 text-decoration: none;
479}
480.effectsDemoContainer a:hover{
481 text-decoration: none;
482}
483
484/* DATA PAGINATOR EXAMPLE */
485.dataPaginatorDataTable {
486 float: left;
487 margin-top: 20px;
488}
489
490.dataPaginatorVertical_true {
491
492}
493
494.dataPaginatorVertical_false {
495 clear: left;
496}
497
498/* END DATA PAGINATOR EXAMPLE */
499
500
501
502/* main styles for individual component examples */
503
504.synopsisBox > span:first-child,
505 div.firstChildTitle > span:first-child,
506 div.firstChildTitle > div > span:first-child {
507 font-weight: bold;
508}
509
510.title {
511 color: yellow;
512}
513
514.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited,
515 .exampleBox a:hover, .synopsisBox a:hover {
516 font-family: Arial, Helvetica, sans-serif;
517 font-weight: normal;
518}
519
520.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited {
521 text-decoration: none;
522}
523
524.exampleBox a:hover, .synopsisBox a:hover {
525 text-decoration: underline;
526}
527
528.exampleBox .iceMnuItm a:hover {
529 text-decoration: none;
530}
531
532.centerBox {
533 margin-right: auto;
534 margin-left: auto;
535}
536
537
538table.verticalAlignTop td {
539 vertical-align: top;
540}
541div.verticalAlignMdl{
542 vertical-align: middle;
543}
544
545/* connection status style for tabbed template */
546.navConnectionStatus {
547 left:900px;
548 position:relative;
549 top:33px;
550}
551
552
553/* left navigation panel collapsible, is not effected by theme changes. */
554.navPnlClpsbl, .navPnlClpsblColpsd {
555 border-bottom: none;
556}
557
558.navPnlClpsblCnt .navPnlClpsbl {
559 border: none;
560}
561
562.navPnlClpsblHdr {
563 font: 11px tahoma;
564 color: #484848;
565 padding: 3px 0 1px 4px;
566 font-weight: bold;
567 height: 20px;
568 background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
569 border-bottom: 1px solid #d9d9d9;
570}
571
572.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
573 padding-left: 22px;
574}
575
576.navPnlClpsblHdr .icePnlGrp a {
577 font-weight: bold;
578}
579
580.navPnlClpsblCnt {
581 font: 11px / 17px tahoma;
582 color: #494949;
583 background: #f5f5f5;
584 padding: 4px 4px 4px 9px;
585 border-bottom: none;
586}
587
588.navPnlClpsblCnt .navPnlClpsblHdr {
589 font: 11px tahoma;
590 color: #484848;
591 padding: 0 0 0 0;
592 font-weight: bold;
593 height: 20px;
594 border: none;
595 margin-top: 8px;
596}
597
598.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
599 background: none;
600}
601
602.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
603 font: 11px tahoma;
604 color: #484848;
605 padding: 0 0 0 0;
606 font-weight: bold;
607 height: 20px;
608 border: none;
609 margin-top: 8px;
610}
611
612.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt{
613 background: none;
614}
615
616.navPnlClpsblCnt .navPnlClpsblCnt {
617 border-left: none;
618 border-right: none;
619 padding: 0 0 0 10px;
620}
621
622.navPnlClpsblCnt .navPnlClpsblColpsd {
623 border: none;
624}
625
626.navPnlClpsblColpsdHdr {
627 font: 11px tahoma;
628 color: #484848;
629 padding: 3px 0 1px 4px;
630 font-weight: bold;
631 height: 20px;
632 background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
633 border-bottom: none;
634}
635
636.navPnlClpsblColpsdHdr .iceOutTxt,
637 .navPnlClpsblHdr .iceOutTxt {
638 padding-left: 22px;
639 color: #484848;
640}
641
642.navPnlClpsblColpsdCnt {
643 border: none;
644}
645
646.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
647 cursor: pointer;
648}
649
650.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
651 background-repeat: no-repeat;
652 background-position: left top;
653 height: 18px;
654}
655/* -------------------------- */
656.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a{
657 color: #444444;
658}
659.navPnlClpsblWrapper {
660 margin-top: 20px;
661 display: block;
662 float: left;
663}
664
665.navPnlClpsblLnks .iceOutTxt {
666}
667
668.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
669 .navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
670 color: #004080;
671}
672
673.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
674 text-decoration: none;
675}
676
677.navPnlClpsblLnks:hover {
678 text-decoration: underline;
679}
680
681.navPnlClpsblEnd {
682 border-bottom: 1px solid #d9d9d9;
683}
684
685.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
686 padding-left: 18px;
687}
688
689.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div {
690 background: url( './images/navigation_tree/tree_folder_open.gif' ) no-repeat 0 3px;
691 margin:0 0 0 -2px;
692 padding:1px 0 0 5px;
693 background-position: 3px 2px;
694}
695.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
696 background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat 0 3px;
697 margin:0 0 0 -2px;
698 padding:1px 0 0 5px;
699 background-position: 3px 2px;
700}
701/* end of navigation panel collapsible */
702
703
704/* AUTOCOMPLETE EXAMPLE */
705
706.cityCol {
707 width: 125px;
708}
709
710.stateCol {
711 width: 125px;
712}
713
714.zipCol {
715 width: 50px;
716}
717
718.serverFeedbackBorderHighlight {
719 vertical-align: top;
720 border: 1px solid #CCCCCC;
721 padding: 10px;
722 width: 300px;
723}
724
725.iceSelInpTxtRow, .iceSelInpTxtSelRow {
726 height: 15px;
727}
728
729.iceSelInpTxtSelRow {
730 color: #FFFFFF;
731}
732
733/* END AUTOCOMPLETE EXAMPLE */
734
735/* COLUMNS EXAMPLE */
736
737.columnsColumn, .columnsNestedColumn, .columnsNestedBoldColumn {
738 white-space: nowrap;
739 color: #000000;
740 padding-left: 5px;
741 padding-right: 5px;
742 padding-top: 3px;
743 padding-bottom: 3px;
744 text-align: center;
745}
746
747.columnsColumn {
748 border-left: 1px solid #CCCCCC;
749 border-right: 1px solid #CCCCCC;
750 border-bottom: 1px solid #CCCCCC;
751 width: 55px;
752}
753
754/* END COLUMNS EXAMPLE */
755
756/* MENUBAR EXAMPLE */
757
758.menuHeadingItem a {
759 width: 144px;
760}
761
762.orientationLabel {
763 display: inline;
764 float: left;
765}
766
767.orientationRadioBtn label {
768 vertical-align: top;
769}
770
771/* END MENUBAR EXAMPLE */
772
773/* MENUPOPUP EXAMPLE */
774.menuPopupEffectsVrtSubMenuInd {
775 padding-top: 0px;
776}
777/* END MENUPOPUP EXAMPLE */
778
779/* PANELBORDER.JSPX */
780.pnlBrdrDemo {
781 margin: 15px 15px 0 0;
782 display: block;
783 float: left;
784 padding: 15px;
785}
786
787.pnlBrdrDemoNorth, .pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter, .pnlBrdrDemoSouth {
788 border: 1px solid #CCCCCC;
789 background-color: #EEEEEE;
790 padding: 5px;
791 font-weight: bold;
792 text-align: center;
793 vertical-align: middle;
794}
795
796.pnlBrdrDemoNorth, .pnlBrdrDemoSouth {
797 height: 60px;
798}
799.pnlBrdrDemoEast, .pnlBrdrDemoWest{
800 width:100px;
801}
802.pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter {
803 height: 100px;
804}
805
806/* END PANELBORDER.JSPX */
807
808/* SELECTINPUTDATE.JSPX */
809.weekend a {
810 background-color: #999999;
811}
812
813.weekend a span {
814 color: white;
815}
816
817.august span {
818 font-weight: bold;
819}
820
821/* END SELECTINPUTDATE.JSPX */
822
823/* GMAP.JSPX */
824.iceGmpMapTd div.gmap {
825 width: 545px;
826 height: 350px;
827 border: 3px inset #555555;
828}
829
830/* END GMAP.JSPX */
831
832/* PANELPOPUP.JSPX */
833
834.corePopup {
835 position: absolute;
836 z-index: 1001;
837 width: 300px;
838 height: 150px;
839 top: 60%;
840 left: 40%;
841}
842
843.corePopup table {
844 width: 100%;
845}
846
847.popupBody {
848 margin-top: 25px;
849 width: 100%;
850 text-align: center;
851 vertical-align: middle;
852}
853
854.popupHeaderWrapper {
855 text-align: center;
856 vertical-align: middle;
857}
858
859.popupHeaderText {
860 float: left;
861}
862
863.popupHeaderImage {
864 float: right;
865 margin-top: 2px;
866 margin-right: 2px;
867}
868
869/* END PANELPOPUP.JSPX */
870
871/* START PANELPOSITIONABLE */
872
873.positionPanelContainer{
874 /*border: 1px solid #d9d9d9; */
875}
876.rankPanelContainer span, .rankPanelContainer span{
877 font-weight: normal;
878}
879
880.positionPanelContainer div.container{
881 background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
882 color: #484848;
883 padding-left: 5px;
884 font-weight: normal;
885 width: 125px;
886 border: 1px solid #d9d9d9;
887}
888
889.positionPanelContainer div.moveLabel{
890 background: url( '../images/move_arrows.gif' ) no-repeat center left;
891 padding: 6px 0 0 25px;
892 height: 20px;
893}
894.rankPanelContainer div{
895 padding: 6px 0 0 5px;
896 border: 1px solid white;
897 height: 20px;
898}
899
900
901/* END PANELPOSITIONABLE */
902
903/* START PANEL TABSET */
904.tabsetControls div{
905 float: left;
906 margin-left: 3px;
907 vertical-align: middle;
908}
909.tabsetControls div div{
910 float: left;
911 margin: 3px;
912 vertical-align: middle;
913}
914/* END PANEL TABSET */
915
916/* START PANEL STACK */
917.panelStackContainer table.icePnlStk {
918 width:100%;
919}
920.stackExamplePanel table{
921 width:100%;
922 padding:0;
923 margin:0;
924 background-color: #F5F5F5;
925 border-left: 1px solid #DADADA;
926 border-top: 1px solid #DADADA;
927}
928.stackExamplePanel table td{
929 padding: 25px;
930 border-right: 1px solid #DADADA;
931 border-bottom: 1px solid #DADADA;
932}
933.stackExamplePanel span{
934 font-weight: bold;
935}
936.stackExamplePanel a span{
937 font-weight: normal;
938}
939/* END PANEL STACK */
940/* START PANEL SERIES */
941.panelSeriesContainer .employeeBox{
942 width:200px;
943 border: 1px solid #DADADA;
944 /*padding: 10px;*/
945 margin: 5px;
946 float: left;
947}
948.exampleBox.panelSeriesContainer {
949 width: 424px;
950}
951/* END PANEL SERIES */
952/* START PANEL TOOLTIP */
953.panelToolTipInvnItem{
954 float:left;
955 margin: 8px;
956 border: 1px solid #DADADA;
957 text-align: center;
958}
959.icePnlTlTip table {
960 width: 100%;
961}
962/* END PANEL TOOLTIP */
963
964/* START OUTPUT PROGRESS */
965.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
966 width: 350px;
967}
968/* END OUTPUT PROGRESS */
969
970/* START CONNECTION STATUS */
971.connectionStatusGraphics{
972 width:100%;
973}
974.connectionStatusGraphics span{
975 font-weight:bold;
976}
977.connectionStatusGraphics td{
978 text-align: center;
979 vertical-align: middle;
980
981}
982/* END CONNECTION STATUS */
983
984/* START TREE */
985.selectedNodetrue span{
986 font-weight:bold;
987}
988.iceTree a:hover .iceOutTxt {
989 color: #318496;
990}
991/* END TREE */
992
993/* Chart example */
994.chartConfigurationContainer div.firstChildTitle > label:first-child{
995 margin-bottom: 5px;
996 display:block;
997}
998/* end chart example*/
999
1000/* media example */
1001.mediaSelection {
1002
1003}
1004.mediaSelection table{
1005 width: 250px;
1006}
1007
1008/* end media exmaple*/
1009
1010.pnlGrdClass {
1011 width:70px;
1012 text-align:left;
1013 vertical-align:top;
1014}
1015.pnlGrdClassLong {
1016 width:200px;
1017 text-align:left;
1018 vertical-align:top;
1019}
1020
Note: See TracBrowser for help on using the repository browser.