Mercurial > repos > immport-devteam > flow_overview
comparison js/Editor-1.5.6/css/scss/upload.scss @ 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 | |
2 div.DTE div.editor_upload { | |
3 padding-top: 4px; | |
4 | |
5 div.eu_table { | |
6 display: table; | |
7 width: 100%; | |
8 } | |
9 | |
10 div.row { | |
11 display: table-row; | |
12 } | |
13 | |
14 div.cell { | |
15 display: table-cell; | |
16 position: relative; | |
17 width: 50%; | |
18 vertical-align: top; | |
19 } | |
20 | |
21 div.cell + div.cell { | |
22 padding-left: 10px; | |
23 } | |
24 | |
25 div.row + div.row { | |
26 div.cell { | |
27 padding-top: 10px; | |
28 } | |
29 } | |
30 | |
31 button.btn, | |
32 input[type=file] { | |
33 width: 100%; | |
34 height: 2.3em; | |
35 font-size: 0.8em; | |
36 text-align: center; | |
37 line-height: 1em; | |
38 } | |
39 | |
40 input[type=file] { | |
41 position: absolute; | |
42 top: 0; | |
43 left: 0; | |
44 width: 100%; | |
45 opacity: 0; | |
46 } | |
47 | |
48 div.drop { | |
49 position: relative; | |
50 box-sizing: border-box; | |
51 width: 100%; | |
52 height: 100%; | |
53 border: 3px dashed #ccc; | |
54 border-radius: 6px; | |
55 min-height: 4em; | |
56 color: #999; | |
57 padding-top: 3px; | |
58 text-align: center; | |
59 | |
60 &.over { | |
61 border: 3px dashed #111; | |
62 color: #111; | |
63 } | |
64 | |
65 span { | |
66 max-width: 75%; | |
67 font-size: 0.85em; | |
68 line-height: 1em; | |
69 } | |
70 } | |
71 | |
72 div.rendered { | |
73 img { | |
74 max-width: 8em; | |
75 margin: 0 auto; | |
76 } | |
77 } | |
78 | |
79 &.noDrop { | |
80 div.drop { | |
81 display: none; | |
82 } | |
83 | |
84 div.row.second { | |
85 display: none; | |
86 } | |
87 | |
88 div.rendered { | |
89 margin-top: 10px; | |
90 } | |
91 } | |
92 | |
93 &.noClear { | |
94 div.clearValue button { | |
95 display: none; | |
96 } | |
97 } | |
98 | |
99 &.multi { | |
100 div.cell { | |
101 display: block; | |
102 width: 100%; | |
103 | |
104 div.drop { | |
105 min-height: 0; | |
106 padding-bottom: 5px; | |
107 } | |
108 } | |
109 | |
110 div.clearValue { | |
111 display: none; | |
112 } | |
113 | |
114 ul { | |
115 list-style-type: none; | |
116 margin: 0; | |
117 padding: 0; | |
118 | |
119 li { | |
120 position: relative; | |
121 margin-top: 0.5em; | |
122 | |
123 &:first-child { | |
124 margin-top: 0; | |
125 } | |
126 | |
127 img { | |
128 vertical-align: middle; | |
129 } | |
130 | |
131 button { | |
132 position: absolute; | |
133 width: 40px; | |
134 right: 0; | |
135 top: 50%; | |
136 margin-top: -1.5em; | |
137 } | |
138 } | |
139 } | |
140 } | |
141 } | |
142 |