Project

General

Profile

Download (15.7 KB) Statistics
| Branch: | Tag: | Revision:
1

    
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

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

    
17
#block-cdm-api-cdm-ws-debug {
18
  background-color: #373737;
19
  color: #fff;
20
  border: 1px solid #fff;
21
  -moz-box-shadow: inset 0 0 3px 2px #fff;
22
  -webkit-box-shadow: inset 0 0 3px 2px #fff;
23
  box-shadow: inset 0 0 3px 2px #fff;
24
}
25

    
26
#cdm-ws-debug-table-container {
27
  display: none;
28
}
29

    
30
#block-cdm-api-cdm-ws-debug h4 {
31
  margin: 3px;
32
  padding: 0;
33
}
34

    
35
#cdm-ws-debug-table {
36
  width: 100%;
37
}
38

    
39
#cdm-ws-debug-table code {
40
  font-weight: normal;
41
}
42

    
43
#cdm-ws-debug-table td.data_links a {
44
  color: #999;
45
}
46
#cdm-ws-debug-table tr.valid td.data_links a {
47
  color: #1bdf00;
48
}
49
#cdm-ws-debug-table tr.invalid td.data_links a {
50
  color: #f3000a;
51
}
52
#cdm-ws-debug-table tr.cacheL1, #cdm-ws-debug-table tr.cacheL2 {
53
  color: #999;
54
}
55
#cdm-ws-debug-table .ws_uri {
56
  width: 50%;
57
}
58

    
59
/*
60
 * when nesting description lists the inner dl should
61
 * not have a margin at top and bottom, but should be
62
 * indented
63
 * Used in occurence details.
64
 */
65
dl  {
66
    margin: 0 0 0 2em;
67
}
68
dd.sublist-container div {
69
    /* background-color: #ebffff; */
70
    border: #444444 1px dotted;
71
    clear:both;
72
    color: #444444;
73
    margin-left: 2em;
74
}
75
/* sublist-containers are currently only used for taxonomic experts */
76
dd.sublist-container div dl , dd.sublist-container div h3 {
77
    margin: 0px 0px 0px 0px;
78
    padding-left: 0.4em;
79
}
80

    
81
#block-system-main div.content {
82
  /* margin: 0 0 0.3em 0; */
83
}
84

    
85
.name {
86
  font-style: italic;
87
}
88

    
89
.rank,
90
.authors {
91
  font-style: normal;
92
}
93

    
94
.relation_sign {
95
  margin-left: -1em; /* Same as ul.typeDesignations. */
96
  margin-right: 0.3em;
97
  float: left;
98
  font-family: Arial, sans-serif;
99
}
100

    
101
.highlite {
102
  background-color: yellow;
103
}
104

    
105
ul.primary img.refresh {
106
  height: 14px;
107
  width: 14px;
108
}
109

    
110
/* this is used to highlite the first element in the classification chooser */
111
select.highlite-first-child option:first-child {
112
  font-weight: bold;
113
}
114

    
115
.render-path {
116
    color: white;
117
    border: 2px solid #ff2300;
118
    background-color: #ff2300;
119
}
120

    
121
.box-shadow-rb-5-0 {
122
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
123
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
124
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
125
}
126

    
127
.box-shadow-b-5-1 {
128
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
129
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
130
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
131
}
132

    
133

    
134
.box-shadow-border {
135
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
136
    border-width: 1px;
137
    border-style: solid;
138
}
139

    
140
/*
141
 * ======= Search-Form =======
142
 */
143

    
144
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
145
  max-height: 10em;
146
  overflow: auto;
147
}
148

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

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

    
163
/*
164
 * ======= Search-Results =======
165
 */
166
#block-cdm-dataportal-2 .description {
167
  display: none;
168
}
169

    
170
.fragment_highlight {
171
  font-size: 90%;
172
  margin-top: 0.3em;
173
}
174

    
175
.score-bar {
176
  width: 50px;
177
  height: 10px;
178
  border: 1px solid #dedede;
179
  background-color: #f3f3f3;
180
}
181
.score-bar .score-bar-indicator {
182
  background-color: #acd575;
183
  height: 10px;
184
}
185
.score-bar-value {
186
  width: 50px;
187
  height: 10px;
188
  margin-top: -11px; /* 10px plus 1px border. */
189
  font-size: 8px;
190
  line-height: 10px;
191
  background-color: transparent;
192
  text-align: center;
193
}
194

    
195
li .taxon {
196
}
197

    
198
/*
199
 * ======= Taxon Page =======
200
 */
