Project

General

Profile

Download (15.7 KB) Statistics
| Branch: | Tag: | Revision:
1
@import "./css/jquery_ui.css";
2
/**
3
 * ======= General styles =======
4
 *
5
 * @WA comment: these styles may affect the looks of the site, since these
6
 * are not CDM Dataportal specific classes or ids.
7
 * See also http://groups.drupal.org/node/6355.
8
 */
9

    
10
.superscript {
11
    vertical-align: super;
12
    font-size: 80%;
13
    line-height: 100%;
14
}
15

    
16
#block-cdm-dataportal-back-to-search-results {
17
  float: right;
18
}
19

    
20
/*
21
 * when nesting description lists the inner dl should
22
 * not have a margin at top and bottom, but should be
23
 * indented
24
 * Used in occurence details.
25
 */
26
dl  {
27
    margin: 0 0 0 2em;
28
}
29

    
30

    
31
dd.sublist-container div {
32
    /* background-color: #ebffff; */
33
    border: #444444 1px dotted;
34
    clear:both;
35
    color: #444444;
36
    margin-left: 2em;
37
}
38
/* sublist-containers are currently only used for taxonomic experts */
39
dd.sublist-container div dl , dd.sublist-container div h3 {
40
    margin: 0px 0px 0px 0px;
41
    padding-left: 0.4em;
42
}
43

    
44
#block-system-main div.content {
45
  /* margin: 0 0 0.3em 0; */
46
}
47

    
48
.name {
49
  font-style: italic;
50
}
51

    
52
.cdm\:Taxon .fa, .cdm\:TaxonName .fa  {
53
    /* override the default (display: inline-block) which causes problems
54
       when using text-indent at the same time, see .relationships_list */
55
    display: inline;
56
}
57

    
58
.rank,
59
.authors,
60
.appended-phrase,
61
.doubtful {
62
  font-style: normal;
63
}
64

    
65
.focused {
66
    font-weight: bold;
67
}
68

    
69
.taxon-relationships .symbol, .relation_sign {
70
  margin-left: -1em; /* Same as ul.typeDesignations. */
71
  margin-right: 0.3em;
72
  float: left;
73
}
74

    
75
.highlite {
76
  background-color: yellow;
77
}
78

    
79
ul.primary img.refresh {
80
  height: 14px;
81
  width: 14px;
82
}
83

    
84
/* this is used to highlite the first element in the classification chooser */
85
select.highlite-first-child option:first-child {
86
  font-weight: bold;
87
}
88

    
89
.render-path {
90
    color: white;
91
    border: 2px solid #ff2300;
92
    background-color: #ff2300;
93
}
94

    
95
.box-shadow-rb-5-0 {
96
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
97
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
98
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
99
}
100

    
101
.box-shadow-b-5-1 {
102
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
103
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
104
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
105
}
106

    
107

    
108
.box-shadow-border {
109
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
110
    border-width: 1px;
111
    border-style: solid;
112
}
113

    
114
/* font-awesome */
115
.fa-icon {
116
    font-family: 'Font Awesome 5 Free' !important;
117
}
118
.fa-stack-no-resize { /* custom .fa-stack implementation which does not magnify the icon stack */
119
    display: inline-block;
120
    height: 1em;
121
    line-height: 1em;
122
    position: relative;
123
    vertical-align: middle;
124
    width: 1.5em;
125
}
126

    
127
/*
128
 * ======= Search-Form =======
129
 */
130

    
131
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
132
  height: 100%;
133
  overflow: auto;
134
}
135

    
136
.resizable-container {
137
    /* fixed height
138
    height: 15em;  */
139
}
140

    
141
.resizable-box {
142
    /* resizable with initial height */
143
    height: 20em;
144
    min-height: 5em;
145
}
146

    
147
.resizable-container .ui-resizable-s {
148
    /* stolen from system.base.css .resizable-textarea .grippie */
149
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
150
    border: 1px solid #ddd;
151
    border-top-width: 0;
152
    cursor: s-resize;
153
    height: 9px;
154
    overflow: hidden;
155
    /* override position: absolute from .ui-resizable-handle */
156
    position: relative;
157
}
158

    
159
#edit-search-areas .parent {
160
  /* faints the parent areas in the area selection */
161
  color: #999;
162
    font-size: 90%;
163
    padding-right: 2em;
164
}
165

    
166
.selected-item-label{
167
    float: left;
168
    margin: 0.25em 0.3em;
169
    padding: 0 0.3em;
170
    background-color: #eeeeee;
171
}
172

    
173
.search-filter .form-item {
174
    display: inline-block;
175
    vertical-align: top;
176
    margin-bottom: 0;
177
}
178

    
179
#accordion .search-filter .form-item {
180
    display: block;
