Project

General

Profile

Download (12.6 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
#block-cdm-api-cdm-ws-debug {
12
  background-color: #373737;
13
  color: #fff;
14
  border: 1px solid #fff;
15
  -moz-box-shadow: inset 0 0 3px 2px #fff;
16
  -webkit-box-shadow: inset 0 0 3px 2px #fff;
17
  box-shadow: inset 0 0 3px 2px #fff;
18
}
19

    
20
#cdm-ws-debug-table-container {
21
  display: none;
22
}
23

    
24
#block-cdm-api-cdm-ws-debug h4 {
25
  margin: 3px;
26
  padding: 0;
27
}
28

    
29
#cdm-ws-debug-table {
30
  width: 100%;
31
}
32

    
33
#cdm-ws-debug-table code {
34
  font-weight: normal;
35
}
36

    
37
#cdm-ws-debug-table td.data_links a {
38
  color: #999;
39
}
40
#cdm-ws-debug-table tr.valid td.data_links a {
41
  color: #1bdf00;
42
}
43
#cdm-ws-debug-table tr.invalid td.data_links a {
44
  color: #f3000a;
45
}
46
#cdm-ws-debug-table tr.cacheL1, #cdm-ws-debug-table tr.cacheL2 {
47
  color: #999;
48
}
49
#cdm-ws-debug-table .ws_uri {
50
  width: 50%;
51
}
52

    
53
/*
54
 * when nesting description lists the inner dl should
55
 * not have a margin at top and bottom, but should be
56
 * indented
57
 * Used in occurence details.
58
 */
59
dl dl {
60
    margin: 0 0 0 2em;
61
}
62

    
63
#block-system-main div.content {
64
  /* margin: 0 0 0.3em 0; */
65
}
66

    
67
.name {
68
  font-style: italic;
69
}
70

    
71
.rank,
72
.authors {
73
  font-style: normal;
74
}
75

    
76
.relation_sign {
77
  margin-left: -1em; /* Same as ul.typeDesignations. */
78
  margin-right: 0.3em;
79
  float: left;
80
  font-family: Arial, sans-serif;
81
}
82

    
83
.highlite {
84
  background-color: yellow;
85
}
86

    
87
ul.primary img.refresh {
88
  height: 14px;
89
  width: 14px;
90
}
91

    
92
/* this is used to highlite the first element in the classification chooser */
93
select.highlite-first-child option:first-child {
94
  font-weight: bold;
95
}
96

    
97
/*
98
 * ======= Search-Form =======
99
 */
100

    
101
#edit-search-area {
102
  height: 10em;
103
  overflow: auto;
104
}
105

    
106
/*
107
 * ======= Search-Results =======
108
 */
109
#block-cdm-dataportal-2 .description {
110
  display: none;
111
}
112

    
113
.fragment_highlight {
114
  font-size: 90%;
115
  margin-top: 0.3em;
116
}
117

    
118
.score-bar {
119
  width: 50px;
120
  height: 10px;
121
  border: 1px solid #dedede;
122
  background-color: #f3f3f3;
123
}
124
.score-bar .score-bar-indicator {
125
  background-color: #acd575;
126
  height: 10px;
127
}
128
.score-bar-value {
129
  width: 50px;
130
  height: 10px;
131
  margin-top: -11px; /* 10px plus 1px border. */
132
  font-size: 8px;
133
  line-height: 10px;
134
  background-color: transparent;
135
  text-align: center;
136
}
137

    
138
li .taxon {
139
}
140

    
141
/*
142
 * ======= Taxon Page =======
143
 */
144
.page-part {
145
  clear: both;
146
}
147

    
148
/*
149
 * ======= synonymy =======
150
 */
151

    
152
#synonymy ul {
153
    margin: 0;
154
}
155

    
156
#synonymy ul.heterotypicSynonymyGroup,
157
#synonymy ul.homotypicSynonymyGroup,
158
#synonymy ul.homotypicSynonyms,
159
#synonymy ul.taxonRelationships,
160
#synonymy ul.misapplied {
161
  margin-bottom: 0.5em;
162
}
163

    
164
#synonymy ul li {
165
  padding-bottom: 0px;
166
  padding-top: 0px;
167
  margin-bottom: 0px;
168
  margin-top: 0px;
