Project

General

Profile

Download (13.5 KB) Statistics
| Branch: | Tag: | Revision:
1
/**
2
 * ======= General styles =======
3
 *
4
 * @WA comment: these styles may affect the looks of the site, since these
5
 * are not CDM Dataportal specific classes or ids.
6
 * See also http://groups.drupal.org/node/6355.
7
 */
8

    
9
.superscript {
10
    vertical-align: super;
11
    font-size: 80%;
12
    line-height: 100%;
13
}
14

    
15
#block-cdm-dataportal-back-to-search-results {
16
  float: right;
17
}
18

    
19
/*
20
 * when nesting description lists the inner dl should
21
 * not have a margin at top and bottom, but should be
22
 * indented
23
 * Used in occurence details.
24
 */
25
dl  {
26
    margin: 0 0 0 2em;
27
}
28
dd.sublist-container div {
29
    /* background-color: #ebffff; */
30
    border: #444444 1px dotted;
31
    clear:both;
32
    color: #444444;
33
    margin-left: 2em;
34
}
35
/* sublist-containers are currently only used for taxonomic experts */
36
dd.sublist-container div dl , dd.sublist-container div h3 {
37
    margin: 0px 0px 0px 0px;
38
    padding-left: 0.4em;
39
}
40

    
41
#block-system-main div.content {
42
  /* margin: 0 0 0.3em 0; */
43
}
44

    
45
.name {
46
  font-style: italic;
47
}
48

    
49
.rank,
50
.authors,
51
.appended-phrase,
52
.doubtful {
53
  font-style: normal;
54
}
55

    
56
.focused {
57
    font-weight: bold;
58
}
59

    
60
.relation_sign {
61
  margin-left: -1em; /* Same as ul.typeDesignations. */
62
  margin-right: 0.3em;
63
  float: left;
64
  font-family: Arial, sans-serif;
65
}
66

    
67
.highlite {
68
  background-color: yellow;
69
}
70

    
71
ul.primary img.refresh {
72
  height: 14px;
73
  width: 14px;
74
}
75

    
76
/* this is used to highlite the first element in the classification chooser */
77
select.highlite-first-child option:first-child {
78
  font-weight: bold;
79
}
80

    
81
.render-path {
82
    color: white;
83
    border: 2px solid #ff2300;
84
    background-color: #ff2300;
85
}
86

    
87
.box-shadow-rb-5-0 {
88
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
89
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
90
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
91
}
92

    
93
.box-shadow-b-5-1 {
94
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
95
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
96
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
97
}
98

    
99

    
100
.box-shadow-border {
101
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
102
    border-width: 1px;
103
    border-style: solid;
104
}
105

    
106
/*
107
 * ======= Search-Form =======
108
 */
109

    
110
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
111
  height: 100%;
112
  overflow: auto;
113
}
114

    
115
.resizable-container {
116
    /* fixed height
117
    height: 15em;  */
118
}
119

    
120
.resizable-box {
121
    /* resizable with initial height */
122
    height: 20em;
123
    min-height: 5em;
124
}
125

    
126
.resizable-container .ui-resizable-s {
127
    /* stolen from system.base.css .resizable-textarea .grippie */
128
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
129
    border: 1px solid #ddd;
130
    border-top-width: 0;
131
    cursor: s-resize;
132
    height: 9px;
133
    overflow: hidden;
134
    /* override position: absolute from .ui-resizable-handle */
135
    position: relative;
136
}
137

    
138
#edit-search-areas .parent {
139
  /* faints the parent areas in the area selection */
140
  color: #999;
141
    font-size: 90%;
142
    padding-right: 2em;
143
}
144

    
145
.selected-item-label{
146
    float: left;
147
    margin: 0.25em 0.3em;
148
    padding: 0 0.3em;
149
    background-color: #eeeeee;
150
}
151

    
152
/*
153
 * ======= Search-Results =======
154
 */
