idsk_template 0.24.0.idsk.alpha.2 → 0.24.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/app/assets/images/ministry_logo.png +0 -0
- data/app/assets/images/slovensko_sk_logo.png +0 -0
- data/app/assets/images/slovensko_sk_logo.svg +73 -0
- data/app/assets/stylesheets/fonts.css.erb +20 -33
- data/app/assets/stylesheets/fonts/source-sans-pro-bold-latin-ext.woff2 +0 -0
- data/app/assets/stylesheets/fonts/source-sans-pro-bold-latin.woff2 +0 -0
- data/app/assets/stylesheets/fonts/source-sans-pro-regular-latin-ext.woff2 +0 -0
- data/app/assets/stylesheets/fonts/source-sans-pro-regular-latin.woff2 +0 -0
- data/app/assets/stylesheets/idsk-template-ie6.css +661 -0
- data/app/assets/stylesheets/idsk-template-ie6.css.erb +146 -75
- data/app/assets/stylesheets/idsk-template-ie7.css.erb +147 -75
- data/app/assets/stylesheets/idsk-template-ie8.css +638 -0
- data/app/assets/stylesheets/idsk-template-ie8.css.erb +147 -75
- data/app/assets/stylesheets/idsk-template-print.css +75 -0
- data/app/assets/stylesheets/idsk-template.css +704 -0
- data/app/assets/stylesheets/idsk-template.css.erb +176 -96
- data/app/assets/stylesheets/images/icon_user.png +0 -0
- data/app/assets/stylesheets/images/stripe.png +0 -0
- data/app/views/layouts/idsk_template.html.erb +16 -11
- data/lib/idsk_template/engine.rb +3 -0
- data/lib/idsk_template/version.rb +1 -1
- metadata +18 -17
- data/app/assets/stylesheets/fonts/v1-2c037cf7e1-light.eot +0 -0
- data/app/assets/stylesheets/fonts/v1-357fdfbcc3-tabular-bold.eot +0 -0
- data/app/assets/stylesheets/fonts/v1-458f8ea81c-light.woff +0 -0
- data/app/assets/stylesheets/fonts/v1-498ea8ffe2-tabular-light.eot +0 -0
- data/app/assets/stylesheets/fonts/v1-62cc6f0a28-tabular-light.woff +0 -0
- data/app/assets/stylesheets/fonts/v1-784c21afb8-tabular-bold.woff +0 -0
- data/app/assets/stylesheets/fonts/v1-851b10ccdd-tabular-light.woff2 +0 -0
- data/app/assets/stylesheets/fonts/v1-a2452cb66f-bold.woff2 +0 -0
- data/app/assets/stylesheets/fonts/v1-b89238d840-tabular-bold.woff2 +0 -0
- data/app/assets/stylesheets/fonts/v1-f38ad40456-light.woff2 +0 -0
- data/app/assets/stylesheets/fonts/v1-f38c792ac2-bold.woff +0 -0
- data/app/assets/stylesheets/fonts/v1-fb2676462a-bold.eot +0 -0
@@ -1,4 +1,4 @@
|
|
1
|
-
/*
|
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-
|
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: "
|
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: #
|
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: #
|
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: #
|
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: #
|
277
|
+
background-color: #313133;
|
278
278
|
width: 100%; }
|
279
279
|
#global-header .header-wrapper {
|
280
|
-
background-color: #
|
280
|
+
background-color: #313133;
|
281
281
|
max-width: 990px;
|
282
282
|
margin: 0 auto;
|
283
|
-
padding-top:
|
284
|
-
padding-bottom:
|
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:
|
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:
|
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:
|
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: "
|
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:
|
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: "
|
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:
|
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
|
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:
|
405
|
+
color: #c1d0e2;
|
406
406
|
text-decoration: none;
|
407
|
-
font-family: "
|
408
|
-
font-weight:
|
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:
|
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:
|
441
|
-
background
|
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: "
|
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: #
|
468
|
-
|
547
|
+
background-color: #eaeaea; }
|
548
|
+
#footer.with-logo .open-government-licence {
|
549
|
+
padding-left: 85px; }
|
469
550
|
#footer .footer-wrapper {
|
470
|
-
background-color: #
|
471
|
-
padding-top:
|
472
|
-
padding-top: 60px; }
|
551
|
+
background-color: #eaeaea;
|
552
|
+
padding-top: 30px; }
|
473
553
|
#footer a {
|
474
|
-
color: #
|
554
|
+
color: #005ea5; }
|
475
555
|
#footer a:hover {
|
476
|
-
color: #
|
556
|
+
color: #0b0c0c; }
|
477
557
|
#footer h2 {
|
478
|
-
font-family: "
|
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:
|
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: #
|
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: "
|
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:
|
592
|
+
margin: 5px 0;
|
513
593
|
padding: 0;
|
514
|
-
margin:
|
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: "
|
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: "
|
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
|
-
|
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:
|
570
|
-
margin-
|
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
|
-
|
577
|
-
|
578
|
-
|
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; }
|
@@ -1,4 +1,4 @@
|
|
1
|
-
/*
|
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-
|
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: "
|
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: #
|
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: #
|
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: #
|
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: #
|
277
|
+
background-color: #313133;
|
278
278
|
width: 100%; }
|
279
279
|
#global-header .header-wrapper {
|
280
|
-
background-color: #
|
280
|
+
background-color: #313133;
|
281
281
|
max-width: 990px;
|
282
282
|
margin: 0 auto;
|
283
|
-
padding-top:
|
284
|
-
padding-bottom:
|
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:
|
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:
|
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:
|
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: "
|
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:
|
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: "
|
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:
|
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
|
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:
|
405
|
+
color: #c1d0e2;
|
406
406
|
text-decoration: none;
|
407
|
-
font-family: "
|
408
|
-
font-weight:
|
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:
|
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:
|
441
|
-
background
|
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: "
|
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: #
|
468
|
-
|
547
|
+
background-color: #eaeaea; }
|
548
|
+
#footer.with-logo .open-government-licence {
|
549
|
+
padding-left: 85px; }
|
469
550
|
#footer .footer-wrapper {
|
470
|
-
background-color: #
|
471
|
-
padding-top:
|
472
|
-
padding-top: 60px; }
|
551
|
+
background-color: #eaeaea;
|
552
|
+
padding-top: 30px; }
|
473
553
|
#footer a {
|
474
|
-
color: #
|
554
|
+
color: #005ea5; }
|
475
555
|
#footer a:hover {
|
476
|
-
color: #
|
556
|
+
color: #0b0c0c; }
|
477
557
|
#footer h2 {
|
478
|
-
font-family: "
|
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:
|
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: #
|
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: "
|
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:
|
592
|
+
margin: 5px 0;
|
513
593
|
padding: 0;
|
514
|
-
margin:
|
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: "
|
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: "
|
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
|
-
|
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:
|
569
|
-
margin-
|
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
|
-
|
576
|
-
|
577
|
-
|
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; }
|