Project

General

Profile

Download (16.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
#block-cdm-dataportal-back-to-search-results {
36
  float: right;
37
}
38

    
39
#cdm-ws-debug-table {
40
  width: 100%;
41
}
42

    
43
#cdm-ws-debug-table code {
44
  font-weight: normal;
45
}
46

    
47
#cdm-ws-debug-table td.data_links a {
48
  color: #999;
49
}
50
#cdm-ws-debug-table tr.valid td.data_links a {
51
  color: #1bdf00;
52
}
53
#cdm-ws-debug-table tr.invalid td.data_links a {
54
  color: #f3000a;
55
}
56
#cdm-ws-debug-table tr.cacheL1, #cdm-ws-debug-table tr.cacheL2 {
57
  color: #999;
58
}
59
#cdm-ws-debug-table .ws_uri {
60
  width: 50%;
61
}
62

    
63
/*
64
 * when nesting description lists the inner dl should
65
 * not have a margin at top and bottom, but should be
66
 * indented
67
 * Used in occurence details.
68
 */
69
dl  {
70
    margin: 0 0 0 2em;
71
}
72
dd.sublist-container div {
73
    /* background-color: #ebffff; */
74
    border: #444444 1px dotted;
75
    clear:both;
76
    color: #444444;
77
    margin-left: 2em;
78
}
79
/* sublist-containers are currently only used for taxonomic experts */
80
dd.sublist-container div dl , dd.sublist-container div h3 {
81
    margin: 0px 0px 0px 0px;
82
    padding-left: 0.4em;
83
}
84

    
85
#block-system-main div.content {
86
  /* margin: 0 0 0.3em 0; */
87
}
88

    
89
.name {
90
  font-style: italic;
91
}
92

    
93
.rank,
94
.authors,
95
.appended-phrase,
96
.doubtful {
97
  font-style: normal;
98
}
99

    
100
.focused {
101
    font-weight: bold;
102
}
103

    
104
.relation_sign {
105
  margin-left: -1em; /* Same as ul.typeDesignations. */
106
  margin-right: 0.3em;
107
  float: left;
108
  font-family: Arial, sans-serif;
109
}
110

    
111
.highlite {
112
  background-color: yellow;
113
}
114

    
115
ul.primary img.refresh {
116
  height: 14px;
117
  width: 14px;
118
}
119

    
120
/* this is used to highlite the first element in the classification chooser */
121
select.highlite-first-child option:first-child {
122
  font-weight: bold;
123
}
124

    
125
.render-path {
126
    color: white;
127
    border: 2px solid #ff2300;
128
    background-color: #ff2300;
129
}
130

    
131
.box-shadow-rb-5-0 {
132
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
133
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
134
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
135
}
136

    
137
.box-shadow-b-5-1 {
138
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
139
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
140
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
141
}
142

    
143

    
144
.box-shadow-border {
145
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
146
    border-width: 1px;
147
    border-style: solid;
148
}
149

    
150
/*
151
 * ======= Search-Form =======
152
 */
153

    
154
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
155
  height: 100%;
156
  overflow: auto;
157
}
158

    
159
.resizable-container {
160
    /* fixed height
161
    height: 15em;  */
162
}
163

    
164
.resizable-box {
165
    /* resizable with initial height */
166
    height: 20em;
167
    min-height: 5em;
168
}
169

    
170
.resizable-container .ui-resizable-s {
171
    /* stolen from system.base.css .resizable-textarea .grippie */
172
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
173
    border: 1px solid #ddd;
174
    border-top-width: 0;
175
    cursor: s-resize;
176
    height: 9px;
177
    overflow: hidden;
178
    /* override position: absolute from .ui-resizable-handle */
179
    position: relative;
180
}
181

    
182
#edit-search-areas .parent {
183
  /* faints the parent areas in the area selection */
184
  color: #999;
185
    font-size: 90%;
186
    padding-right: 2em;
187
}
188

    
189
.selected-item-label{
190
    float: left;
191
    margin: 0.25em 0.3em;
192
    padding: 0 0.3em;
193
    background-color: #eeeeee;
194
}
195

    
196
/*
197
 * ======= Search-Results =======
198
 */
199
#block-cdm-dataportal-2 .description {
200
  display: none;