155
#block-cdm-dataportal-2 .description {
156
  display: none;
157
}
158

    
159
.fragment_highlight {
160
  font-size: 90%;
161
  margin-top: 0.3em;
162
}
163

    
164
.score-bar {
165
  width: 50px;
166
  height: 10px;
167
  border: 1px solid #dedede;
168
  background-color: #f3f3f3;
169
}
170
.score-bar .score-bar-indicator {
171
  background-color: #acd575;
172
  height: 10px;
173
}
174
.score-bar-value {
175
  width: 50px;
176
  height: 10px;
177
  margin-top: -11px; /* 10px plus 1px border. */
178
  font-size: 8px;
179
  line-height: 10px;
180
  background-color: transparent;
181
  text-align: center;
182
}
183

    
184
li .taxon {
185
}
186

    
187
/*
188
 * ======= Taxon Page =======
189
 */
190
.page-part {
191
  clear: both;
192
}
193

    
194
.language-area-label {
195
    font-weight: bold;
196
}
197

    
198
/* Distribution */
199
.condensed_distribution .status_n, /* native */
200
.condensed_distribution .status_ne /* native: formerly native */
201
{
202
    font-weight: bold;
203
}
204

    
205
.distributionStatus {
206
    display: none;
207
}
208

    
209
#distribution_hierarchy .level_index_0 .area_label{
210
    font-weight: bold;
211
}
212

    
213
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
214
    font-weight: normal;
215
}
216

    
217
.nested-feature-tree-feature-label {
218
    font-style: italic;
219
}
220

    
221
.use-records th {
222
    font-weight: normal;
223
}
224

    
225

    
226
/*
227
 * ======= synonymy =======
228
 */
229

    
230
#synonymy ul {
231
    margin: 0;
232
}
233

    
234
#synonymy ul.heterotypicSynonymyGroup,
235
#synonymy ul.homotypicSynonymyGroup,
236
#synonymy ul.homotypicSynonyms,
237
#synonymy ul.taxonRelationships,
238
#synonymy ul.misapplied {
239
  margin-bottom: 0.5em;
240
}
241

    
242
#synonymy ul li {
243
  padding-bottom: 0px;
244
  padding-top: 0px;
245
  margin-bottom: 0px;
246
  margin-top: 0px;
247
}
248

    
249
.heterotypicSynonymyGroup li {
250
  margin-left: 26px;
251
}
252
.homotypic-synonymy-group,
253
.heterotypic-synonymy-group,
254
.taxon-relationships {
255
   border-bottom: 1px solid #dedede;
256
   padding: 1em 0;
257
}
258

    
259
/* footnotes in synonymy */
260
#synonymy ul.foototes {
261
  margin: 0;
262
}
263

    
264
.heterotypicSynonymyGroup li.footnotes,
265
.homotypicSynonymyGroup li.footnotes,
266
.homotypicSynonyms li.footnotes,
267
.misapplied li.footnotes,
268
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
269
.block-cdm-dataportal-feature .content li.cdm\:TextData,
270
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
271
  margin-top: 10px;
272
  margin-left: 6px;
273
  padding-left: 6px;
274
  list-style: none;
275
  list-style-image: none;
276
  background-image: none;
277
}
278

    
279

    
280
#synonymy li.footnotes {
281
  list-style: none;
282
  list-style-image: none;
283
  background-image: none;
284
}
285

    
286
ul.typeDesignations {
287
  margin-top: 0px;
288
  margin-bottom: 0px;
289
  margin-left: -1em; /* Same as .relation_sign. */
290
}
291
ul.typeDesignations li {
292
  background-image: none;
293
  list-style-type: none;
294
  list-style-image: none;
295
}
296

    
297
.form-item fieldset {
298
  font-size: 80%;
299
  margin-top: -3px;
300
  margin-left: 25px;
301
}
302
.form-item fieldset .featuretree_structure {
303
  height: 13em;
304
  overflow: auto;
305
}
306

    
307
.misapplied .name {
308
  /* font-style: normal; */
309
}
310
.misapplied .authors {
311
  display: none;
312
}
313
#edit-search-domisappliednames {
314
  vertical-align:baseline;
