Project

General

Profile

Download (15.9 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
.focused {
96
    font-weight: bold;
97
}
98

    
99
.relation_sign {
100
  margin-left: -1em; /* Same as ul.typeDesignations. */
101
  margin-right: 0.3em;
102
  float: left;
103
  font-family: Arial, sans-serif;
104
}
105

    
106
.highlite {
107
  background-color: yellow;
108
}
109

    
110
ul.primary img.refresh {
111
  height: 14px;
112
  width: 14px;
113
}
114

    
115
/* this is used to highlite the first element in the classification chooser */
116
select.highlite-first-child option:first-child {
117
  font-weight: bold;
118
}
119

    
120
.render-path {
121
    color: white;
122
    border: 2px solid #ff2300;
123
    background-color: #ff2300;
124
}
125

    
126
.box-shadow-rb-5-0 {
127
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
128
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
129
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
130
}
131

    
132
.box-shadow-b-5-1 {
133
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
134
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
135
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
136
}
137

    
138

    
139
.box-shadow-border {
140
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
141
    border-width: 1px;
142
    border-style: solid;
143
}
144

    
145
/*
146
 * ======= Search-Form =======
147
 */
148

    
149
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
150
  max-height: 10em;
151
  overflow: auto;
152
}
153

    
154
#edit-search-areas .parent {
155
  /* faints the parent areas in the area selection */
156
  color: #999;
157
    font-size: 90%;
158
    padding-right: 2em;
159
}
160

    
161
.selected-item-label{
162
    float: left;
163
    margin: 0.25em 0.3em;
164
    padding: 0 0.3em;
165
    background-color: #eeeeee;
166
}
167

    
168
/*
169
 * ======= Search-Results =======
170
 */
171
#block-cdm-dataportal-2 .description {
172
  display: none;
173
}
174

    
175
.fragment_highlight {
176
  font-size: 90%;
177
  margin-top: 0.3em;
178
}
179

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

    
200
li .taxon {
201
}
202

    
203
/*
204
 * ======= Taxon Page =======
205
 */
206
.page-part {
207
  clear: both;
208
}
209

    
210
.language-label {
211
    font-weight: bold;
212
}
213

    
214
/* Distribution */
215
.condensed_distribution .status_n, /* native */
216
.condensed_distribution .status_ne /* native: formerly native */
217
{
218
    font-weight: bold;
219
}
220

    
221
.distributionStatus {
222
    display: none;
223
}
224

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

    
229
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
230
    font-weight: normal;
231
}
232

    
233
.nested-feature-tree-feature-label {
234
    font-style: italic;
235
}
236

    
237
/*
238
 * ======= synonymy =======
239
 */
240

    
241
#synonymy ul {
242
    margin: 0;
243
}
244

    
245
#synonymy ul.heterotypicSynonymyGroup,
246
#synonymy ul.homotypicSynonymyGroup,
247
#synonymy ul.homotypicSynonyms,
248
#synonymy ul.taxonRelationships,
249
#synonymy ul.misapplied {
250
  margin-bottom: 0.5em;
251
}
252

    
253
#synonymy ul li {
254
  padding-bottom: 0px;
255
  padding-top: 0px;
256
  margin-bottom: 0px;
257
  margin-top: 0px;
258
}
259

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

    
270
/* footnotes in synonymy */
271
#synonymy ul.foototes {
272
  margin: 0;
273
}
274

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

    
290

    
291
#synonymy li.footnotes {
292
  list-style: none;
293
  list-style-image: none;
294
  background-image: none;
295
}
296

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

    
308
.form-item fieldset {
309
  font-size: 80%;
310
  margin-top: -3px;
311
  margin-left: 25px;
312
}
313
.form-item fieldset .featuretree_structure {
314
  height: 13em;
315
  overflow: auto;
316
}
317

    
318
.misapplied .name {
319
  /* font-style: normal; */
320
}
321
.misapplied .authors {
322
  display: none;
323
}
324
#edit-search-domisappliednames {
325
  vertical-align:baseline;
