Project

General

Profile

Download (15.7 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
.doubtful {
92
  font-style: normal;
93
}
94

    
95
.relation_sign {
96
  margin-left: -1em; /* Same as ul.typeDesignations. */
97
  margin-right: 0.3em;
98
  float: left;
99
  font-family: Arial, sans-serif;
100
}
101

    
102
.highlite {
103
  background-color: yellow;
104
}
105

    
106
ul.primary img.refresh {
107
  height: 14px;
108
  width: 14px;
109
}
110

    
111
/* this is used to highlite the first element in the classification chooser */
112
select.highlite-first-child option:first-child {
113
  font-weight: bold;
114
}
115

    
116
.render-path {
117
    color: white;
118
    border: 2px solid #ff2300;
119
    background-color: #ff2300;
120
}
121

    
122
.box-shadow-rb-5-0 {
123
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
124
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
125
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
126
}
127

    
128
.box-shadow-b-5-1 {
129
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
130
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
131
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
132
}
133

    
134

    
135
.box-shadow-border {
136
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
137
    border-width: 1px;
138
    border-style: solid;
139
}
140

    
141
/*
142
 * ======= Search-Form =======
143
 */
144

    
145
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
146
  max-height: 10em;
147
  overflow: auto;
148
}
149

    
150
#edit-search-areas .parent {
151
  /* faints the parent areas in the area selection */
152
  color: #999;
153
    font-size: 90%;
154
    padding-right: 2em;
155
}
156

    
157
.selected-item-label{
158
    float: left;
159
    margin: 0.25em 0.3em;
160
    padding: 0 0.3em;
161
    background-color: #eeeeee;
162
}
163

    
164
/*
165
 * ======= Search-Results =======
166
 */
167
#block-cdm-dataportal-2 .description {
168
  display: none;
169
}
170

    
171
.fragment_highlight {
172
  font-size: 90%;
173
  margin-top: 0.3em;
174
}
175

    
176
.score-bar {
177
  width: 50px;
178
  height: 10px;
179
  border: 1px solid #dedede;
180
  background-color: #f3f3f3;
181
}
182
.score-bar .score-bar-indicator {
183
  background-color: #acd575;
184
  height: 10px;
185
}
186
.score-bar-value {
187
  width: 50px;
188
  height: 10px;
189
  margin-top: -11px; /* 10px plus 1px border. */
190
  font-size: 8px;
191
  line-height: 10px;
192
  background-color: transparent;
193
  text-align: center;
194
}
195

    
196
li .taxon {
197
}
198

    
199
/*
200
 * ======= Taxon Page =======
201
 */
202
.page-part {
203
  clear: both;
204
}
205

    
206
.language-label {
207
    font-weight: bold;
208
}
209

    
210
/* Distribution */
211
.condensed_distribution .status_n, /* native */
212
.condensed_distribution .status_ne /* native: formerly native */
213
{
214
    font-weight: bold;
215
}
216

    
217
.distributionStatus {
218
    display: none;
219
}
220

    
221
#distribution_hierarchy .level_index_0 .area_label{
222
    font-weight: bold;
223
}
224

    
225
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
226
    font-weight: normal;
227
}
228

    
229
.nested-feature-tree-feature-label {
230
    font-style: italic;
231
}
232

    
233
/*
234
 * ======= synonymy =======
235
 */
236

    
237
#synonymy ul {
238
    margin: 0;
239
}
240

    
241
#synonymy ul.heterotypicSynonymyGroup,
242
#synonymy ul.homotypicSynonymyGroup,
243
#synonymy ul.homotypicSynonyms,
244
#synonymy ul.taxonRelationships,
245
#synonymy ul.misapplied {
246
  margin-bottom: 0.5em;
247
}
248

    
249
#synonymy ul li {
250
  padding-bottom: 0px;
251
  padding-top: 0px;
252
  margin-bottom: 0px;
253
  margin-top: 0px;
