Project

General

Profile

Download (13.6 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
}
160
.search-filter .form-submit {
161
    display: inline-block;
162
}
163
/*
164
 * ======= Search-Results =======
165
 */
166
#block-cdm-dataportal-2 .description {
167
  display: none;
168
}
169

    
170
.fragment_highlight {
171
  font-size: 90%;
172
  margin-top: 0.3em;
173
}
174

    
175
.score-bar {
176
  width: 50px;
177
  height: 10px;
178
  border: 1px solid #dedede;
179
  background-color: #f3f3f3;
180
}
181
.score-bar .score-bar-indicator {
182
  background-color: #acd575;
183
  height: 10px;
184
}
185
.score-bar-value {
186
  width: 50px;
187
  height: 10px;
188
  margin-top: -11px; /* 10px plus 1px border. */
189
  font-size: 8px;
190
  line-height: 10px;
191
  background-color: transparent;
192
  text-align: center;
193
}
194

    
195
li .taxon {
196
}
197

    
198
/*
199
 * ======= Taxon Page =======
200
 */
201
.page-part {
202
  clear: both;
203
}
204

    
205
.language-area-label {
206
    font-weight: bold;
207
}
208

    
209
/* Distribution */
210
.condensed_distribution .status_n, /* native */
211
.condensed_distribution .status_ne /* native: formerly native */
212
{
213
    font-weight: bold;
214
}
215

    
216
.distributionStatus {
217
    display: none;
218
}
219

    
220
#distribution_hierarchy .level_index_0 .area_label{
221
    font-weight: bold;
222
}
223

    
224
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
225
    font-weight: normal;
226
}
227

    
228
.nested-feature-tree-feature-label {
229
    font-style: italic;
230
}
231

    
232
.use-records th {
233
    font-weight: normal;
234
}
235

    
236

    
237
/*
238
 * ======= synonymy =======
239
 */
240

    
241
#synonymy ul {
242
    margin: 0;
243
}
244

    
245
#synonymy ul.heterotypicSynonymyGroup,
246
#synonymy ul.homotypicSynonymyGroup,
247
#synonymy ul.homotypicSynonyms,
248
#synonymy ul.taxonRelationships,
249
#synonymy ul.misapplied {
250
  margin-bottom: 0.5em;
251
}
252

    
253
#synonymy ul li {
254
  padding-bottom: 0px;
255
  padding-top: 0px;
256
  margin-bottom: 0px;
257
  margin-top: 0px;
258
}
259

    
260
.heterotypicSynonymyGroup li {
261
  margin-left: 26px;
262
}
263
.homotypic-synonymy-group,
264
.heterotypic-synonymy-group,
265
.taxon-relationships {
266
   border-bottom: 1px solid #dedede;
267
   padding: 1em 0;
268
}
269

    
270
/* footnotes in synonymy */
271
#synonymy ul.foototes {
272
  margin: 0;
273
}
274

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

    
290

    
291
#synonymy li.footnotes {
292
  list-style: none;
293
  list-style-image: none;
294
  background-image: none;
295
}
296

    
297
ul.typeDesignations {
298
  margin-top: 0px;
299
  margin-bottom: 0px;
300
  margin-left: -1em; /* Same as .relation_sign. */
301
}
302
ul.typeDesignations li {
303
  background-image: none;
304
  list-style-type: none;
305
  list-style-image: none;
306
}
307

    
308
.form-item fieldset {
309
  font-size: 80%;
310
  margin-top: -3px;
311
  margin-left: 25px;
312
}
313
.form-item fieldset .featuretree_structure {
314
  height: 13em;
315
  overflow: auto;
316
}
317

    
318
.misapplied .name {
319
  /* font-style: normal; */
320
}
321
.misapplied .authors {
322
  display: none;
323
}
324
#edit-search-domisappliednames {
325
  vertical-align:baseline;
326
}
327

    
328
img.preview {
329
  margin: 5px 30px;
330
}
331

    
332
ul li.synonym {
333
  list-style-type: none;
334
  background-image: none;
335
}
336

    
337
/* .heterotypic-synonymy-group */
338
li.firstentry {
339
  margin-left: 6px;
340
}
341

    
342

    
343
div.cdm-item-list .dynabox_content {
344
  margin-top:-1em;
345
}
346

    
347
.dynabox .label:hover {
348
  color: #0174bb;
349
}
350

    
351
.tickbox_content {
352
  display: none;
353
}
354

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

    
375
a.filter_add:link,
376
a.filter_add:visited {
377
}
378

    
379
a.filter_remove:link,
380
a.filter_remove:visited {
381
  color: red;
382
}
383

    
384
a.synonym:LINK, a.synonym:VISITED,
385
.Synonym a:LINK, .Synonym a:VISITED,
386
.misapplied-name a:LINK,
387
.misapplied-name a:VISITED {
388
  color: #7c7c7f;
389
}
390

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

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

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

    
417
.concept_switch {
418
  padding:0 0.2em;
419
}
420

    
421
.descriptionText,
422
.descriptionReference {
423
  vertical-align: top;
424
}
425

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

    
441
.annotation_box li {
442
  padding-left: 15px;
443
}
444

    
445
.annotation_create {
446
  margin-top: 20px;
447
  text-align: right;
448
}
449

    
450
.annotation_create textarea {
451
  width: 100%;
452
}
453

    
454
.annotation_create form {
455
  margin-bottom: 0;
456
}
457

    
458
/*
459
 * ==== Maps ====
460
 */