169
}
170

    
171
.heterotypicSynonymyGroup li {
172
  margin-left: 26px;
173
}
174
.homotypic-synonymy-group,
175
.heterotypic-synonymy-group,
176
.taxon-relationships {
177
   border-bottom: 1px solid #dedede;
178
   padding: 1em 0;
179
}
180

    
181
/* footnotes in synonymy */
182
#synonymy ul.foototes {
183
  margin: 0;
184
}
185

    
186
.heterotypicSynonymyGroup li.footnotes,
187
.homotypicSynonymyGroup li.footnotes,
188
.homotypicSynonyms li.footnotes,
189
.misapplied li.footnotes,
190
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
191
.block-cdm-dataportal-feature .content li.cdm\:TextData,
192
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
193
  margin-top: 10px;
194
  margin-left: 6px;
195
  padding-left: 6px;
196
  list-style: none;
197
  list-style-image: none;
198
  background-image: none;
199
}
200

    
201

    
202
#synonymy li.footnotes {
203
  list-style: none;
204
  list-style-image: none;
205
  background-image: none;
206
}
207

    
208
ul.typeDesignations {
209
  margin-top: 0px;
210
  margin-bottom: 0px;
211
  margin-left: -1em; /* Same as .relation_sign. */
212
}
213
ul.typeDesignations li {
214
  background-image: none;
215
  list-style-type: none;
216
  list-style-image: none;
217
}
218

    
219
.form-item fieldset {
220
  font-size: 80%;
221
  margin-top: -3px;
222
  margin-left: 25px;
223
}
224
.form-item fieldset .featuretree_structure {
225
  height: 13em;
226
  overflow: auto;
227
}
228

    
229
.misapplied .name {
230
  /* font-style: normal; */
231
}
232
.misapplied .authors {
233
  display: none;
234
}
235
#edit-search-domisappliednames {
236
  vertical-align:baseline;
237
}
238

    
239
img.preview {
240
  margin: 5px 30px;
241
}
242

    
243
ul li.synonym {
244
  list-style-type: none;
245
  background-image: none;
246
}
247

    
248
li.firstentry {
249
  margin-left: 6px;
250
}
251

    
252
ul.cdm_names, ul.cdm_names li{
253
  background-image: none;
254
  list-style-type: none;
255
  list-style-image: none;
256
}
257

    
258
.dynabox .label:hover {
259
  color: #0174bb;
260
}
261

    
262
ul.cdm_names .dynabox_content {
263
  margin-top:-1em;
264
}
265

    
266
.tickbox_content {
267
  display: none;
268
}
269

    
270
.pager strong,
271
.pager a {
272
  -moz-border-radius-bottomleft: 2px;
273
  -moz-border-radius-bottomright: 2px;
274
  -moz-border-radius-topleft: 2px;
275
  -moz-border-radius-topright: 2px;
276
  background-color: #dfedf7;
277
  border: 1px solid #90c2e1;
278
  margin: 0px 0.25em;
279
  padding: 2px 5px;
280
}
281
.pager strong {
282
  background-color:#0174BB;
283
  color:#FFFFFF;
284
}
285
.pager-list-dots-right,
286
.pager-list-dots-left {
287
  display: inline;
288
}
289

    
290
a.filter_add:link,
291
a.filter_add:visited {
292
}
293

    
294
a.filter_remove:link,
295
a.filter_remove:visited {
296
  color: red;
297
}
298

    
299
a.synonym:LINK, a.synonym:VISITED,
300
.Synonym a:LINK, .Synonym a:VISITED,
301
.misapplied-name a:LINK,
302
.misapplied-name a:VISITED {
303
  color: #7c7c7f;
304
}
305

    
306
/* Synonyms with more than one accepted taxa. */
307
a.label:link,
308
a.label:visited {
309
  color: #7c7c7f;
310
}
311

    
312
.block-cdm-taxontree .content,
313
.block-cdm-dataportal-3 .content {
314
  font-size: 90%;
315
}
316
.content dt {
317
  float: left;
318
  font-weight: bold;
319
  margin-right: 0.3em;
320
}
321
.content dd {
322
  margin-left: 0;
323
  font-weight: normal;
324
}
325

    
326
.block-cdm-taxontree div.settings {
327
  /* background-color: #2587c3; */
328
  border-bottom: 1px solid #e0dfe3;
329
  border-top: 1px solid #e0dfe3;
330
}
331

    
332
.concept_switch {
333
  padding:0 0.2em;
334
}
335

    
336
.descriptionText,
337
.descriptionReference {
338
  vertical-align: top;
339
}
340

    
341
.annotation_box {
342
  display: none;
343
  background: #ffffcc;
344
  border: 1px solid #ffcc66;
345
  font-size: 9pt;
346
  padding: 5px
347
}
348
.annotation_box ul,
349
.annotation_box li {
350
  list-style-type: none;
351
  line-height: 11pt;
352
  padding: 0;
353
  margin: 0;
354
}
355

    
356
.annotation_box li {
357
  padding-left: 15px;
358
}
359

    
360
.annotation_create {
361
  margin-top: 20px;
362
  text-align: right;
363
}
364

    
365
.annotation_create textarea {
366
  width: 100%;
367
}
368

    
369
.annotation_create form {
370
  margin-bottom: 0;
371
}
372

    
373
/*
374
 * ==== Maps ====
375
 */