254
}
255

    
256
.heterotypicSynonymyGroup li {
257
  margin-left: 26px;
258
}
259
.homotypic-synonymy-group,
260
.heterotypic-synonymy-group,
261
.taxon-relationships {
262
   border-bottom: 1px solid #dedede;
263
   padding: 1em 0;
264
}
265

    
266
/* footnotes in synonymy */
267
#synonymy ul.foototes {
268
  margin: 0;
269
}
270

    
271
.heterotypicSynonymyGroup li.footnotes,
272
.homotypicSynonymyGroup li.footnotes,
273
.homotypicSynonyms li.footnotes,
274
.misapplied li.footnotes,
275
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
276
.block-cdm-dataportal-feature .content li.cdm\:TextData,
277
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
278
  margin-top: 10px;
279
  margin-left: 6px;
280
  padding-left: 6px;
281
  list-style: none;
282
  list-style-image: none;
283
  background-image: none;
284
}
285

    
286

    
287
#synonymy li.footnotes {
288
  list-style: none;
289
  list-style-image: none;
290
  background-image: none;
291
}
292

    
293
ul.typeDesignations {
294
  margin-top: 0px;
295
  margin-bottom: 0px;
296
  margin-left: -1em; /* Same as .relation_sign. */
297
}
298
ul.typeDesignations li {
299
  background-image: none;
300
  list-style-type: none;
301
  list-style-image: none;
302
}
303

    
304
.form-item fieldset {
305
  font-size: 80%;
306
  margin-top: -3px;
307
  margin-left: 25px;
308
}
309
.form-item fieldset .featuretree_structure {
310
  height: 13em;
311
  overflow: auto;
312
}
313

    
314
.misapplied .name {
315
  /* font-style: normal; */
316
}
317
.misapplied .authors {
318
  display: none;
319
}
320
#edit-search-domisappliednames {
321
  vertical-align:baseline;
322
}
323

    
324
img.preview {
325
  margin: 5px 30px;
326
}
327

    
328
ul li.synonym {
329
  list-style-type: none;
330
  background-image: none;
331
}
332

    
333
li.firstentry {
334
  margin-left: 6px;
335
}
336

    
337
ul.cdm_names, ul.cdm_names li{
338
  background-image: none;
339
  list-style-type: none;
340
  list-style-image: none;
341
}
342

    
343
.dynabox .label:hover {
344
  color: #0174bb;
345
}
346

    
347
ul.cdm_names .dynabox_content {
348
  margin-top:-1em;
349
}
350

    
351
.tickbox_content {
352
  display: none;
353
}
354

    
355
.pager strong,
356
.pager a {
357
  -moz-border-radius-bottomleft: 2px;
358
  -moz-border-radius-bottomright: 2px;
359
  -moz-border-radius-topleft: 2px;
360
  -moz-border-radius-topright: 2px;
361
  background-color: #dfedf7;
362
  border: 1px solid #90c2e1;
363
  margin: 0px 0.25em;
364
  padding: 2px 5px;
365
}
366
.pager strong {
367
  background-color:#0174BB;
368
  color:#FFFFFF;
369
}
370
.pager-list-dots-right,
371
.pager-list-dots-left {
372
  display: inline;
373
}
374

    
375
a.filter_add:link,
376
a.filter_add:visited {
377
}
378

    
379
a.filter_remove:link,
380
a.filter_remove:visited {
381
  color: red;
382
}
383

    
384
a.synonym:LINK, a.synonym:VISITED,
385
.Synonym a:LINK, .Synonym a:VISITED,
386
.misapplied-name a:LINK,
387
.misapplied-name a:VISITED {
388
  color: #7c7c7f;
389
}
390

    
391
/* Synonyms with more than one accepted taxa. */
392
a.label:link,
393
a.label:visited {
394
  color: #7c7c7f;
395
}
396

    
397
.block-cdm-taxontree .content,
398
.block-cdm-dataportal-3 .content {
399
  font-size: 90%;
400
}
401
.content dt {
402
  float: left;
403
  font-weight: bold;
404
  margin-right: 0.3em;
405
}
406
.content dd {
407
  margin-left: 0;
408
  font-weight: normal;
409
}
410

    
411
.block-cdm-taxontree div.settings {
412
  /* background-color: #2587c3; */
413
  border-bottom: 1px solid #e0dfe3;
414
  border-top: 1px solid #e0dfe3;
415
}
416

    
417
.concept_switch {
418
  padding:0 0.2em;
419
}
420

    
421
.descriptionText,
422
.descriptionReference {
423
  vertical-align: top;
424
}
425

    
426
.annotation_box {
427
  display: none;
428
  background: #ffffcc;
429
  border: 1px solid #ffcc66;
430
  font-size: 9pt;
431
  padding: 5px
432
}
433
.annotation_box ul,
434
.annotation_box li {
435
  list-style-type: none;
436
  line-height: 11pt;
437
  padding: 0;
438
  margin: 0;
439
}
440

    
441
.annotation_box li {
442
  padding-left: 15px;
443
}
444

    
445
.annotation_create {
446
  margin-top: 20px;
447
  text-align: right;
448
}
449

    
450
.annotation_create textarea {
451
  width: 100%;
452
}
453

    
454
.annotation_create form {
455
  margin-bottom: 0;
456
}
457

    
458
/*
459
 * ==== Maps ====
460
 */
