Project

General

Profile

Download (12.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
#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 {
191
  margin-top: 10px;
192
  margin-left: 6px;
193
  padding-left: 6px;
194
  list-style: none;
195
  list-style-image: none;
196
  background-image: none;
197
}
198

    
199

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

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

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

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

    
237
img.preview {
238
  margin: 5px 30px;
239
}
240

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

    
246
li.firstentry {
247
  margin-left: 6px;
248
}
249

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

    
256
.dynabox .label:hover {
257
  color: #0174bb;
258
}
259

    
260
ul.cdm_names .dynabox_content {
261
  margin-top:-1em;
262
}
263

    
264
.tickbox_content {
265
  display: none;
266
}
267

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

    
288
a.filter_add:link,
289
a.filter_add:visited {
290
}
291

    
292
a.filter_remove:link,
293
a.filter_remove:visited {
294
  color: red;
295
}
296

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

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

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

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

    
330
.concept_switch {
331
  padding:0 0.2em;
332
}
333

    
334
.descriptionText,
335
.descriptionReference {
336
  vertical-align: top;
337
}
338

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

    
354
.annotation_box li {
355
  padding-left: 15px;
356
}
357

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

    
363
.annotation_create textarea {
364
  width: 100%;
365
}
366

    
367
.annotation_create form {
368
  margin-bottom: 0;
369
}
370

    
371
/*
372
 * ==== Maps ====
373
 */
374

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

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

    
395

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

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

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

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

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

    
435
.media ul.primary li a.active {
436
  font-weight: bold;
437
}
438

    
439
.media_thumbnails {
440
  margin-top: 0px;
441
  margin-left: 0.3em;
442
}
443

    
444
.media_gallery tbody {
445
  border: 0px none;
446
}
447

    
448
.media_gallery td.caption {
449
  vertical-align: top;
450
}
451

    
452
.media-caption {
453
  margin-left: 0;
454
}
455

    
456
.media-caption dt.title {
457
  display: none;
458
}
459

    
460
.image-passe-partout{
461
  border: 0px none;
462
  background-color: #eee;
463
}
464

    
465
.image_viewer {
466
  border: 1px solid;
467
  background-color: #eee;
468
}
469

    
470

    
471
/*
472
 * ======= specific blocks =======
473
 */
474

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

    
487
/*
488
 * ======= footnotes and annotations =======
489
 */
490
.annotations, .footnote{
491
  font-size: 88%;
492
}
493

    
494
.footnote-key {
495
  vertical-align: super;
496
  font-size: 80%;
497
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
498
  font-style: italic;
499
}
500
.footnote-anchor {
501
  font-weight: bold;
502
}
503

    
504
/*
505
 * Feature tree
506
 */
507

    
508
.featuretree_structure {
509
   font-size: 90%;
510
   line-height: 1em;
511
   color: #999;
512
}
513
/* For compatibility with d5 themes. */
514
.block-cdm-dataportal-feature {
515
  clear: both;
516
}
517

    
518
#useRecords th {
519
  font-weight: normal;
520
}
521

    
522
/* for compatibility with d5 themes */
523
.block-cdm-dataportal-feature ul {
524
  margin: 0;
525
  padding: 0 0 0.25em 1em;
526
}
527

    
528
/**
529
 * ======= Settings forms =======
530
 */
531

    
532
/* Do not display the descriptions indented in the setup forms, D5 style. */
533
#cdm-settings-general .form-type-radio .description,
534
#cdm-settings-general .form-type-checkbox .description,
535
#cdm-settings-geo .form-type-radio .description,
536
#cdm-settings-geo .form-type-checkbox .description,
537
#cdm-settings-layout .form-type-radio .description,
538
#cdm-settings-layout .form-type-checkbox .description,
539
#cdm-settings-layout-taxon .form-type-radio .description,
540
#cdm-settings-layout-taxon .form-type-checkbox .description,
541
#cdm-settings-layout-search .form-type-radio .description,
542
#cdm-settings-layout-search .form-type-checkbox .description,
543
#cdm-settings-layout-media .form-type-radio .description,
544
#cdm-settings-layout-media .form-type-checkbox .description,
545
#cdm-settings-cache .form-type-radio .description,
546
#cdm-settings-cache .form-type-checkbox .description,
547
#cdm-settings-layout-media .form-type-radio .description,
548
#cdm-settings-layout-media .form-type-checkbox .description,
549
#ext-links-admin .form-type-radio .description,
550
#ext-links-admin .form-type-checkbox .description,
551
#cdm-mediauri-rule-add .form-type-radio .description,
552
#cdm-mediauri-rule-add .form-type-checkbox .description {
553
  margin-left: 0;
554
}
555
/* Align checkboxes and radios as D5 style. */
556
#cdm-settings-general input.form-checkbox, input.form-radio,
557
#cdm-settings-geo input.form-checkbox, input.form-radio,
558
#cdm-settings-layout input.form-checkbox, input.form-radio,
559
#cdm-settings-layout-taxon input.form-checkbox, input.form-radio,
560
#cdm-settings-layout-search input.form-checkbox, input.form-radio,
561
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
562
#cdm-settings-cache input.form-checkbox, input.form-radio,
563
#cdm-settings-layout-media input.form-checkbox, input.form-radio,
564
#ext-links-admin input.form-checkbox, input.form-radio,
565
#cdm-mediauri-rule-add input.form-checkbox, input.form-radio {
566
  vertical-align: baseline;
567
}
568

    
569
/* Custom style for the more-help links on the cdm settings pages. */
570
.cdm-dataportal-settings-more-help-link {
571
  font-size: 0.85em;
572
}
573
.cdm-dataportal-settings-more-help-link a {
574
  background-image: none;
575
  padding: 0;
576
}
577
#block-system-help .content {
578
  margin: 0;
579
}
580

    
581
/*
582
 * ======= specimens =======
583
 */
584
#specimens table.specimens {
585
    width: 100%;
586
}
587

    
588
#specimens .description_list h4 {
589
  clear: left;
590
    margin-bottom: 0;
591
    font-style: italic;
592
}
593

    
594
#specimens  .block-cdm-dataportal-feature h2 {
595
  font-size: 11px;
596
    font-weight: bold;
597
}
598

    
599
#specimens ul.footnotes {
600
    padding: 0;
601
}
602

    
603
#specimens .dna-sequence div {
604
    font-family: monospace;
605
}
606

    
607

    
608
/*
609
 * ======= Identification keys =======
610
 */
611

    
612
#identificationKey .sources span {
613
  display: block;
614
}
615

    
616
.polytomousKey_linkedStyle td {
617
  vertical-align: top;
618
  padding-top: 0;
619
}
620
.polytomousKey_linkedStyle tr.new_section td {
621
  padding-top: 1em;
622
}
623
.polytomousKey_linkedStyle tr:hover {
624
  background-color: #eee;
625
}
626
.polytomousKey_linkedStyle .nodeLink {
627
  float: right;
628
  text-align: right;
629
  padding-left: 2em;
630
}
631
.polytomousKey_linkedStyle td.edge-indent {
632
  padding-left: 2em;
633
}
634

    
635
/*
636
 * Overriding default style from drupal?
637
 * This prohibits select elements from overflowing the parent container
638
 */
639
select {
640
  max-width: 100%;
641
}
(4-4/14)