181
}
182

    
183
.search-filter .form-submit {
184
    display: inline-block;
185
    margin-top: 1.5em; /* same as for .form-item */
186
    margin-bottom: 4px;
187
    vertical-align: bottom;
188
}
189

    
190
#accordion .search-filter .form-submit {
191
    float: right;
192
    margin-top: .5em;
193
}
194

    
195
/*
196
 * ======= Search-Results =======
197
 */
198

    
199
#no_results {
200
    font-size: 150%;
201
    text-align: center;
202
    padding-top: 2em;
203
    padding-bottom: 5em;
204
}
205

    
206
#block-cdm-dataportal-2 .description {
207
  display: none;
208
}
209

    
210
.fragment_highlight {
211
  font-size: 90%;
212
  margin-top: 0.3em;
213
}
214

    
215
.score-bar {
216
  width: 50px;
217
  height: 10px;
218
  border: 1px solid #dedede;
219
  background-color: #f3f3f3;
220
}
221
.score-bar .score-bar-indicator {
222
  background-color: #acd575;
223
  height: 10px;
224
}
225
.score-bar-value {
226
  width: 50px;
227
  height: 10px;
228
  margin-top: -11px; /* 10px plus 1px border. */
229
  font-size: 8px;
230
  line-height: 10px;
231
  background-color: transparent;
232
  text-align: center;
233
}
234

    
235
li .taxon {
236
}
237

    
238
/*
239
 * ======= Taxon Page =======
240
 */
241
.page-part {
242
  clear: both;
243
}
244

    
245
.language-area-label {
246
    font-weight: bold;
247
}
248

    
249
/* Distribution */
250
.condensed_distribution .status_n, /* native */
251
.condensed_distribution .status_ne /* native: formerly native */
252
{
253
    font-weight: bold;
254
}
255

    
256
.distributionStatus {
257
    display: none;
258
}
259

    
260
#distribution_hierarchy .level_index_0 .area_label{
261
    font-weight: bold;
262
}
263

    
264
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
265
    font-weight: normal;
266
}
267

    
268
.nested-feature-tree-feature-label {
269
    font-style: italic;
270
}
271

    
272
.use-records th {
273
    font-weight: normal;
274
}
275

    
276

    
277
/*
278
 * ======= synonymy =======
279
 */
280

    
281
#synonymy .secReference {
282
    margin-top: 0.5em;
283
    margin-bottom: 0.5em;
284
}
285

    
286
#synonymy ul {
287
    margin: 0;
288
}
289

    
290
/* the relationships_list can replace the unordered list styles */
291
.relationships_list {
292
    margin-top: 1em;
293
    margin-bottom: 1em;
294
}
295

    
296
.relationships_list .item {
297
    padding-left: 26px ;
298
    text-indent: -26px ;
299
}
300

    
301

    
302
#synonymy ul.heterotypicSynonymyGroup,
303
#synonymy ul.homotypicSynonymyGroup,
304
#synonymy ul.homotypicSynonyms,
305
#synonymy ul.taxonRelationships,
306
#synonymy ul.misapplied {
307
  margin-bottom: 0.5em;
308
}
309

    
310
#synonymy ul li {
311
  padding-bottom: 0px;
312
  padding-top: 0px;
313
  margin-bottom: 0px;
314
  margin-top: 0px;
315
}
316

    
317
.heterotypicSynonymyGroup li {
318
  margin-left: 26px;
319
}
320
.homotypic-synonymy-group,
321
.heterotypic-synonymy-group,
322
.taxon-relationships {
323
   border-bottom: 1px solid #dedede;
324
   padding: 1em 0;
325
}
326

    
327
/* footnotes in synonymy */
328
#synonymy ul.foototes {
329
  margin: 0;
330
}
331

    
332
.heterotypicSynonymyGroup li.footnotes,
333
.homotypicSynonymyGroup li.footnotes,
334
.homotypicSynonyms li.footnotes,
335
.misapplied li.footnotes,
336
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
337
.block-cdm-dataportal-feature .content li.cdm\:TextData,
338
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
339
  margin-top: 10px;
340
  margin-left: 6px;
341
  padding-left: 6px;
342
  list-style: none;
343
  list-style-image: none;
344
  background-image: none;
345
}
346

    
347

    
348
#synonymy li.footnotes {
349
  list-style: none;
350
  list-style-image: none;
351
  background-image: none;