461

    
462
#openlayers_container {
463
  position: relative;
464
  z-index: 1;
465
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
466
  width: 100%;
467
}
468

    
469
#cdm-settings-geo #openlayers_container {
470
    max-width: 50em; /* avoid too big maps in the settings */
471

    
472
}
473

    
474
#openlayers_map {
475
  width: 100%;
476
  height: 200px;
477
  border: 1px solid;
478
}
479
.openlayers_legend {
480
    background-color: white;
481
    filter:alpha(opacity=75); /* IE's opacity. */
482
    opacity: 0.75;
483
}
484

    
485
.distribution_map_caption {
486
    font-size: 90%;
487
    font-style: italic;
488
    margin-bottom: 0.75em;
489
}
490

    
491

    
492
.distribution_map {
493
  border: 1px solid #ddd;
494
  background-color: #fff;
495
}
496

    
497
/*
498
 * ======= Media =======
499
 */
500
.media .viewer {
501
  margin-top: 20px;
502
}
503

    
504
/*
505
WA: Important, otherwise the media viewer will be displayed over the
506
Drupal Admin Overlay when this is used.
507

    
508
AK: this is not working since 'position: absolute;' will cause the content container
509
to be not extended to the side of
510
the image viewer
511
*/
512
div.cdm_media_viewer_image {
513
  /* position: absolute; */
514
  z-index: 1;
515
}
516

    
517
.media ul.primary li a,
518
.media ul.primary li.active a,
519
.media ul.primary li a:hover,
520
.media ul.primary li a:visited,
521
.media ul.secondary li a,
522
.media ul.secondary li.active a,
523
.media ul.secondary li a:hover,
524
.media ul.secondary li a:visited {
525
  margin-left : 0px;
526
}
527

    
528
.media ul.primary li a.active {
529
  font-weight: bold;
530
}
531

    
532
.media_thumbnails {
533
  margin-top: 0px;
534
  margin-left: 0.3em;
535
}
536

    
537
.media_gallery tbody {
538
  border: 0px none;
539
}
540

    
541
.media_gallery td.caption {
542
  vertical-align: top;
543
}
544

    
545
.media-caption {
546
  margin-left: 0;
547
}
548

    
549
.media-caption dt.title {
550
  display: none;
551
}
552

    
553
.image-passe-partout{
554
  border: 0px none;
555
  background-color: #eee;
556
}
557

    
558
.image_viewer {
559
  border: 1px solid;
560
  background-color: #eee;
561
}
562

    
563
/*
564
 * ======= Reference Page =======
565
 */
