Project

General

Profile

Download (14.4 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
/*
116
 * ======= Search-Form =======
117
 */
118

    
119
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
120
  max-height: 10em;
121
  overflow: auto;
122
}
123

    
124
#edit-search-areas .parent {
125
  /* faints the parent areas in the area selection */
126
  color: #999;
127
    font-size: 90%;
128
    padding-right: 2em;
129
}
130

    
131
.selected-item-label{
132
    float: left;
133
    margin: 0.25em 0.3em;
134
    padding: 0 0.3em;
135
    background-color: #eeeeee;
136
}
137

    
138
/*
139
 * ======= Search-Results =======
140
 */
141
#block-cdm-dataportal-2 .description {
142
  display: none;
143
}
144

    
145
.fragment_highlight {
146
  font-size: 90%;
147
  margin-top: 0.3em;
148
}
149

    
150
.score-bar {
151
  width: 50px;
152
  height: 10px;
153
  border: 1px solid #dedede;
154
  background-color: #f3f3f3;
155
}
156
.score-bar .score-bar-indicator {
157
  background-color: #acd575;
158
  height: 10px;
159
}
160
.score-bar-value {
161
  width: 50px;
162
  height: 10px;
163
  margin-top: -11px; /* 10px plus 1px border. */
164
  font-size: 8px;
165
  line-height: 10px;
166
  background-color: transparent;
167
  text-align: center;
168
}
169

    
170
li .taxon {
171
}
172

    
173
/*
174
 * ======= Taxon Page =======
175
 */
176
.page-part {
177
  clear: both;
178
}
179

    
180
.language-label {
181
    font-weight: bold;
182
}
183

    
184
/* Distribution */
185
.condensed_distribution .status_n, /* native */
186
.condensed_distribution .status_ne /* native: formerly native */
187
{
188
    font-weight: bold;
189
}
190

    
191
.distributionStatus {
192
    display: none;
193
}
194

    
195

    
196
#distribution_hierarchy .level_index_0 .area_label{
197
    font-weight: bold;
198
}
199

    
200
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
201
    font-weight: normal;
202
}
203

    
204
.nested-feature-tree-feature-label {
205
    font-style: italic;
206
}
207

    
208
/*
209
 * ======= synonymy =======
210
 */
211

    
212
#synonymy ul {
213
    margin: 0;
214
}
215

    
216
#synonymy ul.heterotypicSynonymyGroup,
217
#synonymy ul.homotypicSynonymyGroup,
218
#synonymy ul.homotypicSynonyms,
219
#synonymy ul.taxonRelationships,
220
#synonymy ul.misapplied {
221
  margin-bottom: 0.5em;
222
}
223

    
224
#synonymy ul li {
225
  padding-bottom: 0px;
226
  padding-top: 0px;
227
  margin-bottom: 0px;
228
  margin-top: 0px;
229
}
230

    
231
.heterotypicSynonymyGroup li {
232
  margin-left: 26px;
233
}
234
.homotypic-synonymy-group,
235
.heterotypic-synonymy-group,
236
.taxon-relationships {
237
   border-bottom: 1px solid #dedede;
238
   padding: 1em 0;
239
}
240

    
241
/* footnotes in synonymy */
242
#synonymy ul.foototes {
243
  margin: 0;
244
}
245

    
246
.heterotypicSynonymyGroup li.footnotes,
247
.homotypicSynonymyGroup li.footnotes,
248
.homotypicSynonyms li.footnotes,
249
.misapplied li.footnotes,
250
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
251
.block-cdm-dataportal-feature .content li.cdm\:TextData,
252
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
253
  margin-top: 10px;
254
  margin-left: 6px;
255
  padding-left: 6px;
256
  list-style: none;
257
  list-style-image: none;
258
  background-image: none;
259
}
260

    
261

    
262
#synonymy li.footnotes {
263
  list-style: none;
264
  list-style-image: none;
265
  background-image: none;
266
}
267

    
268
ul.typeDesignations {
269
  margin-top: 0px;
270
  margin-bottom: 0px;
271
  margin-left: -1em; /* Same as .relation_sign. */
272
}
273
ul.typeDesignations li {
274
  background-image: none;
275
  list-style-type: none;
276
  list-style-image: none;
277
}
278

    
279
.form-item fieldset {
280
  font-size: 80%;
281
  margin-top: -3px;
282
  margin-left: 25px;
283
}
284
.form-item fieldset .featuretree_structure {
285
  height: 13em;
286
  overflow: auto;
287
}
288

    
289
.misapplied .name {
290
  /* font-style: normal; */
291
}
292
.misapplied .authors {
293
  display: none;
294
}
295
#edit-search-domisappliednames {
296
  vertical-align:baseline;