352
}
353

    
354
ul.typeDesignations {
355
  margin-top: 0px;
356
  margin-bottom: 0px;
357
  margin-left: -1em; /* Same as .relation_sign. */
358
}
359
ul.typeDesignations li {
360
  background-image: none;
361
  list-style-type: none;
362
  list-style-image: none;
363
}
364

    
365
.form-item fieldset {
366
  font-size: 80%;
367
  margin-top: -3px;
368
  margin-left: 25px;
369
}
370
.form-item fieldset .featuretree_structure {
371
  height: 13em;
372
  overflow: auto;
373
}
374

    
375
.misapplied .name {
376
  /* font-style: normal; */
377
}
378

    
379
#edit-search-domisappliednames {
380
  vertical-align:baseline;
381
}
382

    
383
img.preview {
384
  margin: 5px 30px;
385
}
386

    
387
ul li.synonym {
388
  list-style-type: none;
389
  background-image: none;
390
}
391

    
392
/* .heterotypic-synonymy-group */
393
li.firstentry {
394
  margin-left: 6px;
395
}
396

    
397

    
398
div.cdm-item-list .dynabox_content {
399
  margin-top:-1em;
400
}
401

    
402
.dynabox .label:hover {
403
  color: #0174bb;
404
}
405

    
406
.tickbox_content {
407
  display: none;
408
}
409

    
410
.pager strong,
411
.pager a {
412
  -moz-border-radius-bottomleft: 2px;
413
  -moz-border-radius-bottomright: 2px;
414
  -moz-border-radius-topleft: 2px;
415
  -moz-border-radius-topright: 2px;
416
  background-color: #dfedf7;
417
  border: 1px solid #90c2e1;
418
  margin: 0px 0.25em;
419
  padding: 2px 5px;
420
}
421
.pager strong {
422
  background-color:#0174BB;
423
  color:#FFFFFF;
424
}
425
.pager-list-dots-right,
426
.pager-list-dots-left {
427
  display: inline;
428
}
429

    
430
a.filter_add:link,
431
a.filter_add:visited {
432
}
433

    
434
a.filter_remove:link,
435
a.filter_remove:visited {
436
  color: red;
437
}
438

    
439
a.synonym:LINK, a.synonym:VISITED,
440
.Synonym a:LINK, .Synonym a:VISITED,
441
.misapplied-name a:LINK,
442
.misapplied-name a:VISITED {
443
  color: #7c7c7f;
444
}
445

    
446
/* Synonyms with more than one accepted taxa. */
447
a.label:link,
448
a.label:visited {
449
  color: #7c7c7f;
450
}
451

    
452
.block-cdm-taxontree .content,
453
.block-cdm-dataportal-3 .content {
454
  font-size: 90%;
455
}
456
.content dt {
457
  float: left;
458
  font-weight: bold;
459
  margin-right: 0.3em;
460
}
461
.content dd {
462
  margin-left: 0;
463
  font-weight: normal;
464
}
465

    
466
.block-cdm-taxontree div.settings {
467
  /* background-color: #2587c3; */
468
  border-bottom: 1px solid #e0dfe3;
469
  border-top: 1px solid #e0dfe3;
470
}
471

    
472
.concept_switch {
473
  padding:0 0.2em;
474
}
475

    
476
.descriptionText,
477
.descriptionReference {
478
  vertical-align: top;
479
}
480

    
481
.annotation_box {
482
  display: none;
483
  background: #ffffcc;
484
  border: 1px solid #ffcc66;
485
  font-size: 9pt;
486
  padding: 5px
487
}
488
.annotation_box ul,
489
.annotation_box li {
490
  list-style-type: none;
491
  line-height: 11pt;
492
  padding: 0;
493
  margin: 0;
494
}
495

    
496
.annotation_box li {
497
  padding-left: 15px;
498
}
499

    
500
.annotation_create {
501
  margin-top: 20px;
502
  text-align: right;
503
}
504

    
505
.annotation_create textarea {
506
  width: 100%;
507
}
508

    
509
.annotation_create form {
510
  margin-bottom: 0;
511
}
512

    
513
/*
514
 * ==== Maps ====
515
 */
516

    
517
.openlayers-container {
518
  position: relative;
519
  z-index: 1;
520
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
521
  width: 100%;
522
}
523

    
524
#cdm-settings-geo #openlayers_container {
525
    max-width: 50em; /* avoid too big maps in the settings */
526

    
527
}
528

    
529
#openlayers_map {
530
  width: 100%;
531
  height: 200px;
532
  border: 1px solid;