326
}
327

    
328
img.preview {
329
  margin: 5px 30px;
330
}
331

    
332
ul li.synonym {
333
  list-style-type: none;
334
  background-image: none;
335
}
336

    
337
li.firstentry {
338
  margin-left: 6px;
339
}
340

    
341
ul.cdm_names, ul.cdm_names li{
342
  background-image: none;
343
  list-style-type: none;
344
  list-style-image: none;
345
}
346

    
347
.dynabox .label:hover {
348
  color: #0174bb;
349
}
350

    
351
ul.cdm_names .dynabox_content {
352
  margin-top:-1em;
353
}
354

    
355
.tickbox_content {
356
  display: none;
357
}
358

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

    
379
a.filter_add:link,
380
a.filter_add:visited {
381
}
382

    
383
a.filter_remove:link,
384
a.filter_remove:visited {
385
  color: red;
386
}
387

    
388
a.synonym:LINK, a.synonym:VISITED,
389
.Synonym a:LINK, .Synonym a:VISITED,
390
.misapplied-name a:LINK,
391
.misapplied-name a:VISITED {
392
  color: #7c7c7f;
393
}
394

    
395
/* Synonyms with more than one accepted taxa. */
396
a.label:link,
397
a.label:visited {
398
  color: #7c7c7f;
399
}
400

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

    
415
.block-cdm-taxontree div.settings {
416
  /* background-color: #2587c3; */
417
  border-bottom: 1px solid #e0dfe3;
418
  border-top: 1px solid #e0dfe3;
419
}
420

    
421
.concept_switch {
422
  padding:0 0.2em;
423
}
424

    
425
.descriptionText,
426
.descriptionReference {
427
  vertical-align: top;
428
}
429

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

    
445
.annotation_box li {
446
  padding-left: 15px;
447
}
448

    
449
.annotation_create {
450
  margin-top: 20px;
451
  text-align: right;
452
}
453

    
454
.annotation_create textarea {
455
  width: 100%;
456
}
457

    
458
.annotation_create form {
459
  margin-bottom: 0;
460
}
461

    
462
/*
463
 * ==== Maps ====
464
 */
465

    
466
#openlayers_container {
467
  position: relative;
468
  z-index: 1;
469
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
470
  width: 100%;
471
}
472

    
473
#cdm-settings-geo #openlayers_container {
474
    max-width: 50em; /* avoid too big maps in the settings */
475

    
476
}
477

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

    
489
.distribution_map_caption {
490
    font-size: 90%;
491
    font-style: italic;
492
    margin-bottom: 0.75em;
493
}
494

    
495

    
496
.distribution_map {
497
  border: 1px solid #ddd;
498
  background-color: #fff;
499
}
500

    
501
/*
502
 * ======= Media =======
503
 */
504
.media .viewer {
505
  margin-top: 20px;
506
}
507

    
508
/*
509
WA: Important, otherwise the media viewer will be displayed over the
510
Drupal Admin Overlay when this is used.
511

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

    
521
.media ul.primary li a,
522
.media ul.primary li.active a,
523
.media ul.primary li a:hover,
524
.media ul.primary li a:visited,
525
.media ul.secondary li a,
526
.media ul.secondary li.active a,
527
.media ul.secondary li a:hover,
528
.media ul.secondary li a:visited {
529
  margin-left : 0px;
530
}
531

    
532
.media ul.primary li a.active {
533
  font-weight: bold;
534
}
535

    
536
.media_thumbnails {
537
  margin-top: 0px;
538
  margin-left: 0.3em;
539
}
540

    
541
.media_gallery tbody {
542
  border: 0px none;
543
}
544

    
545
.media_gallery td.caption {
546
  vertical-align: top;
547
}
548

    
549
.media-caption {
550
  margin-left: 0;
551
}
552

    
553
.media-caption dt.title {
554
  display: none;
555
}
556

    
557
.image-passe-partout{
558
  border: 0px none;
559
  background-color: #eee;
560
}
561

    
562
.image_viewer {
563
  border: 1px solid;
564
  background-color: #eee;
565
}
566

    
567
/*
568
 * ======= Reference Page =======
569
 */
