Project

General

Profile

Download (13.7 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
.fa-icon {
107
    font-family: 'FontAwesome';
108
}
109

    
110
/*
111
 * ======= Search-Form =======
112
 */
113

    
114
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
115
  height: 100%;
116
  overflow: auto;
117
}
118

    
119
.resizable-container {
120
    /* fixed height
121
    height: 15em;  */
122
}
123

    
124
.resizable-box {
125
    /* resizable with initial height */
126
    height: 20em;
127
    min-height: 5em;
128
}
129

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

    
142
#edit-search-areas .parent {
143
  /* faints the parent areas in the area selection */
144
  color: #999;
145
    font-size: 90%;
146
    padding-right: 2em;
147
}
148

    
149
.selected-item-label{
150
    float: left;
151
    margin: 0.25em 0.3em;
152
    padding: 0 0.3em;
153
    background-color: #eeeeee;
154
}
155

    
156
.search-filter .form-item{
157
    display: inline-block;
158
    vertical-align: top;
159
    margin-bottom: 0;
160
}
161

    
162
.search-filter .form-submit {
163
    display: inline-block;
164
    margin-top: 1.5em; /* same as for .form-item */
165
    margin-bottom: 4px;
166
    vertical-align: bottom;
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-area-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
.use-records th {
238
    font-weight: normal;
239
}
240

    
241

    
242
/*
243
 * ======= synonymy =======
244
 */
245

    
246
#synonymy ul {
247
    margin: 0;
248
}
249

    
250
#synonymy ul.heterotypicSynonymyGroup,
251
#synonymy ul.homotypicSynonymyGroup,
252
#synonymy ul.homotypicSynonyms,
253
#synonymy ul.taxonRelationships,
254
#synonymy ul.misapplied {
255
  margin-bottom: 0.5em;
256
}
257

    
258
#synonymy ul li {
259
  padding-bottom: 0px;
260
  padding-top: 0px;
261
  margin-bottom: 0px;
262
  margin-top: 0px;
263
}
264

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

    
275
/* footnotes in synonymy */
276
#synonymy ul.foototes {
277
  margin: 0;
278
}
279

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

    
295

    
296
#synonymy li.footnotes {
297
  list-style: none;
298
  list-style-image: none;
299
  background-image: none;
300
}
301

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

    
313
.form-item fieldset {
314
  font-size: 80%;
315
  margin-top: -3px;
316
  margin-left: 25px;
317
}
318
.form-item fieldset .featuretree_structure {
319
  height: 13em;
320
  overflow: auto;
321
}
322

    
323
.misapplied .name {
324
  /* font-style: normal; */
325
}
326
.misapplied .authors {
327
  display: none;
328
}
329
#edit-search-domisappliednames {
330
  vertical-align:baseline;
331
}
332

    
333
img.preview {
334
  margin: 5px 30px;
335
}
336

    
337
ul li.synonym {
338
  list-style-type: none;
339
  background-image: none;
340
}
341

    
342
/* .heterotypic-synonymy-group */
343
li.firstentry {
344
  margin-left: 6px;
345
}
346

    
347

    
348
div.cdm-item-list .dynabox_content {
349
  margin-top:-1em;
350
}
351

    
352
.dynabox .label:hover {
353
  color: #0174bb;
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
#media-representations table.active {
569
    border: black solid 1px;
570
}
571

    
572
/*
573
 * ======= Reference Page =======
574
 */
575

    
576
table.cdm\:Reference {
577
    width: 100%;
578
}
579

    
580
/*
581
 * ======= specific blocks =======
582
 */
583

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

    
596
#classification-breadcrumbs .children ul{
597
    background: inherit;
598
    margin: 0;
599
    padding: 0;
600
}
601

    
602
#classification-breadcrumbs .children li {
603
    display: list-item;
604
}
605

    
606
#classification-breadcrumbs .taxonomic_children .children {
607
    padding-right: 1em;
608
    background: inherit;
609
    white-space: nowrap;
