Project

General

Profile

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

    
30

    
31
dd.sublist-container div {
32
    /* background-color: #ebffff; */
33
    border: #444444 1px dotted;
34
    clear:both;
35
    color: #444444;
36
    margin-left: 2em;
37
}
38
/* sublist-containers are currently only used for taxonomic experts */
39
dd.sublist-container div dl , dd.sublist-container div h3 {
40
    margin: 0px 0px 0px 0px;
41
    padding-left: 0.4em;
42
}
43

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

    
48
.name {
49
  font-style: italic;
50
}
51

    
52
.cdm\:Taxon .fa, .cdm\:TaxonName .fa  {
53
    /* override the default (display: inline-block) which causes problems
54
       when using text-indent at the same time, see .relationships_list */
55
    display: inline;
56
}
57

    
58
.rank,
59
.authors,
60
.appended-phrase,
61
.doubtful {
62
  font-style: normal;
63
}
64

    
65
.focused {
66
    font-weight: bold;
67
}
68

    
69
.taxon-relationships .symbol, .relation_sign {
70
  margin-left: -1em; /* Same as ul.typeDesignations. */
71
  margin-right: 0.3em;
72
  float: left;
73
  font-family: Arial, sans-serif;
74
}
75

    
76
.highlite {
77
  background-color: yellow;
78
}
79

    
80
ul.primary img.refresh {
81
  height: 14px;
82
  width: 14px;
83
}
84

    
85
/* this is used to highlite the first element in the classification chooser */
86
select.highlite-first-child option:first-child {
87
  font-weight: bold;
88
}
89

    
90
.render-path {
91
    color: white;
92
    border: 2px solid #ff2300;
93
    background-color: #ff2300;
94
}
95

    
96
.box-shadow-rb-5-0 {
97
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
98
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
99
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
100
}
101

    
102
.box-shadow-b-5-1 {
103
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
104
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
105
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
106
}
107

    
108

    
109
.box-shadow-border {
110
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
111
    border-width: 1px;
112
    border-style: solid;
113
}
114

    
115
.fa-icon {
116
    font-family: 'FontAwesome' !important;
117
}
118

    
119
/*
120
 * ======= Search-Form =======
121
 */
122

    
123
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
124
  height: 100%;
125
  overflow: auto;
126
}
127

    
128
.resizable-container {
129
    /* fixed height
130
    height: 15em;  */
131
}
132

    
133
.resizable-box {
134
    /* resizable with initial height */
135
    height: 20em;
136
    min-height: 5em;
137
}
138

    
139
.resizable-container .ui-resizable-s {
140
    /* stolen from system.base.css .resizable-textarea .grippie */
141
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
142
    border: 1px solid #ddd;
143
    border-top-width: 0;
144
    cursor: s-resize;
145
    height: 9px;
146
    overflow: hidden;
147
    /* override position: absolute from .ui-resizable-handle */
148
    position: relative;
149
}
150

    
151
#edit-search-areas .parent {
152
  /* faints the parent areas in the area selection */
153
  color: #999;
154
    font-size: 90%;
155
    padding-right: 2em;
156
}
157

    
158
.selected-item-label{
159
    float: left;
160
    margin: 0.25em 0.3em;
161
    padding: 0 0.3em;
162
    background-color: #eeeeee;
163
}
164

    
165
.search-filter .form-item {
166
    display: inline-block;
167
    vertical-align: top;
168
    margin-bottom: 0;
169
}
170

    
171
#accordion .search-filter .form-item {
172
    display: block;
173
}
174

    
175
.search-filter .form-submit {
176
    display: inline-block;
177
    margin-top: 1.5em; /* same as for .form-item */
178
    margin-bottom: 4px;
179
    vertical-align: bottom;
180
}
181

    
182
#accordion .search-filter .form-submit {
183
    float: right;
184
    margin-top: .5em;
185
}
186

    
187
/*
188
 * ======= Search-Results =======
189
 */
190

    
191
#no_results {
192
    font-size: 150%;
193
    text-align: center;
194
    padding-top: 2em;
195
    padding-bottom: 5em;
196
}
197

    
198
#block-cdm-dataportal-2 .description {
199
  display: none;
