Project

General

Profile

Download (13.2 KB) Statistics
| Branch: | Tag: | Revision:
1

    
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

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

    
17
#derivate_hierarchy_table {
18
    width: 100%;
19
}
20

    
21
#derivate_hierarchy_table th{
22
    text-align: center;
23
    padding-left: 3px;
24
    padding-right: 3px;
25
}
26

    
27
#derivate_hierarchy_table td{
28
    vertical-align: middle;
29
}
30
#derivate_hierarchy_table td.summary_row_cell {
31
}
32
#derivate_hierarchy_table td.summary_row_icon {
33
    text-align: center;
34
}
35
#derivate_hierarchy_table .expand_column {
36
    border-right: hidden;
37
    width: 18px;
38
}
39

    
40
.specimen_table_label{
41
    font-weight: bold;
42
}
43

    
44
#block-cdm-api-cdm-ws-debug {
45
  background-color: #373737;
46
  color: #fff;
47
  border: 1px solid #fff;
48
  -moz-box-shadow: inset 0 0 3px 2px #fff;
49
  -webkit-box-shadow: inset 0 0 3px 2px #fff;
50
  box-shadow: inset 0 0 3px 2px #fff;
51
}
52

    
53
#cdm-ws-debug-table-container {
54
  display: none;
55
}
56

    
57
#block-cdm-api-cdm-ws-debug h4 {
58
  margin: 3px;
59
  padding: 0;
60
}
61

    
62
#cdm-ws-debug-table {
63
  width: 100%;
64
}
65

    
66
#cdm-ws-debug-table code {
67
  font-weight: normal;
68
}
69

    
70
#cdm-ws-debug-table td.data_links a {
71
  color: #999;
72
}
73
#cdm-ws-debug-table tr.valid td.data_links a {
74
  color: #1bdf00;
75
}
76
#cdm-ws-debug-table tr.invalid td.data_links a {
77
  color: #f3000a;
78
}
79
#cdm-ws-debug-table tr.cacheL1, #cdm-ws-debug-table tr.cacheL2 {
80
  color: #999;
81
}
82
#cdm-ws-debug-table .ws_uri {
83
  width: 50%;
84
}
85

    
86
/*
87
 * when nesting description lists the inner dl should
88
 * not have a margin at top and bottom, but should be
89
 * indented
90
 * Used in occurence details.
91
 */
92
dl dl {
93
    margin: 0 0 0 2em;
94
}
95

    
96
#block-system-main div.content {
97
  /* margin: 0 0 0.3em 0; */
98
}
99

    
100
.name {
101
  font-style: italic;
102
}
103

    
104
.rank,
105
.authors {
106
  font-style: normal;
107
}
108

    
109
.relation_sign {
110
  margin-left: -1em; /* Same as ul.typeDesignations. */
111
  margin-right: 0.3em;
112
  float: left;
113
  font-family: Arial, sans-serif;
114
}
115

    
116
.highlite {
117
  background-color: yellow;
118
}
119

    
120
ul.primary img.refresh {
121
  height: 14px;
122
  width: 14px;
123
}
124

    
125
/* this is used to highlite the first element in the classification chooser */
126
select.highlite-first-child option:first-child {
127
  font-weight: bold;
128
}
129

    
130
/*
131
 * ======= Search-Form =======
132
 */
133

    
134
#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
135
  max-height: 10em;
136
  overflow: auto;
137
}
138

    
139
#edit-search-areas .parent {
140
  /* faints the parent areas in the area selection */
141
  color: #999;
142
    font-size: 90%;
143
    padding-right: 2em;
144
}
145

    
146
.selected-item-label{
147
    float: left;
148
    margin: 0.25em 0.3em;
149
    padding: 0 0.3em;
150
    background-color: #eeeeee;
151
}
152

    
153
/*
154
 * ======= Search-Results =======
155
 */
156
#block-cdm-dataportal-2 .description {
157
  display: none;
158
}
159

    
160
.fragment_highlight {
161
  font-size: 90%;
162
  margin-top: 0.3em;
163
}
164

    
165
.score-bar {
166
  width: 50px;
167
  height: 10px;
168
  border: 1px solid #dedede;
169
  background-color: #f3f3f3;
170
}
171
.score-bar .score-bar-indicator {
172
  background-color: #acd575;
173
  height: 10px;
174
}
175
.score-bar-value {
176
  width: 50px;
177
  height: 10px;
178
  margin-top: -11px; /* 10px plus 1px border. */
179
  font-size: 8px;
180
  line-height: 10px;
181
  background-color: transparent;
182
  text-align: center;
183
}
184

    
185
li .taxon {
186
}
187

    
188
/*
189
 * ======= Taxon Page =======
190
 */