533
}
534
.openlayers_legend {
535
    background-color: white;
536
    filter:alpha(opacity=75); /* IE's opacity. */
537
    opacity: 0.75;
538
}
539

    
540
.distribution_map_caption {
541
    font-size: 90%;
542
    font-style: italic;
543
    margin-bottom: 0.75em;
544
}
545

    
546

    
547
.distribution_map {
548
  border: 1px solid #ddd;
549
  background-color: #fff;
550
}
551

    
552
/*
553
.olPopup { margin:0px; font-size: .7em;}
554
.olPopup h2 { font-size:1em; }
555
*/
556
.olPopup img { max-width: none;} /* reset the img max-width=100% which is applied in some themes like zen */
557

    
558
.balloon_contentDiv {
559
    overflow: auto;
560
}
561

    
562
/*
563
 * ======= Media =======
564
 */
565
.media .viewer {
566
  margin-top: 20px;
567
}
568

    
569
/*
570
WA: Important, otherwise the media viewer will be displayed over the
571
Drupal Admin Overlay when this is used.
572

    
573
AK: this is not working since 'position: absolute;' will cause the content container
574
to be not extended to the side of
575
the image viewer
576
*/
577
div.cdm_media_viewer_image {
578
  /* position: absolute; */
579
  z-index: 1;
580
}
581

    
582
.media ul.primary li a,
583
.media ul.primary li.active a,
584
.media ul.primary li a:hover,
585
.media ul.primary li a:visited,
586
.media ul.secondary li a,
587
.media ul.secondary li.active a,
588
.media ul.secondary li a:hover,
589
.media ul.secondary li a:visited {
590
  margin-left : 0px;
591
}
592

    
593
.media ul.primary li a.active {
594
  font-weight: bold;
595
}
596

    
597
.media_thumbnails {
598
  margin-top: 0px;
599
  margin-left: 0.3em;
600
}
601

    
602
.media_gallery tbody {
603
  border: 0px none;
604
}
605

    
606
.media_gallery td.caption {
607
  vertical-align: top;
608
}
609

    
610
.media-caption {
611
  margin-left: 0;
612
}
613

    
614
.media-caption dt.title {
615
  display: none;
616
}
617

    
618
.image-passe-partout{
619
  border: 0px none;
620
  background-color: #eee;
621
}
622

    
623
.image_viewer {
624
  border: 1px solid;
625
  background-color: #eee;
626
}
627

    
628
#media-representations table.active {
629
    border: black solid 1px;
630
}
631

    
632
/*
633
 * ======= Reference Page =======
634
 */
635

    
636
table.cdm\:Reference {
637
    width: 100%;
638
}
639

    
640
/*
641
 * ======= specific blocks =======
642
 */
643

    
644
#print_button {
645
  cursor: pointer;
646
}
647
#print_button span {
648
  color: #027AC6;
649
  margin-left: 0.3em; /* Spacing between image and text. */
650
}
651
#print_button span:hover {
652
  color: #0062A0;
653
  text-decoration: underline;
654
}
655

    
656
#classification-breadcrumbs .children ul{
657
    background: inherit;
658
    margin: 0;
659
    padding: 0;
660
}
661

    
662
#classification-breadcrumbs .children li {
663
    display: list-item;
664
}
665

    
666
#classification-breadcrumbs .taxonomic_children .children {
667
    padding-right: 1em;
668
    background: inherit;
669
    white-space: nowrap;
670
}
671

    
672
#classification-breadcrumbs .taxonomic-children-button i {
673
    cursor: pointer;
674
}
675

    
676
#classification-breadcrumbs .taxonomic-children-button i:hover {
677
    color: #8a918e;
678
}
679

    
680
#block-cdm-dataportal-taxonomic-children  ul {
681
    max-height: 20em;
682
    -moz-column-count: 3;
683
    -webkit-column-count: 3;
684
    column-count: 3;
685
    overflow: auto;
686
}
687
#block-cdm-dataportal-taxonomic-children li {
688
    background: none;
689
}
690

    
691
.messages .cdm\:Taxon { /* taxa in warning box */
692
    font-weight: bold;
693
}
694

    
695
/*
696
 * ======= footnotes and annotations =======
697
 */
698

    
699
.footnotes {
700
    margin-top: 0.5em;
701
    display: block;
702
}
703

    
704
.annotations, .footnote{
705
  font-size: 88%;
706
}
707

    
708
.footnote-key {
709
  vertical-align: super;
710
  font-size: 80%;
711
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
712
  font-style: italic;
713
}
714
.footnote-anchor {
715
  font-weight: bold;
716
}
717

    
718
/*
719
 * Feature tree
720
 */
