Project

General

Profile

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
100

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

    
107
.fa-icon {
108
    font-family: 'FontAwesome' !important;
109
}
110

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

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

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

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

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

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

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

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

    
163
#accordion .search-filter .form-item {
164
    display: block;
165
}
166

    
167
.search-filter .form-submit {
168
    display: inline-block;
169
    margin-top: 1.5em; /* same as for .form-item */
170
    margin-bottom: 4px;
171
    vertical-align: bottom;
172
}
173

    
174
#accordion .search-filter .form-submit {
175
    float: right;
176
    margin-top: .5em;
177
}
178

    
179
/*
180
 * ======= Search-Results =======
181
 */
182

    
183
#no_results {
184
    font-size: 150%;
185
    text-align: center;
186
    padding-top: 2em;
187
    padding-bottom: 5em;
188
}
189

    
190
#block-cdm-dataportal-2 .description {
191
  display: none;
192
}
193

    
194
.fragment_highlight {
195
  font-size: 90%;
196
  margin-top: 0.3em;
197
}
198

    
199
.score-bar {
200
  width: 50px;
201
  height: 10px;
202
  border: 1px solid #dedede;
203
  background-color: #f3f3f3;
204
}
205
.score-bar .score-bar-indicator {
206
  background-color: #acd575;
207
  height: 10px;
208
}
209
.score-bar-value {
210
  width: 50px;
211
  height: 10px;
212
  margin-top: -11px; /* 10px plus 1px border. */
213
  font-size: 8px;
214
  line-height: 10px;
215
  background-color: transparent;
216
  text-align: center;
217
}
218

    
219
li .taxon {
220
}
221

    
222
/*
223
 * ======= Taxon Page =======
224
 */
225
.page-part {
226
  clear: both;
227
}
228

    
229
.language-area-label {
230
    font-weight: bold;
231
}
232

    
233
/* Distribution */
234
.condensed_distribution .status_n, /* native */
235
.condensed_distribution .status_ne /* native: formerly native */
236
{
237
    font-weight: bold;
238
}
239

    
240
.distributionStatus {
241
    display: none;
242
}
243

    
244
#distribution_hierarchy .level_index_0 .area_label{
245
    font-weight: bold;
246
}
247

    
248
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
249
    font-weight: normal;
250
}
251

    
252
.nested-feature-tree-feature-label {
253
    font-style: italic;
254
}
255

    
256
.use-records th {
257
    font-weight: normal;
258
}
259

    
260

    
261
/*
262
 * ======= synonymy =======
263
 */
264

    
265
#synonymy .secReference {
266
    margin-top: 0.5em;
267
    margin-bottom: 0.5em;
268
}
269

    
270
#synonymy ul {
271
    margin: 0;
272
}
273

    
274
#synonymy ul.heterotypicSynonymyGroup,
275
#synonymy ul.homotypicSynonymyGroup,
276
#synonymy ul.homotypicSynonyms,
277
#synonymy ul.taxonRelationships,
278
#synonymy ul.misapplied {
279
  margin-bottom: 0.5em;
280
}
281

    
282
#synonymy ul li {
283
  padding-bottom: 0px;
284
  padding-top: 0px;
285
  margin-bottom: 0px;
286
  margin-top: 0px;
287
}
288

    
289
.heterotypicSynonymyGroup li {
290
  margin-left: 26px;
291
}
292
.homotypic-synonymy-group,
293
.heterotypic-synonymy-group,
294
.taxon-relationships {
295
   border-bottom: 1px solid #dedede;
296
   padding: 1em 0;
297
}
298

    
299
/* footnotes in synonymy */
300
#synonymy ul.foototes {
301
  margin: 0;
302
}
303

    
304
.heterotypicSynonymyGroup li.footnotes,
305
.homotypicSynonymyGroup li.footnotes,
306
.homotypicSynonyms li.footnotes,
307
.misapplied li.footnotes,
308
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
309
.block-cdm-dataportal-feature .content li.cdm\:TextData,
310
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
311
  margin-top: 10px;
312
  margin-left: 6px;
313
  padding-left: 6px;
314
  list-style: none;
315
  list-style-image: none;
316
  background-image: none;
317
}
318

    
319

    
320
#synonymy li.footnotes {
321
  list-style: none;