570

    
571
table.cdm\:Reference {
572
    width: 100%;
573
}
574

    
575
/*
576
 * ======= specific blocks =======
577
 */
578

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

    
591
#classification-breadcrumbs .children ul{
592
    background: inherit;
593
    margin: 0;
594
    padding: 0;
595
}
596

    
597
#classification-breadcrumbs .children li {
598
    display: list-item;
599
}
600

    
601
#classification-breadcrumbs .taxonomic_children .children {
602
    padding-right: 1em;
603
    background: inherit;
604
    white-space: nowrap;
605
}
606

    
607
#classification-breadcrumbs .taxonomic-children-button i {
608
    cursor: pointer;
609
}
610

    
611
#classification-breadcrumbs .taxonomic-children-button i:hover {
612
    color: #8a918e;
613
}
614

    
615

    
616
#block-cdm-dataportal-taxonomic-children  .content {
617
    max-height: 20em;
618
    -moz-column-count: 3;
619
    -webkit-column-count: 3;
620
    column-count: 3;
621
    overflow: auto;
622
}
623
#block-cdm-dataportal-taxonomic-children li {
624
    background: none;
625
}
626

    
627

    
628
.messages .cdm\:Taxon { /* taxa in warning box */
629
    font-weight: bold;
630
}
631

    
632
/*
633
 * ======= footnotes and annotations =======
634
 */
635

    
636
.footnotes {
637
    margin-top: 0.5em;
638
    display: block;
639
}
640

    
641
.annotations, .footnote{
642
  font-size: 88%;
643
}
644

    
645
.footnote-key {
646
  vertical-align: super;
647
  font-size: 80%;
648
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
649
  font-style: italic;
650
}
651
.footnote-anchor {
652
  font-weight: bold;
653
}
654

    
655
/*
656
 * Feature tree
657
 */
658

    
659
.featuretree_structure {
660
   font-size: 90%;
661
   line-height: 1em;
662
   color: #999;
663
}
664
/* For compatibility with d5 themes. */
665
.block-cdm-dataportal-feature {
666
  clear: both;
667
}
668

    
669
#block-cdm-dataportal-feature-bibliography .footnote {
670
    font-size: 100%; /* reset fontsize */
671
}
672

    
673
#useRecords th {
674
  font-weight: normal;
675
}
676

    
677
/* for compatibility with d5 themes */
678
.block-cdm-dataportal-feature ul {
679
  margin: 0;
680
  padding: 0 0 0.25em 1em;
681
}
682

    
683
/**
684
 * ======= Settings forms =======
685
 */
686

    
687
/* Do not display the descriptions indented in the setup forms, D5 style. */
688
#cdm-settings-general .form-type-radio .description,
689
#cdm-settings-general .form-type-checkbox .description,
690
#cdm-settings-geo .form-type-radio .description,
691
#cdm-settings-geo .form-type-checkbox .description,
692
#cdm-settings-layout .form-type-radio .description,
693
#cdm-settings-layout .form-type-checkbox .description,
694
#cdm-settings-layout-taxon .form-type-radio .description,
695
#cdm-settings-layout-taxon .form-type-checkbox .description,
696
#cdm-settings-layout-search .form-type-radio .description,
697
#cdm-settings-layout-search .form-type-checkbox .description,
698
#cdm-settings-layout-media .form-type-radio .description,
699
#cdm-settings-layout-media .form-type-checkbox .description,
700
#cdm-settings-cache .form-type-radio .description,
701
#cdm-settings-cache .form-type-checkbox .description,
702
#cdm-settings-layout-media .form-type-radio .description,
703
#cdm-settings-layout-media .form-type-checkbox .description,
704
#ext-links-admin .form-type-radio .description,
705
#ext-links-admin .form-type-checkbox .description,
706
#cdm-mediauri-rule-add .form-type-radio .description,
707
#cdm-mediauri-rule-add .form-type-checkbox .description {
708
  margin-left: 0;