201
.page-part {
202
  clear: both;
203
}
204

    
205
.language-label {
206
    font-weight: bold;
207
}
208

    
209
/* Distribution */
210
.condensed_distribution .status_n, /* native */
211
.condensed_distribution .status_ne /* native: formerly native */
212
{
213
    font-weight: bold;
214
}
215

    
216
.distributionStatus {
217
    display: none;
218
}
219

    
220
#distribution_hierarchy .level_index_0 .area_label{
221
    font-weight: bold;
222
}
223

    
224
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
225
    font-weight: normal;
226
}
227

    
228
.nested-feature-tree-feature-label {
229
    font-style: italic;
230
}
231

    
232
/*
233
 * ======= synonymy =======
234
 */
235

    
236
#synonymy ul {
237
    margin: 0;
238
}
239

    
240
#synonymy ul.heterotypicSynonymyGroup,
241
#synonymy ul.homotypicSynonymyGroup,
242
#synonymy ul.homotypicSynonyms,
243
#synonymy ul.taxonRelationships,
244
#synonymy ul.misapplied {
245
  margin-bottom: 0.5em;
246
}
247

    
248
#synonymy ul li {
249
  padding-bottom: 0px;
250
  padding-top: 0px;
251
  margin-bottom: 0px;
252
  margin-top: 0px;
253
}
254

    
255
.heterotypicSynonymyGroup li {
256
  margin-left: 26px;
257
}
258
.homotypic-synonymy-group,
259
.heterotypic-synonymy-group,
260
.taxon-relationships {
261
   border-bottom: 1px solid #dedede;
262
   padding: 1em 0;
263
}
264

    
265
/* footnotes in synonymy */
266
#synonymy ul.foototes {
267
  margin: 0;
268
}
269

    
270
.heterotypicSynonymyGroup li.footnotes,
271
.homotypicSynonymyGroup li.footnotes,
272
.homotypicSynonyms li.footnotes,
273
.misapplied li.footnotes,
274
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
275
.block-cdm-dataportal-feature .content li.cdm\:TextData,
276
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
277
  margin-top: 10px;
278
  margin-left: 6px;
279
  padding-left: 6px;
280
  list-style: none;
281
  list-style-image: none;
282
  background-image: none;
283
}
284

    
285

    
286
#synonymy li.footnotes {
287
  list-style: none;
288
  list-style-image: none;
289
  background-image: none;
290
}
291

    
292
ul.typeDesignations {
293
  margin-top: 0px;
294
  margin-bottom: 0px;
295
  margin-left: -1em; /* Same as .relation_sign. */
296
}
297
ul.typeDesignations li {
298
  background-image: none;
299
  list-style-type: none;
300
  list-style-image: none;
301
}
302

    
303
.form-item fieldset {
304
  font-size: 80%;
305
  margin-top: -3px;
306
  margin-left: 25px;
307
}
308
.form-item fieldset .featuretree_structure {
309
  height: 13em;
310
  overflow: auto;
311
}
312

    
313
.misapplied .name {
314
  /* font-style: normal; */
315
}
316
.misapplied .authors {
317
  display: none;
318
}
319
#edit-search-domisappliednames {
320
  vertical-align:baseline;
