Project

General

Profile

« Previous | Next » 

Revision 2ed89b85

Added by Andreas Kohlbecker about 3 years ago

ref #7599 derivate tree with collapsible items

View differences:

themes/zen_dataportal/css/cdm.css
6 6
 */
7 7
@import url("../fonts/notosans-webfont-2017-2/stylesheet.css");
8 8
@import url("../fonts/notomono-webfont-2020/stylesheet.css");
9
/* line 30, ../sass/ie-legacy.scss */
10
.pie-element, .lt-ie9 #page {
11
  behavior: url("/polyfills/css3pie/PIE-1.0.0.htc");
12
  position: relative;
13
}
14

  
15
/* line 43, ../sass/ie-legacy.scss */
16
.pie-container {
17
  z-index: 0;
18
  position: relative;
19
}
20

  
21
/* line 47, ../sass/ie-legacy.scss */
22
.z-pie-element, .lt-ie9 #page {
23
  behavior: url("/polyfills/css3pie/PIE-1.0.0.htc");
24
  z-index: 0;
25
}
26

  
27
/* line 63, ../sass/ie-legacy.scss */
28
.lt-ie9 #header {
29
  /* 
30
   * reset right padding to zero and use margin-right instead,
31
   * this avoids the need for background-clip: content-box
32
   * which is not suppoorted in IE < 9
33
   */
34
  padding-right: 0;
35
  margin-right: 20px;
36
}
37

  
38
/* line 43, ../sass/_mixins.scss */
9
/* line 42, ../sass/_mixins.scss */
39 10
.block a:link,
40 11
.block a:visited, .node a:link,
41 12
.node a:visited, #identificationKey a:link,
42 13
#identificationKey a:visited, #content a:link,
43 14
#content a:visited {
44
  color: #115e92;
15
  color: #115E92;
45 16
  text-decoration: none;
46 17
}
47
/* line 49, ../sass/_mixins.scss */
18
/* line 48, ../sass/_mixins.scss */
48 19
.block a:hover,
49 20
.block a:focus, .node a:hover,
50 21
.node a:focus, #identificationKey a:hover,
......
52 23
#content a:focus {
53 24
  text-decoration: underline;
54 25
}
55
/* line 58, ../sass/_mixins.scss */
26
/* line 57, ../sass/_mixins.scss */
56 27
.block .Synonym a:link,
57 28
.block .Synonym a:visited, .block .misapplied-name a:link,
58 29
.block .misapplied-name a:visited, .node .Synonym a:link,
......
62 33
#identificationKey .misapplied-name a:visited, #content .Synonym a:link,
63 34
#content .Synonym a:visited, #content .misapplied-name a:link,
64 35
#content .misapplied-name a:visited {
65
  color: #7c7c7c;
36
  color: #7C7C7C;
66 37
}
67
/* line 64, ../sass/_mixins.scss */
38
/* line 63, ../sass/_mixins.scss */
68 39
.block .Taxon a:link,
69 40
.block .Taxon a:visited, .node .Taxon a:link,
70 41
.node .Taxon a:visited, #identificationKey .Taxon a:link,
71 42
#identificationKey .Taxon a:visited, #content .Taxon a:link,
72 43
#content .Taxon a:visited {
73
  color: #115e92;
44
  color: #115E92;
74 45
}
75 46

  
76 47
/* line 20, ../sass/cdm.scss */
......
113 84
/* line 54, ../sass/cdm.scss */
114 85
#page-toc {
115 86
  float: right;
116
  background-color: white;
87
  background-color: #fff;
117 88
}
118 89
/* line 57, ../sass/cdm.scss */
119 90
#page-toc h3 {
......
170 141
/*
171 142
 * Search results
172 143
 */
173
/* line 43, ../sass/_mixins.scss */
144
/* line 42, ../sass/_mixins.scss */
174 145
#search_results a:link,
175 146
#search_results a:visited {
176
  color: #115e92;
147
  color: #115E92;
177 148
  text-decoration: none;