200
}
201

    
202
.fragment_highlight {
203
  font-size: 90%;
204
  margin-top: 0.3em;
205
}
206

    
207
.score-bar {
208
  width: 50px;
209
  height: 10px;
210
  border: 1px solid #dedede;
211
  background-color: #f3f3f3;
212
}
213
.score-bar .score-bar-indicator {
214
  background-color: #acd575;
215
  height: 10px;
216
}
217
.score-bar-value {
218
  width: 50px;
219
  height: 10px;
220
  margin-top: -11px; /* 10px plus 1px border. */
221
  font-size: 8px;
222
  line-height: 10px;
223
  background-color: transparent;
224
  text-align: center;
225
}
226

    
227
li .taxon {
228
}
229

    
230
/*
231
 * ======= Taxon Page =======
232
 */
233
.page-part {
234
  clear: both;
235
}
236

    
237
.language-area-label {
238
    font-weight: bold;
239
}
240

    
241
/* Distribution */
242
.condensed_distribution .status_n, /* native */
243
.condensed_distribution .status_ne /* native: formerly native */
244
{
245
    font-weight: bold;
246
}
247

    
248
.distributionStatus {
249
    display: none;
250
}
251

    
252
#distribution_hierarchy .level_index_0 .area_label{
253
    font-weight: bold;
254
}
255

    
256
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
257
    font-weight: normal;
258
}
259

    
260
.nested-feature-tree-feature-label {
261
    font-style: italic;
262
}
263

    
264
.use-records th {
265
    font-weight: normal;
266
}
267

    
268

    
269
/*
270
 * ======= synonymy =======
271
 */
272

    
273
#synonymy .secReference {
274
    margin-top: 0.5em;
275
    margin-bottom: 0.5em;
276
}
277

    
278
#synonymy ul {
279
    margin: 0;
280
}
281

    
282
/* the relationships_list can replace the unordered list styles */
283
.relationships_list {
284
    margin-top: 1em;
285
    margin-bottom: 1em;
286
}
287

    
288
.relationships_list .item {
289
    padding-left: 26px ;
290
    text-indent: -26px ;
291
}
292

    
293

    
294
#synonymy ul.heterotypicSynonymyGroup,
295
#synonymy ul.homotypicSynonymyGroup,
296
#synonymy ul.homotypicSynonyms,
297
#synonymy ul.taxonRelationships,
298
#synonymy ul.misapplied {
299
  margin-bottom: 0.5em;
300
}
301

    
302
#synonymy ul li {
303
  padding-bottom: 0px;
304
  padding-top: 0px;
305
  margin-bottom: 0px;
306
  margin-top: 0px;
307
}
308

    
309
.heterotypicSynonymyGroup li {
310
  margin-left: 26px;
311
}
312
.homotypic-synonymy-group,
313
.heterotypic-synonymy-group,
314
.taxon-relationships {
315
   border-bottom: 1px solid #dedede;
316
   padding: 1em 0;
317
}
318

    
319
/* footnotes in synonymy */
320
#synonymy ul.foototes {
321
  margin: 0;
322
}
323

    
324
.heterotypicSynonymyGroup li.footnotes,
325
.homotypicSynonymyGroup li.footnotes,
326
.homotypicSynonyms li.footnotes,
327
.misapplied li.footnotes,
328
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
329
.block-cdm-dataportal-feature .content li.cdm\:TextData,
330
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
331
  margin-top: 10px;
332
  margin-left: 6px;
333
  padding-left: 6px;
334
  list-style: none;
335
  list-style-image: none;
336
  background-image: none;
337
}
338

    
339

    
340
#synonymy li.footnotes {
341
  list-style: none;
342
  list-style-image: none;
343
  background-image: none;
344
}
345

    
346
ul.typeDesignations {
347
  margin-top: 0px;
348
  margin-bottom: 0px;
349
  margin-left: -1em; /* Same as .relation_sign. */
350
}
351
ul.typeDesignations li {
352
  background-image: none;
353
  list-style-type: none;
354
  list-style-image: none;
355
}
356

    
357
.form-item fieldset {
358
  font-size: 80%;
359
  margin-top: -3px;
360
  margin-left: 25px;
361
}
362
.form-item fieldset .featuretree_structure {
363
  height: 13em;
364
  overflow: auto;
365
}
366

    
367
.misapplied .name {
368
  /* font-style: normal; */
369
}
370

    
371
#edit-search-domisappliednames {
372
  vertical-align:baseline;