321
}
322

    
323
img.preview {
324
  margin: 5px 30px;
325
}
326

    
327
ul li.synonym {
328
  list-style-type: none;
329
  background-image: none;
330
}
331

    
332
li.firstentry {
333
  margin-left: 6px;
334
}
335

    
336
ul.cdm_names, ul.cdm_names li{
337
  background-image: none;
338
  list-style-type: none;
339
  list-style-image: none;
340
}
341

    
342
.dynabox .label:hover {
343
  color: #0174bb;
344
}
345

    
346
ul.cdm_names .dynabox_content {
347
  margin-top:-1em;
348
}
349

    
350
.tickbox_content {
351
  display: none;
352
}
353

    
354
.pager strong,
355
.pager a {
356
  -moz-border-radius-bottomleft: 2px;
357
  -moz-border-radius-bottomright: 2px;
358
  -moz-border-radius-topleft: 2px;
359
  -moz-border-radius-topright: 2px;
360
  background-color: #dfedf7;
361
  border: 1px solid #90c2e1;
362
  margin: 0px 0.25em;
363
  padding: 2px 5px;
364
}
365
.pager strong {
366
  background-color:#0174BB;
367
  color:#FFFFFF;
368
}
369
.pager-list-dots-right,
370
.pager-list-dots-left {
371
  display: inline;
372
}
373

    
374
a.filter_add:link,
375
a.filter_add:visited {
376
}
377

    
378
a.filter_remove:link,
379
a.filter_remove:visited {
380
  color: red;
381
}
382

    
383
a.synonym:LINK, a.synonym:VISITED,
384
.Synonym a:LINK, .Synonym a:VISITED,
385
.misapplied-name a:LINK,
386
.misapplied-name a:VISITED {
387
  color: #7c7c7f;
388
}
389

    
390
/* Synonyms with more than one accepted taxa. */
391
a.label:link,
392
a.label:visited {
393
  color: #7c7c7f;
394
}
395

    
396
.block-cdm-taxontree .content,
397
.block-cdm-dataportal-3 .content {
398
  font-size: 90%;
399
}
400
.content dt {
401
  float: left;
402
  font-weight: bold;
403
  margin-right: 0.3em;
404
}
405
.content dd {
406
  margin-left: 0;
407
  font-weight: normal;
408
}
409

    
410
.block-cdm-taxontree div.settings {
411
  /* background-color: #2587c3; */
412
  border-bottom: 1px solid #e0dfe3;
413
  border-top: 1px solid #e0dfe3;
414
}
415

    
416
.concept_switch {
417
  padding:0 0.2em;
418
}
419

    
420
.descriptionText,
421
.descriptionReference {
422
  vertical-align: top;
423
}
424

    
425
.annotation_box {
426
  display: none;
427
  background: #ffffcc;
428
  border: 1px solid #ffcc66;
429
  font-size: 9pt;
430
  padding: 5px
431
}
432
.annotation_box ul,
433
.annotation_box li {
434
  list-style-type: none;
435
  line-height: 11pt;
436
  padding: 0;
437
  margin: 0;
438
}
439

    
440
.annotation_box li {
441
  padding-left: 15px;
442
}
443

    
444
.annotation_create {
445
  margin-top: 20px;
446
  text-align: right;
447
}
448

    
449
.annotation_create textarea {
450
  width: 100%;
451
}
452

    
453
.annotation_create form {
454
  margin-bottom: 0;
455
}
456

    
457
/*
458
 * ==== Maps ====
459
 */
460

    
461
#openlayers_container {
462
  position: relative;
463
  z-index: 1;
464
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
465
  width: 100%;
466
}
467

    
468
#cdm-settings-geo #openlayers_container {
469
    max-width: 50em; /* avoid too big maps in the settings */
470

    
471
}
472

    
473
#openlayers_map {
474
  width: 100%;
475
  height: 200px;
476
  border: 1px solid;
477
}
478
.openlayers_legend {
479
    background-color: white;
480
    filter:alpha(opacity=75); /* IE's opacity. */
481
    opacity: 0.75;
482
}
483

    
484
.distribution_map_caption {
485
    font-size: 90%;
486
    font-style: italic;
487
    margin-bottom: 0.75em;
488
}
489

    
490

    
491
.distribution_map {
492
  border: 1px solid #ddd;
493
  background-color: #fff;
494
}
495

    
496
/*
497
 * ======= Media =======
498
 */