201
}
202

    
203
.fragment_highlight {
204
  font-size: 90%;
205
  margin-top: 0.3em;
206
}
207

    
208
.score-bar {
209
  width: 50px;
210
  height: 10px;
211
  border: 1px solid #dedede;
212
  background-color: #f3f3f3;
213
}
214
.score-bar .score-bar-indicator {
215
  background-color: #acd575;
216
  height: 10px;
217
}
218
.score-bar-value {
219
  width: 50px;
220
  height: 10px;
221
  margin-top: -11px; /* 10px plus 1px border. */
222
  font-size: 8px;
223
  line-height: 10px;
224
  background-color: transparent;
225
  text-align: center;
226
}
227

    
228
li .taxon {
229
}
230

    
231
/*
232
 * ======= Taxon Page =======
233
 */
234
.page-part {
235
  clear: both;
236
}
237

    
238
.language-label {
239
    font-weight: bold;
240
}
241

    
242
/* Distribution */
243
.condensed_distribution .status_n, /* native */
244
.condensed_distribution .status_ne /* native: formerly native */
245
{
246
    font-weight: bold;
247
}
248

    
249
.distributionStatus {
250
    display: none;
251
}
252

    
253
#distribution_hierarchy .level_index_0 .area_label{
254
    font-weight: bold;
255
}
256

    
257
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
258
    font-weight: normal;
259
}
260

    
261
.nested-feature-tree-feature-label {
262
    font-style: italic;
263
}
264

    
265
/*
266
 * ======= synonymy =======
267
 */
268

    
269
#synonymy ul {
270
    margin: 0;
271
}
272

    
273
#synonymy ul.heterotypicSynonymyGroup,
274
#synonymy ul.homotypicSynonymyGroup,
275
#synonymy ul.homotypicSynonyms,
276
#synonymy ul.taxonRelationships,
277
#synonymy ul.misapplied {
278
  margin-bottom: 0.5em;
279
}
280

    
281
#synonymy ul li {
282
  padding-bottom: 0px;
283
  padding-top: 0px;
284
  margin-bottom: 0px;
285
  margin-top: 0px;
286
}
287

    
288
.heterotypicSynonymyGroup li {
289
  margin-left: 26px;
290
}
291
.homotypic-synonymy-group,
292
.heterotypic-synonymy-group,
293
.taxon-relationships {
294
   border-bottom: 1px solid #dedede;
295
   padding: 1em 0;
296
}
297

    
298
/* footnotes in synonymy */
299
#synonymy ul.foototes {
300
  margin: 0;
301
}
302

    
303
.heterotypicSynonymyGroup li.footnotes,
304
.homotypicSynonymyGroup li.footnotes,
305
.homotypicSynonyms li.footnotes,
306
.misapplied li.footnotes,
307
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
308
.block-cdm-dataportal-feature .content li.cdm\:TextData,
309
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
310
  margin-top: 10px;
311
  margin-left: 6px;
312
  padding-left: 6px;
313
  list-style: none;
314
  list-style-image: none;
315
  background-image: none;
316
}
317

    
318

    
319
#synonymy li.footnotes {
320
  list-style: none;
321
  list-style-image: none;
322
  background-image: none;
323
}
324

    
325
ul.typeDesignations {
326
  margin-top: 0px;
327
  margin-bottom: 0px;
328
  margin-left: -1em; /* Same as .relation_sign. */
329
}
330
ul.typeDesignations li {
331
  background-image: none;
332
  list-style-type: none;
333
  list-style-image: none;
334
}
335

    
336
.form-item fieldset {
337
  font-size: 80%;
338
  margin-top: -3px;
339
  margin-left: 25px;
340
}
341
.form-item fieldset .featuretree_structure {
342
  height: 13em;
343
  overflow: auto;
344
}
345

    
346
.misapplied .name {
347
  /* font-style: normal; */
348
}
349
.misapplied .authors {
350
  display: none;
351
}
352
#edit-search-domisappliednames {
353
  vertical-align:baseline;