373
}
374

    
375
img.preview {
376
  margin: 5px 30px;
377
}
378

    
379
ul li.synonym {
380
  list-style-type: none;
381
  background-image: none;
382
}
383

    
384
/* .heterotypic-synonymy-group */
385
li.firstentry {
386
  margin-left: 6px;
387
}
388

    
389

    
390
div.cdm-item-list .dynabox_content {
391
  margin-top:-1em;
392
}
393

    
394
.dynabox .label:hover {
395
  color: #0174bb;
396
}
397

    
398
.tickbox_content {
399
  display: none;
400
}
401

    
402
.pager strong,
403
.pager a {
404
  -moz-border-radius-bottomleft: 2px;
405
  -moz-border-radius-bottomright: 2px;
406
  -moz-border-radius-topleft: 2px;
407
  -moz-border-radius-topright: 2px;
408
  background-color: #dfedf7;
409
  border: 1px solid #90c2e1;
410
  margin: 0px 0.25em;
411
  padding: 2px 5px;
412
}
413
.pager strong {
414
  background-color:#0174BB;
415
  color:#FFFFFF;
416
}
417
.pager-list-dots-right,
418
.pager-list-dots-left {
419
  display: inline;
420
}
421

    
422
a.filter_add:link,
423
a.filter_add:visited {
424
}
425

    
426
a.filter_remove:link,
427
a.filter_remove:visited {
428
  color: red;
429
}
430

    
431
a.synonym:LINK, a.synonym:VISITED,
432
.Synonym a:LINK, .Synonym a:VISITED,
433
.misapplied-name a:LINK,
434
.misapplied-name a:VISITED {
435
  color: #7c7c7f;
436
}
437

    
438
/* Synonyms with more than one accepted taxa. */
439
a.label:link,
440
a.label:visited {
441
  color: #7c7c7f;
442
}
443

    
444
.block-cdm-taxontree .content,
445
.block-cdm-dataportal-3 .content {
446
  font-size: 90%;
447
}
448
.content dt {
449
  float: left;
450
  font-weight: bold;
451
  margin-right: 0.3em;
452
}
453
.content dd {
454
  margin-left: 0;
455
  font-weight: normal;
456
}
457

    
458
.block-cdm-taxontree div.settings {
459
  /* background-color: #2587c3; */
460
  border-bottom: 1px solid #e0dfe3;
461
  border-top: 1px solid #e0dfe3;
462
}
463

    
464
.concept_switch {
465
  padding:0 0.2em;
466
}
467

    
468
.descriptionText,
469
.descriptionReference {
470
  vertical-align: top;
471
}
472

    
473
.annotation_box {
474
  display: none;
475
  background: #ffffcc;
476
  border: 1px solid #ffcc66;
477
  font-size: 9pt;
478
  padding: 5px
479
}
480
.annotation_box ul,
481
.annotation_box li {
482
  list-style-type: none;
483
  line-height: 11pt;
484
  padding: 0;
485
  margin: 0;
486
}
487

    
488
.annotation_box li {
489
  padding-left: 15px;
490
}
491

    
492
.annotation_create {
493
  margin-top: 20px;
494
  text-align: right;
495
}
496

    
497
.annotation_create textarea {
498
  width: 100%;
499
}
500

    
501
.annotation_create form {
502
  margin-bottom: 0;
503
}
504

    
505
/*
506
 * ==== Maps ====
507
 */
508

    
509
.openlayers-container {
510
  position: relative;
511
  z-index: 1;
512
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
513
  width: 100%;
514
}
515

    
516
#cdm-settings-geo #openlayers_container {
517
    max-width: 50em; /* avoid too big maps in the settings */
518

    
519
}
520

    
521
#openlayers_map {
522
  width: 100%;
523
  height: 200px;
524
  border: 1px solid;
