Project

General

Profile

Download (15.3 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
.fa-icon {
115
    font-family: 'FontAwesome' !important;
116
}
117

    
118
/*
119
 * ======= Search-Form =======
120
 */
121

    
122
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
123
  height: 100%;
124
  overflow: auto;
125
}
126

    
127
.resizable-container {
128
    /* fixed height
129
    height: 15em;  */
130
}
131

    
132
.resizable-box {
133
    /* resizable with initial height */
134
    height: 20em;
135
    min-height: 5em;
136
}
137

    
138
.resizable-container .ui-resizable-s {
139
    /* stolen from system.base.css .resizable-textarea .grippie */
140
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
141
    border: 1px solid #ddd;
142
    border-top-width: 0;
143
    cursor: s-resize;
144
    height: 9px;
145
    overflow: hidden;
146
    /* override position: absolute from .ui-resizable-handle */
147
    position: relative;
148
}
149

    
150
#edit-search-areas .parent {
151
  /* faints the parent areas in the area selection */
152
  color: #999;
153
    font-size: 90%;
154
    padding-right: 2em;
155
}
156

    
157
.selected-item-label{
158
    float: left;
159
    margin: 0.25em 0.3em;
160
    padding: 0 0.3em;
161
    background-color: #eeeeee;
162
}
163

    
164
.search-filter .form-item {
165
    display: inline-block;
166
    vertical-align: top;
167
    margin-bottom: 0;
168
}
169

    
170
#accordion .search-filter .form-item {
171
    display: block;
172
}
173

    
174
.search-filter .form-submit {
175
    display: inline-block;
176
    margin-top: 1.5em; /* same as for .form-item */
177
    margin-bottom: 4px;
178
    vertical-align: bottom;
179
}
180

    
181
#accordion .search-filter .form-submit {
182
    float: right;
183
    margin-top: .5em;
184
}
185

    
186
/*
187
 * ======= Search-Results =======
188
 */
189

    
190
#no_results {
191
    font-size: 150%;
192
    text-align: center;
193
    padding-top: 2em;
194
    padding-bottom: 5em;
195
}
196

    
197
#block-cdm-dataportal-2 .description {
198
  display: none;
199
}
200

    
201
.fragment_highlight {
202
  font-size: 90%;
203
  margin-top: 0.3em;
204
}
205

    
206
.score-bar {
207
  width: 50px;
208
  height: 10px;
209
  border: 1px solid #dedede;
210
  background-color: #f3f3f3;
211
}
212
.score-bar .score-bar-indicator {
213
  background-color: #acd575;
214
  height: 10px;
215
}
216
.score-bar-value {
217
  width: 50px;
218
  height: 10px;
219
  margin-top: -11px; /* 10px plus 1px border. */
220
  font-size: 8px;
221
  line-height: 10px;
222
  background-color: transparent;
223
  text-align: center;
224
}
225

    
226
li .taxon {
227
}
228

    
229
/*
230
 * ======= Taxon Page =======
231
 */
232
.page-part {
233
  clear: both;
234
}
235

    
236
.language-area-label {
237
    font-weight: bold;
238
}
239

    
240
/* Distribution */
241
.condensed_distribution .status_n, /* native */
242
.condensed_distribution .status_ne /* native: formerly native */
243
{
244
    font-weight: bold;
245
}
246

    
247
.distributionStatus {
248
    display: none;
249
}
250

    
251
#distribution_hierarchy .level_index_0 .area_label{
252
    font-weight: bold;
253
}
254

    
255
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
256
    font-weight: normal;
257
}
258

    
259
.nested-feature-tree-feature-label {
260
    font-style: italic;
261
}
262

    
263
.use-records th {
264
    font-weight: normal;
265
}
266

    
267

    
268
/*
269
 * ======= synonymy =======
270
 */
271

    
272
#synonymy .secReference {
273
    margin-top: 0.5em;