461

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

    
469
#cdm-settings-geo #openlayers_container {
470
    max-width: 50em; /* avoid too big maps in the settings */
471

    
472
}
473

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

    
485
.distribution_map_caption {
486
    font-size: 90%;
487
    font-style: italic;
488
    margin-bottom: 0.75em;
489
}
490

    
491

    
492
.distribution_map {
493
  border: 1px solid #ddd;
494
  background-color: #fff;
495
}
496

    
497
/*
498
 * ======= Media =======
499
 */
500
.media .viewer {
501
  margin-top: 20px;
502
}
503

    
504
/*
505
WA: Important, otherwise the media viewer will be displayed over the
506
Drupal Admin Overlay when this is used.
507

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

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

    
528
.media ul.primary li a.active {
529
  font-weight: bold;
530
}
531

    
532
.media_thumbnails {
533
  margin-top: 0px;
534
  margin-left: 0.3em;
535
}
536

    
537
.media_gallery tbody {
538
  border: 0px none;
539
}
540

    
541
.media_gallery td.caption {
542
  vertical-align: top;
543
}
544

    
545
.media-caption {
546
  margin-left: 0;
547
}
548

    
549
.media-caption dt.title {
550
  display: none;
551
}
552

    
553
.image-passe-partout{
554
  border: 0px none;
555
  background-color: #eee;
556
}
557

    
558
.image_viewer {
559
  border: 1px solid;
560
  background-color: #eee;
561
}
562

    
563
#media-representations table.active {
564
    border: black solid 1px;
565
}
566

    
567
/*
568
 * ======= Reference Page =======
569
 */
570

    
571
table.cdm\:Reference {
572
    width: 100%;
573
}
574

    
575
/*
576
 * ======= specific blocks =======
577
 */
578

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

    
591
#classification-breadcrumbs .children ul{
592
    background: inherit;
593
    margin: 0;
594
    padding: 0;
595
}
596

    
597
#classification-breadcrumbs .children li {
598
    display: list-item;
599
}
600

    
601
#classification-breadcrumbs .taxonomic_children .children {
602
    padding-right: 1em;
603
    background: inherit;
604
    white-space: nowrap;
605
}
606

    
607
#classification-breadcrumbs .taxonomic-children-button i {
608
    cursor: pointer;
609
}
610

    
611
#classification-breadcrumbs .taxonomic-children-button i:hover {
612
    color: #8a918e;
613
}
614

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

    
626
.messages .cdm\:Taxon { /* taxa in warning box */
627
    font-weight: bold;
628
}
629

    
630
#block-phycobank-registration-data table {
631
    width: 100%;
632
}
633

    
634
/*
635
 * ======= footnotes and annotations =======
636
 */
637

    
638
.footnotes {
639
    margin-top: 0.5em;
640
    display: block;
641
}
642

    
643
.annotations, .footnote{
644
  font-size: 88%;
645
}
646

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

    
657
/*
658
 * Feature tree
659
 */
660

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

    
671
#block-cdm-dataportal-feature-bibliography .footnote {
672
    font-size: 100%; /* reset fontsize */
673
}
674

    
675

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

    
682
/*
683
 * ======= specimens =======
684
 */
685
#specimens table.specimens {
686
    width: 100%;
687
}
688

    
689
#specimens .description_list h4 {
690
  clear: left;
691
    margin-bottom: 0;
692
    font-style: italic;
693
}
694

    
695
#specimens  .block-cdm-dataportal-feature h2 {
696
  font-size: 11px;
697
    font-weight: bold;
698
}
699

    
700
#specimens ul.footnotes {
701
    padding: 0;
702
}
703

    
704
#specimens .dna-sequence div {
705
    font-family: monospace;
706
}
707

    
708
#derivate_hierarchy_table {
709
    width: 100%;
710
}
711

    
712
#derivate_hierarchy_table th{
713
    text-align: center;
714
    padding-left: 3px;
715
    padding-right: 3px;
716
}
717

    
718
#derivate_hierarchy_table td{
719
    vertical-align: middle;
720
}
721
#derivate_hierarchy_table td.summary_row_cell {
722
}
723
#derivate_hierarchy_table td.summary_row_icon {
724
    text-align: center;
725
}
726
#derivate_hierarchy_table .expand_column {
727
    border-right: hidden;
728
    width: 18px;
729
}
730

    
731
.specimen_table_label{
732
    font-weight: bold;
733
}
734

    
735

    
736
/*
737
 * ======= Identification keys =======
738
 */
739

    
740
#identificationKey .sources span {
741
  display: block;
742
}
743

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

    
763
/*
764
 * ======= Experts =======
765
 */
766

    
767
#experts table {
768
    width: 100%;
769
}
770

    
771
#experts table td, #experts table th {
772
    text-align: left;
773
    padding: 0px 1em;
774
}
775

    
776
#experts .managed_taxa {
777
    margin-left: 2em;
778
    max-height: 20em;
779
    overflow: auto;
780
}
781

    
782
#experts .managed_taxa .cdm\:Taxon {
783
    display: block;
784
}
785

    
786
/*
787
 * Overriding default style from drupal?
788
 * This prohibits select elements from overflowing the parent container
789
 */
790
select {
791
  max-width: 100%;
792
}
(6-6/18)