Project

General

Profile

« Previous | Next » 

Revision f46584fb

Added by Andreas Kohlbecker about 3 years ago

ref #7599 ref #6866 specimen details in floating tables - improved layout (compatible with all major browsers)

View differences:

themes/zen_dataportal/css/cdm.css
309 309
  clear: both;
310 310
}
311 311

  
312
/* line 238, ../sass/cdm.scss */
312
/*
313
 * derivatives tree view (see also derivation-tree.js)
314
 * partially based on ideas found in https://jsfiddle.net/xuonpjmh/21/
315
 */
316
/* line 241, ../sass/cdm.scss */
313 317
div.derived-unit-tree,
314 318
ul.derived-unit-sub-tree,
315 319
ul.derived-unit-sub-tree ul {
......
317 321
  margin: 0 0 0 3.2px;
318 322
  padding: 0;
319 323
}
320
/* line 243, ../sass/cdm.scss */
324
/* line 246, ../sass/cdm.scss */
321 325
div.derived-unit-tree .unit-header,
322 326
ul.derived-unit-sub-tree .unit-header,
323 327
ul.derived-unit-sub-tree ul .unit-header {
324 328
  padding-top: 7px;
325 329
}
326
/* line 245, ../sass/cdm.scss */
330
/* line 248, ../sass/cdm.scss */
327 331
div.derived-unit-tree .unit-header .unit-label,
328 332
ul.derived-unit-sub-tree .unit-header .unit-label,
329 333
ul.derived-unit-sub-tree ul .unit-header .unit-label {
......
331 335
  background-color: #dedede;
332 336
  padding-left: 5px;
333 337
}
334
/* line 250, ../sass/cdm.scss */
338
/* line 253, ../sass/cdm.scss */
335 339
div.derived-unit-tree .unit-header .unit-label:hover,
336 340
ul.derived-unit-sub-tree .unit-header .unit-label:hover,
337 341
ul.derived-unit-sub-tree ul .unit-header .unit-label:hover {
338 342
  background-color: #f8f8f8;
339 343
}
340
/* line 254, ../sass/cdm.scss */
344
/* line 257, ../sass/cdm.scss */
341 345
div.derived-unit-tree .unit-content,
342 346
ul.derived-unit-sub-tree .unit-content,
343 347
ul.derived-unit-sub-tree ul .unit-content {
344 348
  padding: 11.2px;
345 349
  background-color: #ebebeb;
350
  display: grid;
351
  grid-template-columns: repeat(2, 1fr);
352
  grid-column-gap: 11.2px;
346 353
}
347
/* line 257, ../sass/cdm.scss */
354
/* line 265, ../sass/cdm.scss */
348 355
div.derived-unit-tree .unit-content dl,
349 356
ul.derived-unit-sub-tree .unit-content dl,
350 357
ul.derived-unit-sub-tree ul .unit-content dl {
351 358
  margin: 0;
352 359
}
353 360

  
354
/* line 262, ../sass/cdm.scss */
355
div.derived-unit-tree {
356
  margin-top: -3.2px;
357
}
358
/* line 264, ../sass/cdm.scss */
361
/* line 271, ../sass/cdm.scss */
359 362
div.derived-unit-tree table.specimen-or-observation-details {
360 363
  margin: 0;
361
  width: 50%;
364
  width: 100%;
365
  vertical-align: top;
362 366
  font-size: smaller;
363 367
  background-color: white;
364 368
}
365
/* line 269, ../sass/cdm.scss */
369
/* line 277, ../sass/cdm.scss */
366 370
div.derived-unit-tree table.specimen-or-observation-details thead {
367 371
  border-bottom: thin solid #dedede;
368 372
}
369
/* line 273, ../sass/cdm.scss */
373
/* line 280, ../sass/cdm.scss */
370 374
div.derived-unit-tree table.specimen-or-observation-details tbody {
371 375
  background-color: white;
372 376
}
373
/* line 275, ../sass/cdm.scss */
377
/* line 282, ../sass/cdm.scss */
374 378
div.derived-unit-tree table.specimen-or-observation-details tbody .label {
375 379
  text-align: right;
376 380
  white-space: nowrap;
377 381
  border-right: thin solid #dedede;
382
  width: 50%;
378 383
}
379
/* line 282, ../sass/cdm.scss */
384
/* line 289, ../sass/cdm.scss */
380 385
div.derived-unit-tree table.specimen-or-observation-details td, div.derived-unit-tree table.specimen-or-observation-details th {
381 386
  padding-right: 11.2px;
382 387
  padding-left: 11.2px;
383 388
}
384 389

  
385
/* line 289, ../sass/cdm.scss */
390
/* line 296, ../sass/cdm.scss */
386 391
div.derived-unit-tree-root .unit-content-wrapper {
387 392
  border-left: 3px dotted #dedede;
388 393
  margin-left: 3.2px;
389 394
}
390 395

  
391
/* line 299, ../sass/cdm.scss */
396
/* line 303, ../sass/cdm.scss */
392 397
ul.derived-unit-sub-tree ul {
393 398
  margin-left: 1.0em;
394 399
}
395
/* line 302, ../sass/cdm.scss */
400
/* line 306, ../sass/cdm.scss */
396 401
ul.derived-unit-sub-tree li {
397 402
  position: relative;
398 403
  margin-left: 0;
......
401 406
  line-height: 22.4px;
402 407
  border-left: 3px dotted #dedede;
403 408
}
404
/* line 312, ../sass/cdm.scss */
409
/* line 316, ../sass/cdm.scss */
405 410
ul.derived-unit-sub-tree li:last-child {
406 411
  border-left: none;
407 412
}
408
/* line 314, ../sass/cdm.scss */
413
/* line 318, ../sass/cdm.scss */
409 414
ul.derived-unit-sub-tree li:last-child .unit-header, ul.derived-unit-sub-tree li:last-child .unit-content {
410 415
  margin-left: 3px;
411 416
}
412
/* line 318, ../sass/cdm.scss */
417
/* line 322, ../sass/cdm.scss */
413 418
ul.derived-unit-sub-tree li:before {
414 419
  position: absolute;
415 420
  top: 3.2px;
......
423 428
  content: "";
424 429
  display: inline-block;
425 430
}
426
/* line 330, ../sass/cdm.scss */
431
/* line 334, ../sass/cdm.scss */
427 432
ul.derived-unit-sub-tree li:last-child:before {
428 433
  border-left: 3px dotted #dedede;
429 434
}
......
431 436
/*
432 437
 * Map
433 438
 */
