idsk_template 0.24.0.idsk.alpha.2 → 0.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. checksums.yaml +5 -5
  2. data/app/assets/images/ministry_logo.png +0 -0
  3. data/app/assets/images/slovensko_sk_logo.png +0 -0
  4. data/app/assets/images/slovensko_sk_logo.svg +73 -0
  5. data/app/assets/stylesheets/fonts.css.erb +20 -33
  6. data/app/assets/stylesheets/fonts/source-sans-pro-bold-latin-ext.woff2 +0 -0
  7. data/app/assets/stylesheets/fonts/source-sans-pro-bold-latin.woff2 +0 -0
  8. data/app/assets/stylesheets/fonts/source-sans-pro-regular-latin-ext.woff2 +0 -0
  9. data/app/assets/stylesheets/fonts/source-sans-pro-regular-latin.woff2 +0 -0
  10. data/app/assets/stylesheets/idsk-template-ie6.css +661 -0
  11. data/app/assets/stylesheets/idsk-template-ie6.css.erb +146 -75
  12. data/app/assets/stylesheets/idsk-template-ie7.css.erb +147 -75
  13. data/app/assets/stylesheets/idsk-template-ie8.css +638 -0
  14. data/app/assets/stylesheets/idsk-template-ie8.css.erb +147 -75
  15. data/app/assets/stylesheets/idsk-template-print.css +75 -0
  16. data/app/assets/stylesheets/idsk-template.css +704 -0
  17. data/app/assets/stylesheets/idsk-template.css.erb +176 -96
  18. data/app/assets/stylesheets/images/icon_user.png +0 -0
  19. data/app/assets/stylesheets/images/stripe.png +0 -0
  20. data/app/views/layouts/idsk_template.html.erb +16 -11
  21. data/lib/idsk_template/engine.rb +3 -0
  22. data/lib/idsk_template/version.rb +1 -1
  23. metadata +18 -17
  24. data/app/assets/stylesheets/fonts/v1-2c037cf7e1-light.eot +0 -0
  25. data/app/assets/stylesheets/fonts/v1-357fdfbcc3-tabular-bold.eot +0 -0
  26. data/app/assets/stylesheets/fonts/v1-458f8ea81c-light.woff +0 -0
  27. data/app/assets/stylesheets/fonts/v1-498ea8ffe2-tabular-light.eot +0 -0
  28. data/app/assets/stylesheets/fonts/v1-62cc6f0a28-tabular-light.woff +0 -0
  29. data/app/assets/stylesheets/fonts/v1-784c21afb8-tabular-bold.woff +0 -0
  30. data/app/assets/stylesheets/fonts/v1-851b10ccdd-tabular-light.woff2 +0 -0
  31. data/app/assets/stylesheets/fonts/v1-a2452cb66f-bold.woff2 +0 -0
  32. data/app/assets/stylesheets/fonts/v1-b89238d840-tabular-bold.woff2 +0 -0
  33. data/app/assets/stylesheets/fonts/v1-f38ad40456-light.woff2 +0 -0
  34. data/app/assets/stylesheets/fonts/v1-f38c792ac2-bold.woff +0 -0
  35. data/app/assets/stylesheets/fonts/v1-fb2676462a-bold.eot +0 -0
data/app/assets/stylesheets/idsk-template-ie6.css.erb CHANGED
@@ -1,4 +1,4 @@
1
- /* govuk_frontend_toolkit includes */
1
+ /* idsk_frontend_toolkit includes */
2
2
  #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link,
3
3
  #global-header .header-proposition #proposition-links, #footer .footer-meta {
4
4
  zoom: 1; }
@@ -8,7 +8,7 @@
8
8
  display: block;
9
9
  clear: both; }
10
10
 
11
- #global-header-bar, #global-cookie-message p, #footer .footer-wrapper {
11
+ #global-cookie-message p, #footer .footer-wrapper {
12
12
  max-width: 960px;
13
13
  width: 960px;
14
14
  margin: 0 15px;
@@ -29,7 +29,7 @@
29
29
  width: device-width; }
30
30
 
31
31
  html, body, button, input, table, td, th {
32
- font-family: "nta", Arial, sans-serif; }
32
+ font-family: "Source Sans Pro", "Arial", sans-serif; }
33
33
 
