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
.appended-phrase,
92
.doubtful {
93
  font-style: normal;
94
}
95

    
96
.focused {
97
    font-weight: bold;
98
}
99

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

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

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

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

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

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

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

    
139

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

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

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

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

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

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

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

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

    
201
li .taxon {
202
}
203

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

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

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

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

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

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

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

    
238
/*
239
 * ======= synonymy =======
240
 */
241

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

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

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

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

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

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

    
291

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
463
/*
464
 * ==== Maps ====
465
 */
466

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

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

    
477
}
478

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

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

    
496

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
616

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

    
628

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

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

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

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

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

    
656
/*
657
 * Feature tree
658
 */
659

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
807

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

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

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

    
835
/*
836
 * ======= Experts =======
837
 */
838

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

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

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

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

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