Project

General

Profile

Download (13.8 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

    
327
#edit-search-domisappliednames {
328
  vertical-align:baseline;
329
}
330

    
331
img.preview {
332
  margin: 5px 30px;
333
}
334

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

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

    
345

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

    
350
.dynabox .label:hover {
351
  color: #0174bb;
352
}
353

    
354
.tickbox_content {
355
  display: none;
356
}
357

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

    
378
a.filter_add:link,
379
a.filter_add:visited {
380
}
381

    
382
a.filter_remove:link,
383
a.filter_remove:visited {
384
  color: red;
385
}
386

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

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

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

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

    
420
.concept_switch {
421
  padding:0 0.2em;
422
}
423

    
424
.descriptionText,
425
.descriptionReference {
426
  vertical-align: top;
427
}
428

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

    
444
.annotation_box li {
445
  padding-left: 15px;
446
}
447

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

    
453
.annotation_create textarea {
454
  width: 100%;
455
}
456

    
457
.annotation_create form {
458
  margin-bottom: 0;
459
}
460

    
461
/*
462
 * ==== Maps ====
463
 */
464

    
465
.openlayers-container {
466
  position: relative;
467
  z-index: 1;
468
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
469
  width: 100%;
470
}
471

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

    
475
}
476

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

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

    
494

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

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

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

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

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

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

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

    
540
.media_gallery tbody {
541
  border: 0px none;
542
}
543

    
544
.media_gallery td.caption {
545
  vertical-align: top;
546
}
547

    
548
.media-caption {
549
  margin-left: 0;
550
}
551

    
552
.media-caption dt.title {
553
  display: none;
554
}
555

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

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

    
566
#media-representations table.active {
567
    border: black solid 1px;
568
}
569

    
570
/*
571
 * ======= Reference Page =======
572
 */
573

    
574
table.cdm\:Reference {
575
    width: 100%;
576
}
577

    
578
/*
579
 * ======= specific blocks =======
580
 */
581

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

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

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

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

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

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

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

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

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

    
637
/*
638
 * ======= footnotes and annotations =======
639
 */
640

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

    
646
.annotations, .footnote{
647
  font-size: 88%;
648
}
649

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

    
660
/*
661
 * Feature tree
662
 */
663

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

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

    
678

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

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

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

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

    
703
#specimens ul.footnotes {
704
    padding: 0;
705
}
706

    
707
#specimens ul {
708
    list-style-type: none;
709
    list-style-image: none;
710

    
711
}
712
#specimens .item-list li{
713

    
714
    padding: 0 ;
715
}
716

    
717
#specimens .dna-sequence div {
718
    font-family: monospace;
719
}
720

    
721
#derivate_hierarchy_table {
722
    width: 100%;
723
}
724

    
725
#derivate_hierarchy_table th{
726
    text-align: center;
727
    padding-left: 3px;
728
    padding-right: 3px;
729
}
730

    
731
#derivate_hierarchy_table td{
732
    vertical-align: middle;
733
}
734
#derivate_hierarchy_table td.summary_row_cell {
735
}
736
#derivate_hierarchy_table td.summary_row_icon {
737
    text-align: center;
738
}
739
#derivate_hierarchy_table .expand_column {
740
    border-right: hidden;
741
    width: 18px;
742
}
743

    
744
.specimen_table_label{
745
    font-weight: bold;
746
}
747

    
748

    
749
/*
750
 * ======= Identification keys =======
751
 */
752

    
753
#identificationKey .sources span {
754
  display: block;
755
}
756

    
757
.polytomousKey_linkedStyle td {
758
  vertical-align: top;
759
  padding-top: 0;
760
}
761
.polytomousKey_linkedStyle tr.new_section td {
762
  padding-top: 1em;
763
}
764
.polytomousKey_linkedStyle tr:hover {
765
  background-color: #eee;
766
}
767
.polytomousKey_linkedStyle .nodeLink {
768
  float: right;
769
  text-align: right;
770
  padding-left: 2em;
771
}
772
.polytomousKey_linkedStyle td.edge-indent {
773
  padding-left: 2em;
774
}
775

    
776
/*
777
 * ======= Experts =======
778
 */
779

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

    
784
#experts table td, #experts table th {
785
    text-align: left;
786
    padding: 0px 1em;
787
}
788

    
789
#experts .managed_taxa {
790
    margin-left: 2em;
791
    max-height: 20em;
792
    overflow: auto;
793
}
794

    
795
#experts .managed_taxa .cdm\:Taxon {
796
    display: block;
797
}
798

    
799
/*
800
 * Overriding default style from drupal?
801
 * This prohibits select elements from overflowing the parent container
802
 */
803
select {
804
  max-width: 100%;
805
}
(6-6/18)