34
34
  html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section {
35
35
  margin: 0;
@@ -68,7 +68,7 @@ html {
68
68
  /* 1 */
69
69
  -ms-text-size-adjust: 100%;
70
70
  /* 1 */
71
- background-color: #dee0e2; }
71
+ background-color: #eaeaea; }
72
72
 
73
73
  /*
74
74
  Force the scrollbar to always display in IE10/11
@@ -92,7 +92,7 @@ fieldset {
92
92
  padding: 0; }
93
93
 
94
94
  a:link {
95
- color: #005ea5; }
95
+ color: #215da8; }
96
96
 
97
97
  a:visited {
98
98
  color: #4c2c92; }
@@ -219,7 +219,7 @@ a:focus {
219
219
 
220
220
  /* Make links slightly darker when focused to improve contrast. */
221
221
  a:link:focus {
222
- color: #005798; }
222
+ color: #1f579d; }
223
223
 
224
224
  /* Make skiplinks visible when they are tabbed to */
225
225
  .skiplink {
@@ -274,20 +274,20 @@ button:focus {
274
274
  clear: both; }
275
275
 
276
276
  #global-header {
277
- background-color: #0b0c0c;
277
+ background-color: #313133;
278
278
  width: 100%; }
279
279
  #global-header .header-wrapper {
280
- background-color: #0b0c0c;
280
+ background-color: #313133;
281
281
  max-width: 990px;
282
282
  margin: 0 auto;
283
- padding-top: 8px;
284
- padding-bottom: 8px;
283
+ padding-top: 21px;
284
+ padding-bottom: 21px;
285
285
  padding-left: 15px;
286
286
  padding-right: 15px;
287
287
  width: 990px; }
288
288
  #global-header .header-wrapper .header-global .header-logo {
289
289
  float: left;
290
- width: 33.33%; }
290
+ width: 30%; }
291
291
  @media screen and (max-width: 379px) {
292
292
  #global-header .header-wrapper .header-global .header-logo {
293
293
  width: auto;
@@ -298,15 +298,18 @@ button:focus {
298
298
  margin-top: 2px; }
299
299
  #global-header.with-proposition .header-wrapper .header-global {
300
300
  float: left;
301
- width: 33.33%; }
301
+ width: 25%;
302
+ min-width: 240px; }
302
303
  #global-header.with-proposition .header-wrapper .header-global .header-logo,
303
304
  #global-header.with-proposition .header-wrapper .header-global .site-search {
304
305
  width: 100%; }
305
306
  #global-header.with-proposition .header-wrapper .header-proposition {
306
- width: 66.66%;
307
+ width: 55%;
307
308
  float: left; }
308
309
  #global-header.with-proposition .header-wrapper .header-proposition .content {
309
- margin: 0 15px; }
310
+ margin: 8px 15px 0 15px; }
311
+ #global-header.with-proposition.with-user .header-wrapper .header-proposition {
312
+ width: 45%; }
310
313
  #global-header #logo {
311
314
  float: left;
312
315
  overflow: visible;
@@ -316,15 +319,7 @@ button:focus {
316
319
  line-height: 1;
317
320
  text-decoration: none;
318
321
  text-rendering: optimizeLegibility;
319
- border-bottom: 1px solid transparent;
320
- background: url(<%= asset_path 'images/gov.uk_logotype_crown.png' %>) no-repeat;
321
- background-size: 36px 32px;
322
- background-position: 0 0;
323
- background-image: url(<%= asset_path 'images/gov.uk_logotype_crown-1x.png' %>); }
324
- #global-header #logo img {
325
- margin: 2px 1px 0 0;
326
- vertical-align: bottom;
327
- visibility: hidden; }
322
+ border-bottom: 1px solid transparent; }
328
323
  #global-header #logo:hover, #global-header #logo:focus {
329
324
  text-decoration: none;
330
325
  border-bottom-color: white; }
@@ -332,12 +327,12 @@ button:focus {
332
327
  padding-top: 10px;
333
328
  padding-top: 0; }
334
329
  #global-header .header-proposition #proposition-name {
335
- font-family: "nta", Arial, sans-serif;
330
+ font-family: "Source Sans Pro", "Arial", sans-serif;
336
331
  font-weight: 400;
337
332
  text-transform: none;
338
333
  font-size: 18px;
339
334
  line-height: 1.2;
340
- font-size: 24px;
335
+ font-size: 20px;
341
336
  line-height: 1.25;
342
337
  font-weight: bold;
343
338
  color: white;
@@ -347,7 +342,7 @@ button:focus {
347
342
  #global-header .header-proposition a#proposition-name:focus {
348
343
  color: #0b0c0c; }
349
344
  #global-header .header-proposition a.menu {
350
- font-family: "nta", Arial, sans-serif;
345
+ font-family: "Source Sans Pro", "Arial", sans-serif;
351
346
  font-weight: 400;
352
347
  text-transform: none;
353
348
  font-size: 14px;
@@ -358,7 +353,10 @@ button:focus {
358
353
  display: block;
359
354
  float: right;
360
355
  text-decoration: none;
356
+ padding-top: 4px;
357
+ margin-left: 10px;
361
358
  padding-top: 6px;
359
+ margin-left: 0;
362
360
  display: none; }
363
361
  #global-header .header-proposition a.menu:hover {
364
362
  text-decoration: underline; }
@@ -372,14 +370,16 @@ button:focus {
372
370
  #global-header .header-proposition a.menu.js-visible:after {
373
371
  content: " \25B2"; }
374
372
  #global-header .header-proposition #proposition-menu {
