moj_template 0.4.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 (52) hide show
  1. checksums.yaml +7 -0
  2. data/LICENCE.txt +22 -0
  3. data/README.md +96 -0
  4. data/app/assets/images/apple-touch-icon-114x114.png +0 -0
  5. data/app/assets/images/apple-touch-icon-144x144.png +0 -0
  6. data/app/assets/images/apple-touch-icon-57x57.png +0 -0
  7. data/app/assets/images/apple-touch-icon-72x72.png +0 -0
  8. data/app/assets/images/favicon.ico +0 -0
  9. data/app/assets/images/gov.uk_logotype_crown.png +0 -0
  10. data/app/assets/images/gov.uk_logotype_crown_invert.png +0 -0
  11. data/app/assets/images/gov.uk_logotype_crown_invert_trans.png +0 -0
  12. data/app/assets/images/open-government-licence_2x.png +0 -0
  13. data/app/assets/images/opengraph-image.png +0 -0
  14. data/app/assets/javascripts/govuk-template.js +126 -0
  15. data/app/assets/javascripts/ie.js +513 -0
  16. data/app/assets/javascripts/modules/moj.tabs.js +83 -0
  17. data/app/assets/javascripts/moj.js +54 -0
  18. data/app/assets/javascripts/vendor/goog/webfont-debug.js +2127 -0
  19. data/app/assets/javascripts/vendor/jquery/jquery-1.11.0.min.js +5 -0
  20. data/app/assets/stylesheets/external-link-24x24.png +0 -0
  21. data/app/assets/stylesheets/external-link-black-12x12.png +0 -0
  22. data/app/assets/stylesheets/external-link-black-24x24.png +0 -0
  23. data/app/assets/stylesheets/external-link.png +0 -0
  24. data/app/assets/stylesheets/fonts-ie8.css.erb +31 -0
  25. data/app/assets/stylesheets/fonts.css.erb +31 -0
  26. data/app/assets/stylesheets/fonts/NTA-Bold-20130221.eot +0 -0
  27. data/app/assets/stylesheets/fonts/NTA-Bold-20130221.woff +0 -0
  28. data/app/assets/stylesheets/fonts/NTA-Light-20130221.eot +0 -0
  29. data/app/assets/stylesheets/fonts/NTA-Light-20130221.woff +0 -0
  30. data/app/assets/stylesheets/fonts/NTATabularNumbers-Bold.eot +0 -0
  31. data/app/assets/stylesheets/fonts/NTATabularNumbers-Bold.woff +0 -0
  32. data/app/assets/stylesheets/fonts/NTATabularNumbers-Light.eot +0 -0
  33. data/app/assets/stylesheets/fonts/NTATabularNumbers-Light.woff +0 -0
  34. data/app/assets/stylesheets/govuk-template-ie6.css.erb +652 -0
  35. data/app/assets/stylesheets/govuk-template-ie7.css.erb +648 -0
  36. data/app/assets/stylesheets/govuk-template-ie8.css.erb +631 -0
  37. data/app/assets/stylesheets/govuk-template-print.css.erb +78 -0
  38. data/app/assets/stylesheets/govuk-template.css.erb +691 -0
  39. data/app/assets/stylesheets/images/close.png +0 -0
  40. data/app/assets/stylesheets/images/govuk-crest-2x.png +0 -0
  41. data/app/assets/stylesheets/images/govuk-crest-ie.png +0 -0
  42. data/app/assets/stylesheets/images/govuk-crest.png +0 -0
  43. data/app/assets/stylesheets/images/separator-2x.png +0 -0
  44. data/app/assets/stylesheets/images/separator.png +0 -0
  45. data/app/assets/stylesheets/moj-template.css.erb +628 -0
  46. data/app/helpers/moj_helper.rb +9 -0
  47. data/app/views/layouts/moj_template.html.erb +223 -0
  48. data/lib/moj_template.rb +5 -0
  49. data/lib/moj_template/engine.rb +17 -0
  50. data/lib/moj_template/version.rb +3 -0
  51. data/lib/tasks/moj_template_tasks.rake +4 -0
  52. metadata +192 -0
