www/include/styles/table.css

Code
Comments
Other
Rev Date Author Line
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 4   Copyright (C) 2005 Nicklas Nordborg
7604 25 Feb 19 nicklas 5   Copyright (C) 2006 Jari Häkkinen, Nicklas Nordborg, Gregory Vincic
7604 25 Feb 19 nicklas 6   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