322
  list-style-image: none;
323
  background-image: none;
324
}
325

    
326
ul.typeDesignations {
327
  margin-top: 0px;
328
  margin-bottom: 0px;
329
  margin-left: -1em; /* Same as .relation_sign. */
330
}
331
ul.typeDesignations li {
332
  background-image: none;
333
  list-style-type: none;
334
  list-style-image: none;
335
}
336

    
337
.form-item fieldset {
338
  font-size: 80%;
339
  margin-top: -3px;
340
  margin-left: 25px;
341
}
342
.form-item fieldset .featuretree_structure {
343
  height: 13em;
344
  overflow: auto;
345
}
346

    
347
.misapplied .name {
348
  /* font-style: normal; */
349
}
350

    
351
#edit-search-domisappliednames {
352
  vertical-align:baseline;
353
}
354

    
355
img.preview {
356
  margin: 5px 30px;
357
}
358

    
359
ul li.synonym {
360
  list-style-type: none;
361
  background-image: none;
362
}
363

    
364
/* .heterotypic-synonymy-group */
365
li.firstentry {
366
  margin-left: 6px;
367
}
368

    
369

    
370
div.cdm-item-list .dynabox_content {
371
  margin-top:-1em;
372
}
373

    
374
.dynabox .label:hover {
375
  color: #0174bb;
376
}
377

    
378
.tickbox_content {
379
  display: none;
380
}
381

    
382
.pager strong,
383
.pager a {
384
  -moz-border-radius-bottomleft: 2px;
385
  -moz-border-radius-bottomright: 2px;
386
  -moz-border-radius-topleft: 2px;
387
  -moz-border-radius-topright: 2px;
388
  background-color: #dfedf7;
389
  border: 1px solid #90c2e1;
390
  margin: 0px 0.25em;
391
  padding: 2px 5px;
392
}
393
.pager strong {
394
  background-color:#0174BB;
395
  color:#FFFFFF;
396
}
397
.pager-list-dots-right,
398
.pager-list-dots-left {
399
  display: inline;
400
}
401

    
402
a.filter_add:link,
403
a.filter_add:visited {
404
}
405

    
406
a.filter_remove:link,
407
a.filter_remove:visited {
408
  color: red;
409
}
410

    
411
a.synonym:LINK, a.synonym:VISITED,
412
.Synonym a:LINK, .Synonym a:VISITED,
413
.misapplied-name a:LINK,
414
.misapplied-name a:VISITED {
415
  color: #7c7c7f;
416
}
417

    
418
/* Synonyms with more than one accepted taxa. */
419
a.label:link,
420
a.label:visited {
421
  color: #7c7c7f;
422
}
423

    
424
.block-cdm-taxontree .content,
425
.block-cdm-dataportal-3 .content {
426
  font-size: 90%;
427
}
428
.content dt {
429
  float: left;
430
  font-weight: bold;
431
  margin-right: 0.3em;
432
}
433
.content dd {
434
  margin-left: 0;
435
  font-weight: normal;
436
}
437

    
438
.block-cdm-taxontree div.settings {
439
  /* background-color: #2587c3; */
440
  border-bottom: 1px solid #e0dfe3;
441
  border-top: 1px solid #e0dfe3;
442
}
443

    
444
.concept_switch {
445
  padding:0 0.2em;
446
}
447

    
448
.descriptionText,
449
.descriptionReference {
450
  vertical-align: top;
451
}
452

    
453
.annotation_box {
454
  display: none;
455
  background: #ffffcc;
456
  border: 1px solid #ffcc66;
457
  font-size: 9pt;
458
  padding: 5px
459
}
460
.annotation_box ul,
461
.annotation_box li {
462
  list-style-type: none;
463
  line-height: 11pt;
464
  padding: 0;
465
  margin: 0;
466
}
467

    
468
.annotation_box li {
469
  padding-left: 15px;
470
}
471

    
472
.annotation_create {
473
  margin-top: 20px;
474
  text-align: right;
475
}
476

    
477
.annotation_create textarea {
478
  width: 100%;
479
}
480

    
481
.annotation_create form {
482
  margin-bottom: 0;
483
}
484

    
485
/*
486
 * ==== Maps ====
487
 */