566

    
567
table.cdm\:Reference {
568
    width: 100%;
569
}
570

    
571
/*
572
 * ======= specific blocks =======
573
 */
574

    
575
#print_button {
576
  cursor: pointer;
577
}
578
#print_button span {
579
  color: #027AC6;
580
  margin-left: 0.3em; /* Spacing between image and text. */
581
}
582
#print_button span:hover {
583
  color: #0062A0;
584
  text-decoration: underline;
585
}
586

    
587
#classification-breadcrumbs .taxonomic_children .children {
588
    padding-right: 1em;
589
    background: inherit;
590
    white-space: nowrap;
591
}
592

    
593
#classification-breadcrumbs .taxonomic-children-button i {
594
    cursor: pointer;
595
}
596

    
597
#classification-breadcrumbs .taxonomic-children-button i:hover {
598
    color: #8a918e;
599
}
600

    
601
#classification-breadcrumbs .taxonomic_children ul.taxon-nodes{
602
    background: inherit;
603
    margin: 0;
604
    padding: 0;
605
}
606

    
607
#classification-breadcrumbs .taxonomic_children ul.taxon-nodes  li {
608
    display: list-item;
609
}
610

    
611
.messages .cdm\:Taxon { /* taxa in warning box */
612
    font-weight: bold;
613
}
614

    
615
/*
616
 * ======= footnotes and annotations =======
617
 */
618

    
619
.footnotes {
620
    margin-top: 0.5em;
621
    display: block;
622
}
623

    
624
.annotations, .footnote{
625
  font-size: 88%;
626
}
627

    
628
.footnote-key {
629
  vertical-align: super;
630
  font-size: 80%;
631
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
632
  font-style: italic;
633
}
634
.footnote-anchor {
635
  font-weight: bold;
636
}
637

    
638
/*
639
 * Feature tree
640
 */
641

    
642
.featuretree_structure {
643
   font-size: 90%;
644
   line-height: 1em;
645
   color: #999;
646
}
647
/* For compatibility with d5 themes. */
648
.block-cdm-dataportal-feature {
649
  clear: both;
650
}
651

    
652
#block-cdm-dataportal-feature-bibliography .footnote {
653
    font-size: 100%; /* reset fontsize */
654
}
655

    
656
#useRecords th {
657
  font-weight: normal;
658
}
659

    
660
/* for compatibility with d5 themes */
661
.block-cdm-dataportal-feature ul {
662
  margin: 0;
663
  padding: 0 0 0.25em 1em;
664
}
665

    
666
/**
667
 * ======= Settings forms =======
668
 */
669

    
670
/* Do not display the descriptions indented in the setup forms, D5 style. */
671
#cdm-settings-general .form-type-radio .description,
672
#cdm-settings-general .form-type-checkbox .description,
673
#cdm-settings-geo .form-type-radio .description,
674
#cdm-settings-geo .form-type-checkbox .description,
675
#cdm-settings-layout .form-type-radio .description,
676
#cdm-settings-layout .form-type-checkbox .description,
677
#cdm-settings-layout-taxon .form-type-radio .description,
678
#cdm-settings-layout-taxon .form-type-checkbox .description,
679
#cdm-settings-layout-search .form-type-radio .description,
680
#cdm-settings-layout-search .form-type-checkbox .description,
681
#cdm-settings-layout-media .form-type-radio .description,
682
#cdm-settings-layout-media .form-type-checkbox .description,
683
#cdm-settings-cache .form-type-radio .description,
684
#cdm-settings-cache .form-type-checkbox .description,
685
#cdm-settings-layout-media .form-type-radio .description,
686
#cdm-settings-layout-media .form-type-checkbox .description,
687
#ext-links-admin .form-type-radio .description,
688
#ext-links-admin .form-type-checkbox .description,
689
#cdm-mediauri-rule-add .form-type-radio .description,
690
#cdm-mediauri-rule-add .form-type-checkbox .description {
691
  margin-left: 0;