354
}
355

    
356
img.preview {
357
  margin: 5px 30px;
358
}
359

    
360
ul li.synonym {
361
  list-style-type: none;
362
  background-image: none;
363
}
364

    
365
li.firstentry {
366
  margin-left: 6px;
367
}
368

    
369
ul.cdm_names, ul.cdm_names li{
370
  background-image: none;
371
  list-style-type: none;
372
  list-style-image: none;
373
}
374

    
375
.dynabox .label:hover {
376
  color: #0174bb;
377
}
378

    
379
ul.cdm_names .dynabox_content {
380
  margin-top:-1em;
381
}
382

    
383
.tickbox_content {
384
  display: none;
385
}
386

    
387
.pager strong,
388
.pager a {
389
  -moz-border-radius-bottomleft: 2px;
390
  -moz-border-radius-bottomright: 2px;
391
  -moz-border-radius-topleft: 2px;
392
  -moz-border-radius-topright: 2px;
393
  background-color: #dfedf7;
394
  border: 1px solid #90c2e1;
395
  margin: 0px 0.25em;
396
  padding: 2px 5px;
397
}
398
.pager strong {
399
  background-color:#0174BB;
400
  color:#FFFFFF;
401
}
402
.pager-list-dots-right,
403
.pager-list-dots-left {
404
  display: inline;
405
}
406

    
407
a.filter_add:link,
408
a.filter_add:visited {
409
}
410

    
411
a.filter_remove:link,
412
a.filter_remove:visited {
413
  color: red;
414
}
415

    
416
a.synonym:LINK, a.synonym:VISITED,
417
.Synonym a:LINK, .Synonym a:VISITED,
418
.misapplied-name a:LINK,
419
.misapplied-name a:VISITED {
420
  color: #7c7c7f;
421
}
422

    
423
/* Synonyms with more than one accepted taxa. */
424
a.label:link,
425
a.label:visited {
426
  color: #7c7c7f;
427
}
428

    
429
.block-cdm-taxontree .content,
430
.block-cdm-dataportal-3 .content {
431
  font-size: 90%;
432
}
433
.content dt {
434
  float: left;
435
  font-weight: bold;
436
  margin-right: 0.3em;
437
}
438
.content dd {
439
  margin-left: 0;
440
  font-weight: normal;
441
}
442

    
443
.block-cdm-taxontree div.settings {
444
  /* background-color: #2587c3; */
445
  border-bottom: 1px solid #e0dfe3;
446
  border-top: 1px solid #e0dfe3;
447
}
448

    
449
.concept_switch {
450
  padding:0 0.2em;
451
}
452

    
453
.descriptionText,
454
.descriptionReference {
455
  vertical-align: top;
456
}
457

    
458
.annotation_box {
459
  display: none;
460
  background: #ffffcc;
461
  border: 1px solid #ffcc66;
462
  font-size: 9pt;
463
  padding: 5px
464
}
465
.annotation_box ul,
466
.annotation_box li {
467
  list-style-type: none;
468
  line-height: 11pt;
469
  padding: 0;
470
  margin: 0;
471
}
472

    
473
.annotation_box li {
474
  padding-left: 15px;
475
}
476

    
477
.annotation_create {
478
  margin-top: 20px;
479
  text-align: right;
480
}
481

    
482
.annotation_create textarea {
483
  width: 100%;
484
}
485

    
486
.annotation_create form {
487
  margin-bottom: 0;
488
}
489

    
490
/*
491
 * ==== Maps ====
492
 */
493

    
494
.openlayers-container {
495
  position: relative;
496
  z-index: 1;
497
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
498
  width: 100%;
499
}
500

    
501
#cdm-settings-geo #openlayers_container {
502
    max-width: 50em; /* avoid too big maps in the settings */
503

    
504
}
505

    
506
#openlayers_map {
507
  width: 100%;
508
  height: 200px;
509
  border: 1px solid;
510
}
511
.openlayers_legend {
512
    background-color: white;
513
    filter:alpha(opacity=75); /* IE's opacity. */
514
    opacity: 0.75;
515
}
516

    
517
.distribution_map_caption {
518
    font-size: 90%;
519
    font-style: italic;
520
    margin-bottom: 0.75em;
521
}
522

    
523

    
524
.distribution_map {
525
  border: 1px solid #ddd;
526
  background-color: #fff;
527
}
528

    
529
/*
530
 * ======= Media =======
531
 */
532
.media .viewer {
533
  margin-top: 20px;
534
}
535

    
536
/*
537
WA: Important, otherwise the media viewer will be displayed over the
538
Drupal Admin Overlay when this is used.
539

    
540
AK: this is not working since 'position: absolute;' will cause the content container
541
to be not extended to the side of
542
the image viewer
543
*/
544
div.cdm_media_viewer_image {
545
  /* position: absolute; */
546
  z-index: 1;
547
}
548

    
549
.media ul.primary li a,
550
.media ul.primary li.active a,
551
.media ul.primary li a:hover,
552
.media ul.primary li a:visited,
553
.media ul.secondary li a,
554
.media ul.secondary li.active a,
555
.media ul.secondary li a:hover,
556
.media ul.secondary li a:visited {
557
  margin-left : 0px;
558
}
559

    
560
.media ul.primary li a.active {
561
  font-weight: bold;
562
}
563

    
564
.media_thumbnails {
565
  margin-top: 0px;
566
  margin-left: 0.3em;
567
}
568

    
569
.media_gallery tbody {
570
  border: 0px none;
571
}
572

    
573
.media_gallery td.caption {
574
  vertical-align: top;
575
}
576

    
577
.media-caption {
578
  margin-left: 0;
579
}
580

    
581
.media-caption dt.title {
582
  display: none;
583
}
584

    
585
.image-passe-partout{
586
  border: 0px none;
587
  background-color: #eee;
588
}
589

    
590
.image_viewer {
591
  border: 1px solid;
592
  background-color: #eee;
593
}
594

    
595
/*
596
 * ======= Reference Page =======
597
 */
