extensions/net.sf.basedb.reggie/trunk/resources/css/case_summary.css

Code
Comments
Other
Rev Date Author Line
1912 20 Mar 13 nicklas 1 @charset "UTF-8";
1912 20 Mar 13 nicklas 2
5022 11 Oct 18 nicklas 3 #columnBalanceOptions
5022 11 Oct 18 nicklas 4 {
5022 11 Oct 18 nicklas 5   display: none;
5022 11 Oct 18 nicklas 6 }
5022 11 Oct 18 nicklas 7
1912 20 Mar 13 nicklas 8 @media print 
1912 20 Mar 13 nicklas 9 {
1912 20 Mar 13 nicklas 10   /* Things to hiden when printing */
1912 20 Mar 13 nicklas 11   .noprint, #menubar, #path-reggie
1912 20 Mar 13 nicklas 12   {
1912 20 Mar 13 nicklas 13     display: none;
1912 20 Mar 13 nicklas 14   }
1912 20 Mar 13 nicklas 15   
1912 20 Mar 13 nicklas 16   /* Add left and right border when printing */
1912 20 Mar 13 nicklas 17   .info-section
1912 20 Mar 13 nicklas 18   {
3026 11 Dec 14 nicklas 19     border-left-width: 2px;
3026 11 Dec 14 nicklas 20     border-right-width: 2px;
1912 20 Mar 13 nicklas 21     page-break-inside: avoid;
1912 20 Mar 13 nicklas 22   }
1912 20 Mar 13 nicklas 23   
1912 20 Mar 13 nicklas 24   /* Special elements to hide when printing */
1912 20 Mar 13 nicklas 25   .pathelement:before, .path:before
1912 20 Mar 13 nicklas 26   {
1912 20 Mar 13 nicklas 27     content: '' !important;
1912 20 Mar 13 nicklas 28     padding: 0 !important;
1912 20 Mar 13 nicklas 29   }
2106 25 Oct 13 nicklas 30   
1912 20 Mar 13 nicklas 31 }
1912 20 Mar 13 nicklas 32
1912 20 Mar 13 nicklas 33 /* Two-column layout when the browser window is bigger than 1000px */
1912 20 Mar 13 nicklas 34 @media screen and (min-width: 1000px)
1912 20 Mar 13 nicklas 35 {
1912 20 Mar 13 nicklas 36   #all-content #left-column
1912 20 Mar 13 nicklas 37   {
1912 20 Mar 13 nicklas 38     position: absolute;
1912 20 Mar 13 nicklas 39     left: 0;
1912 20 Mar 13 nicklas 40     width: 50%;
1912 20 Mar 13 nicklas 41   }
1912 20 Mar 13 nicklas 42   #all-content #left-column .info-section
1912 20 Mar 13 nicklas 43   {
3026 11 Dec 14 nicklas 44     border-right-width: 2px;  
1912 20 Mar 13 nicklas 45   }
5022 11 Oct 18 nicklas 46   #all-content #right-column 
1912 20 Mar 13 nicklas 47   {
1912 20 Mar 13 nicklas 48     position: absolute;
1912 20 Mar 13 nicklas 49     left: auto;
1912 20 Mar 13 nicklas 50     right: 0;
3026 11 Dec 14 nicklas 51     width: calc(50% + 2px);
3026 11 Dec 14 nicklas 52     border-left-width: 2px;
1912 20 Mar 13 nicklas 53   }
5022 11 Oct 18 nicklas 54   
5022 11 Oct 18 nicklas 55   #all-content[data-cbal="5"] #left-column, #all-content[data-cbal="1"] #right-column
5022 11 Oct 18 nicklas 56   {
5022 11 Oct 18 nicklas 57     width: 50px;
5022 11 Oct 18 nicklas 58     overflow: hidden;
5022 11 Oct 18 nicklas 59     opacity: 0.4;
5022 11 Oct 18 nicklas 60   }
5022 11 Oct 18 nicklas 61   #all-content[data-cbal="4"] #left-column, #all-content[data-cbal="2"] #right-column
5022 11 Oct 18 nicklas 62   {
5022 11 Oct 18 nicklas 63     width: 35%;
5022 11 Oct 18 nicklas 64   }
5022 11 Oct 18 nicklas 65   #all-content[data-cbal="2"] #left-column, #all-content[data-cbal="4"] #right-column
5022 11 Oct 18 nicklas 66   {
5022 11 Oct 18 nicklas 67     width: calc(65% + 2px);
5022 11 Oct 18 nicklas 68   }
5022 11 Oct 18 nicklas 69   #all-content[data-cbal="1"] #left-column, #all-content[data-cbal="5"] #right-column
5022 11 Oct 18 nicklas 70   {
5022 11 Oct 18 nicklas 71     width: calc(100% - 54px);
5022 11 Oct 18 nicklas 72   }
5022 11 Oct 18 nicklas 73   
5022 11 Oct 18 nicklas 74   #columnBalanceOptions
5022 11 Oct 18 nicklas 75   {
5022 11 Oct 18 nicklas 76     display: table-cell;
5022 11 Oct 18 nicklas 77   }
5022 11 Oct 18 nicklas 78   
5022 11 Oct 18 nicklas 79   #columnBalance
5022 11 Oct 18 nicklas 80   {
5022 11 Oct 18 nicklas 81     width: 100px;
5022 11 Oct 18 nicklas 82     vertical-align: -30%;
5022 11 Oct 18 nicklas 83     background-color: transparent;
5022 11 Oct 18 nicklas 84     border: 0;
5022 11 Oct 18 nicklas 85     margin: 0;
5022 11 Oct 18 nicklas 86     padding: 0;
5022 11 Oct 18 nicklas 87   }
1912 20 Mar 13 nicklas 88 }
1912 20 Mar 13 nicklas 89
1912 20 Mar 13 nicklas 90 /* Special case when inside the "Item overview" frameset */
1912 20 Mar 13 nicklas 91 body.iframe #all-content
1912 20 Mar 13 nicklas 92 {
1912 20 Mar 13 nicklas 93   position: absolute;
1912 20 Mar 13 nicklas 94   top: 0;
1912 20 Mar 13 nicklas 95   left: 0;
1912 20 Mar 13 nicklas 96   right: 0;
1912 20 Mar 13 nicklas 97   bottom: 0;
1912 20 Mar 13 nicklas 98   overflow: auto;
1912 20 Mar 13 nicklas 99 }
1912 20 Mar 13 nicklas 100
1912 20 Mar 13 nicklas 101 body.iframe #all-info
1912 20 Mar 13 nicklas 102 {
2106 25 Oct 13 nicklas 103   top: 0;
1912 20 Mar 13 nicklas 104 }
1912 20 Mar 13 nicklas 105
1912 20 Mar 13 nicklas 106 /* Special "Print preview" settings */
1912 20 Mar 13 nicklas 107 #printarea .path
1912 20 Mar 13 nicklas 108 {
1912 20 Mar 13 nicklas 109   height: 1.4em;
1912 20 Mar 13 nicklas 110   font-size: 1.4em;
1912 20 Mar 13 nicklas 111   font-weight: bold;
1912 20 Mar 13 nicklas 112   color: #224488;
1912 20 Mar 13 nicklas 113   margin: 0px;
1912 20 Mar 13 nicklas 114 }
1912 20 Mar 13 nicklas 115
2106 25 Oct 13 nicklas 116 #printarea #all-info
2106 25 Oct 13 nicklas 117 {
2106 25 Oct 13 nicklas 118   position: relative;
2106 25 Oct 13 nicklas 119   top: 0;
3026 11 Dec 14 nicklas 120   border-top-width: 2px;
2106 25 Oct 13 nicklas 121 }
2106 25 Oct 13 nicklas 122
1912 20 Mar 13 nicklas 123 #printarea .info-section
1912 20 Mar 13 nicklas 124 {
3026 11 Dec 14 nicklas 125   border-left-width: 2px;
3026 11 Dec 14 nicklas 126   border-right-width: 2px;
1912 20 Mar 13 nicklas 127 }
1912 20 Mar 13 nicklas 128
2106 25 Oct 13 nicklas 129
1912 20 Mar 13 nicklas 130 #toolbar
1912 20 Mar 13 nicklas 131 {
2106 25 Oct 13 nicklas 132   position: absolute;
2106 25 Oct 13 nicklas 133   top: 0;
2106 25 Oct 13 nicklas 134   left: 0;
2106 25 Oct 13 nicklas 135   right: 0;
2106 25 Oct 13 nicklas 136   height: 2.75em;
2106 25 Oct 13 nicklas 137   white-space: nowrap;
2106 25 Oct 13 nicklas 138 }
2106 25 Oct 13 nicklas 139
2106 25 Oct 13 nicklas 140 #toolbar table
2106 25 Oct 13 nicklas 141 {
3026 11 Dec 14 nicklas 142   border-top-width: 2px;
3026 11 Dec 14 nicklas 143   border-bottom-width: 2px;
2106 25 Oct 13 nicklas 144   width: 100%;
2106 25 Oct 13 nicklas 145   height: 100%;
1912 20 Mar 13 nicklas 146 }
1912 20 Mar 13 nicklas 147
1912 20 Mar 13 nicklas 148 #all-info
1912 20 Mar 13 nicklas 149 {
2106 25 Oct 13 nicklas 150   position: absolute;
2106 25 Oct 13 nicklas 151   top: 2.75em;
2106 25 Oct 13 nicklas 152   left: 0;
2106 25 Oct 13 nicklas 153   right: 0;
2106 25 Oct 13 nicklas 154   bottom: 0;
2106 25 Oct 13 nicklas 155   overflow: auto;
1912 20 Mar 13 nicklas 156 }
1912 20 Mar 13 nicklas 157
2610 28 Aug 14 nicklas 158 #wizard-status
2610 28 Aug 14 nicklas 159 {
2610 28 Aug 14 nicklas 160   margin-top: 3em;
2610 28 Aug 14 nicklas 161 }
2106 25 Oct 13 nicklas 162
1912 20 Mar 13 nicklas 163 .info-section
1912 20 Mar 13 nicklas 164 {
1912 20 Mar 13 nicklas 165   position: relative;
3026 11 Dec 14 nicklas 166   border-bottom-width: 2px;
1912 20 Mar 13 nicklas 167 }
1912 20 Mar 13 nicklas 168
6393 16 Sep 21 nicklas 169 .info-section > div
1912 20 Mar 13 nicklas 170 {
1912 20 Mar 13 nicklas 171   margin-left: 13em;
3026 11 Dec 14 nicklas 172   border-left-width: 1px;
1912 20 Mar 13 nicklas 173   overflow: auto;
1912 20 Mar 13 nicklas 174 }
1912 20 Mar 13 nicklas 175
1912 20 Mar 13 nicklas 176 .info-table
1912 20 Mar 13 nicklas 177 {
1912 20 Mar 13 nicklas 178   width: 100%;
1912 20 Mar 13 nicklas 179 }
1912 20 Mar 13 nicklas 180
1912 20 Mar 13 nicklas 181 .info-table tr.dynamic-column
1912 20 Mar 13 nicklas 182 {
1912 20 Mar 13 nicklas 183   display: none;
1912 20 Mar 13 nicklas 184 }
1912 20 Mar 13 nicklas 185
1912 20 Mar 13 nicklas 186 .info-table th
1912 20 Mar 13 nicklas 187 {
1912 20 Mar 13 nicklas 188   position: absolute;
1912 20 Mar 13 nicklas 189   left: 0;
1912 20 Mar 13 nicklas 190   text-align: left;
3026 11 Dec 14 nicklas 191   border-top-width: 1px;
3026 11 Dec 14 nicklas 192   border-top-style: dotted;
1912 20 Mar 13 nicklas 193   padding: 1px 0.25em 2px 1em;
3026 11 Dec 14 nicklas 194   width: 13em;
1912 20 Mar 13 nicklas 195   font-weight: normal;
1912 20 Mar 13 nicklas 196   vertical-align: top;
5011 05 Oct 18 nicklas 197   white-space: nowrap;
1912 20 Mar 13 nicklas 198 }
1912 20 Mar 13 nicklas 199
3179 09 Mar 15 nicklas 200 /* Avoid th elements that overwrite each other until they get a td on the same row */
3179 09 Mar 15 nicklas 201 .info-table th:only-child
3179 09 Mar 15 nicklas 202 {
3179 09 Mar 15 nicklas 203   display: none;
3179 09 Mar 15 nicklas 204 }
3179 09 Mar 15 nicklas 205
1912 20 Mar 13 nicklas 206 .info-table thead th, .info-table tbody tr.subtitle th
1912 20 Mar 13 nicklas 207 {
1912 20 Mar 13 nicklas 208   font-weight: bold;
1912 20 Mar 13 nicklas 209   color: #333377;
1912 20 Mar 13 nicklas 210   padding-left: 0.25em;
1912 20 Mar 13 nicklas 211 }
2100 24 Oct 13 nicklas 212 .info-table thead th.link
2100 24 Oct 13 nicklas 213 {
2100 24 Oct 13 nicklas 214   color: #0000CC;
2100 24 Oct 13 nicklas 215 }
1912 20 Mar 13 nicklas 216
1912 20 Mar 13 nicklas 217 .info-table thead:first-child th
1912 20 Mar 13 nicklas 218 {
1912 20 Mar 13 nicklas 219   border-top: 1px dotted transparent;
1912 20 Mar 13 nicklas 220 }
1912 20 Mar 13 nicklas 221
1912 20 Mar 13 nicklas 222 .info-table td
1912 20 Mar 13 nicklas 223 {
1912 20 Mar 13 nicklas 224   background-color: #FFFFFF;
1912 20 Mar 13 nicklas 225   padding: 2px 0.25em 2px 0.25em;
1912 20 Mar 13 nicklas 226   vertical-align: top;
1912 20 Mar 13 nicklas 227 }
1912 20 Mar 13 nicklas 228
5011 05 Oct 18 nicklas 229 .info-table thead td
5011 05 Oct 18 nicklas 230 {
5011 05 Oct 18 nicklas 231   white-space: nowrap;
5011 05 Oct 18 nicklas 232 }
5011 05 Oct 18 nicklas 233
3758 19 Feb 16 nicklas 234 .info-table thead td.yellow-specimen
3758 19 Feb 16 nicklas 235 {
5011 05 Oct 18 nicklas 236   background-image: url('../images/yellow-label-small.png');
3758 19 Feb 16 nicklas 237   background-repeat: no-repeat;
3758 19 Feb 16 nicklas 238   background-position: 2px 50%;
3758 19 Feb 16 nicklas 239   padding-left: 18px;
3758 19 Feb 16 nicklas 240 }
3758 19 Feb 16 nicklas 241
5009 04 Oct 18 nicklas 242 .info-table thead td.donotuse
5009 04 Oct 18 nicklas 243 {
5009 04 Oct 18 nicklas 244   background-image: url('../images/donotuse.png');
5009 04 Oct 18 nicklas 245   background-repeat: no-repeat;
5009 04 Oct 18 nicklas 246   background-position: 2px 50%;
5009 04 Oct 18 nicklas 247   padding-left: 18px;
5009 04 Oct 18 nicklas 248 }
5009 04 Oct 18 nicklas 249
5009 04 Oct 18 nicklas 250 .info-table td.donotuse, .info-table td.donotuse *
5009 04 Oct 18 nicklas 251 {
5009 04 Oct 18 nicklas 252   font-style: italic;
5009 04 Oct 18 nicklas 253   color: #808080;
5009 04 Oct 18 nicklas 254 }
5009 04 Oct 18 nicklas 255
5011 05 Oct 18 nicklas 256 .info-table td.chained
5011 05 Oct 18 nicklas 257 {
5020 10 Oct 18 nicklas 258   background-color: #C0FFC0;
5011 05 Oct 18 nicklas 259 }
5011 05 Oct 18 nicklas 260
5021 11 Oct 18 nicklas 261 .info-table td.chained.rootitem
5021 11 Oct 18 nicklas 262 {
5021 11 Oct 18 nicklas 263   background-color: #FFF880;
5023 12 Oct 18 nicklas 264   padding-right: 0; /* To avoid position shifts */
5021 11 Oct 18 nicklas 265 }
5021 11 Oct 18 nicklas 266
5021 11 Oct 18 nicklas 267 .info-table td.chained.rootitem::before
5021 11 Oct 18 nicklas 268 {
5021 11 Oct 18 nicklas 269   content: url('../images/marked.png');
5023 12 Oct 18 nicklas 270   margin-left: -4px; /* To avoid position shifts */
5021 11 Oct 18 nicklas 271 }
5021 11 Oct 18 nicklas 272
3758 19 Feb 16 nicklas 273 .info-table tbody td.yellow-specimen
3758 19 Feb 16 nicklas 274 {
3758 19 Feb 16 nicklas 275   /* background-color: #FFFFF0; */
3758 19 Feb 16 nicklas 276 }
3758 19 Feb 16 nicklas 277
1912 20 Mar 13 nicklas 278 .info-table td.fixed-column
1912 20 Mar 13 nicklas 279 {
1912 20 Mar 13 nicklas 280   width: 13em;
1912 20 Mar 13 nicklas 281 }
1912 20 Mar 13 nicklas 282
1912 20 Mar 13 nicklas 283 .info-table td.extra-column
1912 20 Mar 13 nicklas 284 {
3026 11 Dec 14 nicklas 285   border-left-width: 1px;
3026 11 Dec 14 nicklas 286   border-left-style: dotted;
1912 20 Mar 13 nicklas 287 }
1912 20 Mar 13 nicklas 288
1912 20 Mar 13 nicklas 289 .info-table tr:hover
1912 20 Mar 13 nicklas 290 {
1912 20 Mar 13 nicklas 291   outline: 1px solid #2288AA !important;
1912 20 Mar 13 nicklas 292 }
1912 20 Mar 13 nicklas 293
1912 20 Mar 13 nicklas 294 .info-table tr:hover td
1912 20 Mar 13 nicklas 295 {
5011 05 Oct 18 nicklas 296   background-color: #F0F0E0 !important;
1912 20 Mar 13 nicklas 297 }
1912 20 Mar 13 nicklas 298
5011 05 Oct 18 nicklas 299 .info-table tr:hover td.chained
5011 05 Oct 18 nicklas 300 {
5020 10 Oct 18 nicklas 301   background-color: #A0FFA0 !important;
5011 05 Oct 18 nicklas 302 }
5011 05 Oct 18 nicklas 303
5021 11 Oct 18 nicklas 304 .info-table tr:hover td.chained.rootitem
5021 11 Oct 18 nicklas 305 {
5021 11 Oct 18 nicklas 306   background-color: #F0F000 !important;
5021 11 Oct 18 nicklas 307 }
5021 11 Oct 18 nicklas 308
1912 20 Mar 13 nicklas 309 .hide-confidential .confidential
1912 20 Mar 13 nicklas 310 {
1912 20 Mar 13 nicklas 311   display: none;
1912 20 Mar 13 nicklas 312 }
1912 20 Mar 13 nicklas 313
1912 20 Mar 13 nicklas 314 tr.confidential th
1912 20 Mar 13 nicklas 315 {
1912 20 Mar 13 nicklas 316   background-color: #FFC8C8;  
1912 20 Mar 13 nicklas 317 }
1912 20 Mar 13 nicklas 318
1912 20 Mar 13 nicklas 319 tr.confidential td
1912 20 Mar 13 nicklas 320 {
1912 20 Mar 13 nicklas 321   background-color: #FFD8D8;
1912 20 Mar 13 nicklas 322 }
1912 20 Mar 13 nicklas 323
6579 10 Feb 22 nicklas 324 tr.specimen-exists th
6579 10 Feb 22 nicklas 325 {
6579 10 Feb 22 nicklas 326   background-color: #F0F080;
6579 10 Feb 22 nicklas 327 }
6579 10 Feb 22 nicklas 328
6579 10 Feb 22 nicklas 329 tr.specimen-exists td
6579 10 Feb 22 nicklas 330 {
6579 10 Feb 22 nicklas 331   background-color: #F0F080;
6579 10 Feb 22 nicklas 332 }
6579 10 Feb 22 nicklas 333
2919 11 Nov 14 nicklas 334 .more-info
1912 20 Mar 13 nicklas 335 {
2919 11 Nov 14 nicklas 336   background-image: url('../images/info.png');
6018 09 Oct 20 nicklas 337   background-position: 100% calc(50% - 1px);
2919 11 Nov 14 nicklas 338   background-repeat: no-repeat;
2919 11 Nov 14 nicklas 339   padding-right: 20px;
1912 20 Mar 13 nicklas 340 }
1912 20 Mar 13 nicklas 341
1912 20 Mar 13 nicklas 342 .filelink
1912 20 Mar 13 nicklas 343 {
1912 20 Mar 13 nicklas 344   margin-left: 0.25em;
1912 20 Mar 13 nicklas 345 }
1912 20 Mar 13 nicklas 346
1912 20 Mar 13 nicklas 347 .warning
1912 20 Mar 13 nicklas 348 {
1912 20 Mar 13 nicklas 349   color: #E80000;
1912 20 Mar 13 nicklas 350   font-weight: bold;
1912 20 Mar 13 nicklas 351 }
1912 20 Mar 13 nicklas 352
1912 20 Mar 13 nicklas 353 .warning:before
1912 20 Mar 13 nicklas 354 {
1912 20 Mar 13 nicklas 355   content: url('../images/warning_small.png');
1912 20 Mar 13 nicklas 356   padding-right: 3px;
1912 20 Mar 13 nicklas 357   vertical-align: -2px;
1912 20 Mar 13 nicklas 358 }
1912 20 Mar 13 nicklas 359
1912 20 Mar 13 nicklas 360 .no-info
1912 20 Mar 13 nicklas 361 {
1912 20 Mar 13 nicklas 362   font-weight: bold;
1912 20 Mar 13 nicklas 363   color: #999999;
1912 20 Mar 13 nicklas 364   font-style: italic;
1912 20 Mar 13 nicklas 365 }
1912 20 Mar 13 nicklas 366
1912 20 Mar 13 nicklas 367 tr.comment td
1912 20 Mar 13 nicklas 368 {
1912 20 Mar 13 nicklas 369   font-style: italic;
1912 20 Mar 13 nicklas 370 }
1912 20 Mar 13 nicklas 371
1912 20 Mar 13 nicklas 372 .invisible
1912 20 Mar 13 nicklas 373 {
1912 20 Mar 13 nicklas 374   color: transparent;
1912 20 Mar 13 nicklas 375 }
1912 20 Mar 13 nicklas 376
1912 20 Mar 13 nicklas 377 .info-table tr:hover .invisible
1912 20 Mar 13 nicklas 378 {
1912 20 Mar 13 nicklas 379   color: inherit;
1912 20 Mar 13 nicklas 380 }
2100 24 Oct 13 nicklas 381
2100 24 Oct 13 nicklas 382 .hide-details .info-details
2100 24 Oct 13 nicklas 383 {
2100 24 Oct 13 nicklas 384   display: none;
2100 24 Oct 13 nicklas 385 }
2100 24 Oct 13 nicklas 386 .hide-details .info-table thead th:after
2100 24 Oct 13 nicklas 387 {
2100 24 Oct 13 nicklas 388   content: ' ...';
2100 24 Oct 13 nicklas 389 }
2100 24 Oct 13 nicklas 390
5011 05 Oct 18 nicklas 391 .chained-item
5011 05 Oct 18 nicklas 392 {
5011 05 Oct 18 nicklas 393   cursor: pointer;
5011 05 Oct 18 nicklas 394   margin-left: 1px;
5011 05 Oct 18 nicklas 395 }
6393 16 Sep 21 nicklas 396
6393 16 Sep 21 nicklas 397 .genotype-grid
6393 16 Sep 21 nicklas 398 {
6393 16 Sep 21 nicklas 399   display: grid;
6393 16 Sep 21 nicklas 400   grid-template-columns: 1fr 3em 18px;
6393 16 Sep 21 nicklas 401   column-gap: 0.25em;
6393 16 Sep 21 nicklas 402   width: 11em;
6393 16 Sep 21 nicklas 403 }
6393 16 Sep 21 nicklas 404
6393 16 Sep 21 nicklas 405 .genotype-grid > div
6393 16 Sep 21 nicklas 406 {
6393 16 Sep 21 nicklas 407   white-space: nowrap;
6393 16 Sep 21 nicklas 408   overflow: hidden;
6393 16 Sep 21 nicklas 409 }