375
- margin-top: 5px; }
373
+ margin-top: 2px;
374
+ border-top: 1px #515153 solid; }
376
375
  #global-header .header-proposition #proposition-menu.no-proposition-name {
377
376
  margin-top: 37px; }
378
377
  #global-header .header-proposition #proposition-link,
379
378
  #global-header .header-proposition #proposition-links {
380
379
  clear: both;
381
380
  margin: 2px 0 0 0;
382
- padding: 0; }
381
+ padding: 0;
382
+ list-style-type: none; }
383
383
  .js-enabled #global-header .header-proposition #proposition-link, .js-enabled
384
384
  #global-header .header-proposition #proposition-links {
385
385
  display: none;
@@ -395,24 +395,17 @@ button:focus {
395
395
  border-bottom: 1px solid #2e3133;
396
396
  display: block;
397
397
  width: auto;
398
- padding: 0 15px 0 0;
398
+ padding: 0 20px 0 0;
399
399
  border-bottom: 0; }
400
400
  #global-header .header-proposition #proposition-link li.clear-child,
401
401
  #global-header .header-proposition #proposition-links li.clear-child {
402
402
  clear: left; }
403
403
  #global-header .header-proposition #proposition-link a,
404
404
  #global-header .header-proposition #proposition-links a {
405
- color: white;
405
+ color: #c1d0e2;
406
406
  text-decoration: none;
407
- font-family: "nta", Arial, sans-serif;
408
- font-weight: 700;
409
- text-transform: none;
410
- font-size: 12px;
411
- line-height: 1.25;
412
- font-size: 14px;
413
- line-height: 1.42857;
414
- font-family: "nta", Arial, sans-serif;
415
- font-weight: 700;
407
+ font-family: "Source Sans Pro", "Arial", sans-serif;
408
+ font-weight: 400;
416
409
  text-transform: none;
417
410
  font-size: 14px;
418
411
  line-height: 1.14286;
@@ -424,7 +417,7 @@ button:focus {
424
417
  text-decoration: underline; }
425
418
  #global-header .header-proposition #proposition-link a.active,
426
419
  #global-header .header-proposition #proposition-links a.active {
427
- color: #1d8feb; }
420
+ color: white; }
428
421
  #global-header .header-proposition #proposition-link a:focus,
429
422
  #global-header .header-proposition #proposition-links a:focus {
430
423
  color: #0b0c0c; }
@@ -434,11 +427,98 @@ button:focus {
434
427
  float: none; }
435
428
  .js-enabled #global-header .header-proposition #proposition-link {
436
429
  display: block; }
430
+ #global-header .header-user {
431
+ width: 100%;
432
+ min-width: 155px;
433
+ width: 20%;
434
+ float: right;
435
+ text-align: right; }
436
+ #global-header .header-user .user-menu {
437
+ position: absolute;
438
+ display: block;
439
+ right: 15px;
440
+ top: 25px;
441
+ display: inline-block;
442
+ width: 28px;
443
+ height: 28px;
444
+ margin-top: 5px;
445
+ vertical-align: top;
446
+ position: static; }
447
+ #global-header .header-user .user-menu #user-icon {
448
+ background: url("images/icon_user.png") no-repeat;
449
+ display: block;
450
+ width: 28px;
451
+ height: 28px; }
452
+ #global-header .header-user #user-signup {
453
+ position: absolute;
454
+ font-size: 12px;
455
+ width: 80px;
456
+ height: 30px;
457
+ line-height: 30px;
458
+ top: 25px;
459
+ right: 15px;
460
+ border: 1px white solid;
461
+ display: block;
462
+ float: right;
463
+ color: white;
464
+ text-decoration: none;
465
+ text-align: center;
466
+ top: 20px;
467
+ width: 125px;
468
+ height: 40px;
469
+ font-size: 20px;
470
+ line-height: 40px;
471
+ position: static; }
472
+ #global-header .header-user #user-signup:hover {
473
+ background: rgba(0, 0, 0, 0.4);
474
+ text-decoration: none;
475
+ color: white;
476
+ outline: none; }
477
+ #global-header .header-user #user-links {
478
+ background: rgba(0, 0, 0, 0.4);
479
+ display: block;
480
+ padding: 15px;
481
+ margin: 20px 0 -20px 0;
482
+ text-align: right;
483
+ margin-left: -15px;
484
+ margin-right: -15px;
485
+ display: inline-block;
486
+ padding: 0;
487
+ text-align: left;
488
+ margin: 0 0 0 9px;
489
+ background: transparent;
490
+ max-width: 65%; }
491
+ #global-header .header-user #user-links a#user-name {
492
+ display: block;
493
+ color: white;
494
+ font-size: 16px;
495
+ line-height: 20px;
496
+ font-weight: 600;
497
+ text-decoration: none; }
498
+ #global-header .header-user #user-links a#user-name:active, #global-header .header-user #user-links a#user-name:hover {
499
+ text-decoration: underline;
500
+ outline: none;
501
+ background: transparent; }
502
+ #global-header .header-user #user-links a#user-logout {
503
+ display: block;
504
+ color: #c1d0e2;
505
+ font-size: 14px;
506
+ line-height: 18px;
507
+ text-decoration: none; }
508
+ #global-header .header-user #user-links a#user-logout:active, #global-header .header-user #user-links a#user-logout:hover {
509
+ text-decoration: underline;
510
+ outline: none;
511
+ background: transparent; }
512
+ .js-enabled #global-header .header-user #user-links {
513
+ display: none;
514
+ display: inline-block; }
515
+ .js-enabled #global-header .header-user #user-links.js-visible {
516
+ display: block; }
437
517
 