191
.page-part {
192
  clear: both;
193
}
194

    
195
/* Distribution */
196
.condensed_distribution .status_n, /* native */
197
.condensed_distribution .status_ne /* native: formerly native */
198
{
199
    font-weight: bold;
200
}
201

    
202
.distributionStatus {
203
    display: none;
204
}
205

    
206

    
207
#distribution_hierarchy .level_index_0 .area_label{
208
    font-weight: bold;
209
}
210

    
211
#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
212
    font-weight: normal;
213
}
214

    
215
/*
216
 * ======= synonymy =======
217
 */
218

    
219
#synonymy ul {
220
    margin: 0;
221
}
222

    
223
#synonymy ul.heterotypicSynonymyGroup,
224
#synonymy ul.homotypicSynonymyGroup,
225
#synonymy ul.homotypicSynonyms,
226
#synonymy ul.taxonRelationships,
227
#synonymy ul.misapplied {
228
  margin-bottom: 0.5em;
229
}
230

    
231
#synonymy ul li {
232
  padding-bottom: 0px;
233
  padding-top: 0px;
234
  margin-bottom: 0px;
235
  margin-top: 0px;
236
}
237

    
238
.heterotypicSynonymyGroup li {
239
  margin-left: 26px;
240
}
241
.homotypic-synonymy-group,
242
.heterotypic-synonymy-group,
243
.taxon-relationships {
244
   border-bottom: 1px solid #dedede;
245
   padding: 1em 0;
246
}
247

    
248
/* footnotes in synonymy */
249
#synonymy ul.foototes {
250
  margin: 0;
251
}
252

    
253
.heterotypicSynonymyGroup li.footnotes,
254
.homotypicSynonymyGroup li.footnotes,
255
.homotypicSynonyms li.footnotes,
256
.misapplied li.footnotes,
257
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
258
.block-cdm-dataportal-feature .content li.cdm\:TextData,
259
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
260
  margin-top: 10px;
261
  margin-left: 6px;
262
  padding-left: 6px;
263
  list-style: none;
264
  list-style-image: none;
265
  background-image: none;
266
}
267

    
268

    
269
#synonymy li.footnotes {
270
  list-style: none;
271
  list-style-image: none;
272
  background-image: none;
273
}
274

    
275
ul.typeDesignations {
276
  margin-top: 0px;
277
  margin-bottom: 0px;
278
  margin-left: -1em; /* Same as .relation_sign. */
279
}
280
ul.typeDesignations li {
281
  background-image: none;
282
  list-style-type: none;
283
  list-style-image: none;
284
}
285

    
286
.form-item fieldset {
287
  font-size: 80%;
288
  margin-top: -3px;
289
  margin-left: 25px;
290
}
291
.form-item fieldset .featuretree_structure {
292
  height: 13em;
293
  overflow: auto;
294
}
295

    
296
.misapplied .name {
297
  /* font-style: normal; */
298
}
299
.misapplied .authors {
300
  display: none;
301
}
302
#edit-search-domisappliednames {
303
  vertical-align:baseline;
304
}
305

    
306
img.preview {
307
  margin: 5px 30px;
308
}
309

    
310
ul li.synonym {
311
  list-style-type: none;
312
  background-image: none;
313
}
314

    
315
li.firstentry {
316
  margin-left: 6px;
317
}
318

    
319
ul.cdm_names, ul.cdm_names li{
320
  background-image: none;
321
  list-style-type: none;
322
  list-style-image: none;
323
}
324

    
325
.dynabox .label:hover {
326
  color: #0174bb;
327
}
328

    
329
ul.cdm_names .dynabox_content {
330
  margin-top:-1em;
331
}
332

    
333
.tickbox_content {
334
  display: none;
335
}
336

    
337
.pager strong,
338
.pager a {
339
  -moz-border-radius-bottomleft: 2px;
340
  -moz-border-radius-bottomright: 2px;
341
  -moz-border-radius-topleft: 2px;
342
  -moz-border-radius-topright: 2px;
343
  background-color: #dfedf7;
344
  border: 1px solid #90c2e1;
345
  margin: 0px 0.25em;
346
  padding: 2px 5px;
347
}
348
.pager strong {
349
  background-color:#0174BB;
350
  color:#FFFFFF;
351
}
352
.pager-list-dots-right,
353
.pager-list-dots-left {
354
  display: inline;
355
}
356

    
357
a.filter_add:link,
358
a.filter_add:visited {
359
}
360

    
361
a.filter_remove:link,
362
a.filter_remove:visited {
363
  color: red;
364
}
365

    
366
a.synonym:LINK, a.synonym:VISITED,
367
.Synonym a:LINK, .Synonym a:VISITED,
368
.misapplied-name a:LINK,
369
.misapplied-name a:VISITED {
370
  color: #7c7c7f;
371
}
372

    
373
/* Synonyms with more than one accepted taxa. */
374
a.label:link,
375
a.label:visited {
376
  color: #7c7c7f;
377
}
378

    
379
.block-cdm-taxontree .content,
380
.block-cdm-dataportal-3 .content {
381
  font-size: 90%;
382
}
383
.content dt {
384
  float: left;
385
  font-weight: bold;
386
  margin-right: 0.3em;
387
}
388
.content dd {
389
  margin-left: 0;
390
  font-weight: normal;
391
}
392

    
393
.block-cdm-taxontree div.settings {
394
  /* background-color: #2587c3; */
395
  border-bottom: 1px solid #e0dfe3;
396
  border-top: 1px solid #e0dfe3;
397
}
398

    
399
.concept_switch {
400
  padding:0 0.2em;
401
}
402

    
403
.descriptionText,
404
.descriptionReference {
405
  vertical-align: top;
406
}
407

    
408
.annotation_box {
409
  display: none;
410
  background: #ffffcc;
411
  border: 1px solid #ffcc66;
412
  font-size: 9pt;
413
  padding: 5px
414
}
415
.annotation_box ul,
416
.annotation_box li {
417
  list-style-type: none;
418
  line-height: 11pt;
419
  padding: 0;
420
  margin: 0;
421
}
422

    
423
.annotation_box li {
424
  padding-left: 15px;
425
}
426

    
427
.annotation_create {
428
  margin-top: 20px;
429
  text-align: right;
430
}
431

    
432
.annotation_create textarea {
433
  width: 100%;
434
}
435

    
436
.annotation_create form {
437
  margin-bottom: 0;
438
}
439

    
440
/*
441
 * ==== Maps ====
442
 */
