Project

General

Profile

Download (12.7 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
#derivate_hierarchy_table {
11
    width: 100%;
12
}
13

    
14
#derivate_hierarchy_table td.checkBoxCell {
15
    text-align: center;
16
    vertical-align: middle;
17
}
18

    
19
#block-cdm-api-cdm-ws-debug {
20
  background-color: #373737;
21
  color: #fff;
22
  border: 1px solid #fff;
23
  -moz-box-shadow: inset 0 0 3px 2px #fff;
24
  -webkit-box-shadow: inset 0 0 3px 2px #fff;
25
  box-shadow: inset 0 0 3px 2px #fff;
26
}
27

    
28
#cdm-ws-debug-table-container {
29
  display: none;
30
}
31

    
32
#block-cdm-api-cdm-ws-debug h4 {
33
  margin: 3px;
34
  padding: 0;
35
}
36

    
37
#cdm-ws-debug-table {
38
  width: 100%;
39
}
40

    
41
#cdm-ws-debug-table code {
42
  font-weight: normal;
43
}
44

    
45
#cdm-ws-debug-table td.data_links a {
46
  color: #999;
47
}
48
#cdm-ws-debug-table tr.valid td.data_links a {
49
  color: #1bdf00;
50
}
51
#cdm-ws-debug-table tr.invalid td.data_links a {
52
  color: #f3000a;
53
}
54
#cdm-ws-debug-table tr.cacheL1, #cdm-ws-debug-table tr.cacheL2 {
55
  color: #999;
56
}
57
#cdm-ws-debug-table .ws_uri {
58
  width: 50%;
59
}
60

    
61
/*
62
 * when nesting description lists the inner dl should
63
 * not have a margin at top and bottom, but should be
64
 * indented
65
 * Used in occurence details.
66
 */
67
dl dl {
68
    margin: 0 0 0 2em;
69
}
70

    
71
#block-system-main div.content {
72
  /* margin: 0 0 0.3em 0; */
73
}
74

    
75
.name {
76
  font-style: italic;
77
}
78

    
79
.rank,
80
.authors {
81
  font-style: normal;
82
}
83

    
84
.relation_sign {
85
  margin-left: -1em; /* Same as ul.typeDesignations. */
86
  margin-right: 0.3em;
87
  float: left;
88
  font-family: Arial, sans-serif;
89
}
90

    
91
.highlite {
92
  background-color: yellow;
93
}
94

    
95
ul.primary img.refresh {
96
  height: 14px;
97
  width: 14px;
98
}
99

    
100
/* this is used to highlite the first element in the classification chooser */
101
select.highlite-first-child option:first-child {
102
  font-weight: bold;
103
}
104

    
105
/*
106
 * ======= Search-Form =======
107
 */
108

    
109
#edit-search-area {
110
  height: 10em;
111
  overflow: auto;
112
}
113

    
114
/*
115
 * ======= Search-Results =======
116
 */
117
#block-cdm-dataportal-2 .description {
118
  display: none;
119
}
120

    
121
.fragment_highlight {
122
  font-size: 90%;
123
  margin-top: 0.3em;
124
}
125

    
126
.score-bar {
127
  width: 50px;
128
  height: 10px;
129
  border: 1px solid #dedede;
130
  background-color: #f3f3f3;
131
}
132
.score-bar .score-bar-indicator {
133
  background-color: #acd575;
134
  height: 10px;
135
}
136
.score-bar-value {
137
  width: 50px;
138
  height: 10px;
139
  margin-top: -11px; /* 10px plus 1px border. */
140
  font-size: 8px;
141
  line-height: 10px;
142
  background-color: transparent;
143
  text-align: center;
144
}
145

    
146
li .taxon {
147
}
148

    
149
/*
150
 * ======= Taxon Page =======
151
 */
152
.page-part {
153
  clear: both;
154
}
155

    
156
/*
157
 * ======= synonymy =======
158
 */
159

    
160
#synonymy ul {
161
    margin: 0;