438
518
  /* Global header bar */
439
519
  #global-header-bar {
440
- height: 10px;
441
- background-color: #005ea5;
520
+ height: 3px;
521
+ background: url("images/stripe.png");
442
522
  font-size: 0; }
443
523
 
444
524
  /* Global cookie message */
@@ -452,7 +532,7 @@ button:focus {
452
532
  padding-top: 10px;
453
533
  padding-bottom: 10px; }
454
534
  #global-cookie-message p {
455
- font-family: "nta", Arial, sans-serif;
535
+ font-family: "Source Sans Pro", "Arial", sans-serif;
456
536
  font-weight: 400;
457
537
  text-transform: none;
458
538
  font-size: 14px;
@@ -464,23 +544,23 @@ button:focus {
464
544
 
465
545
  /* Global footer */
466
546
  #footer {
467
- background-color: #dee0e2;
468
- border-top: 1px solid #a1acb2; }
547
+ background-color: #eaeaea; }
548
+ #footer.with-logo .open-government-licence {
549
+ padding-left: 85px; }
469
550
  #footer .footer-wrapper {
470
- background-color: #dee0e2;
471
- padding-top: 20px;
472
- padding-top: 60px; }
551
+ background-color: #eaeaea;
552
+ padding-top: 30px; }
473
553
  #footer a {
474
- color: #454a4c; }
554
+ color: #005ea5; }
475
555
  #footer a:hover {
476
- color: #171819; }
556
+ color: #0b0c0c; }
477
557
  #footer h2 {
478
- font-family: "nta", Arial, sans-serif;
558
+ font-family: "Source Sans Pro", "Arial", sans-serif;
479
559
  font-weight: 400;
480
560
  text-transform: none;
481
561
  font-size: 18px;
482
562
  line-height: 1.2;
483
- font-size: 24px;
563
+ font-size: 20px;
484
564
  line-height: 1.25;
485
565
  font-weight: bold;
486
566
  color: #0b0c0c;
@@ -491,7 +571,7 @@ button:focus {
491
571
  padding-bottom: 60px;
492
572
  clear: both;
493
573
  font-size: 0;
494
- color: #454a4c; }
574
+ color: #0b0c0c; }
495
575
  #footer .footer-meta .footer-meta-inner {
496
576
  display: inline-block;
497
577
  vertical-align: bottom;
@@ -500,7 +580,7 @@ button:focus {
500
580
  float: left;
501
581
  display: block; }
502
582
  #footer .footer-meta .footer-meta-inner ul {
503
- font-family: "nta", Arial, sans-serif;
583
+ font-family: "Source Sans Pro", "Arial", sans-serif;
504
584
  font-weight: 400;
505
585
  text-transform: none;
506
586
  font-size: 14px;
@@ -509,9 +589,9 @@ button:focus {
509
589
  line-height: 1.5;
510
590
  display: inline-block;
511
591
  list-style: none;
512
- margin: 0 0 1.5em 0;
592
+ margin: 5px 0;
513
593
  padding: 0;
514
- margin: 0 0 1em 0; }
594
+ margin: 5px 0; }
515
595
  #footer .footer-meta .footer-meta-inner ul li {
516
596
  display: inline-block;
517
597
  margin: 0 15px 0 0;
@@ -521,7 +601,6 @@ button:focus {
521
601
  #footer .footer-meta .footer-meta-inner .open-government-licence {
522
602
  clear: left;
523
603
  position: relative;
524
- padding-left: 53px;
525
604
  zoom: 1; }
526
605
  #footer .footer-meta .footer-meta-inner .open-government-licence .logo {
527
606
  margin-bottom: 1em;
@@ -543,7 +622,7 @@ button:focus {
543
622
  background-image: url(<%= asset_path 'images/open-government-licence_2x.png' %>);
544
623
  background-size: 41px 17px; } }
545
624
  #footer .footer-meta .footer-meta-inner .open-government-licence p {
546
- font-family: "nta", Arial, sans-serif;
625
+ font-family: "Source Sans Pro", "Arial", sans-serif;
547
626
  font-weight: 400;
548
627
  text-transform: none;
549
628
  font-size: 14px;
@@ -553,36 +632,28 @@ button:focus {
553
632
  margin: 0;
554
633
  padding-top: 0.1em; }
555
634
  #footer .footer-meta .copyright {
