Project

General

Profile

Download (14.5 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
/*
122
 * ======= Search-Form =======
123
 */
124

    
125
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
126
  max-height: 10em;
127
  overflow: auto;
128
}
129

    
130
#edit-search-areas .parent {
131
  /* faints the parent areas in the area selection */
132
  color: #999;
133
    font-size: 90%;
134
    padding-right: 2em;
135
}
136

    
137
.selected-item-label{
138
    float: left;
139
    margin: 0.25em 0.3em;
140
    padding: 0 0.3em;
141
    background-color: #eeeeee;
142
}
143

    
144
/*
145
 * ======= Search-Results =======
146
 */
147
#block-cdm-dataportal-2 .description {
148
  display: none;
149
}
150

    
151
.fragment_highlight {
152
  font-size: 90%;
153
  margin-top: 0.3em;
154
}
155

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

    
176
li .taxon {
177
}
178

    
179
/*
180
 * ======= Taxon Page =======
181
 */
182
.page-part {
183
  clear: both;
184
}
185

    
186
.language-label {
187
    font-weight: bold;
188
}
189

    
190
/* Distribution */
191
.condensed_distribution .status_n, /* native */
192
.condensed_distribution .status_ne /* native: formerly native */
193
{
194
    font-weight: bold;
195
}
196

    
197
.distributionStatus {
198
    display: none;
199
}
200

    
201
#distribution_hierarchy .level_index_0 .area_label{
202
    font-weight: bold;
203
}
204

    
205
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
206
    font-weight: normal;
207
}
208

    
209
.nested-feature-tree-feature-label {
210
    font-style: italic;
211
}
212

    
213
/*
214
 * ======= synonymy =======
215
 */
216

    
217
#synonymy ul {
218
    margin: 0;
219
}
220

    
221
#synonymy ul.heterotypicSynonymyGroup,
222
#synonymy ul.homotypicSynonymyGroup,
223
#synonymy ul.homotypicSynonyms,
224
#synonymy ul.taxonRelationships,
225
#synonymy ul.misapplied {
226
  margin-bottom: 0.5em;
227
}
228

    
229
#synonymy ul li {
230
  padding-bottom: 0px;
231
  padding-top: 0px;
232
  margin-bottom: 0px;
233
  margin-top: 0px;
234
}
235

    
236
.heterotypicSynonymyGroup li {
237
  margin-left: 26px;
238
}
239
.homotypic-synonymy-group,
240
.heterotypic-synonymy-group,
241
.taxon-relationships {
242
   border-bottom: 1px solid #dedede;
243
   padding: 1em 0;
244
}
245

    
246
/* footnotes in synonymy */
247
#synonymy ul.foototes {
248
  margin: 0;
249
}
250

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

    
266

    
267
#synonymy li.footnotes {
268
  list-style: none;
269
  list-style-image: none;
270
  background-image: none;
271
}
272

    
273
ul.typeDesignations {
274
  margin-top: 0px;
275
  margin-bottom: 0px;
276
  margin-left: -1em; /* Same as .relation_sign. */
277
}
278
ul.typeDesignations li {
279
  background-image: none;
280
  list-style-type: none;
281
  list-style-image: none;
282
}
283

    
284
.form-item fieldset {
285
  font-size: 80%;
286
  margin-top: -3px;
287
  margin-left: 25px;
288
}
289
.form-item fieldset .featuretree_structure {
290
  height: 13em;
291
  overflow: auto;
292
}
293

    
294
.misapplied .name {
295
  /* font-style: normal; */
296
}
297
.misapplied .authors {
298
  display: none;
299
}
300
#edit-search-domisappliednames {
301
  vertical-align:baseline;