162
}
163

    
164
#synonymy ul.heterotypicSynonymyGroup,
165
#synonymy ul.homotypicSynonymyGroup,
166
#synonymy ul.homotypicSynonyms,
167
#synonymy ul.taxonRelationships,
168
#synonymy ul.misapplied {
169
  margin-bottom: 0.5em;
170
}
171

    
172
#synonymy ul li {
173
  padding-bottom: 0px;
174
  padding-top: 0px;
175
  margin-bottom: 0px;
176
  margin-top: 0px;
177
}
178

    
179
.heterotypicSynonymyGroup li {
180
  margin-left: 26px;
181
}
182
.homotypic-synonymy-group,
183
.heterotypic-synonymy-group,
184
.taxon-relationships {
185
   border-bottom: 1px solid #dedede;
186
   padding: 1em 0;
187
}
188

    
189
/* footnotes in synonymy */
190
#synonymy ul.foototes {
191
  margin: 0;
192
}
193

    
194
.heterotypicSynonymyGroup li.footnotes,
195
.homotypicSynonymyGroup li.footnotes,
196
.homotypicSynonyms li.footnotes,
197
.misapplied li.footnotes,
198
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
199
.block-cdm-dataportal-feature .content li.cdm\:TextData,
200
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
201
  margin-top: 10px;
202
  margin-left: 6px;
203
  padding-left: 6px;
204
  list-style: none;
205
  list-style-image: none;
206
  background-image: none;
207
}
208

    
209

    
210
#synonymy li.footnotes {
211
  list-style: none;
212
  list-style-image: none;
213
  background-image: none;
214
}
215

    
216
ul.typeDesignations {
217
  margin-top: 0px;
218
  margin-bottom: 0px;
219
  margin-left: -1em; /* Same as .relation_sign. */
220
}
221
ul.typeDesignations li {
222
  background-image: none;
223
  list-style-type: none;
224
  list-style-image: none;
225
}
226

    
227
.form-item fieldset {
228
  font-size: 80%;
229
  margin-top: -3px;
230
  margin-left: 25px;
231
}
232
.form-item fieldset .featuretree_structure {
233
  height: 13em;
234
  overflow: auto;
235
}
236

    
237
.misapplied .name {
238
  /* font-style: normal; */
239
}
240
.misapplied .authors {
241
  display: none;
242
}
243
#edit-search-domisappliednames {
244
  vertical-align:baseline;
