0
|
1 body{
|
|
2 overflow:auto;
|
|
3 font-family: "Lucida Sans",Calibri, "Myriad Pro", Helvetica, Arial,Verdana !important;
|
|
4 }
|
|
5 body,input{
|
|
6 margin:0;
|
|
7 padding:0;
|
|
8 }
|
|
9 #leftWrapper,#rightWrapper{
|
|
10 display:inline-block;
|
|
11 vertical-align:top;
|
|
12 margin:0px;
|
|
13 }
|
|
14 #rightWrapper{
|
|
15 width:95vw;
|
|
16 margin-left:55px;
|
|
17 margin-top:10px;
|
|
18 margin-bottom:10px;
|
|
19 }
|
|
20 #leftWrapper{
|
|
21 position:fixed;
|
|
22 margin-left:10px;
|
|
23 margin-top:10px;
|
|
24 }
|
|
25 .container{
|
|
26 display:inline-block;
|
|
27 vertical-align:top;
|
|
28 width:100%;
|
|
29 }
|
|
30 #toolbarContainer{
|
|
31 width:40px;
|
|
32 }
|
|
33 #toolbarContainer .icon{
|
|
34 width:35px;
|
|
35 height:35px;
|
|
36 margin-bottom:5px;
|
|
37 display:inline-block;
|
|
38 background:#777;
|
|
39 -webkit-border-radius: 5px;
|
|
40 -moz-border-radius: 5px;
|
|
41 border-radius: 5px;
|
|
42 color:#fff;
|
|
43 cursor:pointer;
|
|
44 vertical-align:bottom;
|
|
45 text-align:center;
|
|
46 line-height:20px;
|
|
47 font-size:12px;
|
|
48 background: #777; /* Old browsers */
|
|
49 background: -moz-linear-gradient(top, #666 0%, #555 100%); /* FF3.6+ */
|
|
50 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#555)); /* Chrome,Safari4+ */
|
|
51 background: -webkit-linear-gradient(top, #666 0%,#555 100%); /* Chrome10+,Safari5.1+ */
|
|
52 background: -o-linear-gradient(top, #666 0%,#555 100%); /* Opera 11.10+ */
|
|
53 background: -ms-linear-gradient(top, #666 0%,#555 100%); /* IE10+ */
|
|
54 background: linear-gradient(to bottom, #666 0%,#555 100%); /* W3C */
|
|
55 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555',GradientType=0 ); /* IE6-9 */
|
|
56
|
|
57 }
|
|
58 #toolbarContainer .selected{
|
|
59 background:#333;
|
|
60 box-shadow:inset 1px 4px 5px rgba(0%,0%,0%,1.0);
|
|
61 }
|
|
62 #toolbarContainer .icon img{
|
|
63 width:35px;
|
|
64 height:35px;
|
|
65 }
|
|
66 .overlay,.map,.pieChart,.timeline,.table{
|
|
67 padding:0px;
|
|
68 }
|
|
69 .pieChart{
|
|
70 z-index:19992;
|
|
71 }
|
|
72 .timeline{
|
|
73 z-index:19993;
|
|
74 }
|
|
75 .overlayLoader{
|
|
76 display:none;
|
|
77 }
|
|
78 .dataset{
|
|
79 z-index:19990;
|
|
80 }
|
|
81 .overlay{
|
|
82 z-index:19991;
|
|
83 }
|
|
84 .about{
|
|
85 z-index:19994;
|
|
86 }
|
|
87 #datasetContainer,#overlayContainer{
|
|
88 background:#fff;
|
|
89 height:auto;
|
|
90 padding:10px;
|
|
91 width:250px;
|
|
92 }
|
|
93 .option{
|
|
94 height:auto;
|
|
95 color:#888;
|
|
96 margin-bottom:5px;
|
|
97 }
|
|
98 .label{
|
|
99 display:inline-block;
|
|
100 width:220px;
|
|
101 text-align:left;
|
|
102 font-weight:normal;
|
|
103 }
|
|
104 input[type="checkbox"]{
|
|
105 margin-right:5px;
|
|
106 vertical-align:top;
|
|
107 margin-top:5px;
|
|
108 }
|
|
109 #mapContainer{
|
|
110 background:#fff;
|
|
111 height:600px;
|
|
112 }
|
|
113 .pieChart .content, #pieChartContainer{
|
|
114 background:#fff;
|
|
115 width:600px;
|
|
116 height:450px;
|
|
117 }
|
|
118 #pieChartsDivID > div:nth-child(odd){
|
|
119 padding-top:10px;
|
|
120 }
|
|
121 #pieChartsDivID > div:nth-child(odd){
|
|
122 padding-bottom:5px;
|
|
123 }
|
|
124 #pieChartsDivID div{
|
|
125 background:#fff;
|
|
126 }
|
|
127 .timeline .content, #timelineContainer{
|
|
128 background:#fff;
|
|
129 width:93vw;
|
|
130 height:400px;
|
|
131 }
|
|
132 #tableContainer{
|
|
133 margin-top:10px;
|
|
134 background:#fff;
|
|
135 }
|
|
136 #aboutContainer{
|
|
137 padding:10px;
|
|
138 }
|
|
139 .about .content{
|
|
140 background:#fff;
|
|
141 width:600px;
|
|
142 height:auto;
|
|
143 }
|
|
144 .legend > table, .legend > div {
|
|
145 width: 200px !important;
|
|
146 height: 150px !important;
|
|
147 display: block;
|
|
148 overflow-y: scroll;
|
|
149 position: absolute;
|
|
150 margin-right:30px;
|
|
151 bottom: 0px;
|
|
152 font-size: 12px;
|
|
153 }
|
|
154 #tableContainer .tableTabs .tableTab .removeDataset{
|
|
155 /*display:none;*/
|
|
156 }
|
|
157 #tableContainer .tableTabs .tableTab{
|
|
158 vertical-align:top;
|
|
159 }
|