297
}
298

    
299
img.preview {
300
  margin: 5px 30px;
301
}
302

    
303
ul li.synonym {
304
  list-style-type: none;
305
  background-image: none;
306
}
307

    
308
li.firstentry {
309
  margin-left: 6px;
310
}
311

    
312
ul.cdm_names, ul.cdm_names li{
313
  background-image: none;
314
  list-style-type: none;
315
  list-style-image: none;
316
}
317

    
318
.dynabox .label:hover {
319
  color: #0174bb;
320
}
321

    
322
ul.cdm_names .dynabox_content {
323
  margin-top:-1em;
324
}
325

    
326
.tickbox_content {
327
  display: none;
328
}
329

    
330
.pager strong,
331
.pager a {
332
  -moz-border-radius-bottomleft: 2px;
333
  -moz-border-radius-bottomright: 2px;
334
  -moz-border-radius-topleft: 2px;
335
  -moz-border-radius-topright: 2px;
336
  background-color: #dfedf7;
337
  border: 1px solid #90c2e1;
338
  margin: 0px 0.25em;
339
  padding: 2px 5px;
340
}
341
.pager strong {
342
  background-color:#0174BB;
343
  color:#FFFFFF;
344
}
345
.pager-list-dots-right,
346
.pager-list-dots-left {
347
  display: inline;
348
}
349

    
350
a.filter_add:link,
351
a.filter_add:visited {
352
}
353

    
354
a.filter_remove:link,
355
a.filter_remove:visited {
356
  color: red;
357
}
358

    
359
a.synonym:LINK, a.synonym:VISITED,
360
.Synonym a:LINK, .Synonym a:VISITED,
361
.misapplied-name a:LINK,
362
.misapplied-name a:VISITED {
363
  color: #7c7c7f;
364
}
365

    
366
/* Synonyms with more than one accepted taxa. */
367
a.label:link,
368
a.label:visited {
369
  color: #7c7c7f;
370
}
371

    
372
.block-cdm-taxontree .content,
373
.block-cdm-dataportal-3 .content {
374
  font-size: 90%;
375
}
376
.content dt {
377
  float: left;
378
  font-weight: bold;
379
  margin-right: 0.3em;
380
}
381
.content dd {
382
  margin-left: 0;
383
  font-weight: normal;
384
}
385

    
386
.block-cdm-taxontree div.settings {
387
  /* background-color: #2587c3; */
388
  border-bottom: 1px solid #e0dfe3;
389
  border-top: 1px solid #e0dfe3;
390
}
391

    
392
.concept_switch {
393
  padding:0 0.2em;
394
}
395

    
396
.descriptionText,
397
.descriptionReference {
398
  vertical-align: top;
399
}
400

    
401
.annotation_box {
402
  display: none;
403
  background: #ffffcc;
404
  border: 1px solid #ffcc66;
405
  font-size: 9pt;
406
  padding: 5px
407
}
408
.annotation_box ul,
409
.annotation_box li {
410
  list-style-type: none;
411
  line-height: 11pt;
412
  padding: 0;
413
  margin: 0;
414
}
415

    
416
.annotation_box li {
417
  padding-left: 15px;
418
}
419

    
420
.annotation_create {
421
  margin-top: 20px;
422
  text-align: right;
423
}
424

    
425
.annotation_create textarea {
426
  width: 100%;
427
}
428

    
429
.annotation_create form {
430
  margin-bottom: 0;
431
}
432

    
433
/*
434
 * ==== Maps ====
435
 */
436

    
437
#openlayers_container {
438
  position: relative;
439
  z-index: 1;
440
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
441
  width: 100%;
442
}
443

    
444
#cdm-settings-geo #openlayers_container {
445
    max-width: 50em; /* avoid too big maps in the settings */
446

    
447
}
448

    
449
#openlayers_map {
450
  width: 100%;
451
  height: 200px;
452
  border: 1px solid;