443

    
444
#openlayers {
445
  /* Should match the margin-bottom of .description. */
446
  margin-bottom: 0.75em;
447
}
448
#openlayers_map {
449
  width: 100%;
450
  height: 200px;
451
  border: 1px solid;
452
}
453
.openlayers_legend {
454
    background-color: white;
455
    filter:alpha(opacity=75); /* IE's opacity. */
456
    opacity: 0.75;
457
}
458

    
459
.distribution_map_caption {
460
  font-size: 90%;
461
  font-style: italic;
462
}
463

    
464

    
465
.distribution_map {
466
  border: 1px solid #ddd;
467
  background-color: #fff;
468
}
469

    
470
/*
471
 * ======= Media =======
472
 */
473
.media .viewer {
474
  margin-top: 20px;
475
}
476

    
477
/*
478
WA: Important, otherwise the media viewer will be displayed over the
479
Drupal Admin Overlay when this is used.
480

    
481
AK: this is not working since 'position: absolute;' will cause the content container
482
to be not extended to the side of
483
the image viewer
484
*/
485
div.cdm_media_viewer_image {
486
  /* position: absolute; */
487
  z-index: 1;
488
}
489
#openlayers {
490
  position: relative;
491
  z-index: 1;
492
}
493

    
494
.media ul.primary li a,
495
.media ul.primary li.active a,
496
.media ul.primary li a:hover,
497
.media ul.primary li a:visited,
498
.media ul.secondary li a,
499
.media ul.secondary li.active a,
500
.media ul.secondary li a:hover,
501
.media ul.secondary li a:visited {
502
  margin-left : 0px;
503
}
504

    
505
.media ul.primary li a.active {
506
  font-weight: bold;
507
}
508

    
509
.media_thumbnails {
510
  margin-top: 0px;
511
  margin-left: 0.3em;
512
}
513

    
514
.media_gallery tbody {
515
  border: 0px none;
516
}
517

    
518
.media_gallery td.caption {
519
  vertical-align: top;
520
}
521

    
522
.media-caption {
523
  margin-left: 0;
524
}
525

    
526
.media-caption dt.title {
527
  display: none;
528
}
529

    
530
.image-passe-partout{
531
  border: 0px none;
532
  background-color: #eee;
533
}
534

    
535
.image_viewer {
536
  border: 1px solid;
537
  background-color: #eee;
538
}
539

    
540

    
541
/*
542
 * ======= specific blocks =======
543
 */
544

    
545
#print_button {
546
  cursor: pointer;
547
}
548
#print_button span {
549
  color: #027AC6;
550
  margin-left: 0.3em; /* Spacing between image and text. */
551
}
552
#print_button span:hover {
553
  color: #0062A0;
554
  text-decoration: underline;
555
}
556

    
557
/*
558
 * ======= footnotes and annotations =======
559
 */