709
}
710
/* Align checkboxes and radios as D5 style. */
711
#cdm-settings-general input.form-checkbox, input.form-radio,
712
#cdm-settings-geo input.form-checkbox, input.form-radio,
713
#cdm-settings-layout input.form-checkbox, input.form-radio,
714
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
715
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
716
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
717
#cdm-settings-cache input.form-checkbox, input.form-radio,
718
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
719
#ext-links-admin input.form-checkbox, input.form-radio,
720
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
721
  vertical-align: baseline;
722
}
723

    
724
/* Custom style for the more-help links on the cdm settings pages. */
725
.cdm-dataportal-settings-more-help-link {
726
  font-size: 0.85em;
727
}
728
.cdm-dataportal-settings-more-help-link a {
729
  background-image: none;
730
  padding: 0;
731
}
732
#block-system-help .content {
733
  margin: 0;
734
}
735

    
736
#cdm-settings-geo .map_info{
737
    font-size: 95%;
738
    font-family: monospace;
739
}
740

    
741
#cdm-settings-geo .map-extent-bbox .degree-value {
742
    color: forestgreen;
743
}
744

    
745
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
746
    color: royalblue;
747
}
748

    
749
.fieldset-float {
750
    float: left;
751
}
752

    
753
/*
754
 * ======= specimens =======
755
 */
756
#specimens table.specimens {
757
    width: 100%;
758
}
759

    
760
#specimens .description_list h4 {
761
  clear: left;
762
    margin-bottom: 0;
763
    font-style: italic;
764
}
765

    
766
#specimens  .block-cdm-dataportal-feature h2 {
767
  font-size: 11px;
768
    font-weight: bold;
769
}
770

    
771
#specimens ul.footnotes {
772
    padding: 0;
773
}
774

    
775
#specimens .dna-sequence div {
776
    font-family: monospace;
777
}
778

    
779
#derivate_hierarchy_table {
780
    width: 100%;
781
}
782

    
783
#derivate_hierarchy_table th{
784
    text-align: center;
785
    padding-left: 3px;
786
    padding-right: 3px;
787
}
788

    
789
#derivate_hierarchy_table td{
790
    vertical-align: middle;
791
}
792
#derivate_hierarchy_table td.summary_row_cell {
793
}
794
#derivate_hierarchy_table td.summary_row_icon {
795
    text-align: center;
796
}
797
#derivate_hierarchy_table .expand_column {
798
    border-right: hidden;
799
    width: 18px;
800
}
801

    
802
.specimen_table_label{
803
    font-weight: bold;
804
}
805

    
806

    
807
/*
808
 * ======= Identification keys =======
809
 */
810

    
811
#identificationKey .sources span {
812
  display: block;
813
}
814

    
815
.polytomousKey_linkedStyle td {
816
  vertical-align: top;
817
  padding-top: 0;
818
}
819
.polytomousKey_linkedStyle tr.new_section td {
820
  padding-top: 1em;
821
}
822
.polytomousKey_linkedStyle tr:hover {
823
  background-color: #eee;
824
}
825
.polytomousKey_linkedStyle .nodeLink {
826
  float: right;
827
  text-align: right;
828
  padding-left: 2em;
829
}
830
.polytomousKey_linkedStyle td.edge-indent {
831
  padding-left: 2em;
832
}
833

    
834
/*
835
 * ======= Experts =======
836
 */
837

    
838
#experts table {
839
    width: 100%;
840
}
841

    
842
#experts table td, #experts table th {
843
    text-align: left;
844
    padding: 0px 1em;
845
}
846

    
847
#experts .managed_taxa {
848
    margin-left: 2em;
849
    max-height: 20em;
850
    overflow: auto;
851
}
852

    
853
#experts .managed_taxa .cdm\:Taxon {
854
    display: block;
855
}
856

    
857
/*
858
 * Overriding default style from drupal?
859
 * This prohibits select elements from overflowing the parent container
860
 */
861
select {
862
  max-width: 100%;
863
}
(6-6/16)