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

Code
Comments
Other
Rev Date Author Line
1742 23 Nov 12 nicklas 1 @charset "UTF-8";
1742 23 Nov 12 nicklas 2
1742 23 Nov 12 nicklas 3 /* A bioplate */
1742 23 Nov 12 nicklas 4 .plate 
1742 23 Nov 12 nicklas 5 {
1809 25 Jan 13 nicklas 6   border: 1px solid #808080;
1742 23 Nov 12 nicklas 7   background-color: #FFFFFF;
2970 24 Nov 14 nicklas 8   border-collapse: separate;
1742 23 Nov 12 nicklas 9 }
1742 23 Nov 12 nicklas 10
3297 30 Apr 15 nicklas 11 .plate.neoprep
3297 30 Apr 15 nicklas 12 {
3297 30 Apr 15 nicklas 13   border: 0;
3297 30 Apr 15 nicklas 14 }
3297 30 Apr 15 nicklas 15
1742 23 Nov 12 nicklas 16 /* A header for the plate typically contain row and column coordinates */
1742 23 Nov 12 nicklas 17 .plate th
1742 23 Nov 12 nicklas 18 {
1742 23 Nov 12 nicklas 19   background-color: #E0E0E0;
1742 23 Nov 12 nicklas 20   font-weight: bold;
1742 23 Nov 12 nicklas 21   text-align: center;
1742 23 Nov 12 nicklas 22   padding: 2px;
1742 23 Nov 12 nicklas 23 }
1742 23 Nov 12 nicklas 24
7173 17 May 23 nicklas 25 .plate tr:not(.header):not(.footer) th:first-of-type
3235 10 Apr 15 nicklas 26 {
3235 10 Apr 15 nicklas 27   border-right-width: 1px;
3235 10 Apr 15 nicklas 28 }
3235 10 Apr 15 nicklas 29
7173 17 May 23 nicklas 30 .plate tr:not(.header):not(.footer) th:last-of-type:not(:first-of-type)
3310 07 May 15 nicklas 31 {
3310 07 May 15 nicklas 32   border-left-width: 1px;
3310 07 May 15 nicklas 33 }
3310 07 May 15 nicklas 34
3297 30 Apr 15 nicklas 35 .plate tr.header th:not(:first-of-type)
3235 10 Apr 15 nicklas 36 {
3235 10 Apr 15 nicklas 37   border-bottom-width: 1px;
3235 10 Apr 15 nicklas 38 }
3235 10 Apr 15 nicklas 39
7173 17 May 23 nicklas 40 .plate tr.footer th:not(:first-of-type)
7173 17 May 23 nicklas 41 {
7173 17 May 23 nicklas 42   border-top-width: 1px;
7173 17 May 23 nicklas 43 }
7173 17 May 23 nicklas 44
3297 30 Apr 15 nicklas 45 .plate.neoprep tr.header th
3297 30 Apr 15 nicklas 46 {
3297 30 Apr 15 nicklas 47   border-top: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 48 }
3297 30 Apr 15 nicklas 49
3297 30 Apr 15 nicklas 50 .plate.neoprep tbody:last-child th
3297 30 Apr 15 nicklas 51 {
3297 30 Apr 15 nicklas 52   border-bottom: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 53 }
3297 30 Apr 15 nicklas 54
1807 23 Jan 13 nicklas 55 .plate th.pool
1807 23 Jan 13 nicklas 56 {
1809 25 Jan 13 nicklas 57   border-left: 1px solid #808080;
2218 10 Feb 14 nicklas 58   border-right: 1px solid #808080;
1809 25 Jan 13 nicklas 59   border-top: 1px solid #808080;
1807 23 Jan 13 nicklas 60 }
1807 23 Jan 13 nicklas 61
5446 24 May 19 nicklas 62 .plate th.group
5446 24 May 19 nicklas 63 {
5446 24 May 19 nicklas 64   border-left: 1px solid #808080;
5446 24 May 19 nicklas 65   border-right: 1px solid #808080;
5446 24 May 19 nicklas 66   border-top: 1px dotted #808080;
5446 24 May 19 nicklas 67 }
5446 24 May 19 nicklas 68
5444 23 May 19 nicklas 69 .plate th.pool-warning
5444 23 May 19 nicklas 70 {
5444 23 May 19 nicklas 71   background-image: url('../images/warning.png') !important;
5444 23 May 19 nicklas 72   background-position: calc(100% - 2px) 50%;
5444 23 May 19 nicklas 73   background-repeat: no-repeat;
5518 20 Jun 19 nicklas 74   outline: 2px solid #FFFF00;
5444 23 May 19 nicklas 75 }
5444 23 May 19 nicklas 76
2218 10 Feb 14 nicklas 77 .plate th.nopool-before-pool, .plate th.nopool-after-pool
2218 10 Feb 14 nicklas 78 {
1807 23 Jan 13 nicklas 79   border-top: 1px solid #E0E0E0;
1807 23 Jan 13 nicklas 80   background-color: #FFFFFF;
1807 23 Jan 13 nicklas 81 }
1807 23 Jan 13 nicklas 82
1807 23 Jan 13 nicklas 83 .plate th.nopool-after-pool
1807 23 Jan 13 nicklas 84 {
1807 23 Jan 13 nicklas 85   border-left: 1px solid #A0A0A0;
1807 23 Jan 13 nicklas 86 }
1807 23 Jan 13 nicklas 87
2218 10 Feb 14 nicklas 88 .plate th.nopool-before-pool
2218 10 Feb 14 nicklas 89 {
2218 10 Feb 14 nicklas 90   border-right: 1px solid #A0A0A0;
2218 10 Feb 14 nicklas 91 }
2218 10 Feb 14 nicklas 92
1742 23 Nov 12 nicklas 93 /* A well on the bioplate */
1742 23 Nov 12 nicklas 94 .well
1742 23 Nov 12 nicklas 95 {
1809 25 Jan 13 nicklas 96   border-top: 1px dotted #A0A0A0;
1809 25 Jan 13 nicklas 97   border-left: 1px dotted #A0A0A0;
1742 23 Nov 12 nicklas 98   border-bottom: 1px solid transparent;
1742 23 Nov 12 nicklas 99   border-right: 1px solid transparent;
1959 03 May 13 nicklas 100   padding: 2px;
1742 23 Nov 12 nicklas 101   overflow: hidden;
1742 23 Nov 12 nicklas 102   vertical-align: top;
1742 23 Nov 12 nicklas 103   text-align: left;
1742 23 Nov 12 nicklas 104
1742 23 Nov 12 nicklas 105   height: 60px;
1742 23 Nov 12 nicklas 106   max-height: 60px;
1742 23 Nov 12 nicklas 107   min-height: 60px;
1742 23 Nov 12 nicklas 108   width: 90px;
1742 23 Nov 12 nicklas 109   max-width: 90px;
1742 23 Nov 12 nicklas 110   min-width: 90px;
1742 23 Nov 12 nicklas 111   font-size: 75%;
1742 23 Nov 12 nicklas 112 }
1742 23 Nov 12 nicklas 113
3297 30 Apr 15 nicklas 114 .barcode-well
3297 30 Apr 15 nicklas 115 {
3297 30 Apr 15 nicklas 116   border-top: 1px dotted #A0A0A0;
3297 30 Apr 15 nicklas 117   border-bottom: 1px solid transparent;
3297 30 Apr 15 nicklas 118   border-right: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 119   border-left: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 120
3297 30 Apr 15 nicklas 121   vertical-align: middle;
3297 30 Apr 15 nicklas 122   text-align: center;
3297 30 Apr 15 nicklas 123   font-size: 75%;
3297 30 Apr 15 nicklas 124   font-weight: bold;
3297 30 Apr 15 nicklas 125   
3297 30 Apr 15 nicklas 126   max-width: 60px;
3297 30 Apr 15 nicklas 127   min-width: 60px;
3297 30 Apr 15 nicklas 128 }
3297 30 Apr 15 nicklas 129
3297 30 Apr 15 nicklas 130 .barcode-fill
3297 30 Apr 15 nicklas 131 {
3297 30 Apr 15 nicklas 132   border-top: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 133 }
3297 30 Apr 15 nicklas 134
3297 30 Apr 15 nicklas 135 .barcode-fill.barcode-left
3297 30 Apr 15 nicklas 136 {
3297 30 Apr 15 nicklas 137   border-right: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 138 }
3297 30 Apr 15 nicklas 139
3297 30 Apr 15 nicklas 140 .barcode-fill.barcode-right
3297 30 Apr 15 nicklas 141 {
3297 30 Apr 15 nicklas 142   border-left: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 143 }
3297 30 Apr 15 nicklas 144
3297 30 Apr 15 nicklas 145 tr.header .barcode-fill
3297 30 Apr 15 nicklas 146 {
3297 30 Apr 15 nicklas 147   border-bottom: 1px solid #A0A0A0;
3297 30 Apr 15 nicklas 148   border-top: 0;
3297 30 Apr 15 nicklas 149 }
3297 30 Apr 15 nicklas 150
1809 25 Jan 13 nicklas 151 /* No left border on the first well on each row  */
5401 07 May 19 nicklas 152 .well.col-0:not(.primary), .well.col-0:not(.pool-left)
1742 23 Nov 12 nicklas 153 {
1742 23 Nov 12 nicklas 154   border-left: 1px solid transparent;
1742 23 Nov 12 nicklas 155 }
1742 23 Nov 12 nicklas 156
1809 25 Jan 13 nicklas 157 /* No top border on the first well in each column  */
3297 30 Apr 15 nicklas 158 .row-0 .well, .row-0 .barcode-well
1809 25 Jan 13 nicklas 159 {
1809 25 Jan 13 nicklas 160   border-top: 1px solid transparent;
1809 25 Jan 13 nicklas 161 }
1809 25 Jan 13 nicklas 162
1742 23 Nov 12 nicklas 163 /* The center primary wells (typically the 8 center columns) and marked with a darker background */
1742 23 Nov 12 nicklas 164 .well.primary
1742 23 Nov 12 nicklas 165 {
1742 23 Nov 12 nicklas 166   background-color: #F0F0F0;
1742 23 Nov 12 nicklas 167 }
1742 23 Nov 12 nicklas 168
5454 28 May 19 nicklas 169 /* Pairs of columns make up a single pool and have a darker left border */
5454 28 May 19 nicklas 170 .well.pool-left, .well.group-left
5454 28 May 19 nicklas 171 {
5454 28 May 19 nicklas 172   border-left-color: #808080;
5454 28 May 19 nicklas 173   border-left-style: solid;
5454 28 May 19 nicklas 174 }
5454 28 May 19 nicklas 175
5454 28 May 19 nicklas 176 .well.pool-right, .well.group-right
5454 28 May 19 nicklas 177 {
5454 28 May 19 nicklas 178   border-right-color: #808080;
5454 28 May 19 nicklas 179   border-right-style: solid;
5454 28 May 19 nicklas 180 }
5454 28 May 19 nicklas 181
1814 30 Jan 13 nicklas 182 /* Colored wells are used to indicate barcode variants */
5518 20 Jun 19 nicklas 183 .well.bg-green, .bg-green, th.bg-green
1814 30 Jan 13 nicklas 184 {
1925 11 Apr 13 nicklas 185   background-color: #D8F8D8;
1814 30 Jan 13 nicklas 186 }
5519 20 Jun 19 nicklas 187 .well.bg-green-dk, .bg-green-dk, th.bg-green-dk
2218 10 Feb 14 nicklas 188 {
2218 10 Feb 14 nicklas 189   background-color: #A0F8A0;
2218 10 Feb 14 nicklas 190 }
1814 30 Jan 13 nicklas 191
5518 20 Jun 19 nicklas 192 .well.bg-blue, .bg-blue, th.bg-blue
1814 30 Jan 13 nicklas 193 {
1925 11 Apr 13 nicklas 194   background-color: #D8E8FF;
1814 30 Jan 13 nicklas 195 }
5519 20 Jun 19 nicklas 196 .well.bg-blue-dk, .bg-blue-dk, th.bg-blue-dk
2218 10 Feb 14 nicklas 197 {
5519 20 Jun 19 nicklas 198   background-color: #C0D0FF;
2218 10 Feb 14 nicklas 199 }
1814 30 Jan 13 nicklas 200
5518 20 Jun 19 nicklas 201 .well.bg-yellow, .bg-yellow, th.bg-yellow
1814 30 Jan 13 nicklas 202 {
1925 11 Apr 13 nicklas 203   background-color: #FFFFD8;
1814 30 Jan 13 nicklas 204 }
5519 20 Jun 19 nicklas 205 .well.bg-yellow-dk, .bg-yellow-dk, th.bg-yellow-dk
2218 10 Feb 14 nicklas 206 {
5519 20 Jun 19 nicklas 207   background-color: #FFFFB0;
2218 10 Feb 14 nicklas 208 }
1814 30 Jan 13 nicklas 209
5520 20 Jun 19 nicklas 210 .well.bg-gray, .bg-gray, th.bg-gray
5520 20 Jun 19 nicklas 211 {
5520 20 Jun 19 nicklas 212   background-color: #F0F0F0;
5520 20 Jun 19 nicklas 213 }
5520 20 Jun 19 nicklas 214
1814 30 Jan 13 nicklas 215 .well.bg-modified, .bg-modified
1814 30 Jan 13 nicklas 216 {
1814 30 Jan 13 nicklas 217   background-color: #FFF800;
1814 30 Jan 13 nicklas 218 }
1814 30 Jan 13 nicklas 219
3300 04 May 15 nicklas 220 /* A well that has an warning for some reason */
3300 04 May 15 nicklas 221 .well.warning
1742 23 Nov 12 nicklas 222 {
3300 04 May 15 nicklas 223   background-image: url('../images/warning.png') !important;
5444 23 May 19 nicklas 224   background-position: calc(100% - 2px) calc(100% - 2px);
1742 23 Nov 12 nicklas 225   background-repeat: no-repeat;
5518 20 Jun 19 nicklas 226   outline: 2px solid #FFFF00;
1742 23 Nov 12 nicklas 227 }
1742 23 Nov 12 nicklas 228
3300 04 May 15 nicklas 229 /* A well that has an error for some reason */
3300 04 May 15 nicklas 230 .well.err
1742 23 Nov 12 nicklas 231 {
3300 04 May 15 nicklas 232   background-image: url('../images/error.png') !important;
5444 23 May 19 nicklas 233   background-position: calc(100% - 2px) calc(100% - 2px);
1742 23 Nov 12 nicklas 234   background-repeat: no-repeat;
1814 30 Jan 13 nicklas 235   background-color: #FFC8C8 !important;
1742 23 Nov 12 nicklas 236 }
1742 23 Nov 12 nicklas 237
2795 13 Oct 14 nicklas 238 .wizard.flash-error .well.err
2795 13 Oct 14 nicklas 239 {
2795 13 Oct 14 nicklas 240   animation: enlarge 1s infinite;
2795 13 Oct 14 nicklas 241 }
1742 23 Nov 12 nicklas 242
1742 23 Nov 12 nicklas 243 /* A selected well have a different background color */
1742 23 Nov 12 nicklas 244 .well.selected
1742 23 Nov 12 nicklas 245 {
1819 31 Jan 13 nicklas 246   background-color: #D8FFFF !important;
1987 23 May 13 nicklas 247   color: #002288;
1742 23 Nov 12 nicklas 248 }
1742 23 Nov 12 nicklas 249
1742 23 Nov 12 nicklas 250 /* And a bit darker for the primary wells */
1742 23 Nov 12 nicklas 251 .well.primary.selected
1742 23 Nov 12 nicklas 252 {
1819 31 Jan 13 nicklas 253   background-color: #B0FFFF !important;
1742 23 Nov 12 nicklas 254 }
1742 23 Nov 12 nicklas 255
1987 23 May 13 nicklas 256 .well.selected.bg-green
1987 23 May 13 nicklas 257 {
1987 23 May 13 nicklas 258   background-color: #A0E0A0 !important;
1987 23 May 13 nicklas 259   color: #002288;
1987 23 May 13 nicklas 260 }
1987 23 May 13 nicklas 261
5519 20 Jun 19 nicklas 262 .well.selected.bg-green-dk
5519 20 Jun 19 nicklas 263 {
5519 20 Jun 19 nicklas 264   background-color: #88E888 !important;
5519 20 Jun 19 nicklas 265   color: #002288;
5519 20 Jun 19 nicklas 266 }
5519 20 Jun 19 nicklas 267
1987 23 May 13 nicklas 268 .well.selected.bg-blue
1987 23 May 13 nicklas 269 {
5519 20 Jun 19 nicklas 270   background-color: #B0D0F8 !important;
1987 23 May 13 nicklas 271   color: #002288;
1987 23 May 13 nicklas 272 }
1987 23 May 13 nicklas 273
5519 20 Jun 19 nicklas 274 .well.selected.bg-blue-dk
5519 20 Jun 19 nicklas 275 {
5519 20 Jun 19 nicklas 276   background-color: #B0C0F8 !important;
5519 20 Jun 19 nicklas 277   color: #002288;
5519 20 Jun 19 nicklas 278 }
5519 20 Jun 19 nicklas 279
1987 23 May 13 nicklas 280 .well.selected.bg-yellow
1987 23 May 13 nicklas 281 {
1987 23 May 13 nicklas 282   background-color: #FFEEA0 !important;
1987 23 May 13 nicklas 283   color: #002288;
1987 23 May 13 nicklas 284 }
1987 23 May 13 nicklas 285
5519 20 Jun 19 nicklas 286 .well.selected.bg-yellow-dk
5519 20 Jun 19 nicklas 287 {
5519 20 Jun 19 nicklas 288   background-color: #FFEEA0 !important;
5519 20 Jun 19 nicklas 289   color: #002288;
5519 20 Jun 19 nicklas 290 }
5519 20 Jun 19 nicklas 291
5520 20 Jun 19 nicklas 292 .well.selected.bg-gray
5520 20 Jun 19 nicklas 293 {
5520 20 Jun 19 nicklas 294   background-color: #E0E0E0 !important;
5520 20 Jun 19 nicklas 295   color: #002288;
5520 20 Jun 19 nicklas 296 }
5520 20 Jun 19 nicklas 297
1987 23 May 13 nicklas 298 .well.selected.bg-modified
1987 23 May 13 nicklas 299 {
1987 23 May 13 nicklas 300   background-color: #DDD800 !important;
1987 23 May 13 nicklas 301   color: #002288;
1987 23 May 13 nicklas 302 }
1987 23 May 13 nicklas 303
1987 23 May 13 nicklas 304
5520 20 Jun 19 nicklas 305 .well.err.selected
1819 31 Jan 13 nicklas 306 {
1819 31 Jan 13 nicklas 307   background-color: #E8D8FF !important;
1819 31 Jan 13 nicklas 308 }
1819 31 Jan 13 nicklas 309
1742 23 Nov 12 nicklas 310 .well.clipboard
1742 23 Nov 12 nicklas 311 {
1960 06 May 13 nicklas 312   border: 2px dashed #2288AA;
1742 23 Nov 12 nicklas 313   border-radius: 4px;
1960 06 May 13 nicklas 314   padding: 1px;
1742 23 Nov 12 nicklas 315 }
1742 23 Nov 12 nicklas 316
1742 23 Nov 12 nicklas 317 .well .copy-text
1742 23 Nov 12 nicklas 318 {
1742 23 Nov 12 nicklas 319   color: #999999;
1742 23 Nov 12 nicklas 320   font-style: italic;
1742 23 Nov 12 nicklas 321 }
1742 23 Nov 12 nicklas 322
1809 25 Jan 13 nicklas 323 /* Name of extract is in bold */
1809 25 Jan 13 nicklas 324 .well .name
1809 25 Jan 13 nicklas 325 {
1809 25 Jan 13 nicklas 326   font-weight: bold;
1809 25 Jan 13 nicklas 327 }
1809 25 Jan 13 nicklas 328
1809 25 Jan 13 nicklas 329 /* Error and warning messages are red */
1809 25 Jan 13 nicklas 330 .well .err-msg, .well .warn-msg
1809 25 Jan 13 nicklas 331 {
1809 25 Jan 13 nicklas 332   color: #C80000;
1809 25 Jan 13 nicklas 333   font-style: italic;
1809 25 Jan 13 nicklas 334 }
1809 25 Jan 13 nicklas 335
1742 23 Nov 12 nicklas 336 /* Display a border around the well when pointing on it with the mouse */
3297 30 Apr 15 nicklas 337 .well:hover, .barcode-well:hover
1742 23 Nov 12 nicklas 338 {
1742 23 Nov 12 nicklas 339   cursor: pointer;
1959 03 May 13 nicklas 340   padding: 1px;
3299 04 May 15 nicklas 341   border: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 342   border-radius: 4px;
1742 23 Nov 12 nicklas 343 }
1742 23 Nov 12 nicklas 344
1742 23 Nov 12 nicklas 345 /* Highlight all replicated wells when the mouse is over one */
1742 23 Nov 12 nicklas 346 .well.highlight-replicated
1742 23 Nov 12 nicklas 347 {
1960 06 May 13 nicklas 348   padding: 1px;
1742 23 Nov 12 nicklas 349   border: 2px dashed #2288AA;
1742 23 Nov 12 nicklas 350   border-radius: 4px;
1742 23 Nov 12 nicklas 351 }
1742 23 Nov 12 nicklas 352
1742 23 Nov 12 nicklas 353 /* When highlightning an entire row, the wells have a top and bottom border */
1742 23 Nov 12 nicklas 354 .well.highlight-row
1742 23 Nov 12 nicklas 355 {
1959 03 May 13 nicklas 356   padding-top: 1px;
1959 03 May 13 nicklas 357   padding-bottom: 1px;
1742 23 Nov 12 nicklas 358   border-top: 2px solid #2288AA;
1742 23 Nov 12 nicklas 359   border-bottom: 2px solid #2288AA;
1742 23 Nov 12 nicklas 360 }
1742 23 Nov 12 nicklas 361
1742 23 Nov 12 nicklas 362 /* The last well have a right border and rounded corners */
3297 30 Apr 15 nicklas 363 .well.highlight-row:last-child, .well.highlight-row.last-child
1742 23 Nov 12 nicklas 364 {
1959 03 May 13 nicklas 365   padding-right: 1px;
1742 23 Nov 12 nicklas 366   border-right: 2px solid #2288AA;
1742 23 Nov 12 nicklas 367   border-radius: 0 4px 4px 0;
1742 23 Nov 12 nicklas 368 }
1742 23 Nov 12 nicklas 369
1742 23 Nov 12 nicklas 370 /* The header column have a left border */
1742 23 Nov 12 nicklas 371 th.highlight-row
1742 23 Nov 12 nicklas 372 {
3297 30 Apr 15 nicklas 373   padding-left: 0;
3297 30 Apr 15 nicklas 374   border-top: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 375   border-left: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 376   border-bottom: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 377   border-radius: 4px 0 0 4px;
1742 23 Nov 12 nicklas 378 }
1742 23 Nov 12 nicklas 379
1742 23 Nov 12 nicklas 380 /* When highlightning an entire column, the wells have a left and right border */
1742 23 Nov 12 nicklas 381 .well.highlight-column
1742 23 Nov 12 nicklas 382 {
1959 03 May 13 nicklas 383   padding-left: 1px;
1959 03 May 13 nicklas 384   padding-right: 1px;
3297 30 Apr 15 nicklas 385   border-left: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 386   border-right: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 387 }
1742 23 Nov 12 nicklas 388
1742 23 Nov 12 nicklas 389 /* The last well have a bottom border */
1742 23 Nov 12 nicklas 390 .plate tr:last-child .well.highlight-column
1742 23 Nov 12 nicklas 391 {
1959 03 May 13 nicklas 392   padding-bottom: 1px;
3297 30 Apr 15 nicklas 393   border-bottom: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 394   border-radius: 0 0 4px 4px;
1742 23 Nov 12 nicklas 395 }
1742 23 Nov 12 nicklas 396
1742 23 Nov 12 nicklas 397 /* The header row has a top border */
1742 23 Nov 12 nicklas 398 th.highlight-column
1742 23 Nov 12 nicklas 399 {
1742 23 Nov 12 nicklas 400   padding-top: 0;
3297 30 Apr 15 nicklas 401   border-top: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 402   border-left: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 403   border-right: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 404   border-radius: 4px 4px 0 0;
1742 23 Nov 12 nicklas 405 }
1742 23 Nov 12 nicklas 406
5446 24 May 19 nicklas 407 /* When highlightning a pool/group the left column has a lefter border... */
5446 24 May 19 nicklas 408 .well.pool-left.highlight-pool, .well.group-left.highlight-group
1742 23 Nov 12 nicklas 409 {
1959 03 May 13 nicklas 410   padding-left: 1px;
3297 30 Apr 15 nicklas 411   border-left: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 412 }
1742 23 Nov 12 nicklas 413
1742 23 Nov 12 nicklas 414 /* ...and the right column has a right border */
5446 24 May 19 nicklas 415 .well.pool-right.highlight-pool, .well.group-right.highlight-group
1742 23 Nov 12 nicklas 416 {
1959 03 May 13 nicklas 417   padding-right: 1px;
3297 30 Apr 15 nicklas 418   border-right: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 419 }
1742 23 Nov 12 nicklas 420
1742 23 Nov 12 nicklas 421 /* First row need a top border as well */
5446 24 May 19 nicklas 422 .row-0 .well.pool-left.highlight-pool, .row-0 .well.group-left.highlight-group
1742 23 Nov 12 nicklas 423 {
1959 03 May 13 nicklas 424   padding-top: 1px;
3297 30 Apr 15 nicklas 425   border-top: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 426   border-radius: 4px 0 0 0;
1742 23 Nov 12 nicklas 427 }
5446 24 May 19 nicklas 428 .row-0 .well.pool-middle.highlight-pool, .row-0 .well.group-middle.highlight-group
1807 23 Jan 13 nicklas 429 {
1959 03 May 13 nicklas 430   padding-top: 1px;
3297 30 Apr 15 nicklas 431   border-top: 2px solid #2288AA !important;
1807 23 Jan 13 nicklas 432 }
5446 24 May 19 nicklas 433 .row-0 .well.pool-right.highlight-pool, .row-0 .well.group-right.highlight-group
1742 23 Nov 12 nicklas 434 {
1959 03 May 13 nicklas 435   padding-top: 1px;
3297 30 Apr 15 nicklas 436   border-top: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 437   border-radius: 0 4px 0 0;
1742 23 Nov 12 nicklas 438 }
1742 23 Nov 12 nicklas 439
1742 23 Nov 12 nicklas 440 /* And the bottom pool header is a single column */
5446 24 May 19 nicklas 441 .plate th.pool.highlight-pool, .plate th.group.highlight-group
1742 23 Nov 12 nicklas 442 {
1742 23 Nov 12 nicklas 443   padding-bottom: 0;
5446 24 May 19 nicklas 444   padding-right: 1px;
5446 24 May 19 nicklas 445   padding-left: 1px;
3297 30 Apr 15 nicklas 446   border-bottom: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 447   border-left: 2px solid #2288AA !important;
3297 30 Apr 15 nicklas 448   border-right: 2px solid #2288AA !important;
1742 23 Nov 12 nicklas 449   border-radius: 0 0 4px 4px;
1742 23 Nov 12 nicklas 450 }
1742 23 Nov 12 nicklas 451
3297 30 Apr 15 nicklas 452 .plate.neoprep th.pool.highlight-pool
3297 30 Apr 15 nicklas 453 {
3297 30 Apr 15 nicklas 454   padding-bottom: 1px;
3297 30 Apr 15 nicklas 455 }