560

    
561
.footnotes {
562
    margin-top: 0.5em;
563
    display: block;
564
}
565

    
566
.annotations, .footnote{
567
  font-size: 88%;
568
}
569

    
570
.footnote-key {
571
  vertical-align: super;
572
  font-size: 80%;
573
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
574
  font-style: italic;
575
}
576
.footnote-anchor {
577
  font-weight: bold;
578
}
579

    
580
/*
581
 * Feature tree
582
 */
583

    
584
.featuretree_structure {
585
   font-size: 90%;
586
   line-height: 1em;
587
   color: #999;
588
}
589
/* For compatibility with d5 themes. */
590
.block-cdm-dataportal-feature {
591
  clear: both;
592
}
593

    
594
#block-cdm-dataportal-feature-bibliography .footnote {
595
    font-size: 100%; /* reset fontsize */
596
}
597

    
598
#useRecords th {
599
  font-weight: normal;
600
}
601

    
602
/* for compatibility with d5 themes */
603
.block-cdm-dataportal-feature ul {
604
  margin: 0;
605
  padding: 0 0 0.25em 1em;
606
}
607

    
608
/**
609
 * ======= Settings forms =======
610
 */
611

    
612
/* Do not display the descriptions indented in the setup forms, D5 style. */
613
#cdm-settings-general .form-type-radio .description,
614
#cdm-settings-general .form-type-checkbox .description,
615
#cdm-settings-geo .form-type-radio .description,
616
#cdm-settings-geo .form-type-checkbox .description,
617
#cdm-settings-layout .form-type-radio .description,
618
#cdm-settings-layout .form-type-checkbox .description,
619
#cdm-settings-layout-taxon .form-type-radio .description,
620
#cdm-settings-layout-taxon .form-type-checkbox .description,
621
#cdm-settings-layout-search .form-type-radio .description,
622
#cdm-settings-layout-search .form-type-checkbox .description,
623
#cdm-settings-layout-media .form-type-radio .description,
624
#cdm-settings-layout-media .form-type-checkbox .description,
625
#cdm-settings-cache .form-type-radio .description,
626
#cdm-settings-cache .form-type-checkbox .description,
627
#cdm-settings-layout-media .form-type-radio .description,
628
#cdm-settings-layout-media .form-type-checkbox .description,
629
#ext-links-admin .form-type-radio .description,
630
#ext-links-admin .form-type-checkbox .description,
631
#cdm-mediauri-rule-add .form-type-radio .description,
632
#cdm-mediauri-rule-add .form-type-checkbox .description {
633
  margin-left: 0;
634
}
635
/* Align checkboxes and radios as D5 style. */
636
#cdm-settings-general input.form-checkbox, input.form-radio,
637
#cdm-settings-geo input.form-checkbox, input.form-radio,
638
#cdm-settings-layout input.form-checkbox, input.form-radio,
639
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
640
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
641
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
642
#cdm-settings-cache input.form-checkbox, input.form-radio,
643
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
644
#ext-links-admin input.form-checkbox, input.form-radio,
645
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
646
  vertical-align: baseline;
647
}
648

    
649
/* Custom style for the more-help links on the cdm settings pages. */
650
.cdm-dataportal-settings-more-help-link {
651
  font-size: 0.85em;
652
}
653
.cdm-dataportal-settings-more-help-link a {
654
  background-image: none;
655
  padding: 0;
656
}
657
#block-system-help .content {
658
  margin: 0;
659
}
660

    
661
/*
662
 * ======= specimens =======
663
 */
664
#specimens table.specimens {
665
    width: 100%;
666
}
667

    
668
#specimens .description_list h4 {
669
  clear: left;
670
    margin-bottom: 0;
671
    font-style: italic;
672
}
673

    
674
#specimens  .block-cdm-dataportal-feature h2 {
675
  font-size: 11px;
676
    font-weight: bold;
677
}
678

    
679
#specimens ul.footnotes {
680
    padding: 0;
681
}
682

    
683
#specimens .dna-sequence div {
684
    font-family: monospace;
685
}
686

    
687

    
688
/*
689
 * ======= Identification keys =======
690
 */
691

    
692
#identificationKey .sources span {
693
  display: block;
694
}
695

    
696
.polytomousKey_linkedStyle td {
697
  vertical-align: top;
698
  padding-top: 0;
699
}
700
.polytomousKey_linkedStyle tr.new_section td {
701
  padding-top: 1em;
702
}
703
.polytomousKey_linkedStyle tr:hover {
704
  background-color: #eee;
705
}
706
.polytomousKey_linkedStyle .nodeLink {
707
  float: right;
708
  text-align: right;
709
  padding-left: 2em;
710
}
711
.polytomousKey_linkedStyle td.edge-indent {
712
  padding-left: 2em;
713
}
714

    
715
/*
716
 * Overriding default style from drupal?
717
 * This prohibits select elements from overflowing the parent container
718
 */
719
select {
720
  max-width: 100%;
721
}
(5-5/15)