Project

General

Profile

Download (14.3 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
/* Distribution */
181
.condensed_distribution .status_n, /* native */
182
.condensed_distribution .status_ne /* native: formerly native */
183
{
184
    font-weight: bold;
185
}
186

    
187
.distributionStatus {
188
    display: none;
189
}
190

    
191

    
192
#distribution_hierarchy .level_index_0 .area_label{
193
    font-weight: bold;
194
}
195

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

    
200
.nested-feature-tree-feature-label {
201
    font-style: italic;
202
}
203

    
204
/*
205
 * ======= synonymy =======
206
 */
207

    
208
#synonymy ul {
209
    margin: 0;
210
}
211

    
212
#synonymy ul.heterotypicSynonymyGroup,
213
#synonymy ul.homotypicSynonymyGroup,
214
#synonymy ul.homotypicSynonyms,
215
#synonymy ul.taxonRelationships,
216
#synonymy ul.misapplied {
217
  margin-bottom: 0.5em;
218
}
219

    
220
#synonymy ul li {
221
  padding-bottom: 0px;
222
  padding-top: 0px;
223
  margin-bottom: 0px;
224
  margin-top: 0px;
225
}
226

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

    
237
/* footnotes in synonymy */
238
#synonymy ul.foototes {
239
  margin: 0;
240
}
241

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

    
257

    
258
#synonymy li.footnotes {
259
  list-style: none;
260
  list-style-image: none;
261
  background-image: none;
262
}
263

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

    
275
.form-item fieldset {
276
  font-size: 80%;
277
  margin-top: -3px;
278
  margin-left: 25px;
279
}
280
.form-item fieldset .featuretree_structure {
281
  height: 13em;
282
  overflow: auto;
283
}
284

    
285
.misapplied .name {
286
  /* font-style: normal; */
287
}
288
.misapplied .authors {
289
  display: none;
290
}
291
#edit-search-domisappliednames {
292
  vertical-align:baseline;
293
}
294

    
295
img.preview {
296
  margin: 5px 30px;
297
}
298

    
299
ul li.synonym {
300
  list-style-type: none;
301
  background-image: none;
302
}
303

    
304
li.firstentry {
305
  margin-left: 6px;
306
}
307

    
308
ul.cdm_names, ul.cdm_names li{
309
  background-image: none;
310
  list-style-type: none;
311
  list-style-image: none;
312
}
313

    
314
.dynabox .label:hover {
315
  color: #0174bb;
316
}
317

    
318
ul.cdm_names .dynabox_content {
319
  margin-top:-1em;
320
}
321

    
322
.tickbox_content {
323
  display: none;
324
}
325

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

    
346
a.filter_add:link,
347
a.filter_add:visited {
348
}
349

    
350
a.filter_remove:link,
351
a.filter_remove:visited {
352
  color: red;
353
}
354

    
355
a.synonym:LINK, a.synonym:VISITED,
356
.Synonym a:LINK, .Synonym a:VISITED,
357
.misapplied-name a:LINK,
358
.misapplied-name a:VISITED {
359
  color: #7c7c7f;
360
}
361

    
362
/* Synonyms with more than one accepted taxa. */
363
a.label:link,
364
a.label:visited {
365
  color: #7c7c7f;
366
}
367

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

    
382
.block-cdm-taxontree div.settings {
383
  /* background-color: #2587c3; */
384
  border-bottom: 1px solid #e0dfe3;
385
  border-top: 1px solid #e0dfe3;
386
}
387

    
388
.concept_switch {
389
  padding:0 0.2em;
390
}
391

    
392
.descriptionText,
393
.descriptionReference {
394
  vertical-align: top;
395
}
396

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

    
412
.annotation_box li {
413
  padding-left: 15px;
414
}
415

    
416
.annotation_create {
417
  margin-top: 20px;
418
  text-align: right;
419
}
420

    
421
.annotation_create textarea {
422
  width: 100%;
423
}
424

    
425
.annotation_create form {
426
  margin-bottom: 0;
427
}
428

    
429
/*
430
 * ==== Maps ====
431
 */
432

    
433
#openlayers_container {
434
  position: relative;
435
  z-index: 1;
436
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
437
  width: 100%;
438
}
439

    
440
#cdm-settings-geo #openlayers_container {
441
    max-width: 50em; /* avoid too big maps in the settings */
442

    
443
}
444

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

    
456
.distribution_map_caption {
457
  font-size: 90%;
458
  font-style: italic;
459
}
460

    
461

    
462
.distribution_map {
463
  border: 1px solid #ddd;
464
  background-color: #fff;
465
}
466

    
467
/*
468
 * ======= Media =======
469
 */
470
.media .viewer {
471
  margin-top: 20px;
472
}
473

    
474
/*
475
WA: Important, otherwise the media viewer will be displayed over the
476
Drupal Admin Overlay when this is used.
477

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

    
487
.media ul.primary li a,
488
.media ul.primary li.active a,
489
.media ul.primary li a:hover,
490
.media ul.primary li a:visited,
491
.media ul.secondary li a,
492
.media ul.secondary li.active a,
493
.media ul.secondary li a:hover,
494
.media ul.secondary li a:visited {
495
  margin-left : 0px;
496
}
497

    
498
.media ul.primary li a.active {
499
  font-weight: bold;
500
}
501

    
502
.media_thumbnails {
503
  margin-top: 0px;
504
  margin-left: 0.3em;
505
}
506

    
507
.media_gallery tbody {
508
  border: 0px none;
509
}
510

    
511
.media_gallery td.caption {
512
  vertical-align: top;
513
}
514

    
515
.media-caption {
516
  margin-left: 0;
517
}
518

    
519
.media-caption dt.title {
520
  display: none;
521
}
522

    
523
.image-passe-partout{
524
  border: 0px none;
525
  background-color: #eee;
526
}
527

    
528
.image_viewer {
529
  border: 1px solid;
530
  background-color: #eee;
531
}
532

    
533

    
534
/*
535
 * ======= specific blocks =======
536
 */