274
    margin-bottom: 0.5em;
275
}
276

    
277
#synonymy ul {
278
    margin: 0;
279
}
280

    
281
/* the relationships_list can replace the unordered list styles */
282
.relationships_list {
283
    margin-top: 1em;
284
    margin-bottom: 1em;
285
}
286

    
287
.relationships_list .item {
288
    padding-left: 26px ;
289
    text-indent: -26px ;
290
}
291

    
292

    
293
#synonymy ul.heterotypicSynonymyGroup,
294
#synonymy ul.homotypicSynonymyGroup,
295
#synonymy ul.homotypicSynonyms,
296
#synonymy ul.taxonRelationships,
297
#synonymy ul.misapplied {
298
  margin-bottom: 0.5em;
299
}
300

    
301
#synonymy ul li {
302
  padding-bottom: 0px;
303
  padding-top: 0px;
304
  margin-bottom: 0px;
305
  margin-top: 0px;
306
}
307

    
308
.heterotypicSynonymyGroup li {
309
  margin-left: 26px;
310
}
311
.homotypic-synonymy-group,
312
.heterotypic-synonymy-group,
313
.taxon-relationships {
314
   border-bottom: 1px solid #dedede;
315
   padding: 1em 0;
316
}
317

    
318
/* footnotes in synonymy */
319
#synonymy ul.foototes {
320
  margin: 0;
321
}
322

    
323
.heterotypicSynonymyGroup li.footnotes,
324
.homotypicSynonymyGroup li.footnotes,
325
.homotypicSynonyms li.footnotes,
326
.misapplied li.footnotes,
327
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
328
.block-cdm-dataportal-feature .content li.cdm\:TextData,
329
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
330
  margin-top: 10px;
331
  margin-left: 6px;
332
  padding-left: 6px;
333
  list-style: none;
334
  list-style-image: none;
335
  background-image: none;
336
}
337

    
338

    
339
#synonymy li.footnotes {
340
  list-style: none;
341
  list-style-image: none;
342
  background-image: none;
343
}
344

    
345
ul.typeDesignations {
346
  margin-top: 0px;
347
  margin-bottom: 0px;
348
  margin-left: -1em; /* Same as .relation_sign. */
349
}
350
ul.typeDesignations li {
351
  background-image: none;
352
  list-style-type: none;
353
  list-style-image: none;
354
}
355

    
356
.form-item fieldset {
357
  font-size: 80%;
358
  margin-top: -3px;
359
  margin-left: 25px;
360
}
361
.form-item fieldset .featuretree_structure {
362
  height: 13em;
363
  overflow: auto;
364
}
365

    
366
.misapplied .name {
367
  /* font-style: normal; */
368
}
369

    
370
#edit-search-domisappliednames {
371
  vertical-align:baseline;
