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
#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
  height: 100%;
152
  overflow: auto;
153
}
154

    
155
.resizable-container {
156
    /* fixed height
157
    height: 15em;  */
158
}
159

    
160
.resizable-box {
161
    /* resizable with initial height */
162
    height: 20em;
163
    min-height: 5em;
164
}
165

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

    
178
#edit-search-areas .parent {
179
  /* faints the parent areas in the area selection */
180
  color: #999;
181
    font-size: 90%;
182
    padding-right: 2em;
183
}
184

    
185
.selected-item-label{
186
    float: left;
187
    margin: 0.25em 0.3em;
188
    padding: 0 0.3em;
189
    background-color: #eeeeee;
190
}
191

    
192
/*
193
 * ======= Search-Results =======
194
 */
195
#block-cdm-dataportal-2 .description {
196
  display: none;
197
}
198

    
199
.fragment_highlight {
200
  font-size: 90%;
201
  margin-top: 0.3em;
202
}
203

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

    
224
li .taxon {
225
}
226

    
227
/*
228
 * ======= Taxon Page =======
229
 */
230
.page-part {
231
  clear: both;
232
}
233

    
234
.language-label {
235
    font-weight: bold;
236
}
237

    
238
/* Distribution */
239
.condensed_distribution .status_n, /* native */
240
.condensed_distribution .status_ne /* native: formerly native */
241
{
242
    font-weight: bold;
243
}
244

    
245
.distributionStatus {
246
    display: none;
247
}
248

    
249
#distribution_hierarchy .level_index_0 .area_label{
250
    font-weight: bold;
251
}
252

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

    
257
.nested-feature-tree-feature-label {
258
    font-style: italic;
259
}
260

    
261
/*
262
 * ======= synonymy =======
263
 */
264

    
265
#synonymy ul {
266
    margin: 0;
267
}
268

    
269
#synonymy ul.heterotypicSynonymyGroup,
270
#synonymy ul.homotypicSynonymyGroup,
271
#synonymy ul.homotypicSynonyms,
272
#synonymy ul.taxonRelationships,
273
#synonymy ul.misapplied {
274
  margin-bottom: 0.5em;
275
}
276

    
277
#synonymy ul li {
278
  padding-bottom: 0px;
279
  padding-top: 0px;
280
  margin-bottom: 0px;
281
  margin-top: 0px;
282
}
283

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

    
294
/* footnotes in synonymy */
295
#synonymy ul.foototes {
296
  margin: 0;
297
}
298

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

    
314

    
315
#synonymy li.footnotes {
316
  list-style: none;
317
  list-style-image: none;
318
  background-image: none;
319
}
320

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

    
332
.form-item fieldset {
333
  font-size: 80%;
334
  margin-top: -3px;
335
  margin-left: 25px;
336
}
337
.form-item fieldset .featuretree_structure {
338
  height: 13em;
339
  overflow: auto;
340
}
341

    
342
.misapplied .name {
343
  /* font-style: normal; */
344
}
345
.misapplied .authors {
346
  display: none;
347
}
348
#edit-search-domisappliednames {
349
  vertical-align:baseline;
350
}
351

    
352
img.preview {
353
  margin: 5px 30px;
354
}
355

    
356
ul li.synonym {
357
  list-style-type: none;
358
  background-image: none;
359
}
360

    
361
li.firstentry {
362
  margin-left: 6px;
363
}
364

    
365
ul.cdm_names, ul.cdm_names li{
366
  background-image: none;
367
  list-style-type: none;
368
  list-style-image: none;
369
}
370

    
371
.dynabox .label:hover {
372
  color: #0174bb;
373
}
374

    
375
ul.cdm_names .dynabox_content {
376
  margin-top:-1em;
377
}
378

    
379
.tickbox_content {
380
  display: none;
381
}
382

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

    
403
a.filter_add:link,
404
a.filter_add:visited {
405
}
406

    
407
a.filter_remove:link,
408
a.filter_remove:visited {
409
  color: red;
410
}
411

    
412
a.synonym:LINK, a.synonym:VISITED,
413
.Synonym a:LINK, .Synonym a:VISITED,
414
.misapplied-name a:LINK,
415
.misapplied-name a:VISITED {
416
  color: #7c7c7f;
417
}
418

    
419
/* Synonyms with more than one accepted taxa. */
420
a.label:link,
421
a.label:visited {
422
  color: #7c7c7f;
423
}
424

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

    
439
.block-cdm-taxontree div.settings {
440
  /* background-color: #2587c3; */
441
  border-bottom: 1px solid #e0dfe3;
442
  border-top: 1px solid #e0dfe3;
443
}
444

    
445
.concept_switch {
446
  padding:0 0.2em;
447
}
448

    
449
.descriptionText,
450
.descriptionReference {
451
  vertical-align: top;
452
}
453

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

    
469
.annotation_box li {
470
  padding-left: 15px;
471
}
472

    
473
.annotation_create {
474
  margin-top: 20px;
475
  text-align: right;
476
}
477

    
478
.annotation_create textarea {
479
  width: 100%;
480
}
481

    
482
.annotation_create form {
483
  margin-bottom: 0;
484
}
485

    
486
/*
487
 * ==== Maps ====
488
 */
489

    
490
#openlayers_container {
491
  position: relative;
492
  z-index: 1;
493
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
494
  width: 100%;
495
}
496

    
497
#cdm-settings-geo #openlayers_container {
498
    max-width: 50em; /* avoid too big maps in the settings */
