7604 |
25 Feb 19 |
nicklas |
1 |
@charset "UTF-8"; |
7604 |
25 Feb 19 |
nicklas |
2 |
/* $Id$ |
7604 |
25 Feb 19 |
nicklas |
3 |
------------------------------------------------------------------ |
7604 |
25 Feb 19 |
nicklas |
Copyright (C) 2005 Nicklas Nordborg |
7604 |
25 Feb 19 |
nicklas |
Copyright (C) 2006 Jari Häkkinen, Nicklas Nordborg, Gregory Vincic |
7604 |
25 Feb 19 |
nicklas |
Copyright (C) 2007 Johan Enell |
7604 |
25 Feb 19 |
nicklas |
7 |
|
7604 |
25 Feb 19 |
nicklas |
8 |
This file is part of BASE - BioArray Software Environment. |
7604 |
25 Feb 19 |
nicklas |
9 |
Available at http://base.thep.lu.se/ |
7604 |
25 Feb 19 |
nicklas |
10 |
|
7604 |
25 Feb 19 |
nicklas |
11 |
BASE is free software; you can redistribute it and/or |
7604 |
25 Feb 19 |
nicklas |
12 |
modify it under the terms of the GNU General Public License |
7604 |
25 Feb 19 |
nicklas |
13 |
as published by the Free Software Foundation; either version 3 |
7604 |
25 Feb 19 |
nicklas |
14 |
of the License, or (at your option) any later version. |
7604 |
25 Feb 19 |
nicklas |
15 |
|
7604 |
25 Feb 19 |
nicklas |
16 |
BASE is distributed in the hope that it will be useful, |
7604 |
25 Feb 19 |
nicklas |
17 |
but WITHOUT ANY WARRANTY; without even the implied warranty of |
7604 |
25 Feb 19 |
nicklas |
18 |
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
7604 |
25 Feb 19 |
nicklas |
19 |
GNU General Public License for more details. |
7604 |
25 Feb 19 |
nicklas |
20 |
|
7604 |
25 Feb 19 |
nicklas |
21 |
You should have received a copy of the GNU General Public License |
7604 |
25 Feb 19 |
nicklas |
22 |
along with BASE. If not, see <http://www.gnu.org/licenses/>. |
7604 |
25 Feb 19 |
nicklas |
23 |
------------------------------------------------------------------ |
7604 |
25 Feb 19 |
nicklas |
24 |
|
7604 |
25 Feb 19 |
nicklas |
25 |
Stylesheet used by the Table taglib. Used on all list pages. |
7604 |
25 Feb 19 |
nicklas |
26 |
|
7604 |
25 Feb 19 |
nicklas |
27 |
@author Nicklas |
7604 |
25 Feb 19 |
nicklas |
28 |
@version 2.0 |
7604 |
25 Feb 19 |
nicklas |
29 |
*/ |
7604 |
25 Feb 19 |
nicklas |
30 |
|
7604 |
25 Feb 19 |
nicklas |
31 |
/* The outer <div> around an item list table */ |
7604 |
25 Feb 19 |
nicklas |
32 |
.itemlist |
7604 |
25 Feb 19 |
nicklas |
33 |
{ |
7604 |
25 Feb 19 |
nicklas |
34 |
width: 100%; |
7604 |
25 Feb 19 |
nicklas |
35 |
} |
7604 |
25 Feb 19 |
nicklas |
36 |
|
7894 |
08 Dec 20 |
nicklas |
37 |
.itemlist.disabled |
7894 |
08 Dec 20 |
nicklas |
38 |
{ |
7894 |
08 Dec 20 |
nicklas |
39 |
opacity: 0.5; |
7894 |
08 Dec 20 |
nicklas |
40 |
filter: url(filters.svg#grayscale); |
7894 |
08 Dec 20 |
nicklas |
41 |
pointer-events: none; |
7894 |
08 Dec 20 |
nicklas |
42 |
cursor: default; |
7894 |
08 Dec 20 |
nicklas |
43 |
} |
7894 |
08 Dec 20 |
nicklas |
44 |
|
7894 |
08 Dec 20 |
nicklas |
45 |
|
7604 |
25 Feb 19 |
nicklas |
46 |
/* A panel is a full-width area above the table */ |
7604 |
25 Feb 19 |
nicklas |
47 |
.itemlist div.panel |
7604 |
25 Feb 19 |
nicklas |
48 |
{ |
7604 |
25 Feb 19 |
nicklas |
49 |
padding: 0 2px 0 2px; |
7604 |
25 Feb 19 |
nicklas |
50 |
white-space: nowrap; |
7604 |
25 Feb 19 |
nicklas |
51 |
} |
7604 |
25 Feb 19 |
nicklas |
52 |
|
7604 |
25 Feb 19 |
nicklas |
53 |
.itemlist div.messagecontainer |
7604 |
25 Feb 19 |
nicklas |
54 |
{ |
7604 |
25 Feb 19 |
nicklas |
55 |
padding: 0.5em 1em 0.5em 1em; |
7604 |
25 Feb 19 |
nicklas |
56 |
white-space: normal; |
7604 |
25 Feb 19 |
nicklas |
57 |
} |
7604 |
25 Feb 19 |
nicklas |
58 |
|
7604 |
25 Feb 19 |
nicklas |
59 |
|
7604 |
25 Feb 19 |
nicklas |
60 |
/* <div>:s behave as inline elements */ |
7604 |
25 Feb 19 |
nicklas |
61 |
.itemlist div.panelgroup div.panel > div |
7604 |
25 Feb 19 |
nicklas |
62 |
{ |
7604 |
25 Feb 19 |
nicklas |
63 |
display: inline-block; |
7604 |
25 Feb 19 |
nicklas |
64 |
border-right-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
65 |
padding: 2px 4px 2px 4px; |
7604 |
25 Feb 19 |
nicklas |
66 |
} |
7604 |
25 Feb 19 |
nicklas |
67 |
|
7604 |
25 Feb 19 |
nicklas |
68 |
.itemlist div.panelgroup div.panel > div:last-child |
7604 |
25 Feb 19 |
nicklas |
69 |
{ |
7604 |
25 Feb 19 |
nicklas |
70 |
border-right-width: 0; |
7604 |
25 Feb 19 |
nicklas |
71 |
} |
7604 |
25 Feb 19 |
nicklas |
72 |
|
7604 |
25 Feb 19 |
nicklas |
73 |
.itemlist div.panel div.presetselector |
7604 |
25 Feb 19 |
nicklas |
74 |
{ |
7604 |
25 Feb 19 |
nicklas |
75 |
padding-top: 1px; |
7604 |
25 Feb 19 |
nicklas |
76 |
} |
7604 |
25 Feb 19 |
nicklas |
77 |
|
7604 |
25 Feb 19 |
nicklas |
78 |
.itemlist div.navigator > span |
7604 |
25 Feb 19 |
nicklas |
79 |
{ |
7604 |
25 Feb 19 |
nicklas |
80 |
padding-right: 0.75em; |
7604 |
25 Feb 19 |
nicklas |
81 |
} |
7604 |
25 Feb 19 |
nicklas |
82 |
|
7604 |
25 Feb 19 |
nicklas |
83 |
/* Current page number should be highlighted */ |
7604 |
25 Feb 19 |
nicklas |
84 |
.itemlist div.navigator .currentpage |
7604 |
25 Feb 19 |
nicklas |
85 |
{ |
7604 |
25 Feb 19 |
nicklas |
86 |
font-weight: bold; |
7604 |
25 Feb 19 |
nicklas |
87 |
} |
7604 |
25 Feb 19 |
nicklas |
88 |
|
7604 |
25 Feb 19 |
nicklas |
89 |
/* Page number input field */ |
7604 |
25 Feb 19 |
nicklas |
90 |
.itemlist div.navigator .rows-per-page > input |
7604 |
25 Feb 19 |
nicklas |
91 |
{ |
7604 |
25 Feb 19 |
nicklas |
92 |
width: 3em; |
7604 |
25 Feb 19 |
nicklas |
93 |
} |
7604 |
25 Feb 19 |
nicklas |
94 |
|
7604 |
25 Feb 19 |
nicklas |
95 |
/* Separate page numbers */ |
7604 |
25 Feb 19 |
nicklas |
96 |
.itemlist div.navigator .pages span:after |
7604 |
25 Feb 19 |
nicklas |
97 |
{ |
7604 |
25 Feb 19 |
nicklas |
98 |
display: inline-block; |
7604 |
25 Feb 19 |
nicklas |
99 |
content: "∙"; |
7604 |
25 Feb 19 |
nicklas |
100 |
color: #999999; |
7604 |
25 Feb 19 |
nicklas |
101 |
padding-right: 1px; |
7604 |
25 Feb 19 |
nicklas |
102 |
padding-left: 1px; |
7604 |
25 Feb 19 |
nicklas |
103 |
text-decoration: none; |
7604 |
25 Feb 19 |
nicklas |
104 |
} |
7604 |
25 Feb 19 |
nicklas |
105 |
|
7604 |
25 Feb 19 |
nicklas |
106 |
|
7604 |
25 Feb 19 |
nicklas |
107 |
/* No 'dot' after last page */ |
7604 |
25 Feb 19 |
nicklas |
108 |
.itemlist div.navigator .pages span:last-child:after |
7604 |
25 Feb 19 |
nicklas |
109 |
{ |
7604 |
25 Feb 19 |
nicklas |
110 |
content: ''; |
7604 |
25 Feb 19 |
nicklas |
111 |
padding: 0; |
7604 |
25 Feb 19 |
nicklas |
112 |
} |
7604 |
25 Feb 19 |
nicklas |
113 |
|
7604 |
25 Feb 19 |
nicklas |
114 |
/* The container <div> for the data table */ |
7604 |
25 Feb 19 |
nicklas |
115 |
.itemlist div.data |
7604 |
25 Feb 19 |
nicklas |
116 |
{} |
7604 |
25 Feb 19 |
nicklas |
117 |
|
7604 |
25 Feb 19 |
nicklas |
118 |
/* The actual table containing data */ |
7604 |
25 Feb 19 |
nicklas |
119 |
.itemlist div.data > table |
7604 |
25 Feb 19 |
nicklas |
120 |
{ |
7604 |
25 Feb 19 |
nicklas |
121 |
width: 100%; |
7604 |
25 Feb 19 |
nicklas |
122 |
border-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
123 |
} |
7604 |
25 Feb 19 |
nicklas |
124 |
|
7604 |
25 Feb 19 |
nicklas |
125 |
/* The <thead> section defining the table headers */ |
7604 |
25 Feb 19 |
nicklas |
126 |
.itemlist div.data > table > thead |
7604 |
25 Feb 19 |
nicklas |
127 |
{ |
7604 |
25 Feb 19 |
nicklas |
128 |
border-bottom-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
129 |
} |
7604 |
25 Feb 19 |
nicklas |
130 |
|
7604 |
25 Feb 19 |
nicklas |
131 |
/* Table header row */ |
7604 |
25 Feb 19 |
nicklas |
132 |
.itemlist div.data > table > thead > tr |
7604 |
25 Feb 19 |
nicklas |
133 |
{ |
7604 |
25 Feb 19 |
nicklas |
134 |
/* height is really minimum height */ |
7604 |
25 Feb 19 |
nicklas |
135 |
height: 1.6em; |
7604 |
25 Feb 19 |
nicklas |
136 |
max-height: 1.75em; |
7604 |
25 Feb 19 |
nicklas |
137 |
} |
7604 |
25 Feb 19 |
nicklas |
138 |
|
7905 |
11 Feb 21 |
nicklas |
139 |
.itemlist div.data > table > thead > tr.subtitles |
7905 |
11 Feb 21 |
nicklas |
140 |
{ |
7905 |
11 Feb 21 |
nicklas |
141 |
height: 1.3em; |
7905 |
11 Feb 21 |
nicklas |
142 |
font-size: 80%; |
7905 |
11 Feb 21 |
nicklas |
143 |
} |
7905 |
11 Feb 21 |
nicklas |
144 |
|
7604 |
25 Feb 19 |
nicklas |
145 |
/* A table header column */ |
7604 |
25 Feb 19 |
nicklas |
146 |
.itemlist div.data > table > thead > tr > th |
7604 |
25 Feb 19 |
nicklas |
147 |
{ |
7604 |
25 Feb 19 |
nicklas |
148 |
font-weight: bold; |
7604 |
25 Feb 19 |
nicklas |
149 |
white-space: nowrap; |
7943 |
04 May 21 |
nicklas |
150 |
border-right-width: 1px; |
7943 |
04 May 21 |
nicklas |
151 |
border-right-style: dotted; |
7604 |
25 Feb 19 |
nicklas |
152 |
padding: 1px 2px 1px 2px; |
7604 |
25 Feb 19 |
nicklas |
153 |
vertical-align: middle; |
7604 |
25 Feb 19 |
nicklas |
154 |
text-align: left; |
7604 |
25 Feb 19 |
nicklas |
155 |
} |
7604 |
25 Feb 19 |
nicklas |
156 |
|
7943 |
04 May 21 |
nicklas |
157 |
.itemlist div.data > table > thead > tr > th:last-child |
7943 |
04 May 21 |
nicklas |
158 |
{ |
7943 |
04 May 21 |
nicklas |
159 |
border-right-width: 0; |
7943 |
04 May 21 |
nicklas |
160 |
} |
7943 |
04 May 21 |
nicklas |
161 |
|
7905 |
11 Feb 21 |
nicklas |
162 |
.itemlist div.data > table > thead > tr > th.subtitle |
7905 |
11 Feb 21 |
nicklas |
163 |
{ |
7909 |
12 Feb 21 |
nicklas |
164 |
padding: 0; |
7905 |
11 Feb 21 |
nicklas |
165 |
} |
7905 |
11 Feb 21 |
nicklas |
166 |
|
7604 |
25 Feb 19 |
nicklas |
167 |
.itemlist div.data > table > thead > tr > th.controlled-width |
7604 |
25 Feb 19 |
nicklas |
168 |
{ |
7604 |
25 Feb 19 |
nicklas |
169 |
max-width: 12em; |
7604 |
25 Feb 19 |
nicklas |
170 |
overflow: hidden; |
7604 |
25 Feb 19 |
nicklas |
171 |
text-overflow: ellipsis; |
7604 |
25 Feb 19 |
nicklas |
172 |
} |
7604 |
25 Feb 19 |
nicklas |
173 |
|
7943 |
04 May 21 |
nicklas |
174 |
.itemlist div.data th.row-index |
7604 |
25 Feb 19 |
nicklas |
175 |
{ |
7943 |
04 May 21 |
nicklas |
176 |
padding: 0; |
7604 |
25 Feb 19 |
nicklas |
177 |
} |
7604 |
25 Feb 19 |
nicklas |
178 |
|
7943 |
04 May 21 |
nicklas |
179 |
.itemlist div.data th.row-index > div |
7943 |
04 May 21 |
nicklas |
180 |
{ |
7943 |
04 May 21 |
nicklas |
181 |
display: grid; |
7943 |
04 May 21 |
nicklas |
182 |
grid-template-columns: 1fr 20px 36px; |
7943 |
04 May 21 |
nicklas |
183 |
align-items: center; |
7943 |
04 May 21 |
nicklas |
184 |
margin: 0 2px; |
7943 |
04 May 21 |
nicklas |
185 |
} |
7943 |
04 May 21 |
nicklas |
186 |
.itemlist div.data th.row-index > div > div |
7943 |
04 May 21 |
nicklas |
187 |
{ |
7943 |
04 May 21 |
nicklas |
188 |
display: flex; |
7943 |
04 May 21 |
nicklas |
189 |
} |
7604 |
25 Feb 19 |
nicklas |
190 |
|
7943 |
04 May 21 |
nicklas |
191 |
.itemlist div.data th.row-index > div > div.index |
7943 |
04 May 21 |
nicklas |
192 |
{ |
7943 |
04 May 21 |
nicklas |
193 |
justify-content: flex-end; |
7943 |
04 May 21 |
nicklas |
194 |
font-size: 95%; |
7943 |
04 May 21 |
nicklas |
195 |
} |
7943 |
04 May 21 |
nicklas |
196 |
.itemlist div.data th.row-index > div > div.index.index-smaller |
7943 |
04 May 21 |
nicklas |
197 |
{ |
7943 |
04 May 21 |
nicklas |
198 |
font-size: 85%; |
7943 |
04 May 21 |
nicklas |
199 |
} |
7943 |
04 May 21 |
nicklas |
200 |
.itemlist div.data th.row-index > div > div.check |
7943 |
04 May 21 |
nicklas |
201 |
{ |
7943 |
04 May 21 |
nicklas |
202 |
justify-content: center; |
7943 |
04 May 21 |
nicklas |
203 |
} |
7943 |
04 May 21 |
nicklas |
204 |
.itemlist div.data th.row-index > div > div.icons |
7943 |
04 May 21 |
nicklas |
205 |
{ |
7943 |
04 May 21 |
nicklas |
206 |
justify-content: flex-end; |
7943 |
04 May 21 |
nicklas |
207 |
} |
7943 |
04 May 21 |
nicklas |
208 |
|
7943 |
04 May 21 |
nicklas |
209 |
.itemlist div.data th.row-index > div > div.icons img |
7943 |
04 May 21 |
nicklas |
210 |
{ |
7943 |
04 May 21 |
nicklas |
211 |
margin: 1px; |
7943 |
04 May 21 |
nicklas |
212 |
} |
7943 |
04 May 21 |
nicklas |
213 |
|
7604 |
25 Feb 19 |
nicklas |
214 |
/* Header column that contains index number of item */ |
7604 |
25 Feb 19 |
nicklas |
215 |
.itemlist div.data th.index |
7604 |
25 Feb 19 |
nicklas |
216 |
{ |
7943 |
04 May 21 |
nicklas |
217 |
border-right-width: 0; |
7604 |
25 Feb 19 |
nicklas |
218 |
text-align: right; |
7604 |
25 Feb 19 |
nicklas |
219 |
width: 3em; |
7604 |
25 Feb 19 |
nicklas |
220 |
min-width: 3em; |
7604 |
25 Feb 19 |
nicklas |
221 |
} |
7604 |
25 Feb 19 |
nicklas |
222 |
|
7604 |
25 Feb 19 |
nicklas |
223 |
/* Header column that contains checkbox/radiobutton for each item */ |
7604 |
25 Feb 19 |
nicklas |
224 |
.itemlist div.data th.check |
7604 |
25 Feb 19 |
nicklas |
225 |
{ |
7943 |
04 May 21 |
nicklas |
226 |
border-right-width: 0; |
7604 |
25 Feb 19 |
nicklas |
227 |
text-align: center; |
7604 |
25 Feb 19 |
nicklas |
228 |
width: 2em; |
7604 |
25 Feb 19 |
nicklas |
229 |
min-width: 2em; |
7604 |
25 Feb 19 |
nicklas |
230 |
} |
7604 |
25 Feb 19 |
nicklas |
231 |
|
7604 |
25 Feb 19 |
nicklas |
232 |
/* Header column that contains icons for each item */ |
7604 |
25 Feb 19 |
nicklas |
233 |
.itemlist div.data th.icons |
7604 |
25 Feb 19 |
nicklas |
234 |
{ |
7604 |
25 Feb 19 |
nicklas |
235 |
width: 40px; /* Should be enough to hold two icons */ |
7943 |
04 May 21 |
nicklas |
236 |
border-right-width: 1px; |
7943 |
04 May 21 |
nicklas |
237 |
border-right-style: dotted; |
7604 |
25 Feb 19 |
nicklas |
238 |
text-align: right; |
7604 |
25 Feb 19 |
nicklas |
239 |
white-space: nowrap; |
7604 |
25 Feb 19 |
nicklas |
240 |
} |
7604 |
25 Feb 19 |
nicklas |
241 |
.itemlist div.data th.icons img |
7604 |
25 Feb 19 |
nicklas |
242 |
{ |
7604 |
25 Feb 19 |
nicklas |
243 |
margin: 1px; |
7604 |
25 Feb 19 |
nicklas |
244 |
vertical-align: middle; |
7604 |
25 Feb 19 |
nicklas |
245 |
} |
7604 |
25 Feb 19 |
nicklas |
246 |
|
7604 |
25 Feb 19 |
nicklas |
247 |
/* A column header defining a unique value */ |
7604 |
25 Feb 19 |
nicklas |
248 |
.itemlist div.data th.uniquecol:before |
7604 |
25 Feb 19 |
nicklas |
249 |
{ |
7604 |
25 Feb 19 |
nicklas |
250 |
content: url('../../images/unique.png'); |
7604 |
25 Feb 19 |
nicklas |
251 |
vertical-align: middle; |
7604 |
25 Feb 19 |
nicklas |
252 |
float: left; |
7604 |
25 Feb 19 |
nicklas |
253 |
} |
7604 |
25 Feb 19 |
nicklas |
254 |
|
8083 |
20 Oct 22 |
nicklas |
255 |
.itemlist div.data th.relateditemcol span.parentitem::before |
7846 |
07 Sep 20 |
nicklas |
256 |
{ |
7846 |
07 Sep 20 |
nicklas |
257 |
content: url('../../images/parent-item.png'); |
8083 |
20 Oct 22 |
nicklas |
258 |
margin: 0 1px; |
8083 |
20 Oct 22 |
nicklas |
259 |
vertical-align: -1px; |
7846 |
07 Sep 20 |
nicklas |
260 |
} |
7846 |
07 Sep 20 |
nicklas |
261 |
|
8083 |
20 Oct 22 |
nicklas |
262 |
.itemlist div.data th.relateditemcol span.childitem::before |
7846 |
07 Sep 20 |
nicklas |
263 |
{ |
7846 |
07 Sep 20 |
nicklas |
264 |
content: url('../../images/child-item.png'); |
8083 |
20 Oct 22 |
nicklas |
265 |
margin: 0 1px; |
8083 |
20 Oct 22 |
nicklas |
266 |
vertical-align: -1px; |
7846 |
07 Sep 20 |
nicklas |
267 |
} |
7846 |
07 Sep 20 |
nicklas |
268 |
|
8094 |
04 Nov 22 |
nicklas |
269 |
.itemlist div.data th.relateditemcol span.childitem.doublingback::before |
7775 |
17 Feb 20 |
nicklas |
270 |
{ |
8094 |
04 Nov 22 |
nicklas |
271 |
content: url('../../images/child-item-doubleback.png'); |
7775 |
17 Feb 20 |
nicklas |
272 |
} |
7775 |
17 Feb 20 |
nicklas |
273 |
|
8094 |
04 Nov 22 |
nicklas |
274 |
|
7851 |
14 Oct 20 |
nicklas |
275 |
/* A column header defining a linked item value */ |
7851 |
14 Oct 20 |
nicklas |
276 |
.itemlist div.data th.linkeditemcol::before |
7851 |
14 Oct 20 |
nicklas |
277 |
{ |
7851 |
14 Oct 20 |
nicklas |
278 |
margin-right: 2px; |
7851 |
14 Oct 20 |
nicklas |
279 |
float: left; |
7851 |
14 Oct 20 |
nicklas |
280 |
content: '›'; |
7874 |
22 Oct 20 |
nicklas |
281 |
color: #666666; |
7851 |
14 Oct 20 |
nicklas |
282 |
} |
7775 |
17 Feb 20 |
nicklas |
283 |
|
8026 |
15 Dec 21 |
nicklas |
284 |
/* This will make room for the '›' without causing the header to wrap */ |
8026 |
15 Dec 21 |
nicklas |
285 |
.itemlist div.data th.linkeditemcol > span |
8026 |
15 Dec 21 |
nicklas |
286 |
{ |
8026 |
15 Dec 21 |
nicklas |
287 |
display: inline-block; |
8026 |
15 Dec 21 |
nicklas |
288 |
max-width: calc(100% - 16px); |
8026 |
15 Dec 21 |
nicklas |
289 |
overflow: hidden; |
8026 |
15 Dec 21 |
nicklas |
290 |
} |
8026 |
15 Dec 21 |
nicklas |
291 |
|
8026 |
15 Dec 21 |
nicklas |
292 |
|
7604 |
25 Feb 19 |
nicklas |
293 |
/* Place property filters */ |
7604 |
25 Feb 19 |
nicklas |
294 |
.itemlist div.data th.propertyfilter |
7604 |
25 Feb 19 |
nicklas |
295 |
{ |
7604 |
25 Feb 19 |
nicklas |
296 |
padding-left: 1px; |
7604 |
25 Feb 19 |
nicklas |
297 |
min-width: 8em; |
7604 |
25 Feb 19 |
nicklas |
298 |
} |
7604 |
25 Feb 19 |
nicklas |
299 |
|
7604 |
25 Feb 19 |
nicklas |
300 |
.itemlist div.data th.propertyfilter input[type="text"] |
7604 |
25 Feb 19 |
nicklas |
301 |
{ |
7604 |
25 Feb 19 |
nicklas |
302 |
width: 95%; |
7604 |
25 Feb 19 |
nicklas |
303 |
width: calc(100% - 7px); |
7604 |
25 Feb 19 |
nicklas |
304 |
} |
7604 |
25 Feb 19 |
nicklas |
305 |
|
7604 |
25 Feb 19 |
nicklas |
306 |
/* Indicates drop position for dragged column */ |
7604 |
25 Feb 19 |
nicklas |
307 |
.itemlist div.data th.table-drop-right |
7604 |
25 Feb 19 |
nicklas |
308 |
{ |
7604 |
25 Feb 19 |
nicklas |
309 |
border-right-width: 3px; |
7604 |
25 Feb 19 |
nicklas |
310 |
border-right-color: black; |
7604 |
25 Feb 19 |
nicklas |
311 |
border-right-style: solid; |
7604 |
25 Feb 19 |
nicklas |
312 |
} |
7604 |
25 Feb 19 |
nicklas |
313 |
.itemlist div.data th.table-drop-left |
7604 |
25 Feb 19 |
nicklas |
314 |
{ |
7604 |
25 Feb 19 |
nicklas |
315 |
border-left-width: 3px; |
7604 |
25 Feb 19 |
nicklas |
316 |
border-left-color: black; |
7604 |
25 Feb 19 |
nicklas |
317 |
border-left-style: solid; |
7604 |
25 Feb 19 |
nicklas |
318 |
} |
7604 |
25 Feb 19 |
nicklas |
319 |
|
7604 |
25 Feb 19 |
nicklas |
320 |
.itemlist div.data th span.table-col-hide |
7604 |
25 Feb 19 |
nicklas |
321 |
{ |
7604 |
25 Feb 19 |
nicklas |
322 |
float: right; |
7604 |
25 Feb 19 |
nicklas |
323 |
position: relative; /* Makes it appear above other column text */ |
7846 |
07 Sep 20 |
nicklas |
324 |
width: 12px; |
7604 |
25 Feb 19 |
nicklas |
325 |
height: 16px; |
7604 |
25 Feb 19 |
nicklas |
326 |
cursor: pointer; |
7846 |
07 Sep 20 |
nicklas |
327 |
background-position: 4px 2px; |
7604 |
25 Feb 19 |
nicklas |
328 |
background-repeat: no-repeat; |
7604 |
25 Feb 19 |
nicklas |
329 |
} |
7604 |
25 Feb 19 |
nicklas |
330 |
|
7604 |
25 Feb 19 |
nicklas |
331 |
.itemlist div.data th:hover span.table-col-hide |
7604 |
25 Feb 19 |
nicklas |
332 |
{ |
7604 |
25 Feb 19 |
nicklas |
333 |
background-image: url('../../images/hide-column.png'); |
7846 |
07 Sep 20 |
nicklas |
334 |
background-color: rgb(232, 232, 232); |
7604 |
25 Feb 19 |
nicklas |
335 |
} |
7604 |
25 Feb 19 |
nicklas |
336 |
|
7604 |
25 Feb 19 |
nicklas |
337 |
/* Context menu for selecting visible columns */ |
7604 |
25 Feb 19 |
nicklas |
338 |
.table-select-columns |
7604 |
25 Feb 19 |
nicklas |
339 |
{ |
7604 |
25 Feb 19 |
nicklas |
340 |
max-width: 20em; |
7604 |
25 Feb 19 |
nicklas |
341 |
min-width: 15em; |
7604 |
25 Feb 19 |
nicklas |
342 |
outline: none; |
7604 |
25 Feb 19 |
nicklas |
343 |
} |
7604 |
25 Feb 19 |
nicklas |
344 |
|
7604 |
25 Feb 19 |
nicklas |
345 |
.table-select-columns .table-all-columns |
7604 |
25 Feb 19 |
nicklas |
346 |
{ |
7604 |
25 Feb 19 |
nicklas |
347 |
max-height: calc(100vh - 14em); |
7604 |
25 Feb 19 |
nicklas |
348 |
overflow-x: hidden; |
7604 |
25 Feb 19 |
nicklas |
349 |
overflow-y: auto; |
7604 |
25 Feb 19 |
nicklas |
350 |
|
7604 |
25 Feb 19 |
nicklas |
351 |
} |
7604 |
25 Feb 19 |
nicklas |
352 |
|
7604 |
25 Feb 19 |
nicklas |
353 |
.table-select-columns .visible-column .padding |
7604 |
25 Feb 19 |
nicklas |
354 |
{ |
7604 |
25 Feb 19 |
nicklas |
355 |
background-image: url('../../images/hide-column.png'); |
7604 |
25 Feb 19 |
nicklas |
356 |
background-repeat: no-repeat; |
7604 |
25 Feb 19 |
nicklas |
357 |
background-position: 50% 60%; |
7604 |
25 Feb 19 |
nicklas |
358 |
} |
7604 |
25 Feb 19 |
nicklas |
359 |
|
7604 |
25 Feb 19 |
nicklas |
360 |
.table-select-columns .column-filter |
7604 |
25 Feb 19 |
nicklas |
361 |
{ |
7604 |
25 Feb 19 |
nicklas |
362 |
position: static; |
7604 |
25 Feb 19 |
nicklas |
363 |
background-color: #ffffff; |
7604 |
25 Feb 19 |
nicklas |
364 |
color: #666666; |
7604 |
25 Feb 19 |
nicklas |
365 |
font-style: italic; |
7604 |
25 Feb 19 |
nicklas |
366 |
} |
7604 |
25 Feb 19 |
nicklas |
367 |
|
7604 |
25 Feb 19 |
nicklas |
368 |
/* The <tbody> section defining data rows */ |
7604 |
25 Feb 19 |
nicklas |
369 |
.itemlist div.data > table > tbody.rows > tr |
7604 |
25 Feb 19 |
nicklas |
370 |
{ |
7604 |
25 Feb 19 |
nicklas |
371 |
border-top-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
372 |
border-top-style: dotted; |
7604 |
25 Feb 19 |
nicklas |
373 |
border-bottom-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
374 |
border-bottom-style: dotted; |
7604 |
25 Feb 19 |
nicklas |
375 |
} |
7604 |
25 Feb 19 |
nicklas |
376 |
|
7604 |
25 Feb 19 |
nicklas |
377 |
.itemlist div.data > table > tbody.rows > tr:first-child |
7604 |
25 Feb 19 |
nicklas |
378 |
{ |
7604 |
25 Feb 19 |
nicklas |
379 |
border-top: 0; |
7604 |
25 Feb 19 |
nicklas |
380 |
} |
7604 |
25 Feb 19 |
nicklas |
381 |
|
7604 |
25 Feb 19 |
nicklas |
382 |
.bg-evenrow |
7604 |
25 Feb 19 |
nicklas |
383 |
{ |
7943 |
04 May 21 |
nicklas |
384 |
background-color: rgba(224, 224, 224, 0.5); |
7604 |
25 Feb 19 |
nicklas |
385 |
} |
7943 |
04 May 21 |
nicklas |
386 |
.bg-evenrow .bg-filled-100 |
7943 |
04 May 21 |
nicklas |
387 |
{ |
7943 |
04 May 21 |
nicklas |
388 |
background-color: rgba(240, 240, 240, 1); |
7943 |
04 May 21 |
nicklas |
389 |
} |
7604 |
25 Feb 19 |
nicklas |
390 |
|
7604 |
25 Feb 19 |
nicklas |
391 |
.bg-oddrow |
7604 |
25 Feb 19 |
nicklas |
392 |
{ |
7943 |
04 May 21 |
nicklas |
393 |
background-color: rgba(240, 240, 240, 0.5); |
7604 |
25 Feb 19 |
nicklas |
394 |
} |
7943 |
04 May 21 |
nicklas |
395 |
.bg-oddrow .bg-filled-100 |
7943 |
04 May 21 |
nicklas |
396 |
{ |
7943 |
04 May 21 |
nicklas |
397 |
background-color: rgba(248, 248, 248, 1); |
7943 |
04 May 21 |
nicklas |
398 |
} |
7604 |
25 Feb 19 |
nicklas |
399 |
|
7604 |
25 Feb 19 |
nicklas |
400 |
/* A data cell */ |
7604 |
25 Feb 19 |
nicklas |
401 |
.itemlist div.data td.cell |
7604 |
25 Feb 19 |
nicklas |
402 |
{ |
7943 |
04 May 21 |
nicklas |
403 |
border-right-width: 1px; |
7943 |
04 May 21 |
nicklas |
404 |
border-right-style: dotted; |
7943 |
04 May 21 |
nicklas |
405 |
padding: 1px 2px 0px 2px; |
7604 |
25 Feb 19 |
nicklas |
406 |
vertical-align: middle; |
7604 |
25 Feb 19 |
nicklas |
407 |
min-width: 100px; |
7604 |
25 Feb 19 |
nicklas |
408 |
} |
7604 |
25 Feb 19 |
nicklas |
409 |
|
7943 |
04 May 21 |
nicklas |
410 |
.itemlist div.data td.cell:last-child |
7604 |
25 Feb 19 |
nicklas |
411 |
{ |
7943 |
04 May 21 |
nicklas |
412 |
border-right-width: 0; |
7604 |
25 Feb 19 |
nicklas |
413 |
} |
7604 |
25 Feb 19 |
nicklas |
414 |
|
7604 |
25 Feb 19 |
nicklas |
415 |
/* A cell with an error */ |
7604 |
25 Feb 19 |
nicklas |
416 |
.itemlist div.data td.cell.error |
7604 |
25 Feb 19 |
nicklas |
417 |
{ |
7604 |
25 Feb 19 |
nicklas |
418 |
border-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
419 |
border-style: solid; |
7604 |
25 Feb 19 |
nicklas |
420 |
} |
7604 |
25 Feb 19 |
nicklas |
421 |
|
7604 |
25 Feb 19 |
nicklas |
422 |
.itemlist div.data div.panel |
7604 |
25 Feb 19 |
nicklas |
423 |
{ |
7604 |
25 Feb 19 |
nicklas |
424 |
padding: 5px; |
7604 |
25 Feb 19 |
nicklas |
425 |
} |
7604 |
25 Feb 19 |
nicklas |
426 |
|
7604 |
25 Feb 19 |
nicklas |
427 |
/* A table using the entire content area */ |
7604 |
25 Feb 19 |
nicklas |
428 |
.fulltable |
7604 |
25 Feb 19 |
nicklas |
429 |
{ |
7604 |
25 Feb 19 |
nicklas |
430 |
position: absolute; |
7604 |
25 Feb 19 |
nicklas |
431 |
top: 0; |
7604 |
25 Feb 19 |
nicklas |
432 |
bottom: 0; |
7604 |
25 Feb 19 |
nicklas |
433 |
left: 0; |
7604 |
25 Feb 19 |
nicklas |
434 |
right: 0; |
7604 |
25 Feb 19 |
nicklas |
435 |
overflow: hidden; |
7604 |
25 Feb 19 |
nicklas |
436 |
border-top-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
437 |
} |
7604 |
25 Feb 19 |
nicklas |
438 |
|
7604 |
25 Feb 19 |
nicklas |
439 |
.fulltable div.panelgroup |
7604 |
25 Feb 19 |
nicklas |
440 |
{ |
7604 |
25 Feb 19 |
nicklas |
441 |
position: absolute; |
7604 |
25 Feb 19 |
nicklas |
442 |
top: 0; |
7604 |
25 Feb 19 |
nicklas |
443 |
left: 0; |
7604 |
25 Feb 19 |
nicklas |
444 |
right: 0; |
7604 |
25 Feb 19 |
nicklas |
445 |
height: 3.85em; |
7604 |
25 Feb 19 |
nicklas |
446 |
} |
7604 |
25 Feb 19 |
nicklas |
447 |
|
7604 |
25 Feb 19 |
nicklas |
448 |
.fulltable div.data |
7604 |
25 Feb 19 |
nicklas |
449 |
{ |
7604 |
25 Feb 19 |
nicklas |
450 |
position: absolute; |
7604 |
25 Feb 19 |
nicklas |
451 |
top: 3.85em; |
7604 |
25 Feb 19 |
nicklas |
452 |
bottom: 0; |
7604 |
25 Feb 19 |
nicklas |
453 |
left: 0; |
7604 |
25 Feb 19 |
nicklas |
454 |
right: 0; |
7604 |
25 Feb 19 |
nicklas |
455 |
overflow: auto; |
7604 |
25 Feb 19 |
nicklas |
456 |
} |
7604 |
25 Feb 19 |
nicklas |
457 |
|
7604 |
25 Feb 19 |
nicklas |
458 |
.popup .fulltable |
7604 |
25 Feb 19 |
nicklas |
459 |
{ |
7604 |
25 Feb 19 |
nicklas |
460 |
border-top-width: 0; |
7604 |
25 Feb 19 |
nicklas |
461 |
border-bottom-width: 1px; |
7604 |
25 Feb 19 |
nicklas |
462 |
} |
7604 |
25 Feb 19 |
nicklas |
463 |
|
7604 |
25 Feb 19 |
nicklas |
464 |
.tabcontrol .fulltable, .iframe .fulltable |
7604 |
25 Feb 19 |
nicklas |
465 |
{ |
7604 |
25 Feb 19 |
nicklas |
466 |
border-top: 0; |
7604 |
25 Feb 19 |
nicklas |
467 |
} |
7604 |
25 Feb 19 |
nicklas |
468 |
|
7604 |
25 Feb 19 |
nicklas |
469 |
.fulltable div.data > table |
7604 |
25 Feb 19 |
nicklas |
470 |
{ |
7604 |
25 Feb 19 |
nicklas |
471 |
border-width: 0 0 1px 0; |
7604 |
25 Feb 19 |
nicklas |
472 |
} |
7604 |
25 Feb 19 |
nicklas |
473 |
|
7604 |
25 Feb 19 |
nicklas |
474 |
.itemlist div.data td.cell.joust |
7604 |
25 Feb 19 |
nicklas |
475 |
{ |
7604 |
25 Feb 19 |
nicklas |
476 |
padding-top: 0; |
7604 |
25 Feb 19 |
nicklas |
477 |
padding-bottom: 0; |
7604 |
25 Feb 19 |
nicklas |
478 |
} |
7604 |
25 Feb 19 |
nicklas |
479 |
|
7604 |
25 Feb 19 |
nicklas |
480 |
.itemlist div.data td.cell.joust .text |
7604 |
25 Feb 19 |
nicklas |
481 |
{ |
7604 |
25 Feb 19 |
nicklas |
482 |
border-color: transparent !important; |
7604 |
25 Feb 19 |
nicklas |
483 |
} |
7604 |
25 Feb 19 |
nicklas |
484 |
|
7840 |
31 Aug 20 |
nicklas |
485 |
.lazy-item.not-loaded, .lazy-item.loading |
7768 |
07 Feb 20 |
nicklas |
486 |
{ |
7768 |
07 Feb 20 |
nicklas |
487 |
outline: 1px dotted #A0A0A0; |
7768 |
07 Feb 20 |
nicklas |
488 |
margin: 0 1em; |
7768 |
07 Feb 20 |
nicklas |
489 |
height: 3px; |
7768 |
07 Feb 20 |
nicklas |
490 |
} |
7604 |
25 Feb 19 |
nicklas |
491 |
|
7840 |
31 Aug 20 |
nicklas |
492 |
.lazy-item.loading |
7778 |
28 Feb 20 |
nicklas |
493 |
{ |
7778 |
28 Feb 20 |
nicklas |
494 |
outline: 1px solid #D0D0D0; |
7778 |
28 Feb 20 |
nicklas |
495 |
background-color: rgba(236, 236, 128, 0.25); |
7778 |
28 Feb 20 |
nicklas |
496 |
} |
7768 |
07 Feb 20 |
nicklas |
497 |
|
7943 |
04 May 21 |
nicklas |
498 |
/* item list with "sticky-headers" mode */ |
7943 |
04 May 21 |
nicklas |
499 |
/* The <thead> section is kept sticky */ |
7943 |
04 May 21 |
nicklas |
500 |
/* We need separate borders or they will be removed in the header */ |
7943 |
04 May 21 |
nicklas |
501 |
.itemlist.sticky-headers div.data > table |
7943 |
04 May 21 |
nicklas |
502 |
{ |
7943 |
04 May 21 |
nicklas |
503 |
border-collapse: separate; |
7955 |
02 Jun 21 |
nicklas |
504 |
/* Hack to get around problem with positioning drop-down selection lists */ |
7955 |
02 Jun 21 |
nicklas |
505 |
/* when the brower doesn't support 'position: sticky' in <thead> elements */ |
7955 |
02 Jun 21 |
nicklas |
506 |
/* see ticket #2252 */ |
7955 |
02 Jun 21 |
nicklas |
507 |
position: relative; |
7943 |
04 May 21 |
nicklas |
508 |
} |
7778 |
28 Feb 20 |
nicklas |
509 |
|
7943 |
04 May 21 |
nicklas |
510 |
.itemlist.sticky-headers div.data > table > thead |
7943 |
04 May 21 |
nicklas |
511 |
{ |
7943 |
04 May 21 |
nicklas |
512 |
position: sticky; |
7943 |
04 May 21 |
nicklas |
513 |
top: 0; |
7943 |
04 May 21 |
nicklas |
514 |
z-index: 10; |
7943 |
04 May 21 |
nicklas |
515 |
border-bottom-width: 0; |
7943 |
04 May 21 |
nicklas |
516 |
} |
7778 |
28 Feb 20 |
nicklas |
517 |
|
7943 |
04 May 21 |
nicklas |
518 |
/* The rules here are will "move" borders from <tr>/<thead> elements to <td>/<th> */ |
7943 |
04 May 21 |
nicklas |
519 |
.itemlist.sticky-headers div.data > table > thead > tr:last-child > th |
7943 |
04 May 21 |
nicklas |
520 |
{ |
7943 |
04 May 21 |
nicklas |
521 |
border-bottom-width: 1px; |
7943 |
04 May 21 |
nicklas |
522 |
} |
7778 |
28 Feb 20 |
nicklas |
523 |
|
7943 |
04 May 21 |
nicklas |
524 |
.itemlist.sticky-headers div.data > table > tbody.rows > tr.row > * |
7943 |
04 May 21 |
nicklas |
525 |
{ |
7943 |
04 May 21 |
nicklas |
526 |
border-top-width: 1px; |
7943 |
04 May 21 |
nicklas |
527 |
border-top-style: dotted; |
7943 |
04 May 21 |
nicklas |
528 |
border-bottom-width: 1px; |
7943 |
04 May 21 |
nicklas |
529 |
border-bottom-color: transparent; |
7943 |
04 May 21 |
nicklas |
530 |
} |
7778 |
28 Feb 20 |
nicklas |
531 |
|
7943 |
04 May 21 |
nicklas |
532 |
.itemlist.sticky-headers div.data > table > tbody.rows > tr.row:first-child > * |
7943 |
04 May 21 |
nicklas |
533 |
{ |
7943 |
04 May 21 |
nicklas |
534 |
border-top-color: transparent; |
7943 |
04 May 21 |
nicklas |
535 |
} |
7943 |
04 May 21 |
nicklas |
536 |
|
7943 |
04 May 21 |
nicklas |
537 |
.itemlist.sticky-headers div.data > table > tbody.rows > tr.row.highlight:hover + tr > * |
7943 |
04 May 21 |
nicklas |
538 |
{ |
7943 |
04 May 21 |
nicklas |
539 |
border-top-color: transparent; |
7943 |
04 May 21 |
nicklas |
540 |
} |
7943 |
04 May 21 |
nicklas |
541 |
|
7943 |
04 May 21 |
nicklas |
542 |
.itemlist.sticky-headers div.data th.row-index |
7943 |
04 May 21 |
nicklas |
543 |
{ |
7943 |
04 May 21 |
nicklas |
544 |
position: sticky; |
7943 |
04 May 21 |
nicklas |
545 |
left: 0; |
7943 |
04 May 21 |
nicklas |
546 |
min-width: 7rem; |
7943 |
04 May 21 |
nicklas |
547 |
width: 7rem; |
7943 |
04 May 21 |
nicklas |
548 |
border-right-width: 1px; |
7943 |
04 May 21 |
nicklas |
549 |
border-right-style: dotted; |
7943 |
04 May 21 |
nicklas |
550 |
z-index: 8; |
7943 |
04 May 21 |
nicklas |
551 |
} |
7943 |
04 May 21 |
nicklas |
552 |
|
7943 |
04 May 21 |
nicklas |
553 |
.itemlist.sticky-headers div.data .sticky-col |
7943 |
04 May 21 |
nicklas |
554 |
{ |
7943 |
04 May 21 |
nicklas |
555 |
position: sticky; |
7943 |
04 May 21 |
nicklas |
556 |
left: calc(7rem - 1px); /* This is also updated in table.js#initTable() */ |
7943 |
04 May 21 |
nicklas |
557 |
right: -1px; |
7943 |
04 May 21 |
nicklas |
558 |
z-index: 6; |
7943 |
04 May 21 |
nicklas |
559 |
} |
7943 |
04 May 21 |
nicklas |
560 |
|
7943 |
04 May 21 |
nicklas |
561 |
.itemlist.sticky-headers.stuck-right div.data .sticky-col |
7943 |
04 May 21 |
nicklas |
562 |
{ |
7943 |
04 May 21 |
nicklas |
563 |
border-left-width: 1px; |
7943 |
04 May 21 |
nicklas |
564 |
border-left-style: solid; |
7943 |
04 May 21 |
nicklas |
565 |
} |
7943 |
04 May 21 |
nicklas |
566 |
|
7943 |
04 May 21 |
nicklas |
567 |
.itemlist.sticky-headers.stuck-left div.data .sticky-col |
7943 |
04 May 21 |
nicklas |
568 |
{ |
7943 |
04 May 21 |
nicklas |
569 |
border-right-width: 1px; |
7943 |
04 May 21 |
nicklas |
570 |
border-right-style: solid; |
7943 |
04 May 21 |
nicklas |
571 |
} |
7943 |
04 May 21 |
nicklas |
572 |
|
7943 |
04 May 21 |
nicklas |
573 |
|