525
}
526
.openlayers_legend {
527
    background-color: white;
528
    filter:alpha(opacity=75); /* IE's opacity. */
529
    opacity: 0.75;
530
}
531

    
532
.distribution_map_caption {
533
    font-size: 90%;
534
    font-style: italic;
535
    margin-bottom: 0.75em;
536
}
537

    
538

    
539
.distribution_map {
540
  border: 1px solid #ddd;
541
  background-color: #fff;
542
}
543

    
544
/*
545
 * ======= Media =======
546
 */
547
.media .viewer {
548
  margin-top: 20px;
549
}
550

    
551
/*
552
WA: Important, otherwise the media viewer will be displayed over the
553
Drupal Admin Overlay when this is used.
554

    
555
AK: this is not working since 'position: absolute;' will cause the content container
556
to be not extended to the side of
557
the image viewer
558
*/
559
div.cdm_media_viewer_image {
560
  /* position: absolute; */
561
  z-index: 1;
562
}
563

    
564
.media ul.primary li a,
565
.media ul.primary li.active a,
566
.media ul.primary li a:hover,
567
.media ul.primary li a:visited,
568
.media ul.secondary li a,
569
.media ul.secondary li.active a,
570
.media ul.secondary li a:hover,
571
.media ul.secondary li a:visited {
572
  margin-left : 0px;
573
}
574

    
575
.media ul.primary li a.active {
576
  font-weight: bold;
577
}
578

    
579
.media_thumbnails {
580
  margin-top: 0px;
581
  margin-left: 0.3em;
582
}
583

    
584
.media_gallery tbody {
585
  border: 0px none;
586
}
587

    
588
.media_gallery td.caption {
589
  vertical-align: top;
590
}
591

    
592
.media-caption {
593
  margin-left: 0;
594
}
595

    
596
.media-caption dt.title {
597
  display: none;
598
}
599

    
600
.image-passe-partout{
601
  border: 0px none;
602
  background-color: #eee;
603
}
604

    
605
.image_viewer {
606
  border: 1px solid;
607
  background-color: #eee;
608
}
609

    
610
#media-representations table.active {
611
    border: black solid 1px;
612
}
613

    
614
/*
615
 * ======= Reference Page =======
616
 */
617

    
618
table.cdm\:Reference {
619
    width: 100%;
620
}
621

    
622
/*
623
 * ======= specific blocks =======
624
 */
625

    
626
#print_button {
627
  cursor: pointer;
628
}
629
#print_button span {
630
  color: #027AC6;
631
  margin-left: 0.3em; /* Spacing between image and text. */
632
}
633
#print_button span:hover {
634
  color: #0062A0;
635
  text-decoration: underline;
636
}
637

    
638
#classification-breadcrumbs .children ul{
639
    background: inherit;
640
    margin: 0;
641
    padding: 0;
642
}
643

    
644
#classification-breadcrumbs .children li {
645
    display: list-item;
646
}
647

    
648
#classification-breadcrumbs .taxonomic_children .children {
649
    padding-right: 1em;
650
    background: inherit;
651
    white-space: nowrap;
652
}
653

    
654
#classification-breadcrumbs .taxonomic-children-button i {
655
    cursor: pointer;
656
}
657

    
658
#classification-breadcrumbs .taxonomic-children-button i:hover {
659
    color: #8a918e;
660
}
661

    
662
#block-cdm-dataportal-taxonomic-children  ul {
663
    max-height: 20em;
664
    -moz-column-count: 3;
665
    -webkit-column-count: 3;
666
    column-count: 3;
667
    overflow: auto;
668
}
669
#block-cdm-dataportal-taxonomic-children li {
670
    background: none;
671
}
672

    
673
.messages .cdm\:Taxon { /* taxa in warning box */
674
    font-weight: bold;
675
}
676

    
677
/*
678
 * ======= footnotes and annotations =======
679
 */
680

    
681
.footnotes {
682
    margin-top: 0.5em;
683
    display: block;
684
}
685

    
686
.annotations, .footnote{
687
  font-size: 88%;
688
}
689

    
690
.footnote-key {
691
  vertical-align: super;
692
  font-size: 80%;
693
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
694
  font-style: italic;
695
}
696
.footnote-anchor {
697
  font-weight: bold;
698
}
699

    
700
/*
701
 * Feature tree
702
 */