692
}
693
/* Align checkboxes and radios as D5 style. */
694
#cdm-settings-general input.form-checkbox, input.form-radio,
695
#cdm-settings-geo input.form-checkbox, input.form-radio,
696
#cdm-settings-layout input.form-checkbox, input.form-radio,
697
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
698
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
699
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
700
#cdm-settings-cache input.form-checkbox, input.form-radio,
701
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
702
#ext-links-admin input.form-checkbox, input.form-radio,
703
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
704
  vertical-align: baseline;
705
}
706

    
707
/* Custom style for the more-help links on the cdm settings pages. */
708
.cdm-dataportal-settings-more-help-link {
709
  font-size: 0.85em;
710
}
711
.cdm-dataportal-settings-more-help-link a {
712
  background-image: none;
713
  padding: 0;
714
}
715
#block-system-help .content {
716
  margin: 0;
717
}
718

    
719
#cdm-settings-geo .map_info{
720
    font-size: 95%;
721
    font-family: monospace;
722
}
723

    
724
#cdm-settings-geo .map-extent-bbox .degree-value {
725
    color: forestgreen;
726
}
727

    
728
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
729
    color: royalblue;
730
}
731

    
732
.fieldset-float {
733
    float: left;
734
}
735

    
736
/*
737
 * ======= specimens =======
738
 */
739
#specimens table.specimens {
740
    width: 100%;
741
}
742

    
743
#specimens .description_list h4 {
744
  clear: left;
745
    margin-bottom: 0;
746
    font-style: italic;
747
}
748

    
749
#specimens  .block-cdm-dataportal-feature h2 {
750
  font-size: 11px;
751
    font-weight: bold;
752
}
753

    
754
#specimens ul.footnotes {
755
    padding: 0;
756
}
757

    
758
#specimens .dna-sequence div {
759
    font-family: monospace;
760
}
761

    
762
#derivate_hierarchy_table {
763
    width: 100%;
764
}
765

    
766
#derivate_hierarchy_table th{
767
    text-align: center;
768
    padding-left: 3px;
769
    padding-right: 3px;
770
}
771

    
772
#derivate_hierarchy_table td{
773
    vertical-align: middle;
774
}
775
#derivate_hierarchy_table td.summary_row_cell {
776
}
777
#derivate_hierarchy_table td.summary_row_icon {
778
    text-align: center;
779
}
780
#derivate_hierarchy_table .expand_column {
781
    border-right: hidden;
782
    width: 18px;
783
}
784

    
785
.specimen_table_label{
786
    font-weight: bold;
787
}
788

    
789

    
790
/*
791
 * ======= Identification keys =======
792
 */
793

    
794
#identificationKey .sources span {
795
  display: block;
796
}
797

    
798
.polytomousKey_linkedStyle td {
799
  vertical-align: top;
800
  padding-top: 0;
801
}
802
.polytomousKey_linkedStyle tr.new_section td {
803
  padding-top: 1em;
804
}
805
.polytomousKey_linkedStyle tr:hover {
806
  background-color: #eee;
807
}
808
.polytomousKey_linkedStyle .nodeLink {
809
  float: right;
810
  text-align: right;
811
  padding-left: 2em;
812
}
813
.polytomousKey_linkedStyle td.edge-indent {
814
  padding-left: 2em;
815
}
816

    
817
/*
818
 * ======= Experts =======
819
 */
820

    
821
#experts table {
822
    width: 100%;
823
}
824

    
825
#experts table td, #experts table th {
826
    text-align: left;
827
    padding: 0px 1em;
828
}
829

    
830
#experts .managed_taxa {
831
    margin-left: 2em;
832
    max-height: 20em;
833
    overflow: auto;
834
}
835

    
836
#experts .managed_taxa .cdm\:Taxon {
837
    display: block;
838
}
839

    
840
/*
841
 * Overriding default style from drupal?
842
 * This prohibits select elements from overflowing the parent container
843
 */
844
select {
845
  max-width: 100%;
846
}
(6-6/16)