376

    
377
#openlayers {
378
  /* Should match the margin-bottom of .description. */
379
  margin-bottom: 0.75em;
380
}
381
#openlayers_map {
382
  width: 100%;
383
  height: 200px;
384
  border: 1px solid;
385
}
386
.openlayers_legend {
387
    background-color: white;
388
    filter:alpha(opacity=75); /* IE's opacity. */
389
    opacity: 0.75;
390
}
391

    
392
.distribution_map_caption {
393
  font-size: 90%;
394
  font-style: italic;
395
}
396

    
397

    
398
.distribution_map {
399
  border: 1px solid #ddd;
400
  background-color: #fff;
401
}
402

    
403
/*
404
 * ======= Media =======
405
 */
406
.media .viewer {
407
  margin-top: 20px;
408
}
409

    
410
/*
411
WA: Important, otherwise the media viewer will be displayed over the
412
Drupal Admin Overlay when this is used.
413

    
414
AK: this is not working since 'position: absolute;' will cause the content container
415
to be not extended to the side of
416
the image viewer
417
*/
418
div.cdm_media_viewer_image {
419
  /* position: absolute; */
420
  z-index: 1;
421
}
422
#openlayers {
423
  position: relative;
424
  z-index: 1;
425
}
426

    
427
.media ul.primary li a,
428
.media ul.primary li.active a,
429
.media ul.primary li a:hover,
430
.media ul.primary li a:visited,
431
.media ul.secondary li a,
432
.media ul.secondary li.active a,
433
.media ul.secondary li a:hover,
434
.media ul.secondary li a:visited {
435
  margin-left : 0px;
436
}
437

    
438
.media ul.primary li a.active {
439
  font-weight: bold;
440
}
441

    
442
.media_thumbnails {
443
  margin-top: 0px;
444
  margin-left: 0.3em;
445
}
446

    
447
.media_gallery tbody {
448
  border: 0px none;
449
}
450

    
451
.media_gallery td.caption {
452
  vertical-align: top;
453
}
454

    
455
.media-caption {
456
  margin-left: 0;
457
}
458

    
459
.media-caption dt.title {
460
  display: none;
461
}
462

    
463
.image-passe-partout{
464
  border: 0px none;
465
  background-color: #eee;
466
}
467

    
468
.image_viewer {
469
  border: 1px solid;
470
  background-color: #eee;
471
}
472

    
473

    
474
/*
475
 * ======= specific blocks =======
476
 */
477

    
478
#print_button {
479
  cursor: pointer;
480
}
481
#print_button span {
482
  color: #027AC6;
483
  margin-left: 0.3em; /* Spacing between image and text. */
484
}
485
#print_button span:hover {
486
  color: #0062A0;
487
  text-decoration: underline;
488
}
489

    
490
/*
491
 * ======= footnotes and annotations =======
492
 */
493

    
494
.footnotes {
495
    margin-top: 0.5em;
496
    display: block;
497
}
498

    
499
.annotations, .footnote{
500
  font-size: 88%;
501
}
502

    
503
.footnote-key {
504
  vertical-align: super;
505
  font-size: 80%;
506
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
507
  font-style: italic;
508
}
509
.footnote-anchor {
510
  font-weight: bold;
511
}
512

    
513
/*
514
 * Feature tree
515
 */
