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
#distribution_hierarchy .level_index_0 .area_label{
196
    font-weight: bold;
197
}
198

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

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

    
207
/*
208
 * ======= synonymy =======
209
 */
210

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

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

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

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

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

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

    
260

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
432
/*
433
 * ==== Maps ====
434
 */
435

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

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

    
446
}
447

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

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

    
464

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

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

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

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

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

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

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

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

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

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

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

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

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

    
536

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

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

    
553
#classification-breadcrumbs li {
554

    
555
}
556

    
557
.messages .cdm\:Taxon { /* taxa in warning box */
558
    font-weight: bold;
559
}
560

    
561
/*
562
 * ======= footnotes and annotations =======
563
 */
564

    
565
.footnotes {
566
    margin-top: 0.5em;
567
    display: block;
568
}
569

    
570
.annotations, .footnote{
571
  font-size: 88%;
572
}
573

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

    
584
/*
585
 * Feature tree
586
 */
587

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

    
598
#block-cdm-dataportal-feature-bibliography .footnote {
599
    font-size: 100%; /* reset fontsize */
600
}
601

    
602
#useRecords th {
603
  font-weight: normal;
604
}
605

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

    
612
/**
613
 * ======= Settings forms =======
614
 */
615

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

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

    
665
#cdm-settings-geo .map_info{
666
    font-size: 95%;
667
    font-family: monospace;
668
}
669

    
670
#cdm-settings-geo .map-extent-bbox .degree-value {
671
    color: forestgreen;
672
}
673

    
674
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
675
    color: royalblue;
676
}
677

    
678
/*
679
 * ======= specimens =======
680
 */
681
#specimens table.specimens {
682
    width: 100%;
683
}
684

    
685
#specimens .description_list h4 {
686
  clear: left;
687
    margin-bottom: 0;
688
    font-style: italic;
689
}
690

    
691
#specimens  .block-cdm-dataportal-feature h2 {
692
  font-size: 11px;
693
    font-weight: bold;
694
}
695

    
696
#specimens ul.footnotes {
697
    padding: 0;
698
}
699

    
700
#specimens .dna-sequence div {
701
    font-family: monospace;
702
}
703

    
704
#derivate_hierarchy_table {
705
    width: 100%;
706
}
707

    
708
#derivate_hierarchy_table th{
709
    text-align: center;
710
    padding-left: 3px;
711
    padding-right: 3px;
712
}
713

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

    
727
.specimen_table_label{
728
    font-weight: bold;
729
}
730

    
731

    
732
/*
733
 * ======= Identification keys =======
734
 */
735

    
736
#identificationKey .sources span {
737
  display: block;
738
}
739

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

    
759
/*
760
 * ======= Experts =======
761
 */
762

    
763
#experts table {
764
    width: 100%;
765
}
766

    
767
#experts table td, #experts table th {
768
    text-align: left;
769
    padding: 0px 1em;
770
}
771

    
772
#experts .managed_taxa {
773
    margin-left: 2em;
774
    max-height: 20em;
775
    overflow: auto;
776
}
777

    
778
#experts .managed_taxa .cdm\:Taxon {
779
    display: block;
780
}
781

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