Mercurial > repos > immport-devteam > flow_overview
comparison css/parallelCoordinates.css @ 1:b5453d07f740 draft default tip
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/flow_overview commit 65373effef15809f3db0e5f9603ef808f4110aa3"
author | azomics |
---|---|
date | Wed, 29 Jul 2020 17:03:53 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
0:8283ff163ba6 | 1:b5453d07f740 |
---|---|
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 } |