556
- font-family: "nta", Arial, sans-serif;
635
+ font-family: "Source Sans Pro", "Arial", sans-serif;
557
636
  font-weight: 400;
558
637
  text-transform: none;
559
638
  font-size: 14px;
560
639
  line-height: 1.14286;
561
640
  font-size: 16px;
562
641
  line-height: 1.25;
563
- margin: 30px 0 0 0;
642
+ text-align: left;
643
+ margin: 0 0 30px 0;
564
644
  width: 100%;
565
645
  display: block;
646
+ vertical-align: top;
566
647
  display: inline-block;
567
648
  text-align: inherit;
568
649
  width: 25%;
569
- padding-top: 15px;
570
- margin-top: 0;
650
+ padding-top: 0;
651
+ margin-bottom: 0;
571
652
  float: right;
572
653
  height: 150px;
573
654
  width: 24%; }
574
655
  #footer .footer-meta .copyright a {
575
656
  display: block;
576
- background-image: url(<%= asset_path 'images/govuk-crest.png' %>);
577
- background-repeat: no-repeat;
578
- background-position: 50% 0%;
579
- background-position: 100% 0%;
580
- background-image: url(<%= asset_path 'images/govuk-crest-ie.png' %>);
581
- text-align: center;
582
- text-decoration: none;
583
- text-align: right;
584
- padding: 115px 0 0 0; }
585
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
586
- #footer .footer-meta .copyright a {
587
- background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>);
588
- background-size: 125px 102px; } }
657
+ text-decoration: none; }
658
+ #footer .footer-meta .copyright a img.logo {
659
+ max-width: 218px; }
data/app/assets/stylesheets/idsk-template-ie7.css.erb CHANGED
@@ -1,4 +1,4 @@
1
- /* govuk_frontend_toolkit includes */
1
+ /* idsk_frontend_toolkit includes */
2
2
  #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link,
3
3
  #global-header .header-proposition #proposition-links, #footer .footer-meta {
4
4
  zoom: 1; }
@@ -8,7 +8,7 @@
8
8
  display: block;
9
9
  clear: both; }
10
10
 
11
- #global-header-bar, #global-cookie-message p, #footer .footer-wrapper {
11
+ #global-cookie-message p, #footer .footer-wrapper {
12
12
  max-width: 960px;
13
13
  width: 960px;
14
14
  margin: 0 15px;
@@ -29,7 +29,7 @@
29
29
  width: device-width; }
30
30
 
31
31
  html, body, button, input, table, td, th {
32
- font-family: "nta", Arial, sans-serif; }
32
+ font-family: "Source Sans Pro", "Arial", sans-serif; }
33
33
 
34
34
  html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section {
35
35
  margin: 0;
@@ -68,7 +68,7 @@ html {
68
68
  /* 1 */
69
69
  -ms-text-size-adjust: 100%;
70
70
  /* 1 */
71
- background-color: #dee0e2; }
71
+ background-color: #eaeaea; }
72
72
 
73
73
  /*
74
74
  Force the scrollbar to always display in IE10/11
@@ -92,7 +92,7 @@ fieldset {
92
92
  padding: 0; }
93
93
 
94
94
  a:link {
95
- color: #005ea5; }
95
+ color: #215da8; }
96
96
 
97
97
  a:visited {
98
98
  color: #4c2c92; }
@@ -219,7 +219,7 @@ a:focus {
219
219
 
220
220
  /* Make links slightly darker when focused to improve contrast. */
221
221
  a:link:focus {
222
- color: #005798; }
222
+ color: #1f579d; }
223
223
 
224
224
  /* Make skiplinks visible when they are tabbed to */
225
225
  .skiplink {
@@ -274,20 +274,20 @@ button:focus {
274
274
  clear: both; }
275
275
 
276
276
  #global-header {
277
- background-color: #0b0c0c;
277
+ background-color: #313133;
278
278
  width: 100%; }
279
279
  #global-header .header-wrapper {
280
- background-color: #0b0c0c;
280
+ background-color: #313133;
281
281
  max-width: 990px;
282
282
  margin: 0 auto;
283
- padding-top: 8px;
284
- padding-bottom: 8px;
283
+ padding-top: 21px;
284
+ padding-bottom: 21px;
285
285
  padding-left: 15px;
286
286
  padding-right: 15px;
287
287
  width: 990px; }
288
288
  #global-header .header-wrapper .header-global .header-logo {
289
289
  float: left;
290
- width: 33.33%; }
290
+ width: 30%; }
291
291
  @media screen and (max-width: 379px) {
292
292
  #global-header .header-wrapper .header-global .header-logo {
293
293
  width: auto;
@@ -298,15 +298,18 @@ button:focus {
298
298
  margin-top: 2px; }
299
299
  #global-header.with-proposition .header-wrapper .header-global {
300
300
  float: left;
301
- width: 33.33%; }
301
+ width: 25%;
302
+ min-width: 240px; }
302
303
  #global-header.with-proposition .header-wrapper .header-global .header-logo,