315
}
316

    
317
img.preview {
318
  margin: 5px 30px;
319
}
320

    
321
ul li.synonym {
322
  list-style-type: none;
323
  background-image: none;
324
}
325

    
326
li.firstentry {
327
  margin-left: 6px;
328
}
329

    
330
ul.cdm_names, ul.cdm_names li{
331
  background-image: none;
332
  list-style-type: none;
333
  list-style-image: none;
334
}
335

    
336
.dynabox .label:hover {
337
  color: #0174bb;
338
}
339

    
340
ul.cdm_names .dynabox_content {
341
  margin-top:-1em;
342
}
343

    
344
.tickbox_content {
345
  display: none;
346
}
347

    
348
.pager strong,
349
.pager a {
350
  -moz-border-radius-bottomleft: 2px;
351
  -moz-border-radius-bottomright: 2px;
352
  -moz-border-radius-topleft: 2px;
353
  -moz-border-radius-topright: 2px;
354
  background-color: #dfedf7;
355
  border: 1px solid #90c2e1;
356
  margin: 0px 0.25em;
357
  padding: 2px 5px;
358
}
359
.pager strong {
360
  background-color:#0174BB;
361
  color:#FFFFFF;
362
}
363
.pager-list-dots-right,
364
.pager-list-dots-left {
365
  display: inline;
366
}
367

    
368
a.filter_add:link,
369
a.filter_add:visited {
370
}
371

    
372
a.filter_remove:link,
373
a.filter_remove:visited {
374
  color: red;
375
}
376

    
377
a.synonym:LINK, a.synonym:VISITED,
378
.Synonym a:LINK, .Synonym a:VISITED,
379
.misapplied-name a:LINK,
380
.misapplied-name a:VISITED {
381
  color: #7c7c7f;
382
}
383

    
384
/* Synonyms with more than one accepted taxa. */
385
a.label:link,
386
a.label:visited {
387
  color: #7c7c7f;
388
}
389

    
390
.block-cdm-taxontree .content,
391
.block-cdm-dataportal-3 .content {
392
  font-size: 90%;
393
}
394
.content dt {
395
  float: left;
396
  font-weight: bold;
397
  margin-right: 0.3em;
398
}
399
.content dd {
400
  margin-left: 0;
401
  font-weight: normal;
402
}
403

    
404
.block-cdm-taxontree div.settings {
405
  /* background-color: #2587c3; */
406
  border-bottom: 1px solid #e0dfe3;
407
  border-top: 1px solid #e0dfe3;
408
}
409

    
410
.concept_switch {
411
  padding:0 0.2em;
412
}
413

    
414
.descriptionText,
415
.descriptionReference {
416
  vertical-align: top;
417
}
418

    
419
.annotation_box {
420
  display: none;
421
  background: #ffffcc;
422
  border: 1px solid #ffcc66;
423
  font-size: 9pt;
424
  padding: 5px
425
}
426
.annotation_box ul,
427
.annotation_box li {
428
  list-style-type: none;
429
  line-height: 11pt;
430
  padding: 0;
431
  margin: 0;
432
}
433

    
434
.annotation_box li {
435
  padding-left: 15px;
436
}
437

    
438
.annotation_create {
439
  margin-top: 20px;
440
  text-align: right;
441
}
442

    
443
.annotation_create textarea {
444
  width: 100%;
445
}
446

    
447
.annotation_create form {
448
  margin-bottom: 0;
449
}
450

    
451
/*
452
 * ==== Maps ====
453
 */
