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
.separator{
63
  font-style: normal;
64
}
65

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

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

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

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

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

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

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

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

    
108

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
236
li .taxon {
237
}
238

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

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

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

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

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

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

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

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

    
277

    
278
/*
279
 * ======= synonymy =======
280
 */
281

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

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

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

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

    
302

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

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

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

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

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

    
348

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

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

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

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

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

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

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

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

    
398

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
514
/*
515
 * ==== Maps ====
516
 */
517

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

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

    
528
}
529

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

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

    
547

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
719
/*
720
 * Feature tree
721
 */
722

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

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

    
737

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

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

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

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

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

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

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

    
778

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

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

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

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

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

    
810

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

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

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

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

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

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

    
848
}
849

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

    
858
/*
859
 * ======= Experts =======
860
 */
861

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

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

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

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

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

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

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

    
900
/* TMP */
901

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

    
(6-6/19)