Project

General

Profile

Download (14.2 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
/*
201
 * ======= synonymy =======
202
 */
203

    
204
#synonymy ul {
205
    margin: 0;
206
}
207

    
208
#synonymy ul.heterotypicSynonymyGroup,
209
#synonymy ul.homotypicSynonymyGroup,
210
#synonymy ul.homotypicSynonyms,
211
#synonymy ul.taxonRelationships,
212
#synonymy ul.misapplied {
213
  margin-bottom: 0.5em;
214
}
215

    
216
#synonymy ul li {
217
  padding-bottom: 0px;
218
  padding-top: 0px;
219
  margin-bottom: 0px;
220
  margin-top: 0px;
221
}
222

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

    
233
/* footnotes in synonymy */
234
#synonymy ul.foototes {
235
  margin: 0;
236
}
237

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

    
253

    
254
#synonymy li.footnotes {
255
  list-style: none;
256
  list-style-image: none;
257
  background-image: none;
258
}
259

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

    
271
.form-item fieldset {
272
  font-size: 80%;
273
  margin-top: -3px;
274
  margin-left: 25px;
275
}
276
.form-item fieldset .featuretree_structure {
277
  height: 13em;
278
  overflow: auto;
279
}
280

    
281
.misapplied .name {
282
  /* font-style: normal; */
283
}
284
.misapplied .authors {
285
  display: none;
286
}
287
#edit-search-domisappliednames {
288
  vertical-align:baseline;
289
}
290

    
291
img.preview {
292
  margin: 5px 30px;
293
}
294

    
295
ul li.synonym {
296
  list-style-type: none;
297
  background-image: none;
298
}
299

    
300
li.firstentry {
301
  margin-left: 6px;
302
}
303

    
304
ul.cdm_names, ul.cdm_names li{
305
  background-image: none;
306
  list-style-type: none;
307
  list-style-image: none;
308
}
309

    
310
.dynabox .label:hover {
311
  color: #0174bb;
312
}
313

    
314
ul.cdm_names .dynabox_content {
315
  margin-top:-1em;
316
}
317

    
318
.tickbox_content {
319
  display: none;
320
}
321

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

    
342
a.filter_add:link,
343
a.filter_add:visited {
344
}
345

    
346
a.filter_remove:link,
347
a.filter_remove:visited {
348
  color: red;
349
}
350

    
351
a.synonym:LINK, a.synonym:VISITED,
352
.Synonym a:LINK, .Synonym a:VISITED,
353
.misapplied-name a:LINK,
354
.misapplied-name a:VISITED {
355
  color: #7c7c7f;
356
}
357

    
358
/* Synonyms with more than one accepted taxa. */
359
a.label:link,
360
a.label:visited {
361
  color: #7c7c7f;
362
}
363

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

    
378
.block-cdm-taxontree div.settings {
379
  /* background-color: #2587c3; */
380
  border-bottom: 1px solid #e0dfe3;
381
  border-top: 1px solid #e0dfe3;
382
}
383

    
384
.concept_switch {
385
  padding:0 0.2em;
386
}
387

    
388
.descriptionText,
389
.descriptionReference {
390
  vertical-align: top;
391
}
392

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

    
408
.annotation_box li {
409
  padding-left: 15px;
410
}
411

    
412
.annotation_create {
413
  margin-top: 20px;
414
  text-align: right;
415
}
416

    
417
.annotation_create textarea {
418
  width: 100%;
419
}
420

    
421
.annotation_create form {
422
  margin-bottom: 0;
423
}
424

    
425
/*
426
 * ==== Maps ====
427
 */
428

    
429
#openlayers_container {
430
  position: relative;
431
  z-index: 1;
432
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
433
  width: 100%;
434
}
435

    
436
#cdm-settings-geo #openlayers_container {
437
    max-width: 50em; /* avoid too big maps in the settings */
438

    
439
}
440

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

    
452
.distribution_map_caption {
453
  font-size: 90%;
454
  font-style: italic;
455
}
456

    
457

    
458
.distribution_map {
459
  border: 1px solid #ddd;
460
  background-color: #fff;
461
}
462

    
463
/*
464
 * ======= Media =======
465
 */
