Project

General

Profile

Download (13.9 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
.taxon-relationships .symbol, .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 .secReference {
247
    margin-bottom: 0.5em;
248
}
249

    
250
#synonymy ul {
251
    margin: 0;
252
}
253

    
254
#synonymy ul.heterotypicSynonymyGroup,
255
#synonymy ul.homotypicSynonymyGroup,
256
#synonymy ul.homotypicSynonyms,
257
#synonymy ul.taxonRelationships,
258
#synonymy ul.misapplied {
259
  margin-bottom: 0.5em;
260
}
261

    
262
#synonymy ul li {
263
  padding-bottom: 0px;
264
  padding-top: 0px;
265
  margin-bottom: 0px;
266
  margin-top: 0px;
267
}
268

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

    
279
/* footnotes in synonymy */
280
#synonymy ul.foototes {
281
  margin: 0;
282
}
283

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

    
299

    
300
#synonymy li.footnotes {
301
  list-style: none;
302
  list-style-image: none;
303
  background-image: none;
304
}
305

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

    
317
.form-item fieldset {
318
  font-size: 80%;
319
  margin-top: -3px;
320
  margin-left: 25px;
321
}
322
.form-item fieldset .featuretree_structure {
323
  height: 13em;
324
  overflow: auto;
325
}
326

    
327
.misapplied .name {
328
  /* font-style: normal; */
329
}
330

    
331
#edit-search-domisappliednames {
332
  vertical-align:baseline;
333
}
334

    
335
img.preview {
336
  margin: 5px 30px;
337
}
338

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

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

    
349

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

    
354
.dynabox .label:hover {
355
  color: #0174bb;
356
}
357

    
358
.tickbox_content {
359
  display: none;
360
}
361

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

    
382
a.filter_add:link,
383
a.filter_add:visited {
384
}
385

    
386
a.filter_remove:link,
387
a.filter_remove:visited {
388
  color: red;
389
}
390

    
391
a.synonym:LINK, a.synonym:VISITED,
392
.Synonym a:LINK, .Synonym a:VISITED,
393
.misapplied-name a:LINK,
394
.misapplied-name a:VISITED {
395
  color: #7c7c7f;
396
}
397

    
398
/* Synonyms with more than one accepted taxa. */
399
a.label:link,
400
a.label:visited {
401
  color: #7c7c7f;
402
}
403

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

    
418
.block-cdm-taxontree div.settings {
419
  /* background-color: #2587c3; */
420
  border-bottom: 1px solid #e0dfe3;
421
  border-top: 1px solid #e0dfe3;
422
}
423

    
424
.concept_switch {
425
  padding:0 0.2em;
426
}
427

    
428
.descriptionText,
429
.descriptionReference {
430
  vertical-align: top;
431
}
432

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

    
448
.annotation_box li {
449
  padding-left: 15px;
450
}
451

    
452
.annotation_create {
453
  margin-top: 20px;
454
  text-align: right;
455
}
456

    
457
.annotation_create textarea {
458
  width: 100%;
459
}
460

    
461
.annotation_create form {
462
  margin-bottom: 0;
463
}
464

    
465
/*
466
 * ==== Maps ====
467
 */
468

    
469
.openlayers-container {
470
  position: relative;
471
  z-index: 1;
472
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
473
  width: 100%;
474
}
475

    
476
#cdm-settings-geo #openlayers_container {
477
    max-width: 50em; /* avoid too big maps in the settings */
478

    
479
}
480

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

    
492
.distribution_map_caption {
493
    font-size: 90%;
494
    font-style: italic;
495
    margin-bottom: 0.75em;
496
}
497

    
498

    
499
.distribution_map {
500
  border: 1px solid #ddd;
501
  background-color: #fff;
502
}
503

    
504
/*
505
 * ======= Media =======
506
 */
507
.media .viewer {
508
  margin-top: 20px;
509
}
510

    
511
/*
512
WA: Important, otherwise the media viewer will be displayed over the
513
Drupal Admin Overlay when this is used.
514

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

    
524
.media ul.primary li a,
525
.media ul.primary li.active a,
526
.media ul.primary li a:hover,
527
.media ul.primary li a:visited,
528
.media ul.secondary li a,
529
.media ul.secondary li.active a,
530
.media ul.secondary li a:hover,
531
.media ul.secondary li a:visited {
532
  margin-left : 0px;
533
}
534

    
535
.media ul.primary li a.active {
536
  font-weight: bold;
537
}
538

    
539
.media_thumbnails {
540
  margin-top: 0px;
541
  margin-left: 0.3em;
542
}
543

    
544
.media_gallery tbody {
545
  border: 0px none;
546
}
547

    
548
.media_gallery td.caption {
549
  vertical-align: top;
550
}
551

    
552
.media-caption {
553
  margin-left: 0;
554
}
555

    
556
.media-caption dt.title {
557
  display: none;
558
}
559

    
560
.image-passe-partout{
561
  border: 0px none;
562
  background-color: #eee;
563
}
564

    
565
.image_viewer {
566
  border: 1px solid;
567
  background-color: #eee;
568
}
569

    
570
#media-representations table.active {
571
    border: black solid 1px;
572
}
573

    
574
/*
575
 * ======= Reference Page =======
576
 */
577

    
578
table.cdm\:Reference {
579
    width: 100%;
580
}
581

    
582
/*
583
 * ======= specific blocks =======
584
 */
585

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

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

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

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

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

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

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

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

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

    
641
/*
642
 * ======= footnotes and annotations =======
643
 */
644

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

    
650
.annotations, .footnote{
651
  font-size: 88%;
652
}
653

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

    
664
/*
665
 * Feature tree
666
 */
667

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

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

    
682

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

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

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

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

    
707
#specimens ul.footnotes {
708
    padding: 0;
709
}
710

    
711
#specimens ul {
712
    list-style-type: none;
713
    list-style-image: none;
714

    
715
}
716
#specimens .item-list li{
717

    
718
    padding: 0 ;
719
}
720

    
721
#specimens .dna-sequence div {
722
    font-family: monospace;
723
}
724

    
725
#derivate_hierarchy_table {
726
    width: 100%;
727
}
728

    
729
#derivate_hierarchy_table th{
730
    text-align: center;
731
    padding-left: 3px;
732
    padding-right: 3px;
733
}
734

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

    
748
.specimen_table_label{
749
    font-weight: bold;
750
}
751

    
752

    
753
/*
754
 * ======= Identification keys =======
755
 */
756

    
757
#identificationKey .sources span {
758
  display: block;
759
}
760

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

    
780
/*
781
 * ======= Experts =======
782
 */
783

    
784
#experts table {
785
    width: 100%;
786
}
787

    
788
#experts table td, #experts table th {
789
    text-align: left;
790
    padding: 0px 1em;
791
}
792

    
793
#experts .managed_taxa {
794
    margin-left: 2em;
795
    max-height: 20em;
796
    overflow: auto;
797
}
798

    
799
#experts .managed_taxa .cdm\:Taxon {
800
    display: block;
801
}
802

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