488

    
489
.openlayers-container {
490
  position: relative;
491
  z-index: 1;
492
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
493
  width: 100%;
494
}
495

    
496
#cdm-settings-geo #openlayers_container {
497
    max-width: 50em; /* avoid too big maps in the settings */
498

    
499
}
500

    
501
#openlayers_map {
502
  width: 100%;
503
  height: 200px;
504
  border: 1px solid;
505
}
506
.openlayers_legend {
507
    background-color: white;
508
    filter:alpha(opacity=75); /* IE's opacity. */
509
    opacity: 0.75;
510
}
511

    
512
.distribution_map_caption {
513
    font-size: 90%;
514
    font-style: italic;
515
    margin-bottom: 0.75em;
516
}
517

    
518

    
519
.distribution_map {
520
  border: 1px solid #ddd;
521
  background-color: #fff;
522
}
523

    
524
/*
525
 * ======= Media =======
526
 */
527
.media .viewer {
528
  margin-top: 20px;
529
}
530

    
531
/*
532
WA: Important, otherwise the media viewer will be displayed over the
533
Drupal Admin Overlay when this is used.
534

    
535
AK: this is not working since 'position: absolute;' will cause the content container
536
to be not extended to the side of
537
the image viewer
538
*/
539
div.cdm_media_viewer_image {
540
  /* position: absolute; */
541
  z-index: 1;
542
}
543

    
544
.media ul.primary li a,
545
.media ul.primary li.active a,
546
.media ul.primary li a:hover,
547
.media ul.primary li a:visited,
548
.media ul.secondary li a,
549
.media ul.secondary li.active a,
550
.media ul.secondary li a:hover,
551
.media ul.secondary li a:visited {
552
  margin-left : 0px;
553
}
554

    
555
.media ul.primary li a.active {
556
  font-weight: bold;
557
}
558

    
559
.media_thumbnails {
560
  margin-top: 0px;
561
  margin-left: 0.3em;
562
}
563

    
564
.media_gallery tbody {
565
  border: 0px none;
566
}
567

    
568
.media_gallery td.caption {
569
  vertical-align: top;
570
}
571

    
572
.media-caption {
573
  margin-left: 0;
574
}
575

    
576
.media-caption dt.title {
577
  display: none;
578
}
579

    
580
.image-passe-partout{
581
  border: 0px none;
582
  background-color: #eee;
583
}
584

    
585
.image_viewer {
586
  border: 1px solid;
587
  background-color: #eee;
588
}
589

    
590
#media-representations table.active {
591
    border: black solid 1px;
592
}
593

    
594
/*
595
 * ======= Reference Page =======
596
 */
597

    
598
table.cdm\:Reference {
599
    width: 100%;
600
}
601

    
602
/*
603
 * ======= specific blocks =======
604
 */
605

    
606
#print_button {
607
  cursor: pointer;
608
}
609
#print_button span {
610
  color: #027AC6;
611
  margin-left: 0.3em; /* Spacing between image and text. */
612
}
613
#print_button span:hover {
614
  color: #0062A0;
615
  text-decoration: underline;
616
}
617

    
618
#classification-breadcrumbs .children ul{
619
    background: inherit;
620
    margin: 0;
621
    padding: 0;
622
}
623

    
624
#classification-breadcrumbs .children li {
625
    display: list-item;
626
}
627

    
628
#classification-breadcrumbs .taxonomic_children .children {
629
    padding-right: 1em;
630
    background: inherit;
631
    white-space: nowrap;
632
}
633

    
634
#classification-breadcrumbs .taxonomic-children-button i {
635
    cursor: pointer;
636
}
637

    
638
#classification-breadcrumbs .taxonomic-children-button i:hover {
639
    color: #8a918e;
640
}
641

    
642
#block-cdm-dataportal-taxonomic-children  ul {
643
    max-height: 20em;
644
    -moz-column-count: 3;
645
    -webkit-column-count: 3;
646
    column-count: 3;
647
    overflow: auto;
648
}
649
#block-cdm-dataportal-taxonomic-children li {
650
    background: none;
651
}
652

    
653
.messages .cdm\:Taxon { /* taxa in warning box */
654
    font-weight: bold;
655
}
656

    
657
/*
658
 * ======= footnotes and annotations =======
659
 */
