0
|
1 /*Chart*/
|
|
2 .chartDiv {
|
|
3 margin-top: 10px;
|
|
4 margin-bottom: 10px;
|
|
5 margin-left: 10px;
|
|
6 margin-right: 10px;
|
|
7 background-color: #ffffff;
|
|
8 }
|
|
9 /*This for stacked / bar plot*/
|
|
10 .optionButtons{
|
|
11 padding-bottom: 8px;
|
|
12 }
|
|
13 .igbtn {
|
|
14 border-radius: 4px;
|
|
15 color: white;
|
|
16 background-color: #0E3163;
|
|
17 border:1px;
|
|
18 font-size: 14px;
|
|
19 font-weight: bold;
|
|
20 border-color: #0E3163;
|
|
21 padding: 6px 12px;
|
|
22 background: -webkit-linear-gradient(#0E3163, #3e6db0);
|
|
23 background: -o-linear-gradient(#0E3163, #3e6db0);
|
|
24 background: -moz-linear-gradient(#0E3163, #3e6db0);
|
|
25 background: linear-gradient(#0E3163, #3e6db0);
|
|
26 }
|
|
27 #togglePlot {
|
|
28 display: block;
|
|
29 margin-left: auto;
|
|
30 margin-right: auto;
|
|
31 height: 60px;
|
|
32 width: 90px;
|
|
33 padding: 4px 8px 8px 4px;
|
|
34 }
|
|
35 /*DataTables config*/
|
|
36 div.dt-buttons {
|
|
37 float: right;
|
|
38 }
|
|
39 th {
|
|
40 background-color:#3965A4;
|
|
41 color:#fff;
|
|
42 border-radius: 2px;
|
|
43 padding:6px 12px;
|
|
44 font-size:14px;
|
|
45 text-align: center;
|
|
46 }
|
|
47 .igtable th {
|
|
48 background: -webkit-linear-gradient(#0E3163, #3e6db0);
|
|
49 background: -o-linear-gradient(#0E3163, #3e6db0);
|
|
50 background: -moz-linear-gradient(#0E3163, #3e6db0);
|
|
51 background: linear-gradient(#0E3163, #3e6db0)
|
|
52 }
|
|
53 body td {
|
|
54 max-width: 50px;
|
|
55 font-size: 14px;
|
|
56 overflow: hidden;
|
|
57 text-overflow: ellipsis;
|
|
58 }
|
|
59 .pctable td {
|
|
60 max-width: 100px;
|
|
61 }
|
|
62 .dtable td {
|
|
63 max-width: 50px;
|
|
64 word-break: break-all;
|
|
65 word-wrap: break-word;
|
|
66 }
|
|
67 .popt thead {
|
|
68 display:none;
|
|
69 }
|
|
70 .popt td {
|
|
71 max-width: 40px;
|
|
72 word-break: break-all;
|
|
73 word-wrap: break-word;
|
|
74 }
|
|
75 div.dataTables_wrapper {
|
|
76 width: 95%;
|
|
77 margin: 0 auto;
|
|
78 }
|
|
79 /*Opacity widget*/
|
|
80 .widget {
|
|
81 margin-top: 4px;
|
|
82 padding: 4px 4px 8px 4px;
|
|
83 margin-bottom: 10px
|
|
84 height: 36px;
|
|
85 line-height: 12px;
|
|
86 font-size: 12px;
|
|
87 text-align: center;
|
|
88 // float: right;
|
|
89 }
|
|
90 /*This section for coordinates plot*/
|
|
91 .table th {
|
|
92 text-align: center;
|
|
93 padding: 10px;
|
|
94 }
|
|
95 .table {
|
|
96 width:100%;
|
|
97 border:0px solid;
|
|
98 border-collapse:collapse;
|
|
99 text-align:center;
|
|
100 font-size: 14px;
|
|
101 }
|
|
102 svg {
|
|
103 font: 10px sans-serif;
|
|
104 }
|
|
105 .background path {
|
|
106 fill: none;
|
|
107 stroke: #F0F0F0;
|
|
108 shape-rendering: crispEdges;
|
|
109 }
|
|
110 .foreground path {
|
|
111 fill: none;
|
|
112 stroke-opacity: .8;
|
|
113 }
|
|
114 .brush .extent {
|
|
115 fill-opacity: .3;
|
|
116 stroke: #fff;
|
|
117 shape-rendering: crispEdges;
|
|
118 }
|
|
119 .axis line,
|
|
120 .axis path {
|
|
121 fill: none;
|
|
122 stroke: #000;
|
|
123 stroke-width: 2;
|
|
124 shape-rendering: crispEdges;
|
|
125 }
|
|
126 .axis text {
|
|
127 text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
|
|
128 }
|
|
129 .xlabel {
|
|
130 font-size: 14px;
|
|
131 fill: #808080;
|
|
132 }
|
|
133 .ylabel {
|
|
134 font-size: 16px;
|
|
135 fill: #808080;
|
|
136 }
|
|
137 /*This section for boxplots*/
|
|
138 .box {
|
|
139 font: 10px sans-serif;
|
|
140 }
|
|
141 .box line,
|
|
142 .box rect,
|
|
143 .box circle {
|
|
144 fill: red;
|
|
145 stroke: #000;
|
|
146 stroke-width: 1px;
|
|
147 }
|
|
148 .box .center {
|
|
149 stroke-dasharray: 3,3;
|
|
150 }
|
|
151 .box .outlier {
|
|
152 fill: none;
|
|
153 stroke: #000;
|
|
154 }
|
|
155 .axisbp path,
|
|
156 .axisbp line {
|
|
157 stroke-width: 1px;
|
|
158 fill:
|
|
159 }
|
|
160 .y.axisbp path {
|
|
161 stroke-width: 2;
|
|
162 stroke: #000;
|
|
163 fill: none;
|
|
164 }
|
|
165 .x.axisbp path {
|
|
166 fill: none;
|
|
167 stroke: #C8C8C8;
|
|
168 stroke-width: 0px;
|
|
169 shape-rendering: crispEdges;
|
|
170 }
|