453
}
454
.openlayers_legend {
455
    background-color: white;
456
    filter:alpha(opacity=75); /* IE's opacity. */
457
    opacity: 0.75;
458
}
459

    
460
.distribution_map_caption {
461
  font-size: 90%;
462
  font-style: italic;
463
}
464

    
465

    
466
.distribution_map {
467
  border: 1px solid #ddd;
468
  background-color: #fff;
469
}
470

    
471
/*
472
 * ======= Media =======
473
 */
474
.media .viewer {
475
  margin-top: 20px;
476
}
477

    
478
/*
479
WA: Important, otherwise the media viewer will be displayed over the
480
Drupal Admin Overlay when this is used.
481

    
482
AK: this is not working since 'position: absolute;' will cause the content container
483
to be not extended to the side of
484
the image viewer
485
*/
486
div.cdm_media_viewer_image {
487
  /* position: absolute; */
488
  z-index: 1;
489
}
490

    
491
.media ul.primary li a,
492
.media ul.primary li.active a,
493
.media ul.primary li a:hover,
494
.media ul.primary li a:visited,
495
.media ul.secondary li a,
496
.media ul.secondary li.active a,
497
.media ul.secondary li a:hover,
498
.media ul.secondary li a:visited {
499
  margin-left : 0px;
500
}
501

    
502
.media ul.primary li a.active {
503
  font-weight: bold;
504
}
505

    
506
.media_thumbnails {
507
  margin-top: 0px;
508
  margin-left: 0.3em;
509
}
510

    
511
.media_gallery tbody {
512
  border: 0px none;
513
}
514

    
515
.media_gallery td.caption {
516
  vertical-align: top;
517
}
518

    
519
.media-caption {
520
  margin-left: 0;
521
}
522

    
523
.media-caption dt.title {
524
  display: none;
525
}
526

    
527
.image-passe-partout{
528
  border: 0px none;
529
  background-color: #eee;
530
}
531

    
532
.image_viewer {
533
  border: 1px solid;
534
  background-color: #eee;
535
}
536

    
537

    
538
/*
539
 * ======= specific blocks =======
540
 */
541

    
542
#print_button {
543
  cursor: pointer;
544
}
545
#print_button span {
546
  color: #027AC6;
547
  margin-left: 0.3em; /* Spacing between image and text. */
548
}
549
#print_button span:hover {
550
  color: #0062A0;
551
  text-decoration: underline;
552
}
553

    
554
#classification-breadcrumbs li {
555

    
556
}
557

    
558
/*
559
 * ======= footnotes and annotations =======
560
 */
561

    
562
.footnotes {
563
    margin-top: 0.5em;
564
    display: block;
565
}
566

    
567
.annotations, .footnote{
568
  font-size: 88%;
569
}
570

    
571
.footnote-key {
572
  vertical-align: super;
573
  font-size: 80%;
574
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
575
  font-style: italic;
576
}
577
.footnote-anchor {
578
  font-weight: bold;
579
}
580

    
581
/*
582
 * Feature tree
583
 */
584

    
585
.featuretree_structure {
586
   font-size: 90%;
587
   line-height: 1em;
588
   color: #999;
589
}
590
/* For compatibility with d5 themes. */
591
.block-cdm-dataportal-feature {
592
  clear: both;
593
}
594

    
595
#block-cdm-dataportal-feature-bibliography .footnote {
596
    font-size: 100%; /* reset fontsize */
597
}
598

    
599
#useRecords th {
600
  font-weight: normal;
601
}
602

    
603
/* for compatibility with d5 themes */
604
.block-cdm-dataportal-feature ul {
605
  margin: 0;
606
  padding: 0 0 0.25em 1em;
607
}
608

    
609
/**
610
 * ======= Settings forms =======
611
 */
612

    
613
/* Do not display the descriptions indented in the setup forms, D5 style. */
614
#cdm-settings-general .form-type-radio .description,
615
#cdm-settings-general .form-type-checkbox .description,
616
#cdm-settings-geo .form-type-radio .description,
617
#cdm-settings-geo .form-type-checkbox .description,
618
#cdm-settings-layout .form-type-radio .description,
619
#cdm-settings-layout .form-type-checkbox .description,
620
#cdm-settings-layout-taxon .form-type-radio .description,
621
#cdm-settings-layout-taxon .form-type-checkbox .description,
622
#cdm-settings-layout-search .form-type-radio .description,
623
#cdm-settings-layout-search .form-type-checkbox .description,
624
#cdm-settings-layout-media .form-type-radio .description,
625
#cdm-settings-layout-media .form-type-checkbox .description,
626
#cdm-settings-cache .form-type-radio .description,
627
#cdm-settings-cache .form-type-checkbox .description,
628
#cdm-settings-layout-media .form-type-radio .description,
629
#cdm-settings-layout-media .form-type-checkbox .description,
630
#ext-links-admin .form-type-radio .description,
631
#ext-links-admin .form-type-checkbox .description,
632
#cdm-mediauri-rule-add .form-type-radio .description,
633
#cdm-mediauri-rule-add .form-type-checkbox .description {
634
  margin-left: 0;