721

    
722
.featuretree_structure {
723
   font-size: 90%;
724
   line-height: 1em;
725
   color: #999;
726
}
727
/* For compatibility with d5 themes. */
728
.block-cdm-dataportal-feature {
729
  clear: both;
730
}
731

    
732
#block-cdm-dataportal-feature-bibliography .footnote {
733
    font-size: 100%; /* reset fontsize */
734
}
735

    
736

    
737
/* for compatibility with d5 themes */
738
.block-cdm-dataportal-feature ul {
739
  margin: 0;
740
  padding: 0 0 0.25em 1em;
741
}
742

    
743
/*
744
 * ======= specimens =======
745
 */
746
#specimens table.specimens {
747
    width: 100%;
748
}
749

    
750
#specimens .description_list h4 {
751
  clear: left;
752
    margin-bottom: 0;
753
    font-style: italic;
754
}
755

    
756
#specimens  .block-cdm-dataportal-feature h2 {
757
  font-size: 11px;
758
    font-weight: bold;
759
}
760

    
761
#specimens ul.footnotes {
762
    padding: 0;
763
}
764

    
765
/**
766
disabled for derivatives tree view (see also derivation-tree.js)
767
#specimens .item-list ul{
768
    list-style-type: none;
769
    list-style-image: none;
770
}
771

    
772
#specimens .item-list li{
773
    padding: 0 ;
774
}
775
*/
776

    
777

    
778
#specimens .dna-sequence div {
779
    font-family: monospace;
780
}
781

    
782
#derivate_hierarchy_table {
783
    width: 100%;
784
}
785

    
786
#derivate_hierarchy_table th{
787
    text-align: center;
788
    padding-left: 3px;
789
    padding-right: 3px;
790
}
791

    
792
#derivate_hierarchy_table td{
793
    vertical-align: middle;
794
}
795
#derivate_hierarchy_table td.summary_row_cell {
796
}
797
#derivate_hierarchy_table td.summary_row_icon {
798
    text-align: center;
799
}
800
#derivate_hierarchy_table .expand_column {
801
    border-right: hidden;
802
    width: 18px;
803
}
804

    
805
.specimen_table_label{
806
    font-weight: bold;
807
}
808

    
809

    
810
/*
811
 * ======= Identification keys =======
812
 */
813

    
814
#identificationKey .sources span {
815
  display: block;
816
}
817

    
818
.polytomousKey_linkedStyle td {
819
  vertical-align: top;
820
  padding-top: 0;
821
}
822
.polytomousKey_linkedStyle tr.new_section td {
823
  padding-top: 1em;
824
}
825
.polytomousKey_linkedStyle tr:hover {
826
  background-color: #eee;
827
}
828
.polytomousKey_linkedStyle .nodeLink {
829
  float: right;
830
  text-align: right;
831
  padding-left: 2em;
832
}
833
.polytomousKey_linkedStyle td.edge-indent {
834
  padding-left: 2em;
835
}
836

    
837
/*
838
 * ======= Registration page and registration items =======
839
 */
840

    
841
.registration .specimen_type_designation .media_gallery {
842
    margin-left: 2em;
843
}
844

    
845
.registration-item-list .registration-item .date-and-institute {
846

    
847
}
848

    
849
.nomenclatural_act {
850
    border-width: 1px;
851
    border-style: inset;
852
    border-color: rgb(239, 240, 241);
853
    background-color: #e9e9e9;
854
    padding: 5px;
855
}
856

    
857
/*
858
 * ======= Experts =======
859
 */
860

    
861
#experts table {
862
    width: 100%;
863
}
864

    
865
#experts table td, #experts table th {
866
    text-align: left;
867
    padding: 0px 1em;
868
}
869

    
870
#experts .managed_taxa {
871
    margin-left: 2em;
872
    max-height: 20em;
873
    overflow: auto;
874
}
875

    
876
#experts .managed_taxa .cdm\:Taxon {
877
    display: block;
878
}
879

    
880
/*
881
 * ======= Persons ======
882
 */
883
.cdm\:Person .names-and-lifespan, .cdm\:Person .name-details {
884
    display: inline-block;
885
}
886

    
887
.cdm\:Person .names-and-lifespan {
888
    font-weight: bold;
889
}
890

    
891
/*
892
 * Overriding default style from drupal?
893
 * This prohibits select elements from overflowing the parent container
894
 */
895
select {
896
  max-width: 100%;
897
}
898

    
899
/* TMP */
900

    
901
.unit-details {
902
    border: 1px solid #c5c5c5;
903
}
904

    
(6-6/19)