660

    
661
.footnotes {
662
    margin-top: 0.5em;
663
    display: block;
664
}
665

    
666
.annotations, .footnote{
667
  font-size: 88%;
668
}
669

    
670
.footnote-key {
671
  vertical-align: super;
672
  font-size: 80%;
673
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
674
  font-style: italic;
675
}
676
.footnote-anchor {
677
  font-weight: bold;
678
}
679

    
680
/*
681
 * Feature tree
682
 */
683

    
684
.featuretree_structure {
685
   font-size: 90%;
686
   line-height: 1em;
687
   color: #999;
688
}
689
/* For compatibility with d5 themes. */
690
.block-cdm-dataportal-feature {
691
  clear: both;
692
}
693

    
694
#block-cdm-dataportal-feature-bibliography .footnote {
695
    font-size: 100%; /* reset fontsize */
696
}
697

    
698

    
699
/* for compatibility with d5 themes */
700
.block-cdm-dataportal-feature ul {
701
  margin: 0;
702
  padding: 0 0 0.25em 1em;
703
}
704

    
705
/*
706
 * ======= specimens =======
707
 */
708
#specimens table.specimens {
709
    width: 100%;
710
}
711

    
712
#specimens .description_list h4 {
713
  clear: left;
714
    margin-bottom: 0;
715
    font-style: italic;
716
}
717

    
718
#specimens  .block-cdm-dataportal-feature h2 {
719
  font-size: 11px;
720
    font-weight: bold;
721
}
722

    
723
#specimens ul.footnotes {
724
    padding: 0;
725
}
726

    
727
#specimens ul {
728
    list-style-type: none;
729
    list-style-image: none;
730

    
731
}
732
#specimens .item-list li{
733

    
734
    padding: 0 ;
735
}
736

    
737
#specimens .dna-sequence div {
738
    font-family: monospace;
739
}
740

    
741
#derivate_hierarchy_table {
742
    width: 100%;
743
}
744

    
745
#derivate_hierarchy_table th{
746
    text-align: center;
747
    padding-left: 3px;
748
    padding-right: 3px;
749
}
750

    
751
#derivate_hierarchy_table td{
752
    vertical-align: middle;
753
}
754
#derivate_hierarchy_table td.summary_row_cell {
755
}
756
#derivate_hierarchy_table td.summary_row_icon {
757
    text-align: center;
758
}
759
#derivate_hierarchy_table .expand_column {
760
    border-right: hidden;
761
    width: 18px;
762
}
763

    
764
.specimen_table_label{
765
    font-weight: bold;
766
}
767

    
768

    
769
/*
770
 * ======= Identification keys =======
771
 */
772

    
773
#identificationKey .sources span {
774
  display: block;
775
}
776

    
777
.polytomousKey_linkedStyle td {
778
  vertical-align: top;
779
  padding-top: 0;
780
}
781
.polytomousKey_linkedStyle tr.new_section td {
782
  padding-top: 1em;
783
}
784
.polytomousKey_linkedStyle tr:hover {
785
  background-color: #eee;
786
}
787
.polytomousKey_linkedStyle .nodeLink {
788
  float: right;
789
  text-align: right;
790
  padding-left: 2em;
791
}
792
.polytomousKey_linkedStyle td.edge-indent {
793
  padding-left: 2em;
794
}
795

    
796
/*
797
 * ======= Regisrtration page =======
798
 */
799

    
800
.registration .specimen_type_designation .media_gallery {
801
    margin-left: 2em;
802
}
803
/*
804
 * ======= Experts =======
805
 */
806

    
807
#experts table {
808
    width: 100%;
809
}
810

    
811
#experts table td, #experts table th {
812
    text-align: left;
813
    padding: 0px 1em;
814
}
815

    
816
#experts .managed_taxa {
817
    margin-left: 2em;
818
    max-height: 20em;
819
    overflow: auto;
820
}
821

    
822
#experts .managed_taxa .cdm\:Taxon {
823
    display: block;
824
}
825

    
826
/*
827
 * Overriding default style from drupal?
828
 * This prohibits select elements from overflowing the parent container
829
 */
830
select {
831
  max-width: 100%;
832
}
(6-6/18)