499
.media .viewer {
500
  margin-top: 20px;
501
}
502

    
503
/*
504
WA: Important, otherwise the media viewer will be displayed over the
505
Drupal Admin Overlay when this is used.
506

    
507
AK: this is not working since 'position: absolute;' will cause the content container
508
to be not extended to the side of
509
the image viewer
510
*/
511
div.cdm_media_viewer_image {
512
  /* position: absolute; */
513
  z-index: 1;
514
}
515

    
516
.media ul.primary li a,
517
.media ul.primary li.active a,
518
.media ul.primary li a:hover,
519
.media ul.primary li a:visited,
520
.media ul.secondary li a,
521
.media ul.secondary li.active a,
522
.media ul.secondary li a:hover,
523
.media ul.secondary li a:visited {
524
  margin-left : 0px;
525
}
526

    
527
.media ul.primary li a.active {
528
  font-weight: bold;
529
}
530

    
531
.media_thumbnails {
532
  margin-top: 0px;
533
  margin-left: 0.3em;
534
}
535

    
536
.media_gallery tbody {
537
  border: 0px none;
538
}
539

    
540
.media_gallery td.caption {
541
  vertical-align: top;
542
}
543

    
544
.media-caption {
545
  margin-left: 0;
546
}
547

    
548
.media-caption dt.title {
549
  display: none;
550
}
551

    
552
.image-passe-partout{
553
  border: 0px none;
554
  background-color: #eee;
555
}
556

    
557
.image_viewer {
558
  border: 1px solid;
559
  background-color: #eee;
560
}
561

    
562
/*
563
 * ======= Reference Page =======
564
 */
565

    
566
table.cdm\:Reference {
567
    width: 100%;
568
}
569

    
570
/*
571
 * ======= specific blocks =======
572
 */
573

    
574
#print_button {
575
  cursor: pointer;
576
}
577
#print_button span {
578
  color: #027AC6;
579
  margin-left: 0.3em; /* Spacing between image and text. */
580
}
581
#print_button span:hover {
582
  color: #0062A0;
583
  text-decoration: underline;
584
}
585

    
586
#classification-breadcrumbs .taxonomic_children .children {
587
    padding-right: 1em;
588
    background: inherit;
589
    white-space: nowrap;
590
}
591

    
592
#classification-breadcrumbs .taxonomic-children-button i {
593
    cursor: pointer;
594
}
595

    
596
#classification-breadcrumbs .taxonomic-children-button i:hover {
597
    color: #8a918e;
598
}
599

    
600
#classification-breadcrumbs .taxonomic_children ul.taxon-nodes{
601
    background: inherit;
602
    margin: 0;
603
    padding: 0;
604
}
605

    
606
#classification-breadcrumbs .taxonomic_children ul.taxon-nodes  li {
607
    display: list-item;
608
}
609

    
610
.messages .cdm\:Taxon { /* taxa in warning box */
611
    font-weight: bold;
612
}
613

    
614
/*
615
 * ======= footnotes and annotations =======
616
 */
617

    
618
.footnotes {
619
    margin-top: 0.5em;
620
    display: block;
621
}
622

    
623
.annotations, .footnote{
624
  font-size: 88%;
625
}
626

    
627
.footnote-key {
628
  vertical-align: super;
629
  font-size: 80%;
630
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
631
  font-style: italic;
632
}
633
.footnote-anchor {
634
  font-weight: bold;
635
}
636

    
637
/*
638
 * Feature tree
639
 */
640

    
641
.featuretree_structure {
642
   font-size: 90%;
643
   line-height: 1em;
644
   color: #999;
645
}
646
/* For compatibility with d5 themes. */
647
.block-cdm-dataportal-feature {
648
  clear: both;
649
}
650

    
651
#block-cdm-dataportal-feature-bibliography .footnote {
652
    font-size: 100%; /* reset fontsize */
653
}
654

    
655
#useRecords th {
656
  font-weight: normal;
657
}
658

    
659
/* for compatibility with d5 themes */
660
.block-cdm-dataportal-feature ul {
661
  margin: 0;
662
  padding: 0 0 0.25em 1em;
663
}
664

    
665
/**
666
 * ======= Settings forms =======
667
 */