@@ -0,0 +1,631 @@
1
+ /* govuk_frontend_toolkit includes */
2
+
3
+ @-ms-viewport {
4
+ width: device-width; }
5
+
6
+ @-o-viewport {
7
+ width: device-width; }
8
+
9
+ /* CSS 3 Mixins
10
+
11
+ Add them as you need them. This should let us manage vendor prefixes in one place.
12
+ */
13
+ @font-face {
14
+ font-family: GDS-Logo;
15
+ src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
16
+
17
+ @-ms-viewport {
18
+ width: device-width; }
19
+
20
+ @-o-viewport {
21
+ width: device-width; }
22
+
23
+ /* Cross-browser shims
24
+
25
+ Ways of normalising properties across browsers.
26
+ */
27
+ @-ms-viewport {
28
+ width: device-width; }
29
+
30
+ @-o-viewport {
31
+ width: device-width; }
32
+
33
+ /* Usage:
34
+ @include inline-block
35
+
36
+ or
37
+
38
+ @include inline-block("250px")
39
+
40
+ which gives a min-height to the inline-block elements.
41
+ */
42
+ /* Contain floats usage:
43
+
44
+ .this-has-floated-children {
45
+ @extend %contain-floats;
46
+ }
47
+
48
+ */
49
+ #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-links:after {
50
+ content: "";
51
+ display: block;
52
+ clear: both; }
53
+
54
+ /* CSS 3 Mixins
55
+
56
+ Add them as you need them. This should let us manage vendor prefixes in one place.
57
+ */
58
+ @-ms-viewport {
59
+ width: device-width; }
60
+
61
+ @-o-viewport {
62
+ width: device-width; }
63
+
64
+ /*
65
+
66
+ Mixin and defaults for making buttons on GOV.UK services.
67
+
68
+ For guidance, see: https://www.gov.uk/service-manual/design-and-content/resources/buttons.html
69
+
70
+ Example usage:
71
+
72
+ .button{
73
+ @include button;
74
+ }
75
+ .button-secondary{
76
+ @include button($grey-3);
77
+ }
78
+ .button-warning{
79
+ @include button($red);
80
+ }
81
+
82
+ */
83
+ /* local styleguide includes */
84
+ /* New Greys */
85
+ html, body, button, input, table, td, th {
86
+ font-family: "nta", Arial, sans-serif; }
87
+
88
+ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section {
89
+ margin: 0;
90
+ padding: 0;
91
+ vertical-align: baseline; }
92
+
93
+ .group:before,
94
+ .group:after {
95
+ content: "\0020";
96
+ display: block;
97
+ height: 0;
98
+ overflow: hidden; }
99
+
100
+ .group:after {
101
+ clear: both; }
102
+
103
+ .group {
104
+ zoom: 1; }
105
+
106
+ .content-fixed {
107
+ top: 0;
108
+ position: fixed; }
109
+
110
+ .shim {
111
+ display: block; }
112
+
113
+ /*
114
+ * 1. Prevents iOS text size adjust after orientation change, without disabling
115
+ * user zoom.
116
+ */
117
+ html {
118
+ -webkit-text-size-adjust: 100%;
119
+ /* 1 */
120
+ -ms-text-size-adjust: 100%;
121
+ /* 1 */
122
+ background: white; }
123
+
124
+ body {
125
+ color: #0b0c0c;
126
+ line-height: 1.5;
127
+ font-weight: 400;
128
+ -webkit-font-smoothing: antialiased; }
129
+
130
+ ol, ul, nav ol, nav ul {
131
+ list-style: inherit; }
132
+
133
+ fieldset {
134
+ border: none;
135
+ padding: 0; }
136
+
137
+ a,
138
+ a:visited {
139
+ color: #2e3191; }
140
+
141
+ a:hover {
142
+ color: #2e8aca; }
143
+
144
+ a:active {
145
+ color: #2e8aca; }
146
+
147
+ a[rel="external"]:after {
148
+ background-image: url(<%= asset_path 'external-link.png' %>);
149
+ background-repeat: no-repeat; }
150
+ @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) {
151
+ a[rel="external"]:after {
152
+ background-image: url(<%= asset_path 'external-link-24x24.png' %>);
153
+ background-size: 12px 400px; } }
154
+ a[rel="external"]:after {
155
+ content: "\A0\A0\A0\A0";
156
+ background-position: right 6px; }
157
+ a[rel="external"]:hover:after {
158
+ background-position: right -382px; }
159
+
160
+ .external-link:after {
161
+ content: "\A0\A0\A0\A0\A0\A0\A0\A0";
162
+ background-position: right 0px; }
163
+ .external-link:hover:after {
164
+ background-position: right 0px; }
165
+ .external-link:after {
166
+ background-image: url(<%= asset_path 'external-link-black-12x12.png' %>);
167
+ background-repeat: no-repeat; }
168
+ @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) {
169
+ .external-link:after {
170
+ background-image: url(<%= asset_path 'external-link-black-24x24.png' %>);
171
+ background-size: 12px 400px; } }
172
+
173
+ /*
174
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
175
+ * http://clagnut.com/blog/348/#c790
176
+ * note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback
177
+ * http://snook.ca/archives/html_and_css/font-size-with-rem
178
+ * 2. Keeps page centred in all browsers regardless of content height
179
+ * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted
180
+ * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
181
+ */
182
+ html {
183
+ font-size: 62.5%;
184
+ /* 1 */
185
+ overflow-y: scroll;
186
+ /* 2 */
187
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
188
+ /* 3 */ }
189
+
190
+ /*
191
+ * 1. Font-size increased to compensate for change to html element font-size in
192
+ * order to support beta typography which was set in ems
193
+ * (62.5% * 160% = 100%)
194
+ * 2. Addresses margins handled incorrectly in IE6/7
195
+ */
196
+ body {
197
+ font-size: 160%;
198
+ /* 1 */
199
+ margin: 0;
200
+ /* 2 */ }
201
+
202
+ b,
203
+ strong {
204
+ font-weight: 600; }
205
+
206
+ img {
207
+ border: 0; }
208
+
209
+ button {
210
+ *overflow: visible; }
211
+
212
+ abbr[title] {
213
+ cursor: help; }
214
+
215
+ /*
216
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
217
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
218
+ * (include `-moz` to future-proof).
219
+ */
220
+ input[type="search"] {
221
+ -webkit-appearance: textfield;
222
+ /* 1 */
223
+ -moz-box-sizing: content-box;
224
+ -webkit-box-sizing: content-box;
225
+ /* 2 */
226
+ box-sizing: content-box; }
227
+
228
+ input[type="search"]::-webkit-search-cancel-button {
229
+ -webkit-appearance: searchfield-cancel-button;
230
+ margin-right: 2px; }
231
+
232
+ input[type="search"]::-webkit-search-decoration {
233
+ -webkit-appearance: none; }
234
+
235
+ /* For image replacement */
236
+ .ir {
237
+ display: block;
238
+ text-indent: -999em;
239
+ overflow: hidden;
240
+ background-repeat: no-repeat;
241
+ text-align: left;
242
+ direction: ltr; }
243
+ .ir br {
244
+ display: none; }
245
+
246
+ /* Hide for both screenreaders and browsers */
247
+ .hidden {
248
+ display: none;
249
+ visibility: hidden; }
250
+
251
+ /* Hide only visually, but have it available for screenreaders */
252
+ .visuallyhidden {
253
+ position: absolute;
254
+ left: -9999em;
255
+ /*
256
+ * Extends the .visuallyhidden class to allow the element to be
257
+ * focusable when navigated to via the keyboard
258
+ */ }
259
+ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
260
+ clip: auto;
261
+ height: auto;
262
+ margin: 0;
263
+ overflow: visible;
264
+ position: static;
265
+ width: auto; }
266
+
267
+ /* Hide visually and from screenreaders, but maintain layout */
268
+ .invisible {
269
+ visibility: hidden; }
270
+
271
+ /* Give a strong clear visual idea as to what is currently in focus */
272
+ a {
273
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
274
+
275
+ a:focus {
276
+ background-color: #ffbf47;
277
+ outline: 3px solid #ffbf47; }
278
+
279
+ /* Make skiplinks visible when they are tabbed to */
280
+ .skiplink {
281
+ position: absolute;
282
+ left: -9999em; }
283
+
284
+ .skiplink:focus {
285
+ position: static; }
286
+
287
+ #skiplink-container {
288
+ text-align: center;
289
+ background: #0b0c0c; }
290
+ #skiplink-container div {
291
+ text-align: left;
292
+ margin: 0 auto;
293
+ max-width: 1020px; }
294
+ #skiplink-container .skiplink {
295
+ display: -moz-inline-stack;
296
+ display: inline-block;
297
+ margin: 0.75em 0 0 30px; }
298
+
299
+ input:focus,
300
+ textarea:focus,
301
+ select:focus,
302
+ #global-header input:focus {
303
+ outline: 3px solid #ffbf47; }
304
+
305
+ #global-header h1 a:focus {
306
+ background-color: transparent;
307
+ outline: none; }
308
+ #global-header a:focus {
309
+ color: #0b0c0c; }
310
+
311
+ /* Cross-browser shims
312
+
313
+ Ways of normalising properties across browsers.
314
+ */
315
+ @-ms-viewport {
316
+ width: device-width; }
317
+
318
+ @-o-viewport {
319
+ width: device-width; }
320
+
321
+ /* Usage:
322
+ @include inline-block
323
+
324
+ or
325
+
326
+ @include inline-block("250px")
327
+
328
+ which gives a min-height to the inline-block elements.
329
+ */
330
+ /* Contain floats usage:
331
+
332
+ .this-has-floated-children {
333
+ @extend %contain-floats;
334
+ }
335
+
336
+ */
337
+ #global-header .header-wrapper:after, #global-header .header-wrapper .header-global:after, #global-header .header-wrapper .header-global .header-logo:after, #global-header .header-proposition #proposition-links:after {
338
+ content: "";
339
+ display: block;
340
+ clear: both; }
341
+
342
+ #global-header {
343
+ background-color: #0b0c0c;
344
+ width: 100%; }
345
+ #global-header .header-wrapper {
346
+ max-width: 990px;
347
+ margin: 0 auto;
348
+ padding: 0.5em 15px; }
349
+ #global-header .header-wrapper .header-global .header-logo {
350
+ width: 49%;
351
+ float: left;
352
+ width: 33.33%; }
353
+ @media screen and (max-width: 379px) {
354
+ #global-header .header-wrapper .header-global .header-logo {
355
+ width: auto;
356
+ float: none; } }
357
+ #global-header .header-wrapper .header-global .header-logo .content {
358
+ margin: 0 15px; }
359
+ #global-header .header-wrapper .header-global .header-logo {
360
+ margin: 5px 0 2px; }
361
+ #global-header.with-proposition .header-wrapper .header-global {
362
+ float: left;
363
+ width: 33.33%; }
364
+ #global-header.with-proposition .header-wrapper .header-global .header-logo,
365
+ #global-header.with-proposition .header-wrapper .header-global .site-search {
366
+ width: 100%; }
367
+ #global-header.with-proposition .header-wrapper .header-proposition {
368
+ width: 66.66%;
369
+ float: left; }
370
+ #global-header.with-proposition .header-wrapper .header-proposition .content {
371
+ margin: 0 15px; }
372
+ #global-header #logo {
373
+ float: left;
374
+ position: relative;
375
+ top: 1px;
376
+ height: 30px;
377
+ overflow: visible;
378
+ vertical-align: baseline;
379
+ color: white;
380
+ font-weight: bold;
381
+ font-size: 30px;
382
+ line-height: 1em;
383
+ text-decoration: none;
384
+ text-rendering: optimizeLegibility;
385
+ margin-bottom: -1px;
386
+ padding-bottom: 1px; }
387
+ #global-header #logo img {
388
+ position: relative;
389
+ top: -2px;
390
+ width: 35px;
391
+ height: 31px;
392
+ padding-right: 6px;
393
+ float: left;
394
+ display: inline;
395
+ line-height: inherit;
396
+ border: none; }
397
+ #global-header #logo:hover, #global-header #logo:focus {
398
+ text-decoration: none;
399
+ border-bottom: 1px solid;
400
+ padding-bottom: 0; }
401
+ #global-header #logo:active {
402
+ color: #2b8cc4; }
403
+ #global-header .header-proposition {
404
+ padding-top: 10px;
405
+ padding-top: 0; }
406
+ #global-header .header-proposition #proposition-name {
407
+ font-family: "nta", Arial, sans-serif;
408
+ font-size: 24px;
409
+ line-height: 1.25;
410
+ font-weight: 400;
411
+ text-transform: none;
412
+ font-weight: bold;
413
+ color: white;
414
+ text-decoration: none; }
415
+ @media (max-width: 640px) {
416
+ #global-header .header-proposition #proposition-name {
417
+ font-size: 20px;
418
+ line-height: 1.2; } }
419
+ #global-header .header-proposition a.menu {
420
+ font-family: "nta", Arial, sans-serif;
421
+ font-size: 16px;
422
+ line-height: 1.25;
423
+ font-weight: 300;
424
+ text-transform: none;
425
+ color: white;
426
+ display: block;
427
+ float: right;
428
+ text-decoration: none;
429
+ padding-top: 6px;
430
+ display: none; }
431
+ @media (max-width: 640px) {
432
+ #global-header .header-proposition a.menu {
433
+ font-size: 14px;
434
+ line-height: 1.14286; } }
435
+ #global-header .header-proposition a.menu:hover {
436
+ text-decoration: underline; }
437
+ #global-header .header-proposition a.menu:after {
438
+ display: inline-block;
439
+ font-size: 8px;
440
+ height: 8px;
441
+ padding-left: 5px;
442
+ vertical-align: middle;
443
+ content: " \25BC"; }
444
+ #global-header .header-proposition a.menu.js-hidden:after {
445
+ content: " \25B2"; }
446
+ #global-header .header-proposition #proposition-menu {
447
+ margin-top: 5px; }
448
+ #global-header .header-proposition #proposition-links {
449
+ clear: both;
450
+ margin: 2px 0 0 0;
451
+ padding: 0; }
452
+ .js-enabled #global-header .header-proposition #proposition-links {
453
+ display: none;
454
+ display: block; }
455
+ .js-enabled #global-header .header-proposition #proposition-links.js-visible {
456
+ display: block; }
457
+ #global-header .header-proposition #proposition-links li {
458
+ float: left;
459
+ width: 50%;
460
+ padding: 3px 0;
461
+ border-bottom: 1px solid #2e3133;
462
+ display: block;
463
+ width: auto;
464
+ padding: 0 15px 0 0;
465
+ border-bottom: 0; }
466
+ #global-header .header-proposition #proposition-links li.clear-child {
467
+ clear: left; }
468
+ #global-header .header-proposition #proposition-links li a {
469
+ color: white;
470
+ text-decoration: none;
471
+ font-family: "nta", Arial, sans-serif;
472
+ font-size: 14px;
473
+ line-height: 1.42857;
474
+ font-weight: 400;
475
+ text-transform: none;
476
+ font-weight: 700;
477
+ font-family: "nta", Arial, sans-serif;
478
+ font-size: 16px;
479
+ line-height: 1.25;
480
+ font-weight: 300;
481
+ text-transform: none;
482
+ font-weight: 700;
483
+ line-height: 23px; }
484
+ @media (max-width: 640px) {
485
+ #global-header .header-proposition #proposition-links li a {
486
+ font-size: 12px;
487
+ line-height: 1.25; } }
488
+ @media (max-width: 640px) {
489
+ #global-header .header-proposition #proposition-links li a {
490
+ font-size: 14px;
491
+ line-height: 1.14286; } }
492
+ #global-header .header-proposition #proposition-links li a:hover {
493
+ text-decoration: underline; }
494
+ #global-header .header-proposition #proposition-links li a.active {
495
+ color: #28a197; }
496
+
497
+ /* Global cookie message */
498
+ .js-enabled #global-cookie-message {
499
+ display: none;
500
+ /* shown with JS, always on for non-JS */ }
501
+
502
+ #global-cookie-message {
503
+ padding: 0.5em 2em;
504
+ background-color: #d5e8f3; }
505
+ #global-cookie-message p {
506
+ font-family: "nta", Arial, sans-serif;
507
+ font-size: 19px;
508
+ line-height: 1.31579;
509
+ font-weight: 400;
510
+ text-transform: none;
511
+ margin: 0 auto;
512
+ max-width: 960px; }
513
+ @media (max-width: 640px) {
514
+ #global-cookie-message p {
515
+ font-size: 16px;
516
+ line-height: 1.25; } }
517
+
518
+ /* Global footer */
519
+ #footer {
520
+ background-color: #dee0e2;
521
+ border-top: 1px solid #a1acb2; }
522
+ #footer .footer-wrapper {
523
+ max-width: 60em;
524
+ margin: 0 auto;
525
+ padding: 60px 1em 0 1em; }
526
+ #footer a {
527
+ color: #454a4c; }
528
+ #footer a:hover {
529
+ color: #171819; }
530
+ #footer h2 {
531
+ font-family: "nta", Arial, sans-serif;
532
+ font-size: 24px;
533
+ line-height: 1.25;
534
+ font-weight: 400;
535
+ text-transform: none;
536
+ font-weight: bold;
537
+ color: #171819;
538
+ margin: 0; }
539
+ @media (max-width: 640px) {
540
+ #footer h2 {
541
+ font-size: 20px;
542
+ line-height: 1.2; } }
543
+ #footer h2 a {
544
+ color: inherit; }
545
+ #footer .footer-meta {
546
+ clear: both;
547
+ font-size: 0;
548
+ color: #454a4c;
549
+ padding-bottom: 60px; }
550
+ #footer .footer-meta .footer-meta-inner {
551
+ display: inline-block;
552
+ vertical-align: bottom;
553
+ width: 75%; }
554
+ #footer .footer-meta .footer-meta-inner ul {
555
+ font-family: "nta", Arial, sans-serif;
556
+ font-size: 16px;
557
+ line-height: 1.5;
558
+ font-weight: 300;
559
+ text-transform: none;
560
+ display: inline-block;
561
+ list-style: none;
562
+ margin: 0 0 1em;
563
+ padding: 0; }
564
+ @media (max-width: 640px) {
565
+ #footer .footer-meta .footer-meta-inner ul {
566
+ font-size: 14px;
567
+ line-height: 1.5; } }
568
+ #footer .footer-meta .footer-meta-inner ul li {
569
+ display: inline-block;
570
+ margin: 0 15px 0 0; }
571
+ #footer .footer-meta .footer-meta-inner .open-government-licence {
572
+ clear: left;
573
+ position: relative;
574
+ padding-left: 53px; }
575
+ #footer .footer-meta .footer-meta-inner .open-government-licence h2 {
576
+ position: absolute;
577
+ left: 0;
578
+ top: 0;
579
+ width: 41px;
580
+ height: 100%; }
581
+ #footer .footer-meta .footer-meta-inner .open-government-licence h2 a, #footer .footer-meta .footer-meta-inner .open-government-licence h2 img {
582
+ display: block;
583
+ width: 43px;
584
+ height: 17px; }
585
+ #footer .footer-meta .footer-meta-inner .open-government-licence p {
586
+ font-family: "nta", Arial, sans-serif;
587
+ font-size: 16px;
588
+ line-height: 1.25;
589
+ font-weight: 300;
590
+ text-transform: none;
591
+ margin: 0;
592
+ padding-top: 0.1em; }
593
+ @media (max-width: 640px) {
594
+ #footer .footer-meta .footer-meta-inner .open-government-licence p {
595
+ font-size: 14px;
596
+ line-height: 1.14286; } }
597
+ #footer .footer-meta .footer-meta-inner .open-government-licence p a {
598
+ font-family: "nta", Arial, sans-serif;
599
+ font-size: 14px;
600
+ line-height: 1.42857;
601
+ font-weight: 400;
602
+ text-transform: none; }
603
+ @media (max-width: 640px) {
604
+ #footer .footer-meta .footer-meta-inner .open-government-licence p a {
605
+ font-size: 12px;
606
+ line-height: 1.25; } }
607
+ #footer .footer-meta .copyright {
608
+ font-family: "nta", Arial, sans-serif;
609
+ font-size: 16px;
610
+ line-height: 1.25;
611
+ font-weight: 300;
612
+ text-transform: none;
613
+ display: inline-block;
614
+ float: none;
615
+ text-align: inherit;
616
+ width: 25%;
617
+ padding-top: 15px; }
618
+ @media (max-width: 640px) {
619
+ #footer .footer-meta .copyright {
620
+ font-size: 14px;
621
+ line-height: 1.14286; } }
622
+ #footer .footer-meta .copyright a {
623
+ display: block;
624
+ padding: 115px 0 0 0;
625
+ background: transparent url(<%= asset_path 'images/govuk-crest.png' %>) no-repeat 100% 0;
626
+ text-align: right;
627
+ text-decoration: none; }
628
+ @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) {
629
+ #footer .footer-meta .copyright a {
630
+ background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>);
631
+ background-size: 125px 102px; } }