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.
- checksums.yaml +7 -0
- data/LICENCE.txt +22 -0
- data/README.md +96 -0
- data/app/assets/images/apple-touch-icon-114x114.png +0 -0
- data/app/assets/images/apple-touch-icon-144x144.png +0 -0
- data/app/assets/images/apple-touch-icon-57x57.png +0 -0
- data/app/assets/images/apple-touch-icon-72x72.png +0 -0
- data/app/assets/images/favicon.ico +0 -0
- data/app/assets/images/gov.uk_logotype_crown.png +0 -0
- data/app/assets/images/gov.uk_logotype_crown_invert.png +0 -0
- data/app/assets/images/gov.uk_logotype_crown_invert_trans.png +0 -0
- data/app/assets/images/open-government-licence_2x.png +0 -0
- data/app/assets/images/opengraph-image.png +0 -0
- data/app/assets/javascripts/govuk-template.js +126 -0
- data/app/assets/javascripts/ie.js +513 -0
- data/app/assets/javascripts/modules/moj.tabs.js +83 -0
- data/app/assets/javascripts/moj.js +54 -0
- data/app/assets/javascripts/vendor/goog/webfont-debug.js +2127 -0
- data/app/assets/javascripts/vendor/jquery/jquery-1.11.0.min.js +5 -0
- data/app/assets/stylesheets/external-link-24x24.png +0 -0
- data/app/assets/stylesheets/external-link-black-12x12.png +0 -0
- data/app/assets/stylesheets/external-link-black-24x24.png +0 -0
- data/app/assets/stylesheets/external-link.png +0 -0
- data/app/assets/stylesheets/fonts-ie8.css.erb +31 -0
- data/app/assets/stylesheets/fonts.css.erb +31 -0
- data/app/assets/stylesheets/fonts/NTA-Bold-20130221.eot +0 -0
- data/app/assets/stylesheets/fonts/NTA-Bold-20130221.woff +0 -0
- data/app/assets/stylesheets/fonts/NTA-Light-20130221.eot +0 -0
- data/app/assets/stylesheets/fonts/NTA-Light-20130221.woff +0 -0
- data/app/assets/stylesheets/fonts/NTATabularNumbers-Bold.eot +0 -0
- data/app/assets/stylesheets/fonts/NTATabularNumbers-Bold.woff +0 -0
- data/app/assets/stylesheets/fonts/NTATabularNumbers-Light.eot +0 -0
- data/app/assets/stylesheets/fonts/NTATabularNumbers-Light.woff +0 -0
- data/app/assets/stylesheets/govuk-template-ie6.css.erb +652 -0
- data/app/assets/stylesheets/govuk-template-ie7.css.erb +648 -0
- data/app/assets/stylesheets/govuk-template-ie8.css.erb +631 -0
- data/app/assets/stylesheets/govuk-template-print.css.erb +78 -0
- data/app/assets/stylesheets/govuk-template.css.erb +691 -0
- data/app/assets/stylesheets/images/close.png +0 -0
- data/app/assets/stylesheets/images/govuk-crest-2x.png +0 -0
- data/app/assets/stylesheets/images/govuk-crest-ie.png +0 -0
- data/app/assets/stylesheets/images/govuk-crest.png +0 -0
- data/app/assets/stylesheets/images/separator-2x.png +0 -0
- data/app/assets/stylesheets/images/separator.png +0 -0
- data/app/assets/stylesheets/moj-template.css.erb +628 -0
- data/app/helpers/moj_helper.rb +9 -0
- data/app/views/layouts/moj_template.html.erb +223 -0
- data/lib/moj_template.rb +5 -0
- data/lib/moj_template/engine.rb +17 -0
- data/lib/moj_template/version.rb +3 -0
- data/lib/tasks/moj_template_tasks.rake +4 -0
- 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; } }
|