372
}
373

    
374
img.preview {
375
  margin: 5px 30px;
376
}
377

    
378
ul li.synonym {
379
  list-style-type: none;
380
  background-image: none;
381
}
382

    
383
/* .heterotypic-synonymy-group */
384
li.firstentry {
385
  margin-left: 6px;
386
}
387

    
388

    
389
div.cdm-item-list .dynabox_content {
390
  margin-top:-1em;
391
}
392

    
393
.dynabox .label:hover {
394
  color: #0174bb;
395
}
396

    
397
.tickbox_content {
398
  display: none;
399
}
400

    
401
.pager strong,
402
.pager a {
403
  -moz-border-radius-bottomleft: 2px;
404
  -moz-border-radius-bottomright: 2px;
405
  -moz-border-radius-topleft: 2px;
406
  -moz-border-radius-topright: 2px;
407
  background-color: #dfedf7;
408
  border: 1px solid #90c2e1;
409
  margin: 0px 0.25em;
410
  padding: 2px 5px;
411
}
412
.pager strong {
413
  background-color:#0174BB;
414
  color:#FFFFFF;
415
}
416
.pager-list-dots-right,
417
.pager-list-dots-left {
418
  display: inline;
419
}
420

    
421
a.filter_add:link,
422
a.filter_add:visited {
423
}
424

    
425
a.filter_remove:link,
426
a.filter_remove:visited {
427
  color: red;
428
}
429

    
430
a.synonym:LINK, a.synonym:VISITED,
431
.Synonym a:LINK, .Synonym a:VISITED,
432
.misapplied-name a:LINK,
433
.misapplied-name a:VISITED {
434
  color: #7c7c7f;
435
}
436

    
437
/* Synonyms with more than one accepted taxa. */
438
a.label:link,
439
a.label:visited {
440
  color: #7c7c7f;
441
}
442

    
443
.block-cdm-taxontree .content,
444
.block-cdm-dataportal-3 .content {
445
  font-size: 90%;
446
}
447
.content dt {
448
  float: left;
449
  font-weight: bold;
450
  margin-right: 0.3em;
451
}
452
.content dd {
453
  margin-left: 0;
454
  font-weight: normal;
455
}
456

    
457
.block-cdm-taxontree div.settings {
458
  /* background-color: #2587c3; */
459
  border-bottom: 1px solid #e0dfe3;
460
  border-top: 1px solid #e0dfe3;
461
}
462

    
463
.concept_switch {
464
  padding:0 0.2em;
465
}
466

    
467
.descriptionText,
468
.descriptionReference {
469
  vertical-align: top;
470
}
471

    
472
.annotation_box {
473
  display: none;
474
  background: #ffffcc;
475
  border: 1px solid #ffcc66;
476
  font-size: 9pt;
477
  padding: 5px
478
}
479
.annotation_box ul,
480
.annotation_box li {
481
  list-style-type: none;
482
  line-height: 11pt;
483
  padding: 0;
484
  margin: 0;
485
}
486

    
487
.annotation_box li {
488
  padding-left: 15px;
489
}
490

    
491
.annotation_create {
492
  margin-top: 20px;
493
  text-align: right;
494
}
495

    
496
.annotation_create textarea {
497
  width: 100%;
498
}
499

    
500
.annotation_create form {
501
  margin-bottom: 0;
502
}
503

    
504
/*
505
 * ==== Maps ====
506
 */
507

    
508
.openlayers-container {
509
  position: relative;
510
  z-index: 1;
511
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
512
  width: 100%;
513
}
514

    
515
#cdm-settings-geo #openlayers_container {
516
    max-width: 50em; /* avoid too big maps in the settings */
517

    
518
}
519

    
520
#openlayers_map {
521
  width: 100%;
522
  height: 200px;
523
  border: 1px solid;
524
}
525
.openlayers_legend {
526
    background-color: white;
527
    filter:alpha(opacity=75); /* IE's opacity. */
528
    opacity: 0.75;
529
}
530

    
531
.distribution_map_caption {
532
    font-size: 90%;
533
    font-style: italic;
534
    margin-bottom: 0.75em;
535
}
536

    
537

    
538
.distribution_map {
539
  border: 1px solid #ddd;
540
  background-color: #fff;
541
}
542

    
543
/*
544
.olPopup { margin:0px; font-size: .7em;}
545
.olPopup h2 { font-size:1em; }
546
*/
547
.olPopup img { max-width: none;} /* reset the img max-width=100% which is applied in some themes like zen */
548

    
549
.balloon_contentDiv {
550
    overflow: auto;
551
}
552

    
553
/*
554
 * ======= Media =======
555
 */