703

    
704
.featuretree_structure {
705
   font-size: 90%;
706
   line-height: 1em;
707
   color: #999;
708
}
709
/* For compatibility with d5 themes. */
710
.block-cdm-dataportal-feature {
711
  clear: both;
712
}
713

    
714
#block-cdm-dataportal-feature-bibliography .footnote {
715
    font-size: 100%; /* reset fontsize */
716
}
717

    
718

    
719
/* for compatibility with d5 themes */
720
.block-cdm-dataportal-feature ul {
721
  margin: 0;
722
  padding: 0 0 0.25em 1em;
723
}
724

    
725
/*
726
 * ======= specimens =======
727
 */
728
#specimens table.specimens {
729
    width: 100%;
730
}
731

    
732
#specimens .description_list h4 {
733
  clear: left;
734
    margin-bottom: 0;
735
    font-style: italic;
736
}
737

    
738
#specimens  .block-cdm-dataportal-feature h2 {
739
  font-size: 11px;
740
    font-weight: bold;
741
}
742

    
743
#specimens ul.footnotes {
744
    padding: 0;
745
}
746

    
747

    
748
#specimens .item-list ul{
749
    list-style-type: none;
750
    list-style-image: none;
751
}
752

    
753
#specimens .item-list li{
754
    padding: 0 ;
755
}
756

    
757
#specimens .dna-sequence div {
758
    font-family: monospace;
759
}
760

    
761
#derivate_hierarchy_table {
762
    width: 100%;
763
}
764

    
765
#derivate_hierarchy_table th{
766
    text-align: center;
767
    padding-left: 3px;
768
    padding-right: 3px;
769
}
770

    
771
#derivate_hierarchy_table td{
772
    vertical-align: middle;
773
}
774
#derivate_hierarchy_table td.summary_row_cell {
775
}
776
#derivate_hierarchy_table td.summary_row_icon {
777
    text-align: center;
778
}
779
#derivate_hierarchy_table .expand_column {
780
    border-right: hidden;
781
    width: 18px;
782
}
783

    
784
.specimen_table_label{
785
    font-weight: bold;
786
}
787

    
788

    
789
/*
790
 * ======= Identification keys =======
791
 */
792

    
793
#identificationKey .sources span {
794
  display: block;
795
}
796

    
797
.polytomousKey_linkedStyle td {
798
  vertical-align: top;
799
  padding-top: 0;
800
}
801
.polytomousKey_linkedStyle tr.new_section td {
802
  padding-top: 1em;
803
}
804
.polytomousKey_linkedStyle tr:hover {
805
  background-color: #eee;
806
}
807
.polytomousKey_linkedStyle .nodeLink {
808
  float: right;
809
  text-align: right;
810
  padding-left: 2em;
811
}
812
.polytomousKey_linkedStyle td.edge-indent {
813
  padding-left: 2em;
814
}
815

    
816
/*
817
 * ======= Registration page and registration items =======
818
 */
819

    
820
.registration .specimen_type_designation .media_gallery {
821
    margin-left: 2em;
822
}
823

    
824
.registration-item-list .registration-item .date-and-institute {
825

    
826
}
827

    
828
.nomenclatural_act {
829
    border-width: 1px;
830
    border-style: inset;
831
    border-color: rgb(239, 240, 241);
832
    background-color: #e9e9e9;
833
    padding: 5px;
834
}
835

    
836
/*
837
 * ======= Experts =======
838
 */
839

    
840
#experts table {
841
    width: 100%;
842
}
843

    
844
#experts table td, #experts table th {
845
    text-align: left;
846
    padding: 0px 1em;
847
}
848

    
849
#experts .managed_taxa {
850
    margin-left: 2em;
851
    max-height: 20em;
852
    overflow: auto;
853
}
854

    
855
#experts .managed_taxa .cdm\:Taxon {
856
    display: block;
857
}
858

    
859
/*
860
 * Overriding default style from drupal?
861
 * This prohibits select elements from overflowing the parent container
862
 */
863
select {
864
  max-width: 100%;
865
}
(6-6/18)