454

    
455
.openlayers-container {
456
  position: relative;
457
  z-index: 1;
458
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
459
  width: 100%;
460
}
461

    
462
#cdm-settings-geo #openlayers_container {
463
    max-width: 50em; /* avoid too big maps in the settings */
464

    
465
}
466

    
467
#openlayers_map {
468
  width: 100%;
469
  height: 200px;
470
  border: 1px solid;
471
}
472
.openlayers_legend {
473
    background-color: white;
474
    filter:alpha(opacity=75); /* IE's opacity. */
475
    opacity: 0.75;
476
}
477

    
478
.distribution_map_caption {
479
    font-size: 90%;
480
    font-style: italic;
481
    margin-bottom: 0.75em;
482
}
483

    
484

    
485
.distribution_map {
486
  border: 1px solid #ddd;
487
  background-color: #fff;
488
}
489

    
490
/*
491
 * ======= Media =======
492
 */
493
.media .viewer {
494
  margin-top: 20px;
495
}
496

    
497
/*
498
WA: Important, otherwise the media viewer will be displayed over the
499
Drupal Admin Overlay when this is used.
500

    
501
AK: this is not working since 'position: absolute;' will cause the content container
502
to be not extended to the side of
503
the image viewer
504
*/
505
div.cdm_media_viewer_image {
506
  /* position: absolute; */
507
  z-index: 1;
508
}
509

    
510
.media ul.primary li a,
511
.media ul.primary li.active a,
512
.media ul.primary li a:hover,
513
.media ul.primary li a:visited,
514
.media ul.secondary li a,
515
.media ul.secondary li.active a,
516
.media ul.secondary li a:hover,
517
.media ul.secondary li a:visited {
518
  margin-left : 0px;
519
}
520

    
521
.media ul.primary li a.active {
522
  font-weight: bold;
523
}
524

    
525
.media_thumbnails {
526
  margin-top: 0px;
527
  margin-left: 0.3em;
528
}
529

    
530
.media_gallery tbody {
531
  border: 0px none;
532
}
533

    
534
.media_gallery td.caption {
535
  vertical-align: top;
536
}
537

    
538
.media-caption {
539
  margin-left: 0;
540
}
541

    
542
.media-caption dt.title {
543
  display: none;
544
}
545

    
546
.image-passe-partout{
547
  border: 0px none;
548
  background-color: #eee;
549
}
550

    
551
.image_viewer {
552
  border: 1px solid;
553
  background-color: #eee;
554
}
555

    
556
#media-representations table.active {
557
    border: black solid 1px;
558
}
559

    
560
/*
561
 * ======= Reference Page =======
562
 */
563

    
564
table.cdm\:Reference {
565
    width: 100%;
566
}
567

    
568
/*
569
 * ======= specific blocks =======
570
 */
571

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

    
584
#classification-breadcrumbs .children ul{
585
    background: inherit;
586
    margin: 0;
587
    padding: 0;
588
}
589

    
590
#classification-breadcrumbs .children li {
591
    display: list-item;
592
}
593

    
594
#classification-breadcrumbs .taxonomic_children .children {
595
    padding-right: 1em;
596
    background: inherit;
597
    white-space: nowrap;
598
}
599

    
600
#classification-breadcrumbs .taxonomic-children-button i {
601
    cursor: pointer;
602
}
603

    
604
#classification-breadcrumbs .taxonomic-children-button i:hover {
605
    color: #8a918e;
606
}
607

    
608
#block-cdm-dataportal-taxonomic-children  ul {
609
    max-height: 20em;
610
    -moz-column-count: 3;
611
    -webkit-column-count: 3;
612
    column-count: 3;
613
    overflow: auto;
614
}
615
#block-cdm-dataportal-taxonomic-children li {
616
    background: none;
617
}
618

    
619
.messages .cdm\:Taxon { /* taxa in warning box */
620
    font-weight: bold;
621
}
622

    
623
#block-phycobank-registration-data table {
624
    width: 100%;