537

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

    
550
/*
551
 * ======= footnotes and annotations =======
552
 */
553

    
554
.footnotes {
555
    margin-top: 0.5em;
556
    display: block;
557
}
558

    
559
.annotations, .footnote{
560
  font-size: 88%;
561
}
562

    
563
.footnote-key {
564
  vertical-align: super;
565
  font-size: 80%;
566
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
567
  font-style: italic;
568
}
569
.footnote-anchor {
570
  font-weight: bold;
571
}
572

    
573
/*
574
 * Feature tree
575
 */
576

    
577
.featuretree_structure {
578
   font-size: 90%;
579
   line-height: 1em;
580
   color: #999;
581
}
582
/* For compatibility with d5 themes. */
583
.block-cdm-dataportal-feature {
584
  clear: both;
585
}
586

    
587
#block-cdm-dataportal-feature-bibliography .footnote {
588
    font-size: 100%; /* reset fontsize */
589
}
590

    
591
#useRecords th {
592
  font-weight: normal;
593
}
594

    
595
/* for compatibility with d5 themes */
596
.block-cdm-dataportal-feature ul {
597
  margin: 0;
598
  padding: 0 0 0.25em 1em;
599
}
600

    
601
/**
602
 * ======= Settings forms =======
603
 */
604

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

    
642
/* Custom style for the more-help links on the cdm settings pages. */
643
.cdm-dataportal-settings-more-help-link {
644
  font-size: 0.85em;
645
}
646
.cdm-dataportal-settings-more-help-link a {
647
  background-image: none;
648
  padding: 0;
649
}
650
#block-system-help .content {
651
  margin: 0;
652
}
653

    
654
#cdm-settings-geo .map_info{
655
    font-size: 95%;
656
    font-family: monospace;
657
}
658

    
659
#cdm-settings-geo .map-extent-bbox .degree-value {
660
    color: forestgreen;
661
}
662

    
663
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
664
    color: royalblue;
665
}
666

    
667
/*
668
 * ======= specimens =======
669
 */
670
#specimens table.specimens {
671
    width: 100%;
672
}
673

    
674
#specimens .description_list h4 {
675
  clear: left;
676
    margin-bottom: 0;
677
    font-style: italic;
678
}
679

    
680
#specimens  .block-cdm-dataportal-feature h2 {
681
  font-size: 11px;
682
    font-weight: bold;
683
}
684

    
685
#specimens ul.footnotes {
686
    padding: 0;
687
}
688

    
689
#specimens .dna-sequence div {
690
    font-family: monospace;
691
}
692

    
693
#derivate_hierarchy_table {
694
    width: 100%;
695
}
696

    
697
#derivate_hierarchy_table th{
698
    text-align: center;
699
    padding-left: 3px;
700
    padding-right: 3px;
701
}
702

    
703
#derivate_hierarchy_table td{
704
    vertical-align: middle;
705
}
706
#derivate_hierarchy_table td.summary_row_cell {
707
}
708
#derivate_hierarchy_table td.summary_row_icon {
709
    text-align: center;
710
}
711
#derivate_hierarchy_table .expand_column {
712
    border-right: hidden;
713
    width: 18px;
714
}
715

    
716
.specimen_table_label{
717
    font-weight: bold;
718
}
719

    
720

    
721
/*
722
 * ======= Identification keys =======
723
 */
724

    
725
#identificationKey .sources span {
726
  display: block;
727
}
728

    
729
.polytomousKey_linkedStyle td {
730
  vertical-align: top;
731
  padding-top: 0;
732
}
733
.polytomousKey_linkedStyle tr.new_section td {
734
  padding-top: 1em;
735
}
736
.polytomousKey_linkedStyle tr:hover {
737
  background-color: #eee;
738
}
739
.polytomousKey_linkedStyle .nodeLink {
740
  float: right;
741
  text-align: right;
742
  padding-left: 2em;
743
}
744
.polytomousKey_linkedStyle td.edge-indent {
745
  padding-left: 2em;
746
}
747

    
748
/*
749
 * ======= Experts =======
750
 */
751

    
752
#experts table {
753
    width: 100%;
754
}
755

    
756
#experts table td, #experts table th {
757
    text-align: left;
758
    padding: 0px 1em;
759
}
760

    
761
#experts .managed_taxa {
762
    margin-left: 2em;
763
    max-height: 20em;
764
    overflow: auto;
765
}
766

    
767
#experts .managed_taxa .cdm\:Taxon {
768
    display: block;
769
}
770

    
771

    
772

    
773
/*
774
 * Overriding default style from drupal?
775
 * This prohibits select elements from overflowing the parent container
776
 */
777
select {
778
  max-width: 100%;
779
}
(6-6/15)