178 149
}
179
/* line 49, ../sass/_mixins.scss */
150
/* line 48, ../sass/_mixins.scss */
180 151
#search_results a:hover,
181 152
#search_results a:focus {
182 153
  text-decoration: underline;
183 154
}
184
/* line 58, ../sass/_mixins.scss */
155
/* line 57, ../sass/_mixins.scss */
185 156
#search_results .Synonym a:link,
186 157
#search_results .Synonym a:visited, #search_results .misapplied-name a:link,
187 158
#search_results .misapplied-name a:visited {
188
  color: #7c7c7c;
159
  color: #7C7C7C;
189 160
}
190
/* line 64, ../sass/_mixins.scss */
161
/* line 63, ../sass/_mixins.scss */
191 162
#search_results .Taxon a:link,
192 163
#search_results .Taxon a:visited {
193
  color: #115e92;
164
  color: #115E92;
194 165
}
195 166
/* line 112, ../sass/cdm.scss */
196 167
#search_results table {
......
316 287

  
317 288
/*
318 289
 * derivatives tree view (see also derivation-tree.js)
319
 * partially based on ideas found in https://jsfiddle.net/xuonpjmh/21/
320 290
 */
321
/* line 245, ../sass/cdm.scss */
322
div.derived-unit-tree,
323
ul.derived-unit-sub-tree,
324
ul.derived-unit-sub-tree ul {
291
/* line 246, ../sass/cdm.scss */
292
.item-tree ul {
325 293
  list-style: none;
326
  margin: 0 0 0 3.2px;
327
  padding: 0;
294
  margin: 0;
295
  padding-left: 0;
328 296
}
329
/* line 250, ../sass/cdm.scss */
330
div.derived-unit-tree .unit-header,
331
ul.derived-unit-sub-tree .unit-header,
332
ul.derived-unit-sub-tree ul .unit-header {
333
  padding-top: 7px;
334
}
335
/* line 252, ../sass/cdm.scss */
336
div.derived-unit-tree .unit-header .unit-label,
337
ul.derived-unit-sub-tree .unit-header .unit-label,
338
ul.derived-unit-sub-tree ul .unit-header .unit-label {
339
  background-color: #dedede;
340
  padding-left: 5px;
297
/* line 251, ../sass/cdm.scss */
298
.item-tree ul.collapsed {
299
  display: none;
341 300
}
342
/* line 255, ../sass/cdm.scss */
343
div.derived-unit-tree .unit-header .unit-label .page-link,
344
ul.derived-unit-sub-tree .unit-header .unit-label .page-link,
345
ul.derived-unit-sub-tree ul .unit-header .unit-label .page-link {
346
  float: right;
301
/* line 254, ../sass/cdm.scss */
302
.item-tree ul li {
303
  padding: 7px 0px 0px 28px;
304
  margin-top: 3.5px;
305
  position: relative;
347 306
}
348 307
/* line 259, ../sass/cdm.scss */
349
div.derived-unit-tree .unit-header .unit-label-hover-effect:hover,
350
ul.derived-unit-sub-tree .unit-header .unit-label-hover-effect:hover,
351
ul.derived-unit-sub-tree ul .unit-header .unit-label-hover-effect:hover {
352
  cursor: pointer;
353
  background-color: #f8f8f8;
354
}
355
/* line 264, ../sass/cdm.scss */
356
div.derived-unit-tree .unit-content,
357
ul.derived-unit-sub-tree .unit-content,
358
ul.derived-unit-sub-tree ul .unit-content {
359
  padding: 11.2px;
360
  background-color: #ebebeb;
361
}
362
/* line 268, ../sass/cdm.scss */
363
div.derived-unit-tree .derivation-event,
364
ul.derived-unit-sub-tree .derivation-event,
365
ul.derived-unit-sub-tree ul .derivation-event {
366
  font-size: smaller;
367
  margin-top: -11.2px;
368
  color: #7c7c7c;
308
.item-tree ul li::before {
309
  content: "";
310
  position: absolute;
311
  top: 18.2px;
312
  left: -14px;
313
  border-left: 3.5px dotted #DEDEDE;
314
  border-bottom: 3.5px dotted #DEDEDE;
315
  width: 28px;
316
  height: 100%;
317
}
318
/* line 270, ../sass/cdm.scss */
319
.item-tree ul li:last-child:before {
320
  content: none;
321
}
322
/* line 274, ../sass/cdm.scss */
323
.item-tree ul li .item-wrapper-with-sub-items {
324
  position: relative;
369 325
}
370
/* line 273, ../sass/cdm.scss */
371
div.derived-unit-tree .focused_item,
372
ul.derived-unit-sub-tree .focused_item,
373
ul.derived-unit-sub-tree ul .focused_item {
374
  font-weight: bold;
326
/* line 276, ../sass/cdm.scss */
327
.item-tree ul li .item-wrapper-with-sub-items::after {
328
  content: "";
329
  position: absolute;
330
  top: 18.2px;
331
  left: -14px;
332
  border-left: 3.5px dotted #DEDEDE;
333
  border-bottom: 3.5px dotted #DEDEDE;
334
  width: 28px;
335
  height: 100%;
375 336
}
376

  
377
/* line 278, ../sass/cdm.scss */
378
div.derived-unit-tree-root .unit-content-wrapper {
379
  border-left: 3px dotted #dedede;
380
  margin-left: 3.2px;
337
/* line 290, ../sass/cdm.scss */
338
.item-tree ul li.collapsed .item-wrapper-with-sub-items::after {
339
  content: none;
381 340
}
382

  
383
/* line 284, ../sass/cdm.scss */
384
ul.derived-unit-sub-tree ul {
385
  margin-left: 1.0em;
341
/* line 296, ../sass/cdm.scss */
342
.item-tree > .item-list > ul {
343
  margin-left: -14px;
386 344
}
387
/* line 287, ../sass/cdm.scss */
388
ul.derived-unit-sub-tree li {
389
  position: relative;
390
  margin-left: 0;
391
  padding-left: 1em;
392
  margin-top: -3.2px;
393
  line-height: 22.4px;
394
  border-left: 3px dotted #dedede;
345
/* line 299, ../sass/cdm.scss */
346
.item-tree > .item-list > ul > li:last-child:before {
347
  content: unset;
395 348
}
396
/* line 297, ../sass/cdm.scss */
397
ul.derived-unit-sub-tree li:last-child {
398
  border-left: none;
349
/* line 302, ../sass/cdm.scss */
350
.item-tree > .item-list > ul > li::before {
351
  content: unset;
399 352
}
400
/* line 299, ../sass/cdm.scss */
401
ul.derived-unit-sub-tree li:last-child .unit-header, ul.derived-unit-sub-tree li:last-child .unit-content {
402
  margin-left: 3px;
353
/* line 306, ../sass/cdm.scss */
354
.item-tree > .item-list > ul > li:not(:last-child) > ul > li:before {
355
  content: unset;
403 356
}
404
/* line 303, ../sass/cdm.scss */
405
ul.derived-unit-sub-tree li:before {
406
  position: absolute;
407
  top: 3.2px;
408
  left: 0;
409
  width: 1em;
410
  /* width of horizontal line */
411
  height: 12.7px;
412
  /* vertical position of line */
413
  vertical-align: top;
414
  border-bottom: 3px dotted #dedede;
415
  content: "";
357
/* line 316, ../sass/cdm.scss */
358
.item-tree .tree-node-symbol {
416 359
  display: inline-block;
360
  width: 22.4px;
361
  height: 22.4px;
362
  color: #DEDEDE;
363
  background-color: #fff;
364
  margin-left: -23.45px;
365
  text-align: center;
366
  font-size: larger;
417 367
}
418
/* line 315, ../sass/cdm.scss */
419
ul.derived-unit-sub-tree li:last-child:before {
420
  border-left: 3px dotted #dedede;
368
/* line 329, ../sass/cdm.scss */
369
.item-tree .tree-node-symbol-collapsible:hover {
370
  color: #000;
421 371
}
422 372

  
423
/* line 320, ../sass/cdm.scss */
424
div.derived-unit-tree table.details-table {
373
/* line 339, ../sass/cdm.scss */
374
.item-tree .unit-header-wrapper .unit-label {
375
  background-color: #DEDEDE;
376
}
377
/* line 341, ../sass/cdm.scss */
378
.item-tree .unit-header-wrapper .unit-label .symbol {
379
  padding-left: 5px;
380
}
381
/* line 344, ../sass/cdm.scss */
382
.item-tree .unit-header-wrapper .unit-label .page-link {
383
  float: right;
384
  padding-right: 5.6px;
385
}
386
/* line 349, ../sass/cdm.scss */
387
.item-tree .unit-header-wrapper .unit-label-hover-effect:hover {
388
  cursor: pointer;
389
  background-color: #f8f8f8;
390
}
391
/* line 354, ../sass/cdm.scss */
392
.item-tree .unit-content {
393
  padding: 11.2px;
394
  background-color: #ebebeb;
395
}
396
/* line 358, ../sass/cdm.scss */
397
.item-tree .derivation-event {
425 398
  font-size: smaller;
399
  margin-top: -11.2px;
400
  color: #7C7C7C;
401
}
402
/* line 363, ../sass/cdm.scss */
403
.item-tree .focused_item {
404
  font-weight: bold;
426 405
}
427 406

  
428
/* line 325, ../sass/cdm.scss */
407
/* line 370, ../sass/cdm.scss */
429 408
.derived-unit-details-grid table.details-table {
430 409
  margin: 0;
431 410
  width: 100%;
432 411
  vertical-align: top;
433
  background-color: white;
412
  background-color: #fff;
434 413
}
435
/* line 330, ../sass/cdm.scss */
414
/* line 375, ../sass/cdm.scss */
436 415
.derived-unit-details-grid table.details-table thead {
437
  border-bottom: thin solid #dedede;
416
  border-bottom: thin solid #DEDEDE;
438 417
}
439
/* line 333, ../sass/cdm.scss */
418
/* line 378, ../sass/cdm.scss */
440 419
.derived-unit-details-grid table.details-table tbody {
441
  background-color: white;
420
  background-color: #fff;
442 421
}
443
/* line 335, ../sass/cdm.scss */
422
/* line 380, ../sass/cdm.scss */
444 423
.derived-unit-details-grid table.details-table tbody .label {
445 424
  text-align: right;
446 425
  white-space: nowrap;
447
  border-right: thin solid #dedede;
426
  border-right: thin solid #DEDEDE;
448 427
  width: 50%;
449 428
}
450
/* line 342, ../sass/cdm.scss */
429
/* line 387, ../sass/cdm.scss */
451 430
.derived-unit-details-grid table.details-table td, .derived-unit-details-grid table.details-table th {
452 431
  padding-right: 11.2px;
453 432
  padding-left: 11.2px;
454 433
}
455 434

  
456
/* line 348, ../sass/cdm.scss */
435
/* line 393, ../sass/cdm.scss */
457 436
.derived-unit-details-grid {
458 437
  display: grid;
459 438
  grid-column-gap: 11.2px;
460 439
  grid-row-gap: 11.2px;
461 440
}
462 441
@media all and (max-width: 659px) {
463
  /* line 348, ../sass/cdm.scss */
442
  /* line 393, ../sass/cdm.scss */
464 443
  .derived-unit-details-grid {
465 444
    grid-template-columns: repeat(1, 1fr);
466 445
  }
467 446
}
468 447
@media all and (min-width: 660px) {
469
  /* line 348, ../sass/cdm.scss */
448
  /* line 393, ../sass/cdm.scss */
470 449
  .derived-unit-details-grid {
471 450
    grid-template-columns: repeat(2, 1fr);
472 451
  }
473 452
}
474
/* line 358, ../sass/cdm.scss */
453
/* line 403, ../sass/cdm.scss */
475 454
.derived-unit-details-grid dl {
476 455
  margin: 0;
477 456
}
......
479 458
/*
480 459
 * Map
481 460
 */
482
/* line 367, ../sass/cdm.scss */
461
/* line 412, ../sass/cdm.scss */
483 462
.openlayers-container {
484 463
  margin-top: 5px;
485 464
  margin-bottom: 5px;
......
488 467
/*
489 468
 * Registration page & items
490 469
 */
491
/* line 377, ../sass/cdm.scss */
470
/* line 422, ../sass/cdm.scss */
492 471
.registration .type-status {
493 472
  font-weight: bold;
494 473
}
495
/* line 381, ../sass/cdm.scss */
474
/* line 426, ../sass/cdm.scss */
496 475
.registration .registration-date-and-institute {
497 476
  color: #999;
498 477
}
499
/* line 387, ../sass/cdm.scss */
478
/* line 432, ../sass/cdm.scss */
500 479
.registration .published-name .TaxonName .name {
501 480
  font-weight: bold;
502 481
}
503
/* line 391, ../sass/cdm.scss */
482
/* line 436, ../sass/cdm.scss */
504 483
.registration .typified-name .cdm\:TaxonName {
505 484
  color: #999;
506 485
}
507
/* line 393, ../sass/cdm.scss */
486
/* line 438, ../sass/cdm.scss */
508 487
.registration .typified-name .cdm\:TaxonName a {
509 488
  color: #999;
510 489
}
511
/* line 396, ../sass/cdm.scss */
490
/* line 441, ../sass/cdm.scss */
512 491
.registration .typified-name .cdm\:TaxonName .TaxonName .name {
513 492
  font-weight: bold;
514 493
}
515
/* line 402, ../sass/cdm.scss */
494
/* line 447, ../sass/cdm.scss */
516 495
.registration .registration-summary .registered_name .name {
517 496
  font-weight: bold;
518 497
}
519
/* line 405, ../sass/cdm.scss */
498
/* line 450, ../sass/cdm.scss */
520 499
.registration .registration-summary .referenced_typified_name {
521 500
  color: #999;
522 501
}
523
/* line 408, ../sass/cdm.scss */
502
/* line 453, ../sass/cdm.scss */
524 503
.registration .registration-summary .label {
525 504
  font-weight: bold;
526 505
}
......
528 507
/*
529 508
 * Theme settings page
530 509
 */
531
/* line 419, ../sass/cdm.scss */
510
/* line 464, ../sass/cdm.scss */
532 511
#system-theme-settings .image-preview {
533 512
  width: 600px;
534 513
  max-height: 150px;
535 514
  overflow: auto;
536 515
}
537
/* line 423, ../sass/cdm.scss */
516
/* line 468, ../sass/cdm.scss */
538 517
#system-theme-settings .image-preview img {
539 518
  max-width: none;
540 519
  /* reset style in mormalize.scss */
......
545 524
 *
546 525
 * using the same media queries here as in layout/_responsive.scss
547 526
 *****************************************************************************************/
548
/* line 436, ../sass/cdm.scss */
527
/* line 481, ../sass/cdm.scss */
549 528
#classification-breadcrumbs {
550 529
  font-size: 1.5em;
551 530
  line-height: 1.5em;
552 531
}
553 532

  
554 533
@media all and (min-width: 960px) {
555
  /* line 447, ../sass/cdm.scss */
534
  /* line 492, ../sass/cdm.scss */
556 535
  #classification-breadcrumbs {
557 536
    font-size: 1em;
558 537
  }
......
560 539
/***************************
561 540
 * TESTING ONLY 2020-02-20
562 541
 */
563
/* line 455, ../sass/cdm.scss */
542
/* line 500, ../sass/cdm.scss */
564 543
.font-noto {
565 544
  font-family: "Noto Sans", sans-serif !important;
566 545
}
546

  
547
/*# sourceMappingURL=cdm.css.map */

Also available in: Unified diff