Project

General

Profile

Download (12.1 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
/*
93
 * ======= Search-Form =======
94
 */
95

    
96
#edit-search-area {
97
  height: 10em;
98
  overflow: auto;
99
}
100

    
101
/*
102
 * ======= Search-Results =======
103
 */
104
#block-cdm-dataportal-2 .description {
105
  display: none;
106
}
107

    
108
.fragment_highlight {
109
  font-size: 90%;
110
  margin-top: 0.3em;
111
}
112

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

    
133
li .taxon {
134
}
135

    
136
/*
137
 * ======= Taxon Page =======
138
 */
139
.page-part {
140
  clear: both;
141
}
142

    
143
/*
144
 * ======= synonymy =======
145
 */
146

    
147
#synonymy ul {
148
    margin: 0;
149
}
150

    
151
#synonymy ul.heterotypicSynonymyGroup,
152
#synonymy ul.homotypicSynonymyGroup,
153
#synonymy ul.homotypicSynonyms,
154
#synonymy ul.taxonRelationships,
155
#synonymy ul.misapplied {
156
  margin-bottom: 0.5em;
157
}
158

    
159
#synonymy ul li {
160
  padding-bottom: 0px;
161
  padding-top: 0px;
162
  margin-bottom: 0px;
163
  margin-top: 0px;
164
}
165

    
166
.heterotypicSynonymyGroup li {
167
  margin-left: 26px;
168
}
169
.homotypic-synonymy-group,
170
.heterotypic-synonymy-group,
171
.taxon-relationships {
172
   border-bottom: 1px solid #dedede;
173
   padding: 1em 0;
174
}
175

    
176
/* footnotes in synonymy */
177
#synonymy ul.foototes {
178
  margin: 0;
179
}
180

    
181
.heterotypicSynonymyGroup li.footnotes,
182
.homotypicSynonymyGroup li.footnotes,
183
.homotypicSynonyms li.footnotes,
184
.misapplied li.footnotes,
185
.content li.descriptionText {
186
  margin-top: 10px;
187
  margin-left: 6px;
188
  padding-left: 6px;
189
  list-style: none;
190
  list-style-image: none;
191
  background-image: none;
192
}
193

    
194

    
195
#synonymy li.footnotes {
196
  list-style: none;
197
  list-style-image: none;
198
  background-image: none;
199
}
200

    
201
ul.typeDesignations {
202
  margin-top: 0px;
203
  margin-bottom: 0px;
204
  margin-left: -1em; /* Same as .relation_sign. */
205
}
206
ul.typeDesignations li {
207
  background-image: none;
208
  list-style-type: none;
209
  list-style-image: none;
210
}
211

    
212
.form-item fieldset {
213
  font-size: 80%;
214
  margin-top: -3px;
215
  margin-left: 25px;
216
}
217
.form-item fieldset .featuretree_structure {
218
  height: 13em;
219
  overflow: auto;
220
}
221

    
222
.misapplied .name {
223
  /* font-style: normal; */
224
}
225
.misapplied .authors {
226
  display: none;
227
}
228
#edit-search-domisappliednames {
229
  vertical-align:baseline;
230
}
231

    
232
img.preview {
233
  margin: 5px 30px;
234
}
235

    
236
ul li.synonym {
237
  list-style-type: none;
238
  background-image: none;
239
}
240

    
241
li.firstentry {
242
  margin-left: 6px;
243
}
244

    
245
ul.cdm_names, ul.cdm_names li{
246
  background-image: none;
247
  list-style-type: none;
248
  list-style-image: none;
249
}
250

    
251
.dynabox .label:hover {
252
  color: #0174bb;
253
}
254

    
255
ul.cdm_names .dynabox_content {
256
  margin-top:-1em;
257
}
258

    
259
.tickbox_content {
260
  display: none;
261
}
262

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

    
283
a.filter_add:link,
284
a.filter_add:visited {
285
}
286

    
287
a.filter_remove:link,
288
a.filter_remove:visited {
289
  color: red;
290
}
291

    
292
a.synonym:LINK, a.synonym:VISITED,
293
.Synonym a:LINK, .Synonym a:VISITED,
294
.misapplied-name a:LINK,
295
.misapplied-name a:VISITED {
296
  color: #7c7c7f;
297
}
298

    
299
/* Synonyms with more than one accepted taxa. */
300
a.label:link,
301
a.label:visited {
302
  color: #7c7c7f;
303
}
304

    
305
.block-cdm-taxontree .content,
306
.block-cdm-dataportal-3 .content {
307
  font-size: 90%;
308
}
309
.content dt {
310
  float: left;
311
  font-weight: bold;
312
  margin-right: 0.3em;
313
}
314
.content dd {
315
  margin-left: 0;
316
  font-weight: normal;
317
}
318

    
319
.block-cdm-taxontree div.settings {
320
  /* background-color: #2587c3; */
321
  border-bottom: 1px solid #e0dfe3;
322
  border-top: 1px solid #e0dfe3;
323
}
324

    
325
.concept_switch {
326
  padding:0 0.2em;
327
}
328

    
329
.descriptionText,
330
.descriptionReference {
331
  vertical-align: top;
332
}
333

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

    
349
.annotation_box li {
350
  padding-left: 15px;
351
}
352

    
353
.annotation_create {
354
  margin-top: 20px;
355
  text-align: right;
356
}
357

    
358
.annotation_create textarea {
359
  width: 100%;
360
}
361

    
362
.annotation_create form {
363
  margin-bottom: 0;
364
}
365

    
366
/*
367
 * ==== Maps ====
368
 */
