Project

General

Profile

Download (13.2 KB) Statistics
| Branch: | Tag: | Revision:
1
/**
2
 * @file
3
 * cdm_dataportal specific styling
4
 *
5
 * Style the markup found in the cdm_dataportal module.
6
 */
7
@import url("../fonts/notosans-webfont-2017-2/stylesheet.css");
8
@import url("../fonts/notomono-webfont-2020/stylesheet.css");
9
/* line 30, ../sass/ie-legacy.scss */
10
.pie-element, .lt-ie9 #page {
11
  behavior: url("/polyfills/css3pie/PIE-1.0.0.htc");
12
  position: relative;
13
}
14

    
15
/* line 43, ../sass/ie-legacy.scss */
16
.pie-container {
17
  z-index: 0;
18
  position: relative;
19
}
20

    
21
/* line 47, ../sass/ie-legacy.scss */
22
.z-pie-element, .lt-ie9 #page {
23
  behavior: url("/polyfills/css3pie/PIE-1.0.0.htc");
24
  z-index: 0;
25
}
26

    
27
/* line 63, ../sass/ie-legacy.scss */
28
.lt-ie9 #header {
29
  /* 
30
   * reset right padding to zero and use margin-right instead,
31
   * this avoids the need for background-clip: content-box
32
   * which is not suppoorted in IE < 9
33
   */
34
  padding-right: 0;
35
  margin-right: 20px;
36
}
37

    
38
/* line 43, ../sass/_mixins.scss */
39
.block a:link,
40
.block a:visited, .node a:link,
41
.node a:visited, #identificationKey a:link,
42
#identificationKey a:visited, #content a:link,
43
#content a:visited {
44
  color: #115e92;
45
  text-decoration: none;
46
}
47
/* line 49, ../sass/_mixins.scss */
48
.block a:hover,
49
.block a:focus, .node a:hover,
50
.node a:focus, #identificationKey a:hover,
51
#identificationKey a:focus, #content a:hover,
52
#content a:focus {
53
  text-decoration: underline;
54
}
55
/* line 58, ../sass/_mixins.scss */
56
.block .Synonym a:link,
57
.block .Synonym a:visited, .block .misapplied-name a:link,
58
.block .misapplied-name a:visited, .node .Synonym a:link,
59
.node .Synonym a:visited, .node .misapplied-name a:link,
60
.node .misapplied-name a:visited, #identificationKey .Synonym a:link,
61
#identificationKey .Synonym a:visited, #identificationKey .misapplied-name a:link,
62
#identificationKey .misapplied-name a:visited, #content .Synonym a:link,
63
#content .Synonym a:visited, #content .misapplied-name a:link,
64
#content .misapplied-name a:visited {
65
  color: #7c7c7c;
66
}
67
/* line 64, ../sass/_mixins.scss */
68
.block .Taxon a:link,
69
.block .Taxon a:visited, .node .Taxon a:link,
70
.node .Taxon a:visited, #identificationKey .Taxon a:link,
71
#identificationKey .Taxon a:visited, #content .Taxon a:link,
72
#content .Taxon a:visited {
73
  color: #115e92;
74
}
75

    
76
/* line 20, ../sass/cdm.scss */
77
.footnotes .footnote {
78
  font-size: smaller;
79
}
80

    
81
/* line 25, ../sass/cdm.scss */
82
.node-cdm-name .name-page-name {
83
  margin-top: 10px;
84
  margin-bottom: 10px;
85
}
86
/* line 29, ../sass/cdm.scss */
87
.node-cdm-name .registered_name {
88
  font-weight: bold;
89
}
90
/* line 32, ../sass/cdm.scss */
91
.node-cdm-name .type-status {
92
  font-weight: bold;
93
}
94

    
95
/* line 38, ../sass/cdm.scss */
96
#content a.tabs-primary__tab-link {
97
  color: #333;
98
}
99
/* line 42, ../sass/cdm.scss */
100
#content table {
101
  caption-side: top;