598

    
599
table.cdm\:Reference {
600
    width: 100%;
601
}
602

    
603
/*
604
 * ======= specific blocks =======
605
 */
606

    
607
#print_button {
608
  cursor: pointer;
609
}
610
#print_button span {
611
  color: #027AC6;
612
  margin-left: 0.3em; /* Spacing between image and text. */
613
}
614
#print_button span:hover {
615
  color: #0062A0;
616
  text-decoration: underline;
617
}
618

    
619
#classification-breadcrumbs .children ul{
620
    background: inherit;
621
    margin: 0;
622
    padding: 0;
623
}
624

    
625
#classification-breadcrumbs .children li {
626
    display: list-item;
627
}
628

    
629
#classification-breadcrumbs .taxonomic_children .children {
630
    padding-right: 1em;
631
    background: inherit;
632
    white-space: nowrap;
633
}
634

    
635
#classification-breadcrumbs .taxonomic-children-button i {
636
    cursor: pointer;
637
}
638

    
639
#classification-breadcrumbs .taxonomic-children-button i:hover {
640
    color: #8a918e;
641
}
642

    
643

    
644
#block-cdm-dataportal-taxonomic-children  ul {
645
    max-height: 20em;
646
    -moz-column-count: 3;
647
    -webkit-column-count: 3;
648
    column-count: 3;
649
    overflow: auto;
650
}
651
#block-cdm-dataportal-taxonomic-children li {
652
    background: none;
653
}
654

    
655

    
656
.messages .cdm\:Taxon { /* taxa in warning box */
657
    font-weight: bold;
658
}
659

    
660
/*
661
 * ======= footnotes and annotations =======
662
 */
663

    
664
.footnotes {
665
    margin-top: 0.5em;
666
    display: block;
667
}
668

    
669
.annotations, .footnote{
670
  font-size: 88%;
671
}
672

    
673
.footnote-key {
674
  vertical-align: super;
675
  font-size: 80%;
676
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
677
  font-style: italic;
678
}
679
.footnote-anchor {
680
  font-weight: bold;
681
}
682

    
683
/*
684
 * Feature tree
685
 */
686

    
687
.featuretree_structure {
688
   font-size: 90%;
689
   line-height: 1em;
690
   color: #999;
691
}
692
/* For compatibility with d5 themes. */
693
.block-cdm-dataportal-feature {
694
  clear: both;
695
}
696

    
697
#block-cdm-dataportal-feature-bibliography .footnote {
698
    font-size: 100%; /* reset fontsize */
699
}
700

    
701
#useRecords th {
702
  font-weight: normal;
703
}
704

    
705
/* for compatibility with d5 themes */
706
.block-cdm-dataportal-feature ul {
707
  margin: 0;
708
  padding: 0 0 0.25em 1em;
709
}
710

    
711
/**
712
 * ======= Settings forms =======
713
 */
714

    
715
/* Do not display the descriptions indented in the setup forms, D5 style. */
716
#cdm-settings-general .form-type-radio .description,
717
#cdm-settings-general .form-type-checkbox .description,
718
#cdm-settings-geo .form-type-radio .description,
719
#cdm-settings-geo .form-type-checkbox .description,
720
#cdm-settings-layout .form-type-radio .description,
721
#cdm-settings-layout .form-type-checkbox .description,
722
#cdm-settings-layout-taxon .form-type-radio .description,
723
#cdm-settings-layout-taxon .form-type-checkbox .description,
724
#cdm-settings-layout-search .form-type-radio .description,
725
#cdm-settings-layout-search .form-type-checkbox .description,
726
#cdm-settings-layout-media .form-type-radio .description,
727
#cdm-settings-layout-media .form-type-checkbox .description,
728
#cdm-settings-cache .form-type-radio .description,
729
#cdm-settings-cache .form-type-checkbox .description,
730
#cdm-settings-layout-media .form-type-radio .description,
731
#cdm-settings-layout-media .form-type-checkbox .description,
732
#ext-links-admin .form-type-radio .description,
733
#ext-links-admin .form-type-checkbox .description,
734
#cdm-mediauri-rule-add .form-type-radio .description,
735
#cdm-mediauri-rule-add .form-type-checkbox .description {
736
  margin-left: 0;