635
}
636
/* Align checkboxes and radios as D5 style. */
637
#cdm-settings-general input.form-checkbox, input.form-radio,
638
#cdm-settings-geo input.form-checkbox, input.form-radio,
639
#cdm-settings-layout input.form-checkbox, input.form-radio,
640
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
641
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
642
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
643
#cdm-settings-cache input.form-checkbox, input.form-radio,
644
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
645
#ext-links-admin input.form-checkbox, input.form-radio,
646
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
647
  vertical-align: baseline;
648
}
649

    
650
/* Custom style for the more-help links on the cdm settings pages. */
651
.cdm-dataportal-settings-more-help-link {
652
  font-size: 0.85em;
653
}
654
.cdm-dataportal-settings-more-help-link a {
655
  background-image: none;
656
  padding: 0;
657
}
658
#block-system-help .content {
659
  margin: 0;
660
}
661

    
662
#cdm-settings-geo .map_info{
663
    font-size: 95%;
664
    font-family: monospace;
665
}
666

    
667
#cdm-settings-geo .map-extent-bbox .degree-value {
668
    color: forestgreen;
669
}
670

    
671
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
672
    color: royalblue;
673
}
674

    
675
/*
676
 * ======= specimens =======
677
 */
678
#specimens table.specimens {
679
    width: 100%;
680
}
681

    
682
#specimens .description_list h4 {
683
  clear: left;
684
    margin-bottom: 0;
685
    font-style: italic;
686
}
687

    
688
#specimens  .block-cdm-dataportal-feature h2 {
689
  font-size: 11px;
690
    font-weight: bold;
691
}
692

    
693
#specimens ul.footnotes {
694
    padding: 0;
695
}
696

    
697
#specimens .dna-sequence div {
698
    font-family: monospace;
699
}
700

    
701
#derivate_hierarchy_table {
702
    width: 100%;
703
}
704

    
705
#derivate_hierarchy_table th{
706
    text-align: center;
707
    padding-left: 3px;
708
    padding-right: 3px;
709
}
710

    
711
#derivate_hierarchy_table td{
712
    vertical-align: middle;
713
}
714
#derivate_hierarchy_table td.summary_row_cell {
715
}
716
#derivate_hierarchy_table td.summary_row_icon {
717
    text-align: center;
718
}
719
#derivate_hierarchy_table .expand_column {
720
    border-right: hidden;
721
    width: 18px;
722
}
723

    
724
.specimen_table_label{
725
    font-weight: bold;
726
}
727

    
728

    
729
/*
730
 * ======= Identification keys =======
731
 */
732

    
733
#identificationKey .sources span {
734
  display: block;
735
}
736

    
737
.polytomousKey_linkedStyle td {
738
  vertical-align: top;
739
  padding-top: 0;
740
}
741
.polytomousKey_linkedStyle tr.new_section td {
742
  padding-top: 1em;
743
}
744
.polytomousKey_linkedStyle tr:hover {
745
  background-color: #eee;
746
}
747
.polytomousKey_linkedStyle .nodeLink {
748
  float: right;
749
  text-align: right;
750
  padding-left: 2em;
751
}
752
.polytomousKey_linkedStyle td.edge-indent {
753
  padding-left: 2em;
754
}
755

    
756
/*
757
 * ======= Experts =======
758
 */
759

    
760
#experts table {
761
    width: 100%;
762
}
763

    
764
#experts table td, #experts table th {
765
    text-align: left;
766
    padding: 0px 1em;
767
}
768

    
769
#experts .managed_taxa {
770
    margin-left: 2em;
771
    max-height: 20em;
772
    overflow: auto;
773
}
774

    
775
#experts .managed_taxa .cdm\:Taxon {
776
    display: block;
777
}
778

    
779

    
780

    
781
/*
782
 * Overriding default style from drupal?
783
 * This prohibits select elements from overflowing the parent container
784
 */
785
select {
786
  max-width: 100%;
787
}
(6-6/15)