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 }