556
.media .viewer {
557
  margin-top: 20px;
558
}
559

    
560
/*
561
WA: Important, otherwise the media viewer will be displayed over the
562
Drupal Admin Overlay when this is used.
563

    
564
AK: this is not working since 'position: absolute;' will cause the content container
565
to be not extended to the side of
566
the image viewer
567
*/
568
div.cdm_media_viewer_image {
569
  /* position: absolute; */
570
  z-index: 1;
571
}
572

    
573
.media ul.primary li a,
574
.media ul.primary li.active a,
575
.media ul.primary li a:hover,
576
.media ul.primary li a:visited,
577
.media ul.secondary li a,
578
.media ul.secondary li.active a,
579
.media ul.secondary li a:hover,
580
.media ul.secondary li a:visited {
581
  margin-left : 0px;
582
}
583

    
584
.media ul.primary li a.active {
585
  font-weight: bold;
586
}
587

    
588
.media_thumbnails {
589
  margin-top: 0px;
590
  margin-left: 0.3em;
591
}
592

    
593
.media_gallery tbody {
594
  border: 0px none;
595
}
596

    
597
.media_gallery td.caption {
598
  vertical-align: top;
599
}
600

    
601
.media-caption {
602
  margin-left: 0;
603
}
604

    
605
.media-caption dt.title {
606
  display: none;
607
}
608

    
609
.image-passe-partout{
610
  border: 0px none;
611
  background-color: #eee;
612
}
613

    
614
.image_viewer {
615
  border: 1px solid;
616
  background-color: #eee;
617
}
618

    
619
#media-representations table.active {
620
    border: black solid 1px;
621
}
622

    
623
/*
624
 * ======= Reference Page =======
625
 */
626

    
627
table.cdm\:Reference {
628
    width: 100%;
629
}
630

    
631
/*
632
 * ======= specific blocks =======
633
 */
634

    
635
#print_button {
636
  cursor: pointer;
637
}
638
#print_button span {
639
  color: #027AC6;
640
  margin-left: 0.3em; /* Spacing between image and text. */
641
}
642
#print_button span:hover {
643
  color: #0062A0;
644
  text-decoration: underline;
645
}
646

    
647
#classification-breadcrumbs .children ul{
648
    background: inherit;
649
    margin: 0;
650
    padding: 0;
651
}
652

    
653
#classification-breadcrumbs .children li {
654
    display: list-item;
655
}
656

    
657
#classification-breadcrumbs .taxonomic_children .children {
658
    padding-right: 1em;
659
    background: inherit;
660
    white-space: nowrap;
661
}
662

    
663
#classification-breadcrumbs .taxonomic-children-button i {
664
    cursor: pointer;
665
}
666

    
667
#classification-breadcrumbs .taxonomic-children-button i:hover {
668
    color: #8a918e;
669
}
670

    
671
#block-cdm-dataportal-taxonomic-children  ul {
672
    max-height: 20em;
673
    -moz-column-count: 3;
674
    -webkit-column-count: 3;
675
    column-count: 3;
676
    overflow: auto;
677
}
678
#block-cdm-dataportal-taxonomic-children li {
679
    background: none;
680
}
681

    
682
.messages .cdm\:Taxon { /* taxa in warning box */
683
    font-weight: bold;
684
}
685

    
686
/*
687
 * ======= footnotes and annotations =======
688
 */
689

    
690
.footnotes {
691
    margin-top: 0.5em;
692
    display: block;
693
}
694

    
695
.annotations, .footnote{
696
  font-size: 88%;
697
}
698

    
699
.footnote-key {
700
  vertical-align: super;
701
  font-size: 80%;
702
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
703
  font-style: italic;
704
}
705
.footnote-anchor {
706
  font-weight: bold;
707
}
708

    
709
/*
710
 * Feature tree
711
 */
712

    
713
.featuretree_structure {
714
   font-size: 90%;
715
   line-height: 1em;
716
   color: #999;
717
}
718
/* For compatibility with d5 themes. */
719
.block-cdm-dataportal-feature {
720
  clear: both;
721
}
722

    
723
#block-cdm-dataportal-feature-bibliography .footnote {
724
    font-size: 100%; /* reset fontsize */