303
304
  #global-header.with-proposition .header-wrapper .header-global .site-search {
304
305
  width: 100%; }
305
306
  #global-header.with-proposition .header-wrapper .header-proposition {
306
- width: 66.66%;
307
+ width: 55%;
307
308
  float: left; }
308
309
  #global-header.with-proposition .header-wrapper .header-proposition .content {
309
- margin: 0 15px; }
310
+ margin: 8px 15px 0 15px; }
311
+ #global-header.with-proposition.with-user .header-wrapper .header-proposition {
312
+ width: 45%; }
310
313
  #global-header #logo {
311
314
  float: left;
312
315
  overflow: visible;
@@ -316,15 +319,7 @@ button:focus {
316
319
  line-height: 1;
317
320
  text-decoration: none;
318
321
  text-rendering: optimizeLegibility;
319
- border-bottom: 1px solid transparent;
320
- background: url(<%= asset_path 'images/gov.uk_logotype_crown.png' %>) no-repeat;
321
- background-size: 36px 32px;
322
- background-position: 0 0;
323
- background-image: url(<%= asset_path 'images/gov.uk_logotype_crown-1x.png' %>); }
324
- #global-header #logo img {
325
- margin: 2px 1px 0 0;
326
- vertical-align: bottom;
327
- visibility: hidden; }
322
+ border-bottom: 1px solid transparent; }
328
323
  #global-header #logo:hover, #global-header #logo:focus {
329
324
  text-decoration: none;
330
325
  border-bottom-color: white; }
@@ -332,12 +327,12 @@ button:focus {
332
327
  padding-top: 10px;
333
328
  padding-top: 0; }
334
329
  #global-header .header-proposition #proposition-name {
335
- font-family: "nta", Arial, sans-serif;
330
+ font-family: "Source Sans Pro", "Arial", sans-serif;
336
331
  font-weight: 400;
337
332
  text-transform: none;
338
333
  font-size: 18px;
339
334
  line-height: 1.2;
340
- font-size: 24px;
335
+ font-size: 20px;
341
336
  line-height: 1.25;
342
337
  font-weight: bold;
343
338
  color: white;
@@ -347,7 +342,7 @@ button:focus {
347
342
  #global-header .header-proposition a#proposition-name:focus {
348
343
  color: #0b0c0c; }
349
344
  #global-header .header-proposition a.menu {
350
- font-family: "nta", Arial, sans-serif;
345
+ font-family: "Source Sans Pro", "Arial", sans-serif;
351
346
  font-weight: 400;
352
347
  text-transform: none;
353
348
  font-size: 14px;
@@ -358,7 +353,10 @@ button:focus {
358
353
  display: block;
359
354
  float: right;
360
355
  text-decoration: none;
356
+ padding-top: 4px;
357
+ margin-left: 10px;
361
358
  padding-top: 6px;
359
+ margin-left: 0;
362
360
  display: none; }
363
361
  #global-header .header-proposition a.menu:hover {
364
362
  text-decoration: underline; }
@@ -372,14 +370,16 @@ button:focus {
372
370
  #global-header .header-proposition a.menu.js-visible:after {
373
371
  content: " \25B2"; }
374
372
  #global-header .header-proposition #proposition-menu {
375
- margin-top: 5px; }
373
+ margin-top: 2px;
374
+ border-top: 1px #515153 solid; }
376
375
  #global-header .header-proposition #proposition-menu.no-proposition-name {
377
376
  margin-top: 37px; }
378
377
  #global-header .header-proposition #proposition-link,
379
378
  #global-header .header-proposition #proposition-links {
380
379
  clear: both;
381
380
  margin: 2px 0 0 0;
382
- padding: 0; }
381
+ padding: 0;
382
+ list-style-type: none; }
383
383
  .js-enabled #global-header .header-proposition #proposition-link, .js-enabled
384
384
  #global-header .header-proposition #proposition-links {
385
385
  display: none;
@@ -395,24 +395,17 @@ button:focus {
395
395
  border-bottom: 1px solid #2e3133;
396
396
  display: block;
397
397
  width: auto;
398
- padding: 0 15px 0 0;
398
+ padding: 0 20px 0 0;
399
399
  border-bottom: 0; }
400
400
  #global-header .header-proposition #proposition-link li.clear-child,
401
401
  #global-header .header-proposition #proposition-links li.clear-child {
402
402
  clear: left; }
403
403
  #global-header .header-proposition #proposition-link a,
404
404
  #global-header .header-proposition #proposition-links a {
405
- color: white;
405
+ color: #c1d0e2;
406
406
  text-decoration: none;
407
- font-family: "nta", Arial, sans-serif;
408
- font-weight: 700;
409
- text-transform: none;
410
- font-size: 12px;
411
- line-height: 1.25;
412
- font-size: 14px;
413
- line-height: 1.42857;
414
- font-family: "nta", Arial, sans-serif;
415
- font-weight: 700;
407
+ font-family: "Source Sans Pro", "Arial", sans-serif;
408
+ font-weight: 400;
416
409
  text-transform: none;