466
.media .viewer {
467
  margin-top: 20px;
468
}
469

    
470
/*
471
WA: Important, otherwise the media viewer will be displayed over the
472
Drupal Admin Overlay when this is used.
473

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

    
483
.media ul.primary li a,
484
.media ul.primary li.active a,
485
.media ul.primary li a:hover,
486
.media ul.primary li a:visited,
487
.media ul.secondary li a,
488
.media ul.secondary li.active a,
489
.media ul.secondary li a:hover,
490
.media ul.secondary li a:visited {
491
  margin-left : 0px;
492
}
493

    
494
.media ul.primary li a.active {
495
  font-weight: bold;
496
}
497

    
498
.media_thumbnails {
499
  margin-top: 0px;
500
  margin-left: 0.3em;
501
}
502

    
503
.media_gallery tbody {
504
  border: 0px none;
505
}
506

    
507
.media_gallery td.caption {
508
  vertical-align: top;
509
}
510

    
511
.media-caption {
512
  margin-left: 0;
513
}
514

    
515
.media-caption dt.title {
516
  display: none;
517
}
518

    
519
.image-passe-partout{
520
  border: 0px none;
521
  background-color: #eee;
522
}
523

    
524
.image_viewer {
525
  border: 1px solid;
526
  background-color: #eee;
527
}
528

    
529

    
530
/*
531
 * ======= specific blocks =======
532
 */
533

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

    
546
/*
547
 * ======= footnotes and annotations =======
548
 */
549

    
550
.footnotes {
551
    margin-top: 0.5em;
552
    display: block;
553
}
554

    
555
.annotations, .footnote{
556
  font-size: 88%;
557
}
558

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

    
569
/*
570
 * Feature tree
571
 */
572

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

    
583
#block-cdm-dataportal-feature-bibliography .footnote {
584
    font-size: 100%; /* reset fontsize */
585
}
586

    
587
#useRecords th {
588
  font-weight: normal;
589
}
590

    
591
/* for compatibility with d5 themes */
592
.block-cdm-dataportal-feature ul {
593
  margin: 0;
594
  padding: 0 0 0.25em 1em;
595
}
596

    
597
/**
598
 * ======= Settings forms =======
599
 */
600

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

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

    
650
#cdm-settings-geo .map_info{
651
    font-size: 95%;
652
    font-family: monospace;
653
}
654

    
655
#cdm-settings-geo .map-extent-bbox .degree-value {
656
    color: forestgreen;
657
}
658

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

    
663
/*
664
 * ======= specimens =======
665
 */
666
#specimens table.specimens {
667
    width: 100%;
668
}
669

    
670
#specimens .description_list h4 {
671
  clear: left;
672
    margin-bottom: 0;
673
    font-style: italic;
674
}
675

    
676
#specimens  .block-cdm-dataportal-feature h2 {
677
  font-size: 11px;
678
    font-weight: bold;
679
}
680

    
681
#specimens ul.footnotes {
682
    padding: 0;
683
}
684

    
685
#specimens .dna-sequence div {
686
    font-family: monospace;
687
}
688

    
689
#derivate_hierarchy_table {
690
    width: 100%;
691
}
692

    
693
#derivate_hierarchy_table th{
694
    text-align: center;
695
    padding-left: 3px;
696
    padding-right: 3px;
697
}
698

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

    
712
.specimen_table_label{
713
    font-weight: bold;
714
}
715

    
716

    
717
/*
718
 * ======= Identification keys =======
719
 */
720

    
721
#identificationKey .sources span {
722
  display: block;
723
}
724

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

    
744
/*
745
 * ======= Experts =======
746
 */
747

    
748
#experts table {
749
    width: 100%;
750
}
751

    
752
#experts table td, #experts table th {
753
    text-align: left;
754
    padding: 0px 1em;
755
}
756

    
757
#experts .managed_taxa {
758
    margin-left: 2em;
759
    max-height: 20em;
760
    overflow: auto;
761
}
762

    
763
#experts .managed_taxa .cdm\:Taxon {
764
    display: block;
765
}
766

    
767

    
768

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