369

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

    
385
.distribution_map_caption {
386
  font-size: 90%;
387
  font-style: italic;
388
}
389

    
390

    
391
.distribution_map {
392
  border: 1px solid #ddd;
393
  background-color: #fff;
394
}
395

    
396
/*
397
 * ======= Media =======
398
 */
399
.media .viewer {
400
  margin-top: 20px;
401
}
402

    
403
/*
404
WA: Important, otherwise the media viewer will be displayed over the
405
Drupal Admin Overlay when this is used.
406

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

    
419
.media ul.primary li a,
420
.media ul.primary li.active a,
421
.media ul.primary li a:hover,
422
.media ul.primary li a:visited,
423
.media ul.secondary li a,
424
.media ul.secondary li.active a,
425
.media ul.secondary li a:hover,
426
.media ul.secondary li a:visited {
427
  margin-left : 0px;
428
}
429

    
430
.media ul.primary li a.active {
431
  font-weight: bold;
432
}
433

    
434
.media_thumbnails {
435
  margin-top: 0px;
436
  margin-left: 0.3em;
437
}
438

    
439
.media_gallery tbody {
440
  border: 0px none;
441
}
442

    
443
.media_gallery td.caption {
444
  vertical-align: top;
445
}
446

    
447
.media-caption {
448
  margin-left: 0;
449
}
450

    
451
.media-caption dt.title {
452
  display: none;
453
}
454

    
455
.image-passe-partout{
456
  border: 0px none;
457
  background-color: #eee;
458
}
459

    
460
.image_viewer {
461
  border: 1px solid;
462
  background-color: #eee;
463
}
464

    
465

    
466
/*
467
 * ======= specific blocks =======
468
 */
469

    
470
#print_button {
471
  cursor: pointer;
472
}
473
#print_button span {
474
  color: #027AC6;
475
  margin-left: 0.3em; /* Spacing between image and text. */
476
}
477
#print_button span:hover {
478
  color: #0062A0;
479
  text-decoration: underline;
480
}
481

    
482
/*
483
 * ======= footnotes and annotations =======
484
 */
485
.annotations, .footnote{
486
  font-size: 88%;
487
}
488

    
489
.footnote-key {
490
  vertical-align: super;
491
  font-size: 80%;
492
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
493
  font-style: italic;
494
}
495
.footnote-anchor {
496
  font-weight: bold;
497
}
498

    
499
/*
500
 * Feature tree
501
 */
502

    
503
.featuretree_structure {
504
   font-size: 90%;
505
   line-height: 1em;
506
   color: #999;
507
}
508
/* For compatibility with d5 themes. */
509
.block-cdm-dataportal-feature {
510
  clear: both;
511
}
512

    
513
#useRecords th {
514
  font-weight: normal;
515
}
516

    
517
/* for compatibility with d5 themes */
518
.block-cdm-dataportal-feature ul {
519
  margin: 0;
520
  padding: 0 0 0.25em 1em;
521
}
522

    
523
/**
524
 * ======= Settings forms =======
525
 */
526

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

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

    
576
/*
577
 * ======= specimens =======
578
 */
579
#specimens table.specimens {
580
    width: 100%;
581
}
582

    
583
#specimens .description_list h4 {
584
  clear: left;
585
    margin-bottom: 0;
586
    font-style: italic;
587
}
588

    
589
#specimens  .block-cdm-dataportal-feature h2 {
590
  font-size: 11px;
591
    font-weight: bold;
592
}
593

    
594
#specimens ul.footnotes {
595
    padding: 0;
596
}
597

    
598
#specimens .dna-sequence div {
599
    font-family: monospace;
600
}
601

    
602

    
603
/*
604
 * ======= Identification keys =======
605
 */
606

    
607
#identificationKey .sources span {
608
  display: block;
609
}
610

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

    
630
/*
631
 * Overriding default style from drupal?
632
 * This prohibits select elements from overflowing the parent container
633
 */
634
select {
635
  max-width: 100%;
636
}
(4-4/14)