Mercurial > repos > azomics > clustergrammer_flow
comparison css/clustergrammer_custom.css @ 0:fee56ee2f7ac draft
"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/clustergrammer_flow commit b11dfcf10d287c1da91ffb1d5d0148c7f8f61356"
author | azomics |
---|---|
date | Fri, 31 Jul 2020 19:06:45 -0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:fee56ee2f7ac |
---|---|
1 * { | |
2 -webkit-box-sizing: border-box; | |
3 } | |
4 | |
5 body{ | |
6 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
7 font-size: 14px; | |
8 line-height: 1.428; | |
9 color: #333; | |
10 background-color: #fff; | |
11 } | |
12 | |
13 /*.clust_icon{ | |
14 float:left; | |
15 width: 33.3333333%; | |
16 padding-left: 15px; | |
17 padding-right: 15px; | |
18 }*/ | |
19 | |
20 .viz_medium_text{ | |
21 width:99%; | |
22 margin-left: 5px; | |
23 margin-top: 3px; | |
24 margin-bottom: 3px; | |
25 color:#333; | |
26 text-align: justify; | |
27 font-size: 14px; | |
28 font-weight: 300; | |
29 padding-left: 0px; | |
30 } | |
31 | |
32 .viz_large_text{ | |
33 width:99%; | |
34 margin: 0 auto; | |
35 margin-top: 6px; | |
36 margin-bottom: 3px; | |
37 color:#333; | |
38 text-align: justify; | |
39 font-size: 16px; | |
40 font-weight: 300; | |
41 padding-left: 0px; | |
42 } | |
43 | |
44 /* need to move d3-tip into stypes */ | |
45 .d3-tip { | |
46 line-height: 1.25; | |
47 font-weight: bold; | |
48 padding: 12px; | |
49 background: rgba(0, 0, 0, 0.8); | |
50 color: #fff; | |
51 border-radius: 2px; | |
52 max-width: 500px; | |
53 } | |
54 | |
55 /* Style northward tooltips differently */ | |
56 .d3-tip.n:after { | |
57 margin: -1px 0 0 0; | |
58 top: 100%; | |
59 left: 0; | |
60 } | |
61 | |
62 .noselect { | |
63 -webkit-touch-callout: none; | |
64 -webkit-user-select: none; | |
65 -khtml-user-select: none; | |
66 -moz-user-select: none; | |
67 -ms-user-select: none; | |
68 user-select: none; | |
69 } | |
70 | |
71 | |
72 .icon_buttons{ | |
73 color: #337ab7; | |
74 } | |
75 | |
76 .sidebar_text{ | |
77 font-weight: 300; | |
78 font-size: 14px; | |
79 line-height: 1.1; | |
80 } | |
81 | |
82 .sidebar_button_text{ | |
83 font-size: 13px; | |
84 font-weight: 300; | |
85 } | |
86 | |
87 .btn{ | |
88 padding-top:2px; | |
89 padding-bottom:2px; | |
90 } | |
91 | |
92 .btn-group-vertical > .btn:not(:first-child):not(:last-child) { | |
93 border-radius: 0; | |
94 } | |
95 | |
96 .btn-group-vertical > .btn + .btn, | |
97 .btn-group-vertical > .btn + .btn-group, | |
98 .btn-group-vertical > .btn-group + .btn, | |
99 .btn-group-vertical > .btn-group + .btn-group { | |
100 margin-top: -1px; | |
101 margin-left: 0; | |
102 } | |
103 | |
104 .btn-group-vertical > .btn.active { | |
105 z-index: 2; | |
106 } | |
107 | |
108 .btn-group-vertical > .btn, | |
109 .btn-group-vertical > .btn-group, | |
110 .btn-group-vertical > .btn-group > .btn { | |
111 display: block; | |
112 float: none; | |
113 width: 100%; | |
114 max-width: 100%; | |
115 } | |
116 | |
117 .btn-group-vertical > .btn { | |
118 position: relative; | |
119 float: left; | |
120 } | |
121 | |
122 .btn-primary.active, | |
123 .open > .dropdown-toggle.btn-primary { | |
124 background-image: none; | |
125 } | |
126 | |
127 .btn-primary.active, | |
128 .open > .dropdown-toggle.btn-primary { | |
129 color: #fff; | |
130 background-color: #286090; | |
131 border-color: #204d74; | |
132 } | |
133 | |
134 .btn.active { | |
135 background-image: none; | |
136 outline: 0; | |
137 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
138 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
139 } | |
140 | |
141 .btn { | |
142 font-family: inherit; | |
143 display: inline-block; | |
144 /*padding: 6px 12px;*/ | |
145 margin-bottom: 0; | |
146 /*font-size: 14px;*/ | |
147 /*font-weight: normal;*/ | |
148 line-height: 1.42857143; | |
149 text-align: center; | |
150 white-space: nowrap; | |
151 vertical-align: middle; | |
152 -ms-touch-action: manipulation; | |
153 touch-action: manipulation; | |
154 cursor: pointer; | |
155 -webkit-user-select: none; | |
156 -moz-user-select: none; | |
157 -ms-user-select: none; | |
158 user-select: none; | |
159 background-image: none; | |
160 border: 1px solid transparent; | |
161 border-radius: 4px; | |
162 } | |
163 | |
164 .btn-primary { | |
165 color: #fff; | |
166 background-color: #337ab7; | |
167 border-color: #2e6da4; | |
168 } | |
169 | |
170 .toggle_row_order{ | |
171 position: relative; | |
172 display: inline-block; | |
173 vertical-align: middle; | |
174 } | |
175 | |
176 .modal-backdrop{ | |
177 display: none; | |
178 } | |
179 | |
180 .modal-backdrop.fade{ | |
181 display: none; | |
182 } | |
183 | |
184 .modal-backdrop.in{ | |
185 display: none; | |
186 } | |
187 | |
188 /* sidebar tooltips */ | |
189 .sidebar_tooltip { | |
190 position: relative; | |
191 display: inline-block; | |
192 } | |
193 | |
194 .sidebar_tooltip .sidebar_tooltip_text { | |
195 visibility: hidden; | |
196 width: 120px; | |
197 background: rgba(0, 0, 0, 1); | |
198 /*opacity: 0.95;*/ | |
199 color: #fff; | |
200 text-align: center; | |
201 border-radius: 6px; | |
202 padding: 5px 0; | |
203 | |
204 position: absolute; | |
205 z-index: 1000; | |
206 top:100%; | |
207 /*left:-400%;*/ | |
208 font-size: 15px; | |
209 /*margin-left: 60px;*/ | |
210 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
211 font-size: 13px; | |
212 font-weight: bold; | |
213 } | |
214 | |
215 .sidebar_tooltip:hover .sidebar_tooltip_text { | |
216 visibility: visible; | |
217 } | |
218 | |
219 div.awesomplete > ul { | |
220 z-index: 99; | |
221 } | |
222 | |
223 | |
224 .form-control { | |
225 font-family: inherit; | |
226 display: block; | |
227 width: 100%; | |
228 height: 34px; | |
229 padding: 6px 12px; | |
230 font-size: 14px; | |
231 line-height: 1.42857143; | |
232 color: #555; | |
233 background-color: #fff; | |
234 background-image: none; | |
235 border: 1px solid #ccc; | |
236 border-radius: 4px; | |
237 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
238 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
239 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; | |
240 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
241 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
242 } | |
243 | |
244 button, | |
245 input, | |
246 optgroup, | |
247 select, | |
248 textarea { | |
249 margin: 0; | |
250 font: inherit; | |
251 color: inherit; | |
252 } |