625
}
626

    
627
/*
628
 * ======= footnotes and annotations =======
629
 */
630

    
631
.footnotes {
632
    margin-top: 0.5em;
633
    display: block;
634
}
635

    
636
.annotations, .footnote{
637
  font-size: 88%;
638
}
639

    
640
.footnote-key {
641
  vertical-align: super;
642
  font-size: 80%;
643
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
644
  font-style: italic;
645
}
646
.footnote-anchor {
647
  font-weight: bold;
648
}
649

    
650
/*
651
 * Feature tree
652
 */
653

    
654
.featuretree_structure {
655
   font-size: 90%;
656
   line-height: 1em;
657
   color: #999;
658
}
659
/* For compatibility with d5 themes. */
660
.block-cdm-dataportal-feature {
661
  clear: both;
662
}
663

    
664
#block-cdm-dataportal-feature-bibliography .footnote {
665
    font-size: 100%; /* reset fontsize */
666
}
667

    
668

    
669
/* for compatibility with d5 themes */
670
.block-cdm-dataportal-feature ul {
671
  margin: 0;
672
  padding: 0 0 0.25em 1em;
673
}
674

    
675
/*
676
 * ======= specimens =======
677
 */
678
#specimens table.specimens {
679
    width: 100%;
680
}
681

    
682
#specimens .description_list h4 {
683
  clear: left;
684
    margin-bottom: 0;
685
    font-style: italic;
686
}
687

    
688
#specimens  .block-cdm-dataportal-feature h2 {
689
  font-size: 11px;
690
    font-weight: bold;
691
}
692

    
693
#specimens ul.footnotes {
694
    padding: 0;
695
}
696

    
697
#specimens .dna-sequence div {
698
    font-family: monospace;
699
}
700

    
701
#derivate_hierarchy_table {
702
    width: 100%;
703
}
704

    
705
#derivate_hierarchy_table th{
706
    text-align: center;
707
    padding-left: 3px;
708
    padding-right: 3px;
709
}
710

    
711
#derivate_hierarchy_table td{
712
    vertical-align: middle;
713
}
714
#derivate_hierarchy_table td.summary_row_cell {
715
}
716
#derivate_hierarchy_table td.summary_row_icon {
717
    text-align: center;
718
}
719
#derivate_hierarchy_table .expand_column {
720
    border-right: hidden;
721
    width: 18px;
722
}
723

    
724
.specimen_table_label{
725
    font-weight: bold;
726
}
727

    
728

    
729
/*
730
 * ======= Identification keys =======
731
 */
732

    
733
#identificationKey .sources span {
734
  display: block;
735
}
736

    
737
.polytomousKey_linkedStyle td {
738
  vertical-align: top;
739
  padding-top: 0;
740
}
741
.polytomousKey_linkedStyle tr.new_section td {
742
  padding-top: 1em;
743
}
744
.polytomousKey_linkedStyle tr:hover {
745
  background-color: #eee;
746
}
747
.polytomousKey_linkedStyle .nodeLink {
748
  float: right;
749
  text-align: right;
750
  padding-left: 2em;
751
}
752
.polytomousKey_linkedStyle td.edge-indent {
753
  padding-left: 2em;
754
}
755

    
756
/*
757
 * ======= Experts =======
758
 */
759

    
760
#experts table {
761
    width: 100%;
762
}
763

    
764
#experts table td, #experts table th {
765
    text-align: left;
766
    padding: 0px 1em;
767
}
768

    
769
#experts .managed_taxa {
770
    margin-left: 2em;
771
    max-height: 20em;
772
    overflow: auto;
773
}
774

    
775
#experts .managed_taxa .cdm\:Taxon {
776
    display: block;
777
}
778

    
779
/*
780
 * Overriding default style from drupal?
781
 * This prohibits select elements from overflowing the parent container
782
 */
783
select {
784
  max-width: 100%;
785
}
(6-6/18)