417
410
  font-size: 14px;
418
411
  line-height: 1.14286;
@@ -424,7 +417,7 @@ button:focus {
424
417
  text-decoration: underline; }
425
418
  #global-header .header-proposition #proposition-link a.active,
426
419
  #global-header .header-proposition #proposition-links a.active {
427
- color: #1d8feb; }
420
+ color: white; }
428
421
  #global-header .header-proposition #proposition-link a:focus,
429
422
  #global-header .header-proposition #proposition-links a:focus {
430
423
  color: #0b0c0c; }
@@ -434,11 +427,98 @@ button:focus {
434
427
  float: none; }
435
428
  .js-enabled #global-header .header-proposition #proposition-link {
436
429
  display: block; }
430
+ #global-header .header-user {
431
+ width: 100%;
432
+ min-width: 155px;
433
+ width: 20%;
434
+ float: right;
435
+ text-align: right; }
436
+ #global-header .header-user .user-menu {
437
+ position: absolute;
438
+ display: block;
439
+ right: 15px;
440
+ top: 25px;
441
+ display: inline-block;
442
+ width: 28px;
443
+ height: 28px;
444
+ margin-top: 5px;
445
+ vertical-align: top;
446
+ position: static; }
447
+ #global-header .header-user .user-menu #user-icon {
448
+ background: url("images/icon_user.png") no-repeat;
449
+ display: block;
450
+ width: 28px;
451
+ height: 28px; }
452
+ #global-header .header-user #user-signup {
453
+ position: absolute;
454
+ font-size: 12px;
455
+ width: 80px;
456
+ height: 30px;
457
+ line-height: 30px;
458
+ top: 25px;
459
+ right: 15px;
460
+ border: 1px white solid;
461
+ display: block;
462
+ float: right;
463
+ color: white;
464
+ text-decoration: none;
465
+ text-align: center;
466
+ top: 20px;
467
+ width: 125px;
468
+ height: 40px;
469
+ font-size: 20px;
470
+ line-height: 40px;
471
+ position: static; }
472
+ #global-header .header-user #user-signup:hover {
473
+ background: rgba(0, 0, 0, 0.4);
474
+ text-decoration: none;
475
+ color: white;
476
+ outline: none; }
477
+ #global-header .header-user #user-links {
478
+ background: rgba(0, 0, 0, 0.4);
479
+ display: block;
480
+ padding: 15px;
481
+ margin: 20px 0 -20px 0;
482
+ text-align: right;
483
+ margin-left: -15px;
484
+ margin-right: -15px;
485
+ display: inline-block;
486
+ padding: 0;
487
+ text-align: left;
488
+ margin: 0 0 0 9px;
489
+ background: transparent;
490
+ max-width: 65%; }
491
+ #global-header .header-user #user-links a#user-name {
492
+ display: block;
493
+ color: white;
494
+ font-size: 16px;
495
+ line-height: 20px;
496
+ font-weight: 600;
497
+ text-decoration: none; }
498
+ #global-header .header-user #user-links a#user-name:active, #global-header .header-user #user-links a#user-name:hover {
499
+ text-decoration: underline;
500
+ outline: none;
501
+ background: transparent; }
502
+ #global-header .header-user #user-links a#user-logout {
503
+ display: block;
504
+ color: #c1d0e2;
505
+ font-size: 14px;
506
+ line-height: 18px;
507
+ text-decoration: none; }
508
+ #global-header .header-user #user-links a#user-logout:active, #global-header .header-user #user-links a#user-logout:hover {
509
+ text-decoration: underline;
510
+ outline: none;
511
+ background: transparent; }
512
+ .js-enabled #global-header .header-user #user-links {
513
+ display: none;
514
+ display: inline-block; }
515
+ .js-enabled #global-header .header-user #user-links.js-visible {
516
+ display: block; }
437
517
 
438
518
  /* Global header bar */
439
519
  #global-header-bar {
440
- height: 10px;
441
- background-color: #005ea5;
520
+ height: 3px;
521
+ background: url("images/stripe.png");
442
522
  font-size: 0; }
443
523
 
444
524
  /* Global cookie message */
@@ -452,7 +532,7 @@ button:focus {
452
532
  padding-top: 10px;
453
533
  padding-bottom: 10px; }
454
534
  #global-cookie-message p {
455
- font-family: "nta", Arial, sans-serif;
535
+ font-family: "Source Sans Pro", "Arial", sans-serif;
456
536
  font-weight: 400;
457
537
  text-transform: none;
458
538
  font-size: 14px;
@@ -464,23 +544,23 @@ button:focus {
464
544
 
465
545
  /* Global footer */
466
546
  #footer {
467
- background-color: #dee0e2;
468
- border-top: 1px solid #a1acb2; }
547
+ background-color: #eaeaea; }
548
+ #footer.with-logo .open-government-licence {
549
+ padding-left: 85px; }
469
550
  #footer .footer-wrapper {