610
}
611

    
612
#classification-breadcrumbs .taxonomic-children-button i {
613
    cursor: pointer;
614
}
615

    
616
#classification-breadcrumbs .taxonomic-children-button i:hover {
617
    color: #8a918e;
618
}
619

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

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

    
635
#block-phycobank-registration-data table {
636
    width: 100%;
637
}
638

    
639
/*
640
 * ======= footnotes and annotations =======
641
 */
642

    
643
.footnotes {
644
    margin-top: 0.5em;
645
    display: block;
646
}
647

    
648
.annotations, .footnote{
649
  font-size: 88%;
650
}
651

    
652
.footnote-key {
653
  vertical-align: super;
654
  font-size: 80%;
655
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
656
  font-style: italic;
657
}
658
.footnote-anchor {
659
  font-weight: bold;
660
}
661

    
662
/*
663
 * Feature tree
664
 */
665

    
666
.featuretree_structure {
667
   font-size: 90%;
668
   line-height: 1em;
669
   color: #999;
670
}
671
/* For compatibility with d5 themes. */
672
.block-cdm-dataportal-feature {
673
  clear: both;
674
}
675

    
676
#block-cdm-dataportal-feature-bibliography .footnote {
677
    font-size: 100%; /* reset fontsize */
678
}
679

    
680

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

    
687
/*
688
 * ======= specimens =======
689
 */
690
#specimens table.specimens {
691
    width: 100%;
692
}
693

    
694
#specimens .description_list h4 {
695
  clear: left;
696
    margin-bottom: 0;
697
    font-style: italic;
698
}
699

    
700
#specimens  .block-cdm-dataportal-feature h2 {
701
  font-size: 11px;
702
    font-weight: bold;
703
}
704

    
705
#specimens ul.footnotes {
706
    padding: 0;
707
}
708

    
709
#specimens .dna-sequence div {
710
    font-family: monospace;
711
}
712

    
713
#derivate_hierarchy_table {
714
    width: 100%;
715
}
716

    
717
#derivate_hierarchy_table th{
718
    text-align: center;
719
    padding-left: 3px;
720
    padding-right: 3px;
721
}
722

    
723
#derivate_hierarchy_table td{
724
    vertical-align: middle;
725
}
726
#derivate_hierarchy_table td.summary_row_cell {
727
}
728
#derivate_hierarchy_table td.summary_row_icon {
729
    text-align: center;
730
}
731
#derivate_hierarchy_table .expand_column {
732
    border-right: hidden;
733
    width: 18px;
734
}
735

    
736
.specimen_table_label{
737
    font-weight: bold;
738
}
739

    
740

    
741
/*
742
 * ======= Identification keys =======
743
 */
744

    
745
#identificationKey .sources span {
746
  display: block;
747
}
748

    
749
.polytomousKey_linkedStyle td {
750
  vertical-align: top;
751
  padding-top: 0;
752
}
753
.polytomousKey_linkedStyle tr.new_section td {
754
  padding-top: 1em;
755
}
756
.polytomousKey_linkedStyle tr:hover {
757
  background-color: #eee;
758
}
759
.polytomousKey_linkedStyle .nodeLink {
760
  float: right;
761
  text-align: right;
762
  padding-left: 2em;
763
}
764
.polytomousKey_linkedStyle td.edge-indent {
765
  padding-left: 2em;
766
}
767

    
768
/*
769
 * ======= Experts =======
770
 */
771

    
772
#experts table {
773
    width: 100%;
774
}
775

    
776
#experts table td, #experts table th {
777
    text-align: left;
778
    padding: 0px 1em;
779
}
780

    
781
#experts .managed_taxa {
782
    margin-left: 2em;
783
    max-height: 20em;
784
    overflow: auto;
785
}
786

    
787
#experts .managed_taxa .cdm\:Taxon {
788
    display: block;
789
}
790

    
791
/*
792
 * Overriding default style from drupal?
793
 * This prohibits select elements from overflowing the parent container
794
 */
795
select {
796
  max-width: 100%;
797
}
(6-6/18)