725
}
726

    
727

    
728
/* for compatibility with d5 themes */
729
.block-cdm-dataportal-feature ul {
730
  margin: 0;
731
  padding: 0 0 0.25em 1em;
732
}
733

    
734
/*
735
 * ======= specimens =======
736
 */
737
#specimens table.specimens {
738
    width: 100%;
739
}
740

    
741
#specimens .description_list h4 {
742
  clear: left;
743
    margin-bottom: 0;
744
    font-style: italic;
745
}
746

    
747
#specimens  .block-cdm-dataportal-feature h2 {
748
  font-size: 11px;
749
    font-weight: bold;
750
}
751

    
752
#specimens ul.footnotes {
753
    padding: 0;
754
}
755

    
756

    
757
#specimens .item-list ul{
758
    list-style-type: none;
759
    list-style-image: none;
760
}
761

    
762
#specimens .item-list li{
763
    padding: 0 ;
764
}
765

    
766
#specimens .dna-sequence div {
767
    font-family: monospace;
768
}
769

    
770
#derivate_hierarchy_table {
771
    width: 100%;
772
}
773

    
774
#derivate_hierarchy_table th{
775
    text-align: center;
776
    padding-left: 3px;
777
    padding-right: 3px;
778
}
779

    
780
#derivate_hierarchy_table td{
781
    vertical-align: middle;
782
}
783
#derivate_hierarchy_table td.summary_row_cell {
784
}
785
#derivate_hierarchy_table td.summary_row_icon {
786
    text-align: center;
787
}
788
#derivate_hierarchy_table .expand_column {
789
    border-right: hidden;
790
    width: 18px;
791
}
792

    
793
.specimen_table_label{
794
    font-weight: bold;
795
}
796

    
797

    
798
/*
799
 * ======= Identification keys =======
800
 */
801

    
802
#identificationKey .sources span {
803
  display: block;
804
}
805

    
806
.polytomousKey_linkedStyle td {
807
  vertical-align: top;
808
  padding-top: 0;
809
}
810
.polytomousKey_linkedStyle tr.new_section td {
811
  padding-top: 1em;
812
}
813
.polytomousKey_linkedStyle tr:hover {
814
  background-color: #eee;
815
}
816
.polytomousKey_linkedStyle .nodeLink {
817
  float: right;
818
  text-align: right;
819
  padding-left: 2em;
820
}
821
.polytomousKey_linkedStyle td.edge-indent {
822
  padding-left: 2em;
823
}
824

    
825
/*
826
 * ======= Registration page and registration items =======
827
 */
828

    
829
.registration .specimen_type_designation .media_gallery {
830
    margin-left: 2em;
831
}
832

    
833
.registration-item-list .registration-item .date-and-institute {
834

    
835
}
836

    
837
.nomenclatural_act {
838
    border-width: 1px;
839
    border-style: inset;
840
    border-color: rgb(239, 240, 241);
841
    background-color: #e9e9e9;
842
    padding: 5px;
843
}
844

    
845
/*
846
 * ======= Experts =======
847
 */
848

    
849
#experts table {
850
    width: 100%;
851
}
852

    
853
#experts table td, #experts table th {
854
    text-align: left;
855
    padding: 0px 1em;
856
}
857

    
858
#experts .managed_taxa {
859
    margin-left: 2em;
860
    max-height: 20em;
861
    overflow: auto;
862
}
863

    
864
#experts .managed_taxa .cdm\:Taxon {
865
    display: block;
866
}
867

    
868
/*
869
 * ======= Persons ======
870
 */
871
.cdm\:Person .names-and-lifespan, .cdm\:Person .name-details {
872
    display: inline-block;
873
}
874

    
875
.cdm\:Person .names-and-lifespan {
876
    font-weight: bold;
877
}
878

    
879
/*
880
 * Overriding default style from drupal?
881
 * This prohibits select elements from overflowing the parent container
882
 */
883
select {
884
  max-width: 100%;
885
}
886

    
(6-6/18)