302
}
303

    
304
img.preview {
305
  margin: 5px 30px;
306
}
307

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

    
313
li.firstentry {
314
  margin-left: 6px;
315
}
316

    
317
ul.cdm_names, ul.cdm_names li{
318
  background-image: none;
319
  list-style-type: none;
320
  list-style-image: none;
321
}
322

    
323
.dynabox .label:hover {
324
  color: #0174bb;
325
}
326

    
327
ul.cdm_names .dynabox_content {
328
  margin-top:-1em;
329
}
330

    
331
.tickbox_content {
332
  display: none;
333
}
334

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

    
355
a.filter_add:link,
356
a.filter_add:visited {
357
}
358

    
359
a.filter_remove:link,
360
a.filter_remove:visited {
361
  color: red;
362
}
363

    
364
a.synonym:LINK, a.synonym:VISITED,
365
.Synonym a:LINK, .Synonym a:VISITED,
366
.misapplied-name a:LINK,
367
.misapplied-name a:VISITED {
368
  color: #7c7c7f;
369
}
370

    
371
/* Synonyms with more than one accepted taxa. */
372
a.label:link,
373
a.label:visited {
374
  color: #7c7c7f;
375
}
376

    
377
.block-cdm-taxontree .content,
378
.block-cdm-dataportal-3 .content {
379
  font-size: 90%;
380
}
381
.content dt {
382
  float: left;
383
  font-weight: bold;
384
  margin-right: 0.3em;
385
}
386
.content dd {
387
  margin-left: 0;
388
  font-weight: normal;
389
}
390

    
391
.block-cdm-taxontree div.settings {
392
  /* background-color: #2587c3; */
393
  border-bottom: 1px solid #e0dfe3;
394
  border-top: 1px solid #e0dfe3;
395
}
396

    
397
.concept_switch {
398
  padding:0 0.2em;
399
}
400

    
401
.descriptionText,
402
.descriptionReference {
403
  vertical-align: top;
404
}
405

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

    
421
.annotation_box li {
422
  padding-left: 15px;
423
}
424

    
425
.annotation_create {
426
  margin-top: 20px;
427
  text-align: right;
428
}
429

    
430
.annotation_create textarea {
431
  width: 100%;
432
}
433

    
434
.annotation_create form {
435
  margin-bottom: 0;
436
}
437

    
438
/*
439
 * ==== Maps ====
440
 */
441

    
442
#openlayers_container {
443
  position: relative;
444
  z-index: 1;
445
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
446
  width: 100%;
447
}
448

    
449
#cdm-settings-geo #openlayers_container {
450
    max-width: 50em; /* avoid too big maps in the settings */
451

    
452
}
453

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

    
465
.distribution_map_caption {
466
  font-size: 90%;
467
  font-style: italic;
468
}
469

    
470

    
471
.distribution_map {
472
  border: 1px solid #ddd;
473
  background-color: #fff;
474
}
475

    
476
/*
477
 * ======= Media =======
478
 */
479
.media .viewer {
480
  margin-top: 20px;
481
}
482

    
483
/*
484
WA: Important, otherwise the media viewer will be displayed over the
485
Drupal Admin Overlay when this is used.
486

    
487
AK: this is not working since 'position: absolute;' will cause the content container
488
to be not extended to the side of
489
the image viewer
490
*/
491
div.cdm_media_viewer_image {
492
  /* position: absolute; */
493
  z-index: 1;
494
}
495

    
496
.media ul.primary li a,
497
.media ul.primary li.active a,
498
.media ul.primary li a:hover,
499
.media ul.primary li a:visited,
500
.media ul.secondary li a,
501
.media ul.secondary li.active a,
502
.media ul.secondary li a:hover,
503
.media ul.secondary li a:visited {
504
  margin-left : 0px;
505
}
506

    
507
.media ul.primary li a.active {
508
  font-weight: bold;
509
}
510

    
511
.media_thumbnails {
512
  margin-top: 0px;
513
  margin-left: 0.3em;
514
}
515

    
516
.media_gallery tbody {
517
  border: 0px none;
518
}
519

    
520
.media_gallery td.caption {
521
  vertical-align: top;
522
}
523

    
524
.media-caption {
525
  margin-left: 0;
526
}
527

    
528
.media-caption dt.title {
529
  display: none;
530
}
531

    
532
.image-passe-partout{
533
  border: 0px none;
534
  background-color: #eee;
535
}
536

    
537
.image_viewer {
538
  border: 1px solid;
539
  background-color: #eee;
540
}
541

    
542

    
543
/*
544
 * ======= specific blocks =======
545
 */
546

    
547
#print_button {
548
  cursor: pointer;
549
}
550
#print_button span {
551
  color: #027AC6;
552
  margin-left: 0.3em; /* Spacing between image and text. */
553
}
554
#print_button span:hover {
555
  color: #0062A0;
556
  text-decoration: underline;
557
}
558

    
559
#classification-breadcrumbs li {
560

    
561
}
562

    
563
.messages .cdm\:Taxon { /* taxa in warning box */
564
    font-weight: bold;
565
}
566

    
567
/*
568
 * ======= footnotes and annotations =======
569
 */
