Project

General

Profile

« Previous | Next » 

Revision 8898d016

Added by Andreas Kohlbecker about 3 years ago

ref #7599 derivative tree view: collapsible unit tree layout improved

View differences:

themes/zen_dataportal/css/styles.css
2370 2370
  clear: both;
2371 2371
}
2372 2372

  
2373
/* line 235, ../sass/cdm.scss */
2373
/* line 237, ../sass/cdm.scss */
2374 2374
div.derived-unit-tree,
2375 2375
ul.derived-unit-sub-tree,
2376 2376
ul.derived-unit-sub-tree ul {
......
2378 2378
  margin: 0 0 0 3.2px;
2379 2379
  padding: 0;
2380 2380
}
2381
/* line 240, ../sass/cdm.scss */
2381
/* line 242, ../sass/cdm.scss */
2382
div.derived-unit-tree .unit-header,
2383
ul.derived-unit-sub-tree .unit-header,
2384
ul.derived-unit-sub-tree ul .unit-header {
2385
  padding-top: 7px;
2386
}
2387
/* line 244, ../sass/cdm.scss */
2388
div.derived-unit-tree .unit-header .unit-label,
2389
ul.derived-unit-sub-tree .unit-header .unit-label,
2390
ul.derived-unit-sub-tree ul .unit-header .unit-label {
2391
  cursor: pointer;
2392
  background-color: #dedede;
2393
  padding-left: 5px;
2394
}
2395
/* line 249, ../sass/cdm.scss */
2396
div.derived-unit-tree .unit-header .unit-label:hover,
2397
ul.derived-unit-sub-tree .unit-header .unit-label:hover,
2398
ul.derived-unit-sub-tree ul .unit-header .unit-label:hover {
2399
  background-color: #f8f8f8;
2400
}
2401
/* line 253, ../sass/cdm.scss */
2382 2402
div.derived-unit-tree .unit-content,
2383 2403
ul.derived-unit-sub-tree .unit-content,
2384 2404
ul.derived-unit-sub-tree ul .unit-content {
2385
  background-color: #dedede;
2386
  margin-left: 1em;
2405
  padding-left: 1em;
2406
  background-color: #ebebeb;
2387 2407
}
2388
/* line 244, ../sass/cdm.scss */
2389
div.derived-unit-tree .unit-label,
2390
ul.derived-unit-sub-tree .unit-label,
2391
ul.derived-unit-sub-tree ul .unit-label {
2392
  cursor: pointer;
2408
/* line 256, ../sass/cdm.scss */
2409
div.derived-unit-tree .unit-content dl,
2410
ul.derived-unit-sub-tree .unit-content dl,
2411
ul.derived-unit-sub-tree ul .unit-content dl {
2412
  margin: 0;
2393 2413
}
2394
/* line 247, ../sass/cdm.scss */
2395
div.derived-unit-tree .unit-label:hover,
2396
ul.derived-unit-sub-tree .unit-label:hover,
2397
ul.derived-unit-sub-tree ul .unit-label:hover {
2398
  background-color: #dedede;
2414

  
2415
/* line 261, ../sass/cdm.scss */
2416
div.derived-unit-tree {
2417
  margin-top: -3.2px;
2399 2418
}
2400 2419

  
2401
/* line 253, ../sass/cdm.scss */
2420
/* line 265, ../sass/cdm.scss */
2402 2421
div.derived-unit-tree-root .unit-content-wrapper {
2403
  border-left: 3px solid #bbbbbb;
2422
  border-left: 3px solid #dedede;
2404 2423
  margin-left: 3.2px;
2405 2424
}
2406
/* line 257, ../sass/cdm.scss */
2407
div.derived-unit-tree-root div.item-list {
2408
  margin-top: 3.2px;
2409
}
2410 2425

  
2411
/* line 263, ../sass/cdm.scss */
2426
/* line 275, ../sass/cdm.scss */
2412 2427
ul.derived-unit-sub-tree ul {
2413 2428
  margin-left: 1.0em;
2414 2429
}
2415
/* line 266, ../sass/cdm.scss */
2430
/* line 278, ../sass/cdm.scss */
2416 2431
ul.derived-unit-sub-tree li {
2417 2432
  position: relative;
2418 2433
  margin-left: 0;
2419 2434
  padding-left: 1em;
2420 2435
  margin-top: -3.2px;
2421
  margin-bottom: 0;
2422 2436
  line-height: 22.4px;
2423
  border-left: 3px solid #bbbbbb;
2437
  border-left: 3px solid #dedede;
2424 2438
}
2425
/* line 277, ../sass/cdm.scss */
2439
/* line 288, ../sass/cdm.scss */
2426 2440
ul.derived-unit-sub-tree li:last-child {
2427 2441
  border-left: none;
2428 2442
}
2429
/* line 280, ../sass/cdm.scss */
2443
/* line 290, ../sass/cdm.scss */
2444
ul.derived-unit-sub-tree li:last-child .unit-header, ul.derived-unit-sub-tree li:last-child .unit-content {
2445
  margin-left: 3px;
2446
}
2447
/* line 294, ../sass/cdm.scss */
2430 2448
ul.derived-unit-sub-tree li:before {
2431 2449
  position: absolute;
2432 2450
  top: 3.2px;
2433 2451
  left: 0;
2434
  width: 0.5em;
2452
  width: 1em;
2435 2453
  /* width of horizontal line */
2436
  height: 0.5em;
2454
  height: 12.7px;
2437 2455
  /* vertical position of line */
2438 2456
  vertical-align: top;
2439
  border-bottom: 3px solid #bbbbbb;
2457
  border-bottom: 3px solid #dedede;
2440 2458
  content: "";
2441 2459
  display: inline-block;
2442 2460
}
2443
/* line 292, ../sass/cdm.scss */
2461
/* line 306, ../sass/cdm.scss */
2444 2462
ul.derived-unit-sub-tree li:last-child:before {
2445
  border-left: 3px solid #bbbbbb;
2463
  border-left: 3px solid #dedede;
2446 2464
}
2447 2465

  
2448 2466
/*
2449 2467
 * Map
2450 2468
 */
2451
/* line 300, ../sass/cdm.scss */
2469
/* line 314, ../sass/cdm.scss */
2452 2470
.openlayers-container {
2453 2471
  margin-top: 10px;
2454 2472
  margin-bottom: 10px;
......
2457 2475
/*
2458 2476
 * Registration page & items
2459 2477
 */
2460
/* line 310, ../sass/cdm.scss */
2478
/* line 324, ../sass/cdm.scss */
2461 2479
.registration .type-status {
2462 2480
  font-weight: bold;
2463 2481
}
2464
/* line 314, ../sass/cdm.scss */
2482
/* line 328, ../sass/cdm.scss */
2465 2483
.registration .registration-date-and-institute {
2466 2484
  color: #999;
2467 2485
}
2468
/* line 320, ../sass/cdm.scss */
2486
/* line 334, ../sass/cdm.scss */
2469 2487
.registration .published-name .TaxonName .name {
2470 2488
  font-weight: bold;
2471 2489
}
2472
/* line 324, ../sass/cdm.scss */
2490
/* line 338, ../sass/cdm.scss */
2473 2491
.registration .typified-name .cdm\:TaxonName {
2474 2492
  color: #999;
2475 2493
}
2476
/* line 326, ../sass/cdm.scss */
2494
/* line 340, ../sass/cdm.scss */
2477 2495
.registration .typified-name .cdm\:TaxonName a {
2478 2496
  color: #999;
2479 2497
}
2480
/* line 329, ../sass/cdm.scss */
2498
/* line 343, ../sass/cdm.scss */
2481 2499
.registration .typified-name .cdm\:TaxonName .TaxonName .name {
2482 2500
  font-weight: bold;
2483 2501
}
2484
/* line 335, ../sass/cdm.scss */
2502
/* line 349, ../sass/cdm.scss */
2485 2503
.registration .registration-summary .registered_name .name {
2486 2504
  font-weight: bold;
2487 2505
}
2488
/* line 338, ../sass/cdm.scss */
2506
/* line 352, ../sass/cdm.scss */
2489 2507
.registration .registration-summary .referenced_typified_name {
2490 2508
  color: #999;
2491 2509
}
2492
/* line 341, ../sass/cdm.scss */
2510
/* line 355, ../sass/cdm.scss */
2493 2511
.registration .registration-summary .label {
2494 2512
  font-weight: bold;
2495 2513
}
......
2497 2515
/*
2498 2516
 * Theme settings page
2499 2517
 */
2500
/* line 352, ../sass/cdm.scss */
2518
/* line 366, ../sass/cdm.scss */
2501 2519
#system-theme-settings .image-preview {
2502 2520
  width: 600px;
2503 2521
  max-height: 150px;
2504 2522
  overflow: auto;
2505 2523
}
2506
/* line 356, ../sass/cdm.scss */
2524
/* line 370, ../sass/cdm.scss */
2507 2525
#system-theme-settings .image-preview img {
2508 2526
  max-width: none;
2509 2527
  /* reset style in mormalize.scss */
......
2514 2532
 *
2515 2533
 * using the same media queries here as in layout/_responsive.scss
2516 2534
 *****************************************************************************************/
2517
/* line 369, ../sass/cdm.scss */
2535
/* line 383, ../sass/cdm.scss */
2518 2536
#classification-breadcrumbs {
2519 2537
  font-size: 1.5em;
2520 2538
  line-height: 1.5em;
2521 2539
}
2522 2540

  
2523 2541
@media all and (min-width: 960px) {
2524
  /* line 380, ../sass/cdm.scss */
2542
  /* line 394, ../sass/cdm.scss */
2525 2543
  #classification-breadcrumbs {
2526 2544
    font-size: 1em;
2527 2545
  }
......
2529 2547
/***************************
2530 2548
 * TESTING ONLY 2020-02-20
2531 2549
 */
2532
/* line 388, ../sass/cdm.scss */
2550
/* line 402, ../sass/cdm.scss */
2533 2551
.font-noto {
2534 2552
  font-family: "Noto Sans", sans-serif !important;
2535 2553
}

Also available in: Unified diff