516

    
517
.featuretree_structure {
518
   font-size: 90%;
519
   line-height: 1em;
520
   color: #999;
521
}
522
/* For compatibility with d5 themes. */
523
.block-cdm-dataportal-feature {
524
  clear: both;
525
}
526

    
527
#block-cdm-dataportal-feature-bibliography .footnote {
528
    font-size: 100%; /* reset fontsize */
529
}
530

    
531
#useRecords th {
532
  font-weight: normal;
533
}
534

    
535
/* for compatibility with d5 themes */
536
.block-cdm-dataportal-feature ul {
537
  margin: 0;
538
  padding: 0 0 0.25em 1em;
539
}
540

    
541
/**
542
 * ======= Settings forms =======
543
 */
544

    
545
/* Do not display the descriptions indented in the setup forms, D5 style. */
546
#cdm-settings-general .form-type-radio .description,
547
#cdm-settings-general .form-type-checkbox .description,
548
#cdm-settings-geo .form-type-radio .description,
549
#cdm-settings-geo .form-type-checkbox .description,
550
#cdm-settings-layout .form-type-radio .description,
551
#cdm-settings-layout .form-type-checkbox .description,
552
#cdm-settings-layout-taxon .form-type-radio .description,
553
#cdm-settings-layout-taxon .form-type-checkbox .description,
554
#cdm-settings-layout-search .form-type-radio .description,
555
#cdm-settings-layout-search .form-type-checkbox .description,
556
#cdm-settings-layout-media .form-type-radio .description,
557
#cdm-settings-layout-media .form-type-checkbox .description,
558
#cdm-settings-cache .form-type-radio .description,
559
#cdm-settings-cache .form-type-checkbox .description,
560
#cdm-settings-layout-media .form-type-radio .description,
561
#cdm-settings-layout-media .form-type-checkbox .description,
562
#ext-links-admin .form-type-radio .description,
563
#ext-links-admin .form-type-checkbox .description,
564
#cdm-mediauri-rule-add .form-type-radio .description,
565
#cdm-mediauri-rule-add .form-type-checkbox .description {
566
  margin-left: 0;
567
}
568
/* Align checkboxes and radios as D5 style. */
569
#cdm-settings-general input.form-checkbox, input.form-radio,
570
#cdm-settings-geo input.form-checkbox, input.form-radio,
571
#cdm-settings-layout input.form-checkbox, input.form-radio,
572
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
573
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
574
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
575
#cdm-settings-cache input.form-checkbox, input.form-radio,
576
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
577
#ext-links-admin input.form-checkbox, input.form-radio,
578
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
579
  vertical-align: baseline;
580
}
581

    
582
/* Custom style for the more-help links on the cdm settings pages. */
583
.cdm-dataportal-settings-more-help-link {
584
  font-size: 0.85em;
585
}
586
.cdm-dataportal-settings-more-help-link a {
587
  background-image: none;
588
  padding: 0;
589
}
590
#block-system-help .content {
591
  margin: 0;
592
}
593

    
594
/*
595
 * ======= specimens =======
596
 */
597
#specimens table.specimens {
598
    width: 100%;
599
}
600

    
601
#specimens .description_list h4 {
602
  clear: left;
603
    margin-bottom: 0;
604
    font-style: italic;
605
}
606

    
607
#specimens  .block-cdm-dataportal-feature h2 {
608
  font-size: 11px;
609
    font-weight: bold;
610
}
611

    
612
#specimens ul.footnotes {
613
    padding: 0;
614
}
615

    
616
#specimens .dna-sequence div {
617
    font-family: monospace;
618
}
619

    
620

    
621
/*
622
 * ======= Identification keys =======
623
 */
624

    
625
#identificationKey .sources span {
626
  display: block;
627
}
628

    
629
.polytomousKey_linkedStyle td {
630
  vertical-align: top;
631
  padding-top: 0;
632
}
633
.polytomousKey_linkedStyle tr.new_section td {
634
  padding-top: 1em;
635
}
636
.polytomousKey_linkedStyle tr:hover {
637
  background-color: #eee;
638
}
639
.polytomousKey_linkedStyle .nodeLink {
640
  float: right;
641
  text-align: right;
642
  padding-left: 2em;
643
}
644
.polytomousKey_linkedStyle td.edge-indent {
645
  padding-left: 2em;
646
}
647

    
648
/*
649
 * Overriding default style from drupal?
650
 * This prohibits select elements from overflowing the parent container
651
 */
652
select {
653
  max-width: 100%;
654
}
(4-4/14)