570

    
571
.footnotes {
572
    margin-top: 0.5em;
573
    display: block;
574
}
575

    
576
.annotations, .footnote{
577
  font-size: 88%;
578
}
579

    
580
.footnote-key {
581
  vertical-align: super;
582
  font-size: 80%;
583
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
584
  font-style: italic;
585
}
586
.footnote-anchor {
587
  font-weight: bold;
588
}
589

    
590
/*
591
 * Feature tree
592
 */
593

    
594
.featuretree_structure {
595
   font-size: 90%;
596
   line-height: 1em;
597
   color: #999;
598
}
599
/* For compatibility with d5 themes. */
600
.block-cdm-dataportal-feature {
601
  clear: both;
602
}
603

    
604
#block-cdm-dataportal-feature-bibliography .footnote {
605
    font-size: 100%; /* reset fontsize */
606
}
607

    
608
#useRecords th {
609
  font-weight: normal;
610
}
611

    
612
/* for compatibility with d5 themes */
613
.block-cdm-dataportal-feature ul {
614
  margin: 0;
615
  padding: 0 0 0.25em 1em;
616
}
617

    
618
/**
619
 * ======= Settings forms =======
620
 */
621

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

    
659
/* Custom style for the more-help links on the cdm settings pages. */
660
.cdm-dataportal-settings-more-help-link {
661
  font-size: 0.85em;
662
}
663
.cdm-dataportal-settings-more-help-link a {
664
  background-image: none;
665
  padding: 0;
666
}
667
#block-system-help .content {
668
  margin: 0;
669
}
670

    
671
#cdm-settings-geo .map_info{
672
    font-size: 95%;
673
    font-family: monospace;
674
}
675

    
676
#cdm-settings-geo .map-extent-bbox .degree-value {
677
    color: forestgreen;
678
}
679

    
680
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
681
    color: royalblue;
682
}
683

    
684
/*
685
 * ======= specimens =======
686
 */
687
#specimens table.specimens {
688
    width: 100%;
689
}
690

    
691
#specimens .description_list h4 {
692
  clear: left;
693
    margin-bottom: 0;
694
    font-style: italic;
695
}
696

    
697
#specimens  .block-cdm-dataportal-feature h2 {
698
  font-size: 11px;
699
    font-weight: bold;
700
}
701

    
702
#specimens ul.footnotes {
703
    padding: 0;
704
}
705

    
706
#specimens .dna-sequence div {
707
    font-family: monospace;
708
}
709

    
710
#derivate_hierarchy_table {
711
    width: 100%;
712
}
713

    
714
#derivate_hierarchy_table th{
715
    text-align: center;
716
    padding-left: 3px;
717
    padding-right: 3px;
718
}
719

    
720
#derivate_hierarchy_table td{
721
    vertical-align: middle;
722
}
723
#derivate_hierarchy_table td.summary_row_cell {
724
}
725
#derivate_hierarchy_table td.summary_row_icon {
726
    text-align: center;
727
}
728
#derivate_hierarchy_table .expand_column {
729
    border-right: hidden;
730
    width: 18px;
731
}
732

    
733
.specimen_table_label{
734
    font-weight: bold;
735
}
736

    
737

    
738
/*
739
 * ======= Identification keys =======
740
 */
741

    
742
#identificationKey .sources span {
743
  display: block;
744
}
745

    
746
.polytomousKey_linkedStyle td {
747
  vertical-align: top;
748
  padding-top: 0;
749
}
750
.polytomousKey_linkedStyle tr.new_section td {
751
  padding-top: 1em;
752
}
753
.polytomousKey_linkedStyle tr:hover {
754
  background-color: #eee;
755
}
756
.polytomousKey_linkedStyle .nodeLink {
757
  float: right;
758
  text-align: right;
759
  padding-left: 2em;
760
}
761
.polytomousKey_linkedStyle td.edge-indent {
762
  padding-left: 2em;
763
}
764

    
765
/*
766
 * ======= Experts =======
767
 */
768

    
769
#experts table {
770
    width: 100%;
771
}
772

    
773
#experts table td, #experts table th {
774
    text-align: left;
775
    padding: 0px 1em;
776
}
777

    
778
#experts .managed_taxa {
779
    margin-left: 2em;
780
    max-height: 20em;
781
    overflow: auto;
782
}
783

    
784
#experts .managed_taxa .cdm\:Taxon {
785
    display: block;
786
}
787

    
788
/*
789
 * Overriding default style from drupal?
790
 * This prohibits select elements from overflowing the parent container
791
 */
792
select {
793
  max-width: 100%;
794
}
(6-6/15)