245
}
246

    
247
img.preview {
248
  margin: 5px 30px;
249
}
250

    
251
ul li.synonym {
252
  list-style-type: none;
253
  background-image: none;
254
}
255

    
256
li.firstentry {
257
  margin-left: 6px;
258
}
259

    
260
ul.cdm_names, ul.cdm_names li{
261
  background-image: none;
262
  list-style-type: none;
263
  list-style-image: none;
264
}
265

    
266
.dynabox .label:hover {
267
  color: #0174bb;
268
}
269

    
270
ul.cdm_names .dynabox_content {
271
  margin-top:-1em;
272
}
273

    
274
.tickbox_content {
275
  display: none;
276
}
277

    
278
.pager strong,
279
.pager a {
280
  -moz-border-radius-bottomleft: 2px;
281
  -moz-border-radius-bottomright: 2px;
282
  -moz-border-radius-topleft: 2px;
283
  -moz-border-radius-topright: 2px;
284
  background-color: #dfedf7;
285
  border: 1px solid #90c2e1;
286
  margin: 0px 0.25em;
287
  padding: 2px 5px;
288
}
289
.pager strong {
290
  background-color:#0174BB;
291
  color:#FFFFFF;
292
}
293
.pager-list-dots-right,
294
.pager-list-dots-left {
295
  display: inline;
296
}
297

    
298
a.filter_add:link,
299
a.filter_add:visited {
300
}
301

    
302
a.filter_remove:link,
303
a.filter_remove:visited {
304
  color: red;
305
}
306

    
307
a.synonym:LINK, a.synonym:VISITED,
308
.Synonym a:LINK, .Synonym a:VISITED,
309
.misapplied-name a:LINK,
310
.misapplied-name a:VISITED {
311
  color: #7c7c7f;
312
}
313

    
314
/* Synonyms with more than one accepted taxa. */
315
a.label:link,
316
a.label:visited {
317
  color: #7c7c7f;
318
}
319

    
320
.block-cdm-taxontree .content,
321
.block-cdm-dataportal-3 .content {
322
  font-size: 90%;
323
}
324
.content dt {
325
  float: left;
326
  font-weight: bold;
327
  margin-right: 0.3em;
328
}
329
.content dd {
330
  margin-left: 0;
331
  font-weight: normal;
332
}
333

    
334
.block-cdm-taxontree div.settings {
335
  /* background-color: #2587c3; */
336
  border-bottom: 1px solid #e0dfe3;
337
  border-top: 1px solid #e0dfe3;
338
}
339

    
340
.concept_switch {
341
  padding:0 0.2em;
342
}
343

    
344
.descriptionText,
345
.descriptionReference {
346
  vertical-align: top;
347
}
348

    
349
.annotation_box {
350
  display: none;
351
  background: #ffffcc;
352
  border: 1px solid #ffcc66;
353
  font-size: 9pt;
354
  padding: 5px
355
}
356
.annotation_box ul,
357
.annotation_box li {
358
  list-style-type: none;
359
  line-height: 11pt;
360
  padding: 0;
361
  margin: 0;
362
}
363

    
364
.annotation_box li {
365
  padding-left: 15px;
366
}
367

    
368
.annotation_create {
369
  margin-top: 20px;
370
  text-align: right;
371
}
372

    
373
.annotation_create textarea {
374
  width: 100%;
375
}
376

    
377
.annotation_create form {
378
  margin-bottom: 0;
379
}
380

    
381
/*
382
 * ==== Maps ====
383
 */
384

    
385
#openlayers {
386
  /* Should match the margin-bottom of .description. */
387
  margin-bottom: 0.75em;
388
}
389
#openlayers_map {
390
  width: 100%;
391
  height: 200px;
392
  border: 1px solid;
393
}
394
.openlayers_legend {
395
    background-color: white;
396
    filter:alpha(opacity=75); /* IE's opacity. */
397
    opacity: 0.75;
398
}
399

    
400
.distribution_map_caption {
401
  font-size: 90%;
402
  font-style: italic;
403
}
404

    
405

    
406
.distribution_map {
407
  border: 1px solid #ddd;
408
  background-color: #fff;
409
}
410

    
411
/*
412
 * ======= Media =======
413
 */
414
.media .viewer {
415
  margin-top: 20px;
416
}
417

    
418
/*
419
WA: Important, otherwise the media viewer will be displayed over the
420
Drupal Admin Overlay when this is used.
421

    
422
AK: this is not working since 'position: absolute;' will cause the content container
423
to be not extended to the side of
424
the image viewer
425
*/
426
div.cdm_media_viewer_image {
427
  /* position: absolute; */
428
  z-index: 1;
429
}
430
#openlayers {
431
  position: relative;
432
  z-index: 1;
433
}
434

    
435
.media ul.primary li a,
436
.media ul.primary li.active a,
437
.media ul.primary li a:hover,
438
.media ul.primary li a:visited,
439
.media ul.secondary li a,
440
.media ul.secondary li.active a,
441
.media ul.secondary li a:hover,
442
.media ul.secondary li a:visited {
443
  margin-left : 0px;
444
}
445

    
446
.media ul.primary li a.active {
447
  font-weight: bold;
448
}
449

    
450
.media_thumbnails {
451
  margin-top: 0px;
452
  margin-left: 0.3em;
453
}
454

    
455
.media_gallery tbody {
456
  border: 0px none;
457
}
458

    
459
.media_gallery td.caption {
460
  vertical-align: top;
461
}
462

    
463
.media-caption {
464
  margin-left: 0;
465
}
466

    
467
.media-caption dt.title {
468
  display: none;
469
}
470

    
471
.image-passe-partout{
472
  border: 0px none;
473
  background-color: #eee;
474
}
475

    
476
.image_viewer {
477
  border: 1px solid;
478
  background-color: #eee;
479
}
480

    
481

    
482
/*
483
 * ======= specific blocks =======
484
 */