668

    
669
/* Do not display the descriptions indented in the setup forms, D5 style. */
670
#cdm-settings-general .form-type-radio .description,
671
#cdm-settings-general .form-type-checkbox .description,
672
#cdm-settings-geo .form-type-radio .description,
673
#cdm-settings-geo .form-type-checkbox .description,
674
#cdm-settings-layout .form-type-radio .description,
675
#cdm-settings-layout .form-type-checkbox .description,
676
#cdm-settings-layout-taxon .form-type-radio .description,
677
#cdm-settings-layout-taxon .form-type-checkbox .description,
678
#cdm-settings-layout-search .form-type-radio .description,
679
#cdm-settings-layout-search .form-type-checkbox .description,
680
#cdm-settings-layout-media .form-type-radio .description,
681
#cdm-settings-layout-media .form-type-checkbox .description,
682
#cdm-settings-cache .form-type-radio .description,
683
#cdm-settings-cache .form-type-checkbox .description,
684
#cdm-settings-layout-media .form-type-radio .description,
685
#cdm-settings-layout-media .form-type-checkbox .description,
686
#ext-links-admin .form-type-radio .description,
687
#ext-links-admin .form-type-checkbox .description,
688
#cdm-mediauri-rule-add .form-type-radio .description,
689
#cdm-mediauri-rule-add .form-type-checkbox .description {
690
  margin-left: 0;
691
}
692
/* Align checkboxes and radios as D5 style. */
693
#cdm-settings-general input.form-checkbox, input.form-radio,
694
#cdm-settings-geo input.form-checkbox, input.form-radio,
695
#cdm-settings-layout input.form-checkbox, input.form-radio,
696
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
697
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
698
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
699
#cdm-settings-cache input.form-checkbox, input.form-radio,
700
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
701
#ext-links-admin input.form-checkbox, input.form-radio,
702
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
703
  vertical-align: baseline;
704
}
705

    
706
/* Custom style for the more-help links on the cdm settings pages. */
707
.cdm-dataportal-settings-more-help-link {
708
  font-size: 0.85em;
709
}
710
.cdm-dataportal-settings-more-help-link a {
711
  background-image: none;
712
  padding: 0;
713
}
714
#block-system-help .content {
715
  margin: 0;
716
}
717

    
718
#cdm-settings-geo .map_info{
719
    font-size: 95%;
720
    font-family: monospace;
721
}
722

    
723
#cdm-settings-geo .map-extent-bbox .degree-value {
724
    color: forestgreen;
725
}
726

    
727
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
728
    color: royalblue;
729
}
730

    
731
.fieldset-float {
732
    float: left;
733
}
734

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

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

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

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

    
757
#specimens .dna-sequence div {
758
    font-family: monospace;
759
}
760

    
761
#derivate_hierarchy_table {
762
    width: 100%;
763
}
764

    
765
#derivate_hierarchy_table th{
766
    text-align: center;
767
    padding-left: 3px;
768
    padding-right: 3px;
769
}
770

    
771
#derivate_hierarchy_table td{
772
    vertical-align: middle;
773
}
774
#derivate_hierarchy_table td.summary_row_cell {
775
}
776
#derivate_hierarchy_table td.summary_row_icon {
777
    text-align: center;
778
}
779
#derivate_hierarchy_table .expand_column {
780
    border-right: hidden;
781
    width: 18px;
782
}
783

    
784
.specimen_table_label{
785
    font-weight: bold;
786
}
787

    
788

    
789
/*
790
 * ======= Identification keys =======
791
 */
792

    
793
#identificationKey .sources span {
794
  display: block;
795
}
796

    
797
.polytomousKey_linkedStyle td {
798
  vertical-align: top;
799
  padding-top: 0;
800
}
801
.polytomousKey_linkedStyle tr.new_section td {
802
  padding-top: 1em;
803
}
804
.polytomousKey_linkedStyle tr:hover {
805
  background-color: #eee;
806
}
807
.polytomousKey_linkedStyle .nodeLink {
808
  float: right;
809
  text-align: right;
810
  padding-left: 2em;
811
}
812
.polytomousKey_linkedStyle td.edge-indent {
813
  padding-left: 2em;
814
}
815

    
816
/*
817
 * ======= Experts =======
818
 */
819

    
820
#experts table {
821
    width: 100%;
822
}
823

    
824
#experts table td, #experts table th {
825
    text-align: left;
826
    padding: 0px 1em;
827
}
828

    
829
#experts .managed_taxa {
830
    margin-left: 2em;
831
    max-height: 20em;
832
    overflow: auto;
833
}
834

    
835
#experts .managed_taxa .cdm\:Taxon {
836
    display: block;
837
}
838

    
839
/*
840
 * Overriding default style from drupal?
841
 * This prohibits select elements from overflowing the parent container
842
 */
843
select {
844
  max-width: 100%;
845
}
(6-6/16)