737
}
738
/* Align checkboxes and radios as D5 style. */
739
#cdm-settings-general input.form-checkbox, input.form-radio,
740
#cdm-settings-geo input.form-checkbox, input.form-radio,
741
#cdm-settings-layout input.form-checkbox, input.form-radio,
742
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
743
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
744
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
745
#cdm-settings-cache input.form-checkbox, input.form-radio,
746
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
747
#ext-links-admin input.form-checkbox, input.form-radio,
748
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
749
  vertical-align: baseline;
750
}
751

    
752
/* Custom style for the more-help links on the cdm settings pages. */
753
.cdm-dataportal-settings-more-help-link {
754
  font-size: 0.85em;
755
}
756
.cdm-dataportal-settings-more-help-link a {
757
  background-image: none;
758
  padding: 0;
759
}
760
#block-system-help .content {
761
  margin: 0;
762
}
763

    
764
#cdm-settings-geo .map_info{
765
    font-size: 95%;
766
    font-family: monospace;
767
}
768

    
769
#cdm-settings-geo .map-extent-bbox .degree-value {
770
    color: forestgreen;
771
}
772

    
773
#cdm-settings-geo .baselayer-extent-bbox .degree-value {
774
    color: royalblue;
775
}
776

    
777
.fieldset-float {
778
    float: left;
779
}
780

    
781
/*
782
 * ======= specimens =======
783
 */
784
#specimens table.specimens {
785
    width: 100%;
786
}
787

    
788
#specimens .description_list h4 {
789
  clear: left;
790
    margin-bottom: 0;
791
    font-style: italic;
792
}
793

    
794
#specimens  .block-cdm-dataportal-feature h2 {
795
  font-size: 11px;
796
    font-weight: bold;
797
}
798

    
799
#specimens ul.footnotes {
800
    padding: 0;
801
}
802

    
803
#specimens .dna-sequence div {
804
    font-family: monospace;
805
}
806

    
807
#derivate_hierarchy_table {
808
    width: 100%;
809
}
810

    
811
#derivate_hierarchy_table th{
812
    text-align: center;
813
    padding-left: 3px;
814
    padding-right: 3px;
815
}
816

    
817
#derivate_hierarchy_table td{
818
    vertical-align: middle;
819
}
820
#derivate_hierarchy_table td.summary_row_cell {
821
}
822
#derivate_hierarchy_table td.summary_row_icon {
823
    text-align: center;
824
}
825
#derivate_hierarchy_table .expand_column {
826
    border-right: hidden;
827
    width: 18px;
828
}
829

    
830
.specimen_table_label{
831
    font-weight: bold;
832
}
833

    
834

    
835
/*
836
 * ======= Identification keys =======
837
 */
838

    
839
#identificationKey .sources span {
840
  display: block;
841
}
842

    
843
.polytomousKey_linkedStyle td {
844
  vertical-align: top;
845
  padding-top: 0;
846
}
847
.polytomousKey_linkedStyle tr.new_section td {
848
  padding-top: 1em;
849
}
850
.polytomousKey_linkedStyle tr:hover {
851
  background-color: #eee;
852
}
853
.polytomousKey_linkedStyle .nodeLink {
854
  float: right;
855
  text-align: right;
856
  padding-left: 2em;
857
}
858
.polytomousKey_linkedStyle td.edge-indent {
859
  padding-left: 2em;
860
}
861

    
862
/*
863
 * ======= Experts =======
864
 */
865

    
866
#experts table {
867
    width: 100%;
868
}
869

    
870
#experts table td, #experts table th {
871
    text-align: left;
872
    padding: 0px 1em;
873
}
874

    
875
#experts .managed_taxa {
876
    margin-left: 2em;
877
    max-height: 20em;
878
    overflow: auto;
879
}
880

    
881
#experts .managed_taxa .cdm\:Taxon {
882
    display: block;
883
}
884

    
885
/*
886
 * Overriding default style from drupal?
887
 * This prohibits select elements from overflowing the parent container
888
 */
889
select {
890
  max-width: 100%;
891
}
(6-6/16)