485

    
486
#print_button {
487
  cursor: pointer;
488
}
489
#print_button span {
490
  color: #027AC6;
491
  margin-left: 0.3em; /* Spacing between image and text. */
492
}
493
#print_button span:hover {
494
  color: #0062A0;
495
  text-decoration: underline;
496
}
497

    
498
/*
499
 * ======= footnotes and annotations =======
500
 */
501

    
502
.footnotes {
503
    margin-top: 0.5em;
504
    display: block;
505
}
506

    
507
.annotations, .footnote{
508
  font-size: 88%;
509
}
510

    
511
.footnote-key {
512
  vertical-align: super;
513
  font-size: 80%;
514
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
515
  font-style: italic;
516
}
517
.footnote-anchor {
518
  font-weight: bold;
519
}
520

    
521
/*
522
 * Feature tree
523
 */
524

    
525
.featuretree_structure {
526
   font-size: 90%;
527
   line-height: 1em;
528
   color: #999;
529
}
530
/* For compatibility with d5 themes. */
531
.block-cdm-dataportal-feature {
532
  clear: both;
533
}
534

    
535
#block-cdm-dataportal-feature-bibliography .footnote {
536
    font-size: 100%; /* reset fontsize */
537
}
538

    
539
#useRecords th {
540
  font-weight: normal;
541
}
542

    
543
/* for compatibility with d5 themes */
544
.block-cdm-dataportal-feature ul {
545
  margin: 0;
546
  padding: 0 0 0.25em 1em;
547
}
548

    
549
/**
550
 * ======= Settings forms =======
551
 */
552

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

    
590
/* Custom style for the more-help links on the cdm settings pages. */
591
.cdm-dataportal-settings-more-help-link {
592
  font-size: 0.85em;
593
}
594
.cdm-dataportal-settings-more-help-link a {
595
  background-image: none;
596
  padding: 0;
597
}
598
#block-system-help .content {
599
  margin: 0;
600
}
601

    
602
/*
603
 * ======= specimens =======
604
 */
605
#specimens table.specimens {
606
    width: 100%;
607
}
608

    
609
#specimens .description_list h4 {
610
  clear: left;
611
    margin-bottom: 0;
612
    font-style: italic;
613
}
614

    
615
#specimens  .block-cdm-dataportal-feature h2 {
616
  font-size: 11px;
617
    font-weight: bold;
618
}
619

    
620
#specimens ul.footnotes {
621
    padding: 0;
622
}
623

    
624
#specimens .dna-sequence div {
625
    font-family: monospace;
626
}
627

    
628

    
629
/*
630
 * ======= Identification keys =======
631
 */
632

    
633
#identificationKey .sources span {
634
  display: block;
635
}
636

    
637
.polytomousKey_linkedStyle td {
638
  vertical-align: top;
639
  padding-top: 0;
640
}
641
.polytomousKey_linkedStyle tr.new_section td {
642
  padding-top: 1em;
643
}
644
.polytomousKey_linkedStyle tr:hover {
645
  background-color: #eee;
646
}
647
.polytomousKey_linkedStyle .nodeLink {
648
  float: right;
649
  text-align: right;
650
  padding-left: 2em;
651
}
652
.polytomousKey_linkedStyle td.edge-indent {
653
  padding-left: 2em;
654
}
655

    
656
/*
657
 * Overriding default style from drupal?
658
 * This prohibits select elements from overflowing the parent container
659
 */
660
select {
661
  max-width: 100%;
662
}
(4-4/14)