499

    
500
}
501

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

    
513
.distribution_map_caption {
514
    font-size: 90%;
515
    font-style: italic;
516
    margin-bottom: 0.75em;
517
}
518

    
519

    
520
.distribution_map {
521
  border: 1px solid #ddd;
522
  background-color: #fff;
523
}
524

    
525
/*
526
 * ======= Media =======
527
 */
528
.media .viewer {
529
  margin-top: 20px;
530
}
531

    
532
/*
533
WA: Important, otherwise the media viewer will be displayed over the
534
Drupal Admin Overlay when this is used.
535

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

    
545
.media ul.primary li a,
546
.media ul.primary li.active a,
547
.media ul.primary li a:hover,
548
.media ul.primary li a:visited,
549
.media ul.secondary li a,
550
.media ul.secondary li.active a,
551
.media ul.secondary li a:hover,
552
.media ul.secondary li a:visited {
553
  margin-left : 0px;
554
}
555

    
556
.media ul.primary li a.active {
557
  font-weight: bold;
558
}
559

    
560
.media_thumbnails {
561
  margin-top: 0px;
562
  margin-left: 0.3em;
563
}
564

    
565
.media_gallery tbody {
566
  border: 0px none;
567
}
568

    
569
.media_gallery td.caption {
570
  vertical-align: top;
571
}
572

    
573
.media-caption {
574
  margin-left: 0;
575
}
576

    
577
.media-caption dt.title {
578
  display: none;
579
}
580

    
581
.image-passe-partout{
582
  border: 0px none;
583
  background-color: #eee;
584
}
585

    
586
.image_viewer {
587
  border: 1px solid;
588
  background-color: #eee;
589
}
590

    
591
/*
592
 * ======= Reference Page =======
593
 */
594

    
595
table.cdm\:Reference {
596
    width: 100%;
597
}
598

    
599
/*
600
 * ======= specific blocks =======
601
 */
602

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

    
615
#classification-breadcrumbs .children ul{
616
    background: inherit;
617
    margin: 0;
618
    padding: 0;
619
}
620

    
621
#classification-breadcrumbs .children li {
622
    display: list-item;
623
}
624

    
625
#classification-breadcrumbs .taxonomic_children .children {
626
    padding-right: 1em;
627
    background: inherit;
628
    white-space: nowrap;
629
}
630

    
631
#classification-breadcrumbs .taxonomic-children-button i {
632
    cursor: pointer;
633
}
634

    
635
#classification-breadcrumbs .taxonomic-children-button i:hover {
636
    color: #8a918e;
637
}
638

    
639

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

    
651

    
652
.messages .cdm\:Taxon { /* taxa in warning box */
653
    font-weight: bold;
654
}
655

    
656
/*
657
 * ======= footnotes and annotations =======
658
 */
659

    
660
.footnotes {
661
    margin-top: 0.5em;
662
    display: block;
663
}
664

    
665
.annotations, .footnote{
666
  font-size: 88%;
667
}
668

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

    
679
/*
680
 * Feature tree
681
 */
682

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

    
693
#block-cdm-dataportal-feature-bibliography .footnote {
694
    font-size: 100%; /* reset fontsize */
695
}
696

    
697
#useRecords th {
698
  font-weight: normal;
699
}
700

    
701
/* for compatibility with d5 themes */
702
.block-cdm-dataportal-feature ul {
703
  margin: 0;
704
  padding: 0 0 0.25em 1em;
705
}
706

    
707
/**
708
 * ======= Settings forms =======
709
 */
710

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

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

    
760
#cdm-settings-geo .map_info{
761
    font-size: 95%;
762
    font-family: monospace;
763
}
764

    
765
#cdm-settings-geo .map-extent-bbox .degree-value {
766
    color: forestgreen;
767
}
768

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

    
773
.fieldset-float {
774
    float: left;
775
}
776

    
777
/*
778
 * ======= specimens =======
779
 */
780
#specimens table.specimens {
781
    width: 100%;
782
}
783

    
784
#specimens .description_list h4 {
785
  clear: left;
786
    margin-bottom: 0;
787
    font-style: italic;
788
}
789

    
790
#specimens  .block-cdm-dataportal-feature h2 {
791
  font-size: 11px;
792
    font-weight: bold;
793
}
794

    
795
#specimens ul.footnotes {
796
    padding: 0;
797
}
798

    
799
#specimens .dna-sequence div {
800
    font-family: monospace;
801
}
802

    
803
#derivate_hierarchy_table {
804
    width: 100%;
805
}
806

    
807
#derivate_hierarchy_table th{
808
    text-align: center;
809
    padding-left: 3px;
810
    padding-right: 3px;
811
}
812

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

    
826
.specimen_table_label{
827
    font-weight: bold;
828
}
829

    
830

    
831
/*
832
 * ======= Identification keys =======
833
 */
834

    
835
#identificationKey .sources span {
836
  display: block;
837
}
838

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

    
858
/*
859
 * ======= Experts =======
860
 */
861

    
862
#experts table {
863
    width: 100%;
864
}
865

    
866
#experts table td, #experts table th {
867
    text-align: left;
868
    padding: 0px 1em;
869
}
870

    
871
#experts .managed_taxa {
872
    margin-left: 2em;
873
    max-height: 20em;
874
    overflow: auto;
875
}
876

    
877
#experts .managed_taxa .cdm\:Taxon {
878
    display: block;
879
}
880

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