470
- background-color: #dee0e2;
471
- padding-top: 20px;
472
- padding-top: 60px; }
551
+ background-color: #eaeaea;
552
+ padding-top: 30px; }
473
553
  #footer a {
474
- color: #454a4c; }
554
+ color: #005ea5; }
475
555
  #footer a:hover {
476
- color: #171819; }
556
+ color: #0b0c0c; }
477
557
  #footer h2 {
478
- font-family: "nta", Arial, sans-serif;
558
+ font-family: "Source Sans Pro", "Arial", sans-serif;
479
559
  font-weight: 400;
480
560
  text-transform: none;
481
561
  font-size: 18px;
482
562
  line-height: 1.2;
483
- font-size: 24px;
563
+ font-size: 20px;
484
564
  line-height: 1.25;
485
565
  font-weight: bold;
486
566
  color: #0b0c0c;
@@ -491,7 +571,7 @@ button:focus {
491
571
  padding-bottom: 60px;
492
572
  clear: both;
493
573
  font-size: 0;
494
- color: #454a4c; }
574
+ color: #0b0c0c; }
495
575
  #footer .footer-meta .footer-meta-inner {
496
576
  display: inline-block;
497
577
  vertical-align: bottom;
@@ -500,7 +580,7 @@ button:focus {
500
580
  float: left;
501
581
  display: block; }
502
582
  #footer .footer-meta .footer-meta-inner ul {
503
- font-family: "nta", Arial, sans-serif;
583
+ font-family: "Source Sans Pro", "Arial", sans-serif;
504
584
  font-weight: 400;
505
585
  text-transform: none;
506
586
  font-size: 14px;
@@ -509,9 +589,9 @@ button:focus {
509
589
  line-height: 1.5;
510
590
  display: inline-block;
511
591
  list-style: none;
512
- margin: 0 0 1.5em 0;
592
+ margin: 5px 0;
513
593
  padding: 0;
514
- margin: 0 0 1em 0; }
594
+ margin: 5px 0; }
515
595
  #footer .footer-meta .footer-meta-inner ul li {
516
596
  display: inline-block;
517
597
  margin: 0 15px 0 0;
@@ -520,8 +600,7 @@ button:focus {
520
600
  padding-right: 15px; }
521
601
  #footer .footer-meta .footer-meta-inner .open-government-licence {
522
602
  clear: left;
523
- position: relative;
524
- padding-left: 53px; }
603
+ position: relative; }
525
604
  #footer .footer-meta .footer-meta-inner .open-government-licence .logo {
526
605
  margin-bottom: 1em;
527
606
  padding-top: 0;
@@ -542,7 +621,7 @@ button:focus {
542
621
  background-image: url(<%= asset_path 'images/open-government-licence_2x.png' %>);
543
622
  background-size: 41px 17px; } }
544
623
  #footer .footer-meta .footer-meta-inner .open-government-licence p {
545
- font-family: "nta", Arial, sans-serif;
624
+ font-family: "Source Sans Pro", "Arial", sans-serif;
546
625
  font-weight: 400;
547
626
  text-transform: none;
548
627
  font-size: 14px;
@@ -552,35 +631,28 @@ button:focus {
552
631
  margin: 0;
553
632
  padding-top: 0.1em; }
554
633
  #footer .footer-meta .copyright {
555
- font-family: "nta", Arial, sans-serif;
634
+ font-family: "Source Sans Pro", "Arial", sans-serif;
556
635
  font-weight: 400;
557
636
  text-transform: none;
558
637
  font-size: 14px;
559
638
  line-height: 1.14286;
560
639
  font-size: 16px;
561
640
  line-height: 1.25;
562
- margin: 30px 0 0 0;
641
+ text-align: left;
642
+ margin: 0 0 30px 0;
563
643
  width: 100%;
564
644
  display: block;
645
+ vertical-align: top;
565
646
  display: inline-block;
566
647
  text-align: inherit;
567
648
  width: 25%;
568
- padding-top: 15px;
569
- margin-top: 0;
649
+ padding-top: 0;
650
+ margin-bottom: 0;
570
651
  float: right;
571
652
  height: 150px;
572
653
  width: 24%; }
573
654
  #footer .footer-meta .copyright a {
574
655
  display: block;
575
- background-image: url(<%= asset_path 'images/govuk-crest.png' %>);
576
- background-repeat: no-repeat;
577
- background-position: 50% 0%;
578
- background-position: 100% 0%;
579
- text-align: center;
580
- text-decoration: none;
581
- text-align: right;
582
- padding: 115px 0 0 0; }
583
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
584
- #footer .footer-meta .copyright a {
585
- background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>);
586
- background-size: 125px 102px; } }
656
+ text-decoration: none; }
657
+ #footer .footer-meta .copyright a img.logo {
658
+ max-width: 218px; }