434
/* line 338, ../sass/cdm.scss */
439
/* line 342, ../sass/cdm.scss */
435 440
.openlayers-container {
436 441
  margin-top: 5px;
437 442
  margin-bottom: 5px;
......
440 445
/*
441 446
 * Registration page & items
442 447
 */
443
/* line 348, ../sass/cdm.scss */
448
/* line 352, ../sass/cdm.scss */
444 449
.registration .type-status {
445 450
  font-weight: bold;
446 451
}
447
/* line 352, ../sass/cdm.scss */
452
/* line 356, ../sass/cdm.scss */
448 453
.registration .registration-date-and-institute {
449 454
  color: #999;
450 455
}
451
/* line 358, ../sass/cdm.scss */
456
/* line 362, ../sass/cdm.scss */
452 457
.registration .published-name .TaxonName .name {
453 458
  font-weight: bold;
454 459
}
455
/* line 362, ../sass/cdm.scss */
460
/* line 366, ../sass/cdm.scss */
456 461
.registration .typified-name .cdm\:TaxonName {
457 462
  color: #999;
458 463
}
459
/* line 364, ../sass/cdm.scss */
464
/* line 368, ../sass/cdm.scss */
460 465
.registration .typified-name .cdm\:TaxonName a {
461 466
  color: #999;
462 467
}
463
/* line 367, ../sass/cdm.scss */
468
/* line 371, ../sass/cdm.scss */
464 469
.registration .typified-name .cdm\:TaxonName .TaxonName .name {
465 470
  font-weight: bold;
466 471
}
467
/* line 373, ../sass/cdm.scss */
472
/* line 377, ../sass/cdm.scss */
468 473
.registration .registration-summary .registered_name .name {
469 474
  font-weight: bold;
470 475
}
471
/* line 376, ../sass/cdm.scss */
476
/* line 380, ../sass/cdm.scss */
472 477
.registration .registration-summary .referenced_typified_name {
473 478
  color: #999;
474 479
}
475
/* line 379, ../sass/cdm.scss */
480
/* line 383, ../sass/cdm.scss */
476 481
.registration .registration-summary .label {
477 482
  font-weight: bold;
478 483
}
......
480 485
/*
481 486
 * Theme settings page
482 487
 */
483
/* line 390, ../sass/cdm.scss */
488
/* line 394, ../sass/cdm.scss */
484 489
#system-theme-settings .image-preview {
485 490
  width: 600px;
486 491
  max-height: 150px;
487 492
  overflow: auto;
488 493
}
489
/* line 394, ../sass/cdm.scss */
494
/* line 398, ../sass/cdm.scss */
490 495
#system-theme-settings .image-preview img {
491 496
  max-width: none;
492 497
  /* reset style in mormalize.scss */
......
497 502
 *
498 503
 * using the same media queries here as in layout/_responsive.scss
499 504
 *****************************************************************************************/
500
/* line 407, ../sass/cdm.scss */
505
/* line 411, ../sass/cdm.scss */
501 506
#classification-breadcrumbs {
502 507
  font-size: 1.5em;
503 508
  line-height: 1.5em;
504 509
}
505 510

  
506 511
@media all and (min-width: 960px) {
507
  /* line 418, ../sass/cdm.scss */
512
  /* line 422, ../sass/cdm.scss */
508 513
  #classification-breadcrumbs {
509 514
    font-size: 1em;
510 515
  }
......
512 517
/***************************
513 518
 * TESTING ONLY 2020-02-20
514 519
 */
515
/* line 426, ../sass/cdm.scss */
520
/* line 430, ../sass/cdm.scss */
516 521
.font-noto {
517 522
  font-family: "Noto Sans", sans-serif !important;
518 523
}

Also available in: Unified diff