102
}
103
/* line 43, ../sass/cdm.scss */
104
#content table th {
105
  text-align: left;
106
}
107
/* line 47, ../sass/cdm.scss */
108
#content table caption {
109
  text-align: right;
110
  font-size: smaller;
111
}
112

    
113
/* line 54, ../sass/cdm.scss */
114
#page-toc {
115
  float: right;
116
  background-color: white;
117
}
118
/* line 57, ../sass/cdm.scss */
119
#page-toc h3 {
120
  margin-top: 0;
121
  line-height: 22.4px;
122
}
123

    
124
/* line 63, ../sass/cdm.scss */
125
#taxonProfileImage {
126
  float: left;
127
}
128

    
129
/* line 68, ../sass/cdm.scss */
130
.block-cdm-dataportal-feature .content-caption {
131
  text-align: right;
132
}
133
/* line 71, ../sass/cdm.scss */
134
.block-cdm-dataportal-feature .label {
135
  font-style: italic;
136
}
137

    
138
/* line 76, ../sass/cdm.scss */
139
.block-cdm-dataportal-feature, .media-caption, .specimens {
140
  clear: both;
141
  margin-bottom: 22.4px;
142
}
143
/* line 79, ../sass/cdm.scss */
144
.block-cdm-dataportal-feature dt, .media-caption dt, .specimens dt {
145
  float: left;
146
  font-weight: bold;
147
  margin-right: 0.3em;
148
}
149
/* line 84, ../sass/cdm.scss */
150
.block-cdm-dataportal-feature dd, .media-caption dd, .specimens dd {
151
  margin: 0;
152
  margin-left: 20px;
153
}
154
/* line 88, ../sass/cdm.scss */
155
.block-cdm-dataportal-feature dl dl, .media-caption dl dl, .specimens dl dl {
156
  margin: 0;
157
  /* reset default from cdm_dataportal.css */
158
}
159

    
160
/* line 93, ../sass/cdm.scss */
161
.breadcrumbs li {
162
  padding: 0 0 0 0;
163
}
164

    
165
/* line 98, ../sass/cdm.scss */
166
.description-table .described-entities .label {
167
  font-weight: bold;
168
}
169

    
170
/*
171
 * Search results
172
 */
173
/* line 43, ../sass/_mixins.scss */
174
#search_results a:link,
175
#search_results a:visited {
176
  color: #115e92;
177
  text-decoration: none;
178
}
179
/* line 49, ../sass/_mixins.scss */
180
#search_results a:hover,
181
#search_results a:focus {
182
  text-decoration: underline;
183
}
184
/* line 58, ../sass/_mixins.scss */
185
#search_results .Synonym a:link,
186
#search_results .Synonym a:visited, #search_results .misapplied-name a:link,
187
#search_results .misapplied-name a:visited {
188
  color: #7c7c7c;
189
}
190
/* line 64, ../sass/_mixins.scss */
191
#search_results .Taxon a:link,
192
#search_results .Taxon a:visited {
193
  color: #115e92;
194
}
195
/* line 112, ../sass/cdm.scss */
196
#search_results table {
197
  margin: 1em 0;
198
}
199

    
200
/* line 121, ../sass/cdm.scss */
201
div.cdm-item-list div.item {
202
  margin: 11.2px 0;
203
}
204

    
205
/*
206
 * Taxon page and parts
207
 */
208
/* line 130, ../sass/cdm.scss */
209
.page-part {
210
  margin-bottom: 22.4px;
211
  clear: none;
212
}
213

    
214
/*
215
 * definition list container rendered by the
216
 * drupal theme function theme_description_list()
217
 */
218
/* line 140, ../sass/cdm.scss */
219
.description_list h3 {
220
  font-size: 14px;
221
  line-height: 22.4px;
222
  font-weight: bold;
223
}
224

    
225
/*
226
 * Synonymy
227
 */
228
/* line 154, ../sass/cdm.scss */
229
#synonymy div.accepted-name {
230
  margin-bottom: -1em;
231
  margin-top: 1em;
232
}
233
/* line 159, ../sass/cdm.scss */
234
#synonymy .homotypic-synonymy-group, #synonymy .heterotypic-synonymy-group, #synonymy .taxon-relationships {
235
  border-bottom: 1px solid #DEDEDE;
236
  /* replace padding by margin */
237
  margin: 1em 0px;
238
  padding: 0;
239
}
240

    
241
/*
242
 * Media
243
 */
244
/* line 170, ../sass/cdm.scss */
245
dl.media-caption {
246
  margin: 0;
247
}
248

    
249
/* line 174, ../sass/cdm.scss */
250
.media-caption dd {
251
  margin-left: 0;
252
}
253
/* line 176, ../sass/cdm.scss */
254
.media-caption dd .title {
255
  font-size: 100%;
256
}
257

    
258
/* line 181, ../sass/cdm.scss */
259
.image-gallerie td.caption {
260
  padding-bottom: 1em;
261
}
262

    
263
/*
264
 * specimens and type designations
265
 */
266
/* line 189, ../sass/cdm.scss */
267
#specimens table.media_gallery {
268
  margin-top: 0.2em;
269
}
270
/* line 192, ../sass/cdm.scss */
271
#specimens .description_list {
272
  clear: both;
273
}
274
/* line 194, ../sass/cdm.scss */
275
#specimens .description_list h3 {
276
  margin-top: 0;
277
  background-color: #ddd;
278
}
279
/* line 198, ../sass/cdm.scss */
280
#specimens .description_list h4 {
281
  clear: left;
282
  margin-bottom: 0;
283
  font-style: italic;
284
}
285
/* line 204, ../sass/cdm.scss */
286
#specimens .dynabox_content {
287
  margin-left: 10px;
288
  margin-right: 10px;
289
}
290
/* line 208, ../sass/cdm.scss */
291
#specimens .block-cdm-dataportal-feature {
292
  margin-left: 20px;
293
  margin-bottom: 0;
294
}
295
/* line 211, ../sass/cdm.scss */
296
#specimens .block-cdm-dataportal-feature h2 {
297
  font-size: 14px;
298
  line-height: 22.4px;
299
  font-weight: bold;
300
}
301
/* line 218, ../sass/cdm.scss */
302
#specimens ul.typeDesignations {
303
  clear: both;
304
}
305
/* line 221, ../sass/cdm.scss */
306
#specimens .dna-sequence div {
307
  font-size: 14px;
308
  font-family: monospace;
309
  clear: left;
310
  padding-left: 20px;
311
}
312
/* line 227, ../sass/cdm.scss */
313
#specimens .derived_from {
314
  clear: both;
315
}
316

    
317
/*
318
 * derivatives tree view (see also derivation-tree.js)
319
 * partially based on ideas found in https://jsfiddle.net/xuonpjmh/21/
320
 */
321
/* line 245, ../sass/cdm.scss */
322
div.derived-unit-tree,
323
ul.derived-unit-sub-tree,
324
ul.derived-unit-sub-tree ul {
325
  list-style: none;
326
  margin: 0 0 0 3.2px;
327
  padding: 0;
328
}
329
/* line 250, ../sass/cdm.scss */
330
div.derived-unit-tree .unit-header,
331
ul.derived-unit-sub-tree .unit-header,
332
ul.derived-unit-sub-tree ul .unit-header {
333
  padding-top: 7px;
334
}
335
/* line 252, ../sass/cdm.scss */
336
div.derived-unit-tree .unit-header .unit-label,
337
ul.derived-unit-sub-tree .unit-header .unit-label,
338
ul.derived-unit-sub-tree ul .unit-header .unit-label {
339
  cursor: pointer;
340
  background-color: #dedede;
341
  padding-left: 5px;
342
}
343
/* line 256, ../sass/cdm.scss */
344
div.derived-unit-tree .unit-header .unit-label .page-link,
345
ul.derived-unit-sub-tree .unit-header .unit-label .page-link,
346
ul.derived-unit-sub-tree ul .unit-header .unit-label .page-link {
347
  float: right;
348
}
349
/* line 260, ../sass/cdm.scss */
350
div.derived-unit-tree .unit-header .unit-label:hover,
351
ul.derived-unit-sub-tree .unit-header .unit-label:hover,
352
ul.derived-unit-sub-tree ul .unit-header .unit-label:hover {
353
  background-color: #f8f8f8;
354
}
355
/* line 264, ../sass/cdm.scss */
356
div.derived-unit-tree .unit-content,
357
ul.derived-unit-sub-tree .unit-content,
358
ul.derived-unit-sub-tree ul .unit-content {
359
  padding: 11.2px;
360
  background-color: #ebebeb;
361
}
362
/* line 268, ../sass/cdm.scss */
363
div.derived-unit-tree .derivation-event,
364
ul.derived-unit-sub-tree .derivation-event,
365
ul.derived-unit-sub-tree ul .derivation-event {
366
  font-size: smaller;
367
  margin-top: -11.2px;
368
  color: #7c7c7c;
369
}
370
/* line 273, ../sass/cdm.scss */
371
div.derived-unit-tree .focused_item,
372
ul.derived-unit-sub-tree .focused_item,
373
ul.derived-unit-sub-tree ul .focused_item {
374
  font-weight: bold;
375
}
376

    
377
/* line 278, ../sass/cdm.scss */
378
div.derived-unit-tree-root .unit-content-wrapper {
379
  border-left: 3px dotted #dedede;
380
  margin-left: 3.2px;
381
}
382

    
383
/* line 284, ../sass/cdm.scss */
384
ul.derived-unit-sub-tree ul {
385
  margin-left: 1.0em;
386
}
387
/* line 287, ../sass/cdm.scss */
388
ul.derived-unit-sub-tree li {
389
  position: relative;
390
  margin-left: 0;
391
  padding-left: 1em;
392
  margin-top: -3.2px;
393
  line-height: 22.4px;
394
  border-left: 3px dotted #dedede;
395
}
396
/* line 297, ../sass/cdm.scss */
397
ul.derived-unit-sub-tree li:last-child {
398
  border-left: none;
399
}
400
/* line 299, ../sass/cdm.scss */
401
ul.derived-unit-sub-tree li:last-child .unit-header, ul.derived-unit-sub-tree li:last-child .unit-content {
402
  margin-left: 3px;
403
}
404
/* line 303, ../sass/cdm.scss */
405
ul.derived-unit-sub-tree li:before {
406
  position: absolute;
407
  top: 3.2px;
408
  left: 0;
409
  width: 1em;
410
  /* width of horizontal line */
411
  height: 12.7px;
412
  /* vertical position of line */
413
  vertical-align: top;
414
  border-bottom: 3px dotted #dedede;
415
  content: "";
416
  display: inline-block;
417
}
418
/* line 315, ../sass/cdm.scss */
419
ul.derived-unit-sub-tree li:last-child:before {
420
  border-left: 3px dotted #dedede;
421
}
422

    
423
/* line 320, ../sass/cdm.scss */
424
div.derived-unit-tree table.details-table {
425
  font-size: smaller;
426
}
427

    
428
/* line 325, ../sass/cdm.scss */
429
.derived-unit-details-grid table.details-table {
430
  margin: 0;
431
  width: 100%;
432
  vertical-align: top;
433
  background-color: white;
434
}
435
/* line 330, ../sass/cdm.scss */
436
.derived-unit-details-grid table.details-table thead {
437
  border-bottom: thin solid #dedede;
438
}
439
/* line 333, ../sass/cdm.scss */
440
.derived-unit-details-grid table.details-table tbody {
441
  background-color: white;
442
}
443
/* line 335, ../sass/cdm.scss */
444
.derived-unit-details-grid table.details-table tbody .label {
445
  text-align: right;
446
  white-space: nowrap;
447
  border-right: thin solid #dedede;
448
  width: 50%;
449
}
450
/* line 342, ../sass/cdm.scss */
451
.derived-unit-details-grid table.details-table td, .derived-unit-details-grid table.details-table th {
452
  padding-right: 11.2px;
453
  padding-left: 11.2px;
454
}
455

    
456
/* line 348, ../sass/cdm.scss */
457
.derived-unit-details-grid {
458
  display: grid;
459
  grid-column-gap: 11.2px;
460
  grid-row-gap: 11.2px;
461
}
462
@media all and (max-width: 659px) {
463
  /* line 348, ../sass/cdm.scss */
464
  .derived-unit-details-grid {
465
    grid-template-columns: repeat(1, 1fr);
466
  }
467
}
468
@media all and (min-width: 660px) {
469
  /* line 348, ../sass/cdm.scss */
470
  .derived-unit-details-grid {
471
    grid-template-columns: repeat(2, 1fr);
472
  }
473
}
474
/* line 358, ../sass/cdm.scss */
475
.derived-unit-details-grid dl {
476
  margin: 0;
477
}
478

    
479
/*
480
 * Map
481
 */
482
/* line 367, ../sass/cdm.scss */
483
.openlayers-container {
484
  margin-top: 5px;
485
  margin-bottom: 5px;
486
}
487

    
488
/*
489
 * Registration page & items
490
 */
491
/* line 377, ../sass/cdm.scss */
492
.registration .type-status {
493
  font-weight: bold;
494
}
495
/* line 381, ../sass/cdm.scss */
496
.registration .registration-date-and-institute {
497
  color: #999;
498
}
499
/* line 387, ../sass/cdm.scss */
500
.registration .published-name .TaxonName .name {
501
  font-weight: bold;
502
}
503
/* line 391, ../sass/cdm.scss */
504
.registration .typified-name .cdm\:TaxonName {
505
  color: #999;
506
}
507
/* line 393, ../sass/cdm.scss */
508
.registration .typified-name .cdm\:TaxonName a {
509
  color: #999;
510
}
511
/* line 396, ../sass/cdm.scss */
512
.registration .typified-name .cdm\:TaxonName .TaxonName .name {
513
  font-weight: bold;
514
}
515
/* line 402, ../sass/cdm.scss */
516
.registration .registration-summary .registered_name .name {
517
  font-weight: bold;
518
}
519
/* line 405, ../sass/cdm.scss */
520
.registration .registration-summary .referenced_typified_name {
521
  color: #999;
522
}
523
/* line 408, ../sass/cdm.scss */
524
.registration .registration-summary .label {
525
  font-weight: bold;
526
}
527

    
528
/*
529
 * Theme settings page
530
 */
531
/* line 419, ../sass/cdm.scss */
532
#system-theme-settings .image-preview {
533
  width: 600px;
534
  max-height: 150px;
535
  overflow: auto;
536
}
537
/* line 423, ../sass/cdm.scss */
538
#system-theme-settings .image-preview img {
539
  max-width: none;
540
  /* reset style in mormalize.scss */
541
}
542

    
543
/*****************************************************************************************
544
 * RESPONSIVE
545
 *
546
 * using the same media queries here as in layout/_responsive.scss
547
 *****************************************************************************************/
548
/* line 436, ../sass/cdm.scss */
549
#classification-breadcrumbs {
550
  font-size: 1.5em;
551
  line-height: 1.5em;
552
}
553

    
554
@media all and (min-width: 960px) {
555
  /* line 447, ../sass/cdm.scss */
556
  #classification-breadcrumbs {
557
    font-size: 1em;
558
  }
559
}
560
/***************************
561
 * TESTING ONLY 2020-02-20
562
 */
563
/* line 455, ../sass/cdm.scss */
564
.font-noto {
565
  font-family: "Noto Sans", sans-serif !important;
566
}
(1-1/5)