From cf4465dd5bb6c18852732983af4228830988e7ed Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Thu, 12 Dec 2024 13:22:14 +0000 Subject: [PATCH 1/3] Remove old IE code. --- app/assets/stylesheets/_mixins.scss | 30 - .../app/assets/javascripts/ie.js | 494 ---- .../app/assets/stylesheets/fonts-ie8.css.erb | 1 - .../stylesheets/hackney-template-ie6.css.erb | 2076 ----------------- .../stylesheets/hackney-template-ie7.css.erb | 2070 ---------------- .../stylesheets/hackney-template-ie8.css.erb | 2013 ---------------- .../stylesheets/images/govuk-crest-ie.png | Bin 5244 -> 0 bytes .../views/layouts/hackney_template.html.erb | 12 +- 8 files changed, 3 insertions(+), 6693 deletions(-) delete mode 100644 gems/hackney_template-0.0.2/app/assets/javascripts/ie.js delete mode 100644 gems/hackney_template-0.0.2/app/assets/stylesheets/fonts-ie8.css.erb delete mode 100644 gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie6.css.erb delete mode 100644 gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie7.css.erb delete mode 100644 gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie8.css.erb delete mode 100644 gems/hackney_template-0.0.2/app/assets/stylesheets/images/govuk-crest-ie.png diff --git a/app/assets/stylesheets/_mixins.scss b/app/assets/stylesheets/_mixins.scss index 696236fb..90041297 100644 --- a/app/assets/stylesheets/_mixins.scss +++ b/app/assets/stylesheets/_mixins.scss @@ -70,23 +70,12 @@ } } -// From govuk_frontend_toolkit _conditionals.scss -$is-ie: false !default; -$mobile-ie6: true !default; - // From govuk_frontend_toolkit _conditionals.scss $tablet-breakpoint: 641px !default; $desktop-breakpoint: 769px !default; // From govuk_frontend_toolkit _conditionals.scss @mixin media($size: false, $max-width: false, $min-width: false, $ignore-for-ie: false) { - @if $is-ie and ($ignore-for-ie == false) { - @if $size != mobile { - @if ($ie-version == 6 and $mobile-ie6 == false) or $ie-version > 6 { - @content; - } - } - } @else { @if $size == desktop { @media (min-width: $desktop-breakpoint){ @content; @@ -112,23 +101,4 @@ $desktop-breakpoint: 769px !default; @content } } - } -} - -// From govuk_frontend_toolkit _conditionals.scss -@mixin ie-lte($version) { - @if $is-ie { - @if $ie-version <= $version { - @content; - } - } -} - -// From govuk_frontend_toolkit _conditionals.scss -@mixin ie($version) { - @if $is-ie { - @if $ie-version == $version { - @content; - } - } } diff --git a/gems/hackney_template-0.0.2/app/assets/javascripts/ie.js b/gems/hackney_template-0.0.2/app/assets/javascripts/ie.js deleted file mode 100644 index 616ffd9b..00000000 --- a/gems/hackney_template-0.0.2/app/assets/javascripts/ie.js +++ /dev/null @@ -1,494 +0,0 @@ -/** -* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed -*/ - -!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=y.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=y.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),y.elements=c+" "+a,j(b)}function f(a){var b=x[a[v]];return b||(b={},w++,a[v]=w,x[w]=b),b}function g(a,c,d){if(c||(c=b),q)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():u.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||t.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),q)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return y.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(y,b.frag)}function j(a){a||(a=b);var d=f(a);return!y.shivCSS||p||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),q||i(a,d),a}function k(a){for(var b,c=a.getElementsByTagName("*"),e=c.length,f=RegExp("^(?:"+d().join("|")+")$","i"),g=[];e--;)b=c[e],f.test(b.nodeName)&&g.push(b.applyElement(l(b)));return g}function l(a){for(var b,c=a.attributes,d=c.length,e=a.ownerDocument.createElement(A+":"+a.nodeName);d--;)b=c[d],b.specified&&e.setAttribute(b.nodeName,b.nodeValue);return e.style.cssText=a.style.cssText,e}function m(a){for(var b,c=a.split("{"),e=c.length,f=RegExp("(^|[\\s,>+~])("+d().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),g="$1"+A+"\\:$2";e--;)b=c[e]=c[e].split("}"),b[b.length-1]=b[b.length-1].replace(f,g),c[e]=b.join("}");return c.join("{")}function n(a){for(var b=a.length;b--;)a[b].removeNode()}function o(a){function b(){clearTimeout(g._removeSheetTimer),d&&d.removeNode(!0),d=null}var d,e,g=f(a),h=a.namespaces,i=a.parentWindow;return!B||a.printShived?a:("undefined"==typeof h[A]&&h.add(A),i.attachEvent("onbeforeprint",function(){b();for(var f,g,h,i=a.styleSheets,j=[],l=i.length,n=Array(l);l--;)n[l]=i[l];for(;h=n.pop();)if(!h.disabled&&z.test(h.media)){try{f=h.imports,g=f.length}catch(o){g=0}for(l=0;g>l;l++)n.push(f[l]);try{j.push(h.cssText)}catch(o){}}j=m(j.reverse().join("")),e=k(a),d=c(a,j)}),i.attachEvent("onafterprint",function(){n(e),clearTimeout(g._removeSheetTimer),g._removeSheetTimer=setTimeout(b,500)}),a.printShived=!0,a)}var p,q,r="3.7.3",s=a.html5||{},t=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,u=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,v="_html5shiv",w=0,x={};!function(){try{var a=b.createElement("a");a.innerHTML="",p="hidden"in a,q=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){p=!0,q=!0}}();var y={elements:s.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:r,shivCSS:s.shivCSS!==!1,supportsUnknownElements:q,shivMethods:s.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=y,j(b);var z=/^$|\b(?:all|print)\b/,A="html5shiv",B=!q&&function(){var c=b.documentElement;return!("undefined"==typeof b.namespaces||"undefined"==typeof b.parentWindow||"undefined"==typeof c.applyElement||"undefined"==typeof c.removeNode||"undefined"==typeof a.attachEvent)}();y.type+=" print",y.shivPrint=o,o(b),"object"==typeof module&&module.exports&&(module.exports=y)}("undefined"!=typeof window?window:this,document); -/* - json2.js - 2011-10-19 - - Public Domain. - - NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. - - See http://www.JSON.org/js.html - - - This code should be minified before deployment. - See http://javascript.crockford.com/jsmin.html - - USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO - NOT CONTROL. - - - This file creates a global JSON object containing two methods: stringify - and parse. - - JSON.stringify(value, replacer, space) - value any JavaScript value, usually an object or array. - - replacer an optional parameter that determines how object - values are stringified for objects. It can be a - function or an array of strings. - - space an optional parameter that specifies the indentation - of nested structures. If it is omitted, the text will - be packed without extra whitespace. If it is a number, - it will specify the number of spaces to indent at each - level. If it is a string (such as '\t' or ' '), - it contains the characters used to indent at each level. - - This method produces a JSON text from a JavaScript value. - - When an object value is found, if the object contains a toJSON - method, its toJSON method will be called and the result will be - stringified. A toJSON method does not serialize: it returns the - value represented by the name/value pair that should be serialized, - or undefined if nothing should be serialized. The toJSON method - will be passed the key associated with the value, and this will be - bound to the value - - For example, this would serialize Dates as ISO strings. - - Date.prototype.toJSON = function (key) { - function f(n) { - // Format integers to have at least two digits. - return n < 10 ? '0' + n : n; - } - - return this.getUTCFullYear() + '-' + - f(this.getUTCMonth() + 1) + '-' + - f(this.getUTCDate()) + 'T' + - f(this.getUTCHours()) + ':' + - f(this.getUTCMinutes()) + ':' + - f(this.getUTCSeconds()) + 'Z'; - }; - - You can provide an optional replacer method. It will be passed the - key and value of each member, with this bound to the containing - object. The value that is returned from your method will be - serialized. If your method returns undefined, then the member will - be excluded from the serialization. - - If the replacer parameter is an array of strings, then it will be - used to select the members to be serialized. It filters the results - such that only members with keys listed in the replacer array are - stringified. - - Values that do not have JSON representations, such as undefined or - functions, will not be serialized. Such values in objects will be - dropped; in arrays they will be replaced with null. You can use - a replacer function to replace those with JSON values. - JSON.stringify(undefined) returns undefined. - - The optional space parameter produces a stringification of the - value that is filled with line breaks and indentation to make it - easier to read. - - If the space parameter is a non-empty string, then that string will - be used for indentation. If the space parameter is a number, then - the indentation will be that many spaces. - - Example: - - text = JSON.stringify(['e', {pluribus: 'unum'}]); - // text is '["e",{"pluribus":"unum"}]' - - - text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t'); - // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]' - - text = JSON.stringify([new Date()], function (key, value) { - return this[key] instanceof Date ? - 'Date(' + this[key] + ')' : value; - }); - // text is '["Date(---current time---)"]' - - - JSON.parse(text, reviver) - This method parses a JSON text to produce an object or array. - It can throw a SyntaxError exception. - - The optional reviver parameter is a function that can filter and - transform the results. It receives each of the keys and values, - and its return value is used instead of the original value. - If it returns what it received, then the structure is not modified. - If it returns undefined then the member is deleted. - - Example: - - // Parse the text. Values that look like ISO date strings will - // be converted to Date objects. - - myData = JSON.parse(text, function (key, value) { - var a; - if (typeof value === 'string') { - a = -/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value); - if (a) { - return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], - +a[5], +a[6])); - } - } - return value; - }); - - myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) { - var d; - if (typeof value === 'string' && - value.slice(0, 5) === 'Date(' && - value.slice(-1) === ')') { - d = new Date(value.slice(5, -1)); - if (d) { - return d; - } - } - return value; - }); - - - This is a reference implementation. You are free to copy, modify, or - redistribute. -*/ - -/*jslint evil: true, regexp: true */ - -/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply, - call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours, - getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join, - lastIndex, length, parse, prototype, push, replace, slice, stringify, - test, toJSON, toString, valueOf -*/ - - -// Create a JSON object only if one does not already exist. We create the -// methods in a closure to avoid creating global variables. - -var JSON; -if (!JSON) { - JSON = {}; -} - -(function () { - 'use strict'; - - function f(n) { - // Format integers to have at least two digits. - return n < 10 ? '0' + n : n; - } - - if (typeof Date.prototype.toJSON !== 'function') { - - Date.prototype.toJSON = function (key) { - - return isFinite(this.valueOf()) - ? this.getUTCFullYear() + '-' + - f(this.getUTCMonth() + 1) + '-' + - f(this.getUTCDate()) + 'T' + - f(this.getUTCHours()) + ':' + - f(this.getUTCMinutes()) + ':' + - f(this.getUTCSeconds()) + 'Z' - : null; - }; - - String.prototype.toJSON = - Number.prototype.toJSON = - Boolean.prototype.toJSON = function (key) { - return this.valueOf(); - }; - } - - var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, - escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, - gap, - indent, - meta = { // table of character substitutions - '\b': '\\b', - '\t': '\\t', - '\n': '\\n', - '\f': '\\f', - '\r': '\\r', - '"' : '\\"', - '\\': '\\\\' - }, - rep; - - - function quote(string) { - -// If the string contains no control characters, no quote characters, and no -// backslash characters, then we can safely slap some quotes around it. -// Otherwise we must also replace the offending characters with safe escape -// sequences. - - escapable.lastIndex = 0; - return escapable.test(string) ? '"' + string.replace(escapable, function (a) { - var c = meta[a]; - return typeof c === 'string' - ? c - : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); - }) + '"' : '"' + string + '"'; - } - - - function str(key, holder) { - -// Produce a string from holder[key]. - - var i, // The loop counter. - k, // The member key. - v, // The member value. - length, - mind = gap, - partial, - value = holder[key]; - -// If the value has a toJSON method, call it to obtain a replacement value. - - if (value && typeof value === 'object' && - typeof value.toJSON === 'function') { - value = value.toJSON(key); - } - -// If we were called with a replacer function, then call the replacer to -// obtain a replacement value. - - if (typeof rep === 'function') { - value = rep.call(holder, key, value); - } - -// What happens next depends on the value's type. - - switch (typeof value) { - case 'string': - return quote(value); - - case 'number': - -// JSON numbers must be finite. Encode non-finite numbers as null. - - return isFinite(value) ? String(value) : 'null'; - - case 'boolean': - case 'null': - -// If the value is a boolean or null, convert it to a string. Note: -// typeof null does not produce 'null'. The case is included here in -// the remote chance that this gets fixed someday. - - return String(value); - -// If the type is 'object', we might be dealing with an object or an array or -// null. - - case 'object': - -// Due to a specification blunder in ECMAScript, typeof null is 'object', -// so watch out for that case. - - if (!value) { - return 'null'; - } - -// Make an array to hold the partial results of stringifying this object value. - - gap += indent; - partial = []; - -// Is the value an array? - - if (Object.prototype.toString.apply(value) === '[object Array]') { - -// The value is an array. Stringify every element. Use null as a placeholder -// for non-JSON values. - - length = value.length; - for (i = 0; i < length; i += 1) { - partial[i] = str(i, value) || 'null'; - } - -// Join all of the elements together, separated with commas, and wrap them in -// brackets. - - v = partial.length === 0 - ? '[]' - : gap - ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' - : '[' + partial.join(',') + ']'; - gap = mind; - return v; - } - -// If the replacer is an array, use it to select the members to be stringified. - - if (rep && typeof rep === 'object') { - length = rep.length; - for (i = 0; i < length; i += 1) { - if (typeof rep[i] === 'string') { - k = rep[i]; - v = str(k, value); - if (v) { - partial.push(quote(k) + (gap ? ': ' : ':') + v); - } - } - } - } else { - -// Otherwise, iterate through all of the keys in the object. - - for (k in value) { - if (Object.prototype.hasOwnProperty.call(value, k)) { - v = str(k, value); - if (v) { - partial.push(quote(k) + (gap ? ': ' : ':') + v); - } - } - } - } - -// Join all of the member texts together, separated with commas, -// and wrap them in braces. - - v = partial.length === 0 - ? '{}' - : gap - ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' - : '{' + partial.join(',') + '}'; - gap = mind; - return v; - } - } - -// If the JSON object does not yet have a stringify method, give it one. - - if (typeof JSON.stringify !== 'function') { - JSON.stringify = function (value, replacer, space) { - -// The stringify method takes a value and an optional replacer, and an optional -// space parameter, and returns a JSON text. The replacer can be a function -// that can replace values, or an array of strings that will select the keys. -// A default replacer method can be provided. Use of the space parameter can -// produce text that is more easily readable. - - var i; - gap = ''; - indent = ''; - -// If the space parameter is a number, make an indent string containing that -// many spaces. - - if (typeof space === 'number') { - for (i = 0; i < space; i += 1) { - indent += ' '; - } - -// If the space parameter is a string, it will be used as the indent string. - - } else if (typeof space === 'string') { - indent = space; - } - -// If there is a replacer, it must be a function or an array. -// Otherwise, throw an error. - - rep = replacer; - if (replacer && typeof replacer !== 'function' && - (typeof replacer !== 'object' || - typeof replacer.length !== 'number')) { - throw new Error('JSON.stringify'); - } - -// Make a fake root object containing our value under the key of ''. -// Return the result of stringifying the value. - - return str('', {'': value}); - }; - } - - -// If the JSON object does not yet have a parse method, give it one. - - if (typeof JSON.parse !== 'function') { - JSON.parse = function (text, reviver) { - -// The parse method takes a text and an optional reviver function, and returns -// a JavaScript value if the text is a valid JSON text. - - var j; - - function walk(holder, key) { - -// The walk method is used to recursively walk the resulting structure so -// that modifications can be made. - - var k, v, value = holder[key]; - if (value && typeof value === 'object') { - for (k in value) { - if (Object.prototype.hasOwnProperty.call(value, k)) { - v = walk(value, k); - if (v !== undefined) { - value[k] = v; - } else { - delete value[k]; - } - } - } - } - return reviver.call(holder, key, value); - } - - -// Parsing happens in four stages. In the first stage, we replace certain -// Unicode characters with escape sequences. JavaScript handles many characters -// incorrectly, either silently deleting them, or treating them as line endings. - - text = String(text); - cx.lastIndex = 0; - if (cx.test(text)) { - text = text.replace(cx, function (a) { - return '\\u' + - ('0000' + a.charCodeAt(0).toString(16)).slice(-4); - }); - } - -// In the second stage, we run the text against regular expressions that look -// for non-JSON patterns. We are especially concerned with '()' and 'new' -// because they can cause invocation, and '=' because it can cause mutation. -// But just to be safe, we want to reject all unexpected forms. - -// We split the second stage into 4 regexp operations in order to work around -// crippling inefficiencies in IE's and Safari's regexp engines. First we -// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we -// replace all simple value tokens with ']' characters. Third, we delete all -// open brackets that follow a colon or comma or that begin the text. Finally, -// we look to see that the remaining characters are only whitespace or ']' or -// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval. - - if (/^[\],:{}\s]*$/ - .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@') - .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']') - .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { - -// In the third stage we use the eval function to compile the text into a -// JavaScript structure. The '{' operator is subject to a syntactic ambiguity -// in JavaScript: it can begin a block or an object literal. We wrap the text -// in parens to eliminate the ambiguity. - - j = eval('(' + text + ')'); - -// In the optional fourth stage, we recursively walk the new structure, passing -// each name/value pair to a reviver function for possible transformation. - - return typeof reviver === 'function' - ? walk({'': j}, '') - : j; - } - -// If the text is not JSON parseable, then a SyntaxError is thrown. - - throw new SyntaxError('JSON.parse'); - }; - } -}()); - - diff --git a/gems/hackney_template-0.0.2/app/assets/stylesheets/fonts-ie8.css.erb b/gems/hackney_template-0.0.2/app/assets/stylesheets/fonts-ie8.css.erb deleted file mode 100644 index a424899e..00000000 --- a/gems/hackney_template-0.0.2/app/assets/stylesheets/fonts-ie8.css.erb +++ /dev/null @@ -1 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700'); diff --git a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie6.css.erb b/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie6.css.erb deleted file mode 100644 index 395d55e9..00000000 --- a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie6.css.erb +++ /dev/null @@ -1,2076 +0,0 @@ -@charset "UTF-8"; -/* local styleguide includes */ -/* govuk_frontend_toolkit includes */ -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -/* local colours – need to be after govuk_frontend_toolkit to override */ -@-ms-viewport { - width: device-width; } - -html, body, button, input, table, td, th { - font-family: "Droid Sans", Arial, sans-serif; } - -html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section { - margin: 0; - padding: 0; - vertical-align: baseline; } - -main { - display: block; } - -.group:before, -.group:after { - content: "\0020"; - display: block; - height: 0; - overflow: hidden; } - -.group:after { - clear: both; } - -.group { - zoom: 1; } - -.content-fixed { - top: 0; - position: fixed; } - -.shim { - display: block; } - -/* - * 1. Prevents iOS text size adjust after orientation change, without disabling - * user zoom. - */ -html { - -webkit-text-size-adjust: 100%; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 1 */ - background-color: #06644b; } - -/* - Force the scrollbar to always display in IE10/11 - */ -html { - -ms-overflow-style: scrollbar; } - -body { - background: white; - color: #0b0c0c; - line-height: 1.5; - font-weight: 400; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -ol, ul, nav ol, nav ul { - list-style: inherit; } - -fieldset { - border: none; - padding: 0; } - -a:link { - color: #0aa44c; } - -a:visited { - color: #077436; } - -a:hover { - color: #0bb253; } - -a:active { - color: #0bb253; } - -/* - * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units - * http://clagnut.com/blog/348/#c790 - * note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback - * http://snook.ca/archives/html_and_css/font-size-with-rem - * 2. Keeps page centred in all browsers regardless of content height - * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted - * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ - */ -html { - font-size: 62.5%; - /* 1 */ - overflow-y: scroll; - /* 2 */ - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - /* 3 */ } - -/* - * 1. Font-size increased to compensate for change to html element font-size in - * order to support beta typography which was set in ems - * (62.5% * 160% = 100%) - * 2. Addresses margins handled incorrectly in IE6/7 - */ -body { - font-size: 160%; - /* 1 */ - margin: 0; - /* 2 */ } - -b, -strong { - font-weight: 600; } - -img { - border: 0; } - -button { - overflow: visible; } - -abbr[title] { - cursor: help; } - -/* - * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; } - -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: searchfield-cancel-button; - margin-right: 2px; } - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/* For image replacement */ -.ir { - display: block; - text-indent: -999em; - overflow: hidden; - background-repeat: no-repeat; - text-align: left; - direction: ltr; } - .ir br { - display: none; } - -/* Hide for both screenreaders and browsers */ -.hidden, -.js-enabled .js-hidden { - display: none; - visibility: hidden; } - -/* Hide only visually, but have it available for screenreaders */ -.visually-hidden, -.visuallyhidden { - position: absolute; - left: -9999em; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - /* - * Extends the .visuallyhidden class to allow the element to be - * focusable when navigated to via the keyboard - */ } - .visually-hidden.focusable:active, .visually-hidden.focusable:focus, - .visuallyhidden.focusable:active, - .visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; } - -/* Hide visually and from screenreaders, but maintain layout */ -.invisible { - visibility: hidden; } - -/* Give a strong clear visual idea as to what is currently in focus */ -a { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } - -a:focus { - background-color: #ffbf47; - outline: 3px solid #ffbf47; } - -/* Make links slightly darker when focused to improve contrast. */ -a:link:focus { - color: #099846; } - -/* Make skiplinks visible when they are tabbed to */ -.skiplink { - position: absolute; - left: -9999em; - /* Default link colour doesn't have enough contrast against $focus-colour */ } - .skiplink:focus, .skiplink:visited { - color: #0b0c0c; } - -.skiplink:focus { - left: 0; - z-index: 1; } - -#skiplink-container { - text-align: center; - background: #0b0c0c; } - #skiplink-container div { - text-align: left; - margin: 0 auto; - max-width: 1020px; } - #skiplink-container .skiplink { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0.75em 0 0 30px; } - -input:focus, -textarea:focus, -select:focus, -button:focus { - outline: 3px solid #ffbf47; - outline-offset: 0; } - -#global-header input[type=search]:focus { - outline: 3px solid #ffbf47; - /* Focus appears inside the input */ - outline-offset: -2px; } -#global-header h1 a:focus { - background-color: transparent; - outline: none; } -#global-header a:focus { - color: #0b0c0c; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-header { - background-color: #06644b; - width: 100%; } - #global-header .header-wrapper { - background-color: #06644b; - max-width: 990px; - margin: 0 auto; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 15px; - padding-right: 15px; - width: 990px; } - #global-header .header-wrapper .header-global .header-logo { - float: left; - width: 33.33%; } - @media screen and (max-width: 379px) { - #global-header .header-wrapper .header-global .header-logo { - width: auto; - float: none; } } - #global-header .header-wrapper .header-global .header-logo .content { - margin: 0 15px; } - #global-header .header-wrapper .header-global .header-logo { - margin-top: 2px; } - #global-header.with-proposition .header-wrapper .header-global { - float: left; - width: 33.33%; } - #global-header.with-proposition .header-wrapper .header-global .header-logo, - #global-header.with-proposition .header-wrapper .header-global .site-search { - width: 100%; } - #global-header.with-proposition .header-wrapper .header-proposition { - width: 66.66%; - float: left; } - #global-header.with-proposition .header-wrapper .header-proposition .content { - margin: 0 15px; } - #global-header #logo { - float: left; - overflow: visible; - color: white; - font-weight: bold; - font-size: 30px; - line-height: 1; - text-decoration: none; - text-rendering: optimizeLegibility; - border-bottom: 1px solid transparent; - background: url(<%= asset_path 'images/hackney-logo-white.png' %>) no-repeat; - background-size: 160px 32px; - background-position: 0 0; - background-image: url(<%= asset_path 'images/hackney-logo-white-1x.png' %>); } - #global-header #logo img { - margin: 2px 1px 0 0; - vertical-align: bottom; - visibility: hidden; } - #global-header #logo:hover, #global-header #logo:focus { - text-decoration: none; - border-bottom-color: white; } - #global-header .header-proposition { - padding-top: 10px; - padding-top: 0; } - #global-header .header-proposition #proposition-name { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: white; - text-decoration: none; } - #global-header .header-proposition a#proposition-name:hover { - text-decoration: underline; } - #global-header .header-proposition a#proposition-name:focus { - color: #0b0c0c; } - #global-header .header-proposition a.menu { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - color: white; - display: block; - float: right; - text-decoration: none; - padding-top: 6px; - display: none; } - #global-header .header-proposition a.menu:hover { - text-decoration: underline; } - #global-header .header-proposition a.menu:after { - display: inline-block; - font-size: 8px; - height: 8px; - padding-left: 5px; - vertical-align: middle; - content: " \25BC"; } - #global-header .header-proposition a.menu.js-hidden:after { - content: " \25B2"; } - #global-header .header-proposition #proposition-menu { - margin-top: 5px; } - #global-header .header-proposition #proposition-menu.no-proposition-name { - margin-top: 37px; } - #global-header .header-proposition #proposition-link, - #global-header .header-proposition #proposition-links { - clear: both; - margin: 2px 0 0 0; - padding: 0; } - .js-enabled #global-header .header-proposition #proposition-link, .js-enabled - #global-header .header-proposition #proposition-links { - display: none; - display: block; } - .js-enabled #global-header .header-proposition #proposition-link.js-visible, .js-enabled - #global-header .header-proposition #proposition-links.js-visible { - display: block; } - #global-header .header-proposition #proposition-link li, - #global-header .header-proposition #proposition-links li { - float: left; - width: 50%; - padding: 3px 0; - border-bottom: 1px solid #2e3133; - display: block; - width: auto; - padding: 0 15px 0 0; - border-bottom: 0; } - #global-header .header-proposition #proposition-link li.clear-child, - #global-header .header-proposition #proposition-links li.clear-child { - clear: left; } - #global-header .header-proposition #proposition-link a, - #global-header .header-proposition #proposition-links a { - color: white; - text-decoration: none; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 12px; - line-height: 1.25; - font-size: 14px; - line-height: 1.42857; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - line-height: 23px; } - #global-header .header-proposition #proposition-link a:hover, - #global-header .header-proposition #proposition-links a:hover { - text-decoration: underline; } - #global-header .header-proposition #proposition-link a.active, - #global-header .header-proposition #proposition-links a.active { - color: #1d8feb; } - #global-header .header-proposition #proposition-link a:focus, - #global-header .header-proposition #proposition-links a:focus { - color: #0b0c0c; } - #global-header .header-proposition #proposition-link { - float: right; - line-height: 22px; - float: none; } - .js-enabled #global-header .header-proposition #proposition-link { - display: block; } - -/* Global cookie message */ -.js-enabled #global-cookie-message { - display: none; - /* shown with JS, always on for non-JS */ } - -#global-cookie-message { - width: 100%; - background-color: #d5e8f3; - padding-top: 10px; - padding-bottom: 10px; } - #global-cookie-message p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 0; - margin-bottom: 0; } - -/* Global footer */ -#footer { - background-color: #06644b; - border-top: 3px solid #7ab92c; } - #footer:before { - content: ""; - display: block; - border-bottom: 3px solid #0aa44c; - border-top: 2px solid #a9cd75; - height: 10px; - margin-top: -8px; } - #footer .footer-wrapper { - background-color: #06644b; - padding-top: 20px; - padding-top: 60px; } - #footer a { - color: #a9cd75; } - #footer a:hover { - color: white; } - #footer h2 { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: #0b0c0c; - margin: 0; } - #footer h2 a { - color: inherit; } - #footer .footer-meta { - padding-bottom: 60px; - clear: both; - font-size: 0; - color: #a9cd75; } - #footer .footer-meta .footer-meta-inner { - display: inline-block; - vertical-align: bottom; - width: 100%; - width: 75%; - float: left; - display: block; } - #footer .footer-meta .footer-meta-inner ul { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.5; - font-size: 16px; - line-height: 1.5; - display: inline-block; - list-style: none; - padding: 0; } - #footer .footer-meta .footer-meta-inner ul li { - display: inline-block; - margin: 0 15px 0 0; - display: inline; - margin-right: 0; - padding-right: 15px; } - #footer .footer-meta .footer-meta-inner .open-government-licence { - clear: left; - position: relative; - padding-left: 53px; - zoom: 1; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo { - margin-bottom: 1em; - padding-top: 0; - position: absolute; - left: 0; - top: 0; - width: 41px; - height: 100%; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - display: block; - width: 41px; - height: 17px; - overflow: hidden; - text-indent: -999em; - background: url(<%= asset_path 'images/open-government-licence.png' %>) 0 0 no-repeat; } - @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) { - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - background-image: url(<%= asset_path 'images/open-government-licence_2x.png' %>); - background-size: 41px 17px; } } - #footer .footer-meta .footer-meta-inner .open-government-licence p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 0; - padding-top: 0.1em; } - #footer .footer-meta .copyright { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 30px 0 0 0; - width: 100%; - display: block; - display: inline-block; - text-align: inherit; - width: 25%; - padding-top: 15px; - margin-top: 0; - float: right; - height: 150px; - width: 24%; } - #footer .footer-meta .copyright a { - display: block; - background-image: url(<%= asset_path 'images/govuk-crest.png' %>); - background-repeat: no-repeat; - background-position: 50% 0%; - background-position: 100% 0%; - background-image: url(<%= asset_path 'images/govuk-crest-ie.png' %>); - text-align: center; - text-decoration: none; - text-align: right; - padding: 115px 0 0 0; } - @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) { - #footer .footer-meta .copyright a { - background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>); - background-size: 125px 102px; } } - -.visually-hidden, -.visuallyhidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; } - -div, -span, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark { - border: none; - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -input, -textarea, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - font-size: inherit; - font-family: inherit; - line-height: inherit; - font-weight: normal; } - -abbr[title], -acronym[title] { - text-decoration: none; } - -legend { - box-sizing: border-box; - max-width: 100%; - display: table; } - -#content { - padding-bottom: 30px; - padding-bottom: 90px; - outline: none; } - -.column-quarter, -.column-one-quarter { - float: left; - width: 25%; - width: 217.5px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-half, -.column-one-half { - float: left; - width: 50%; - width: 465px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-third, -.column-one-third { - float: left; - width: 33.33333%; - width: 300px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-two-thirds { - float: left; - width: 66.66667%; - width: 630px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-full { - float: left; - width: 100%; - width: 960px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -main { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - -webkit-font-smoothing: antialiased; } - -.font-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.font-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.font-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.font-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.font-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.font-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.bold-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.bold-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.bold-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.bold-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.bold-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold { - font-weight: 700; } - -.heading-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; - margin-top: 0.46875em; - margin-bottom: 0.9375em; - margin-top: 0.625em; - margin-bottom: 1.25em; } - .heading-xlarge .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 20px; - line-height: 1.11111; - font-size: 27px; - line-height: 1.11111; - display: block; - padding-top: 8px; - padding-bottom: 7px; - padding-top: 4px; - padding-bottom: 6px; - display: block; - color: #6f777b; } - -.heading-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; - margin-top: 1.04167em; - margin-bottom: 0.41667em; - margin-top: 1.25em; - margin-bottom: 0.55556em; } - .heading-large .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - display: block; - padding-top: 9px; - padding-bottom: 6px; - padding-top: 6px; - padding-bottom: 4px; - display: block; - color: #6f777b; } - -.heading-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - margin-top: 1.25em; - margin-bottom: 0.5em; - margin-top: 1.875em; - margin-bottom: 0.83333em; } - -.heading-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - margin-top: 0.625em; - margin-bottom: 0.3125em; - margin-top: 1.05263em; } - -p, -.body-text { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.body-text { - display: block; } - -.lede { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.text { - max-width: 30em; } - -.text-secondary { - color: #6f777b; } - -.link { - color: #0aa44c; - text-decoration: underline; } - -.link:visited { - color: #077436; } - -.link:hover { - color: #0bb253; } - -.link:active { - color: #0aa44c; } - -.link-back { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - position: relative; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 15px; - margin-bottom: 15px; - padding-left: 14px; - color: #0b0c0c; - text-decoration: none; - border-bottom: 1px solid #0b0c0c; - background: url(<%= asset_path 'icon-arrow-left.png' %>) no-repeat 0 4px; } - .link-back:link, .link-back:visited, .link-back:hover, .link-back:active { - color: #0b0c0c; } - .link-back::before { - content: ''; - display: block; - width: 0; - height: 0; - border-top: 5px solid transparent; - border-right: 6px solid #0b0c0c; - border-bottom: 5px solid transparent; - position: absolute; - left: 0; - top: 50%; - margin-top: -6px; } - -.code { - color: #0b0c0c; - background-color: #f8f8f8; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - border: 1px solid #bfc1c3; - padding: 4px 4px 2px; } - -hr { - display: block; - background: #bfc1c3; - border: 0; - height: 1px; - margin-top: 30px; - margin-bottom: 30px; - padding: 0; - color: #bfc1c3; } - -.notice { - position: relative; } - .notice .icon { - position: absolute; - left: 0; - top: 50%; - margin-top: -17px; } - .notice strong { - display: block; - padding-left: 65px; - margin-left: -15px; } - -.data { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.data-item { - display: block; - line-height: 1; } - -.button { - background-color: #00823b; - position: relative; - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - padding: .526315em .789473em .263157em; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - outline: 1px solid transparent; - outline-offset: -1px; - -webkit-appearance: none; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; - font-size: 1em; - line-height: 1.25; - text-decoration: none; - -webkit-font-smoothing: antialiased; - cursor: pointer; - color: white; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: top; } - .button:visited { - background-color: #00823b; } - .button:hover, .button:focus { - background-color: #00692f; } - .button:active { - top: 2px; - -webkit-box-shadow: 0 0 0 #00823b; - -moz-box-shadow: 0 0 0 #00823b; - box-shadow: 0 0 0 #00823b; } - .button.disabled, .button[disabled="disabled"], .button[disabled] { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; } - .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover { - cursor: default; - background-color: #00823b; } - .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active { - top: 0; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; } - .button:link, .button:hover, .button:focus, .button:visited { - color: white; } - .button:before { - content: ""; - height: 110%; - width: 100%; - display: block; - background: transparent; - position: absolute; - top: 0; - left: 0; } - .button:active:before { - top: -10%; - height: 120%; - top: auto; - height: 100%; } - .button[type="submit"], .button[type="reset"], .button[type="button"] { - filter: chroma(color=#0b0c0c); } - .button[type=submit].button { - filter: none; } - -.button::-moz-focus-inner { - border: 0; - padding: 0; } - -.button:focus { - outline: 3px solid #ffbf47; } - -.button[disabled="disabled"] { - background: #00823b; } - -.button[disabled="disabled"]:focus { - outline: none; } - -.button-start, -.button-get-started { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - background-image: url(<%= asset_path 'icon-pointer.png' %>); - background-repeat: no-repeat; - background-position: 100% 50%; - padding: 0.36842em 2.15789em 0.21053em 0.84211em; - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); } - @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) { - .button-start, - .button-get-started { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 30px 19px; } } - -.icon { - display: inline-block; - background-position: 0 0; - background-repeat: no-repeat; } - -.icon-calendar { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-calendar.png' %>); } - @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) { - .icon-calendar { - background-image: url(<%= asset_path 'icon-calendar-2x.png' %>); - background-size: 100%; } } - -.icon-file-download { - width: 30px; - height: 39px; - background-image: url(<%= asset_path 'icon-file-download.png' %>); } - @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) { - .icon-file-download { - background-image: url(<%= asset_path 'icon-file-download-2x.png' %>); - background-size: 100%; } } - -.icon-important { - width: 35px; - height: 35px; - background-image: url(<%= asset_path 'icon-important.png' %>); } - @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) { - .icon-important { - background-image: url(<%= asset_path 'icon-important-2x.png' %>); - background-size: 100%; } } - -.icon-information { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-information.png' %>); } - @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) { - .icon-information { - background-image: url(<%= asset_path 'icon-information-2x.png' %>); - background-size: 100%; } } - -.icon-locator { - width: 26px; - height: 36px; - background-image: url(<%= asset_path 'icon-locator.png' %>); } - @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) { - .icon-locator { - background-image: url(<%= asset_path 'icon-locator-2x.png' %>); - background-size: 100%; } } - -.icon-pointer { - width: 30px; - height: 19px; - background-image: url(<%= asset_path 'icon-pointer.png' %>); } - @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) { - .icon-pointer { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 100%; } } - -.icon-pointer-black { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-pointer-black.png' %>); } - @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) { - .icon-pointer-black { - background-image: url(<%= asset_path 'icon-pointer-black-2x.png' %>); - background-size: 100%; } } - -.icon-search { - width: 30px; - height: 22px; - background-image: url(<%= asset_path 'icon-search.png' %>); } - @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) { - .icon-search { - background-image: url(<%= asset_path 'icon-search-2x.png' %>); - background-size: 100%; } } - -.icon-step-1 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-1.png' %>); } - @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) { - .icon-step-1 { - background-image: url(<%= asset_path 'icon-steps/icon-step-1-2x.png' %>); - background-size: 100%; } } - -.icon-step-2 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-2.png' %>); } - @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) { - .icon-step-2 { - background-image: url(<%= asset_path 'icon-steps/icon-step-2-2x.png' %>); - background-size: 100%; } } - -.icon-step-3 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-3.png' %>); } - @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) { - .icon-step-3 { - background-image: url(<%= asset_path 'icon-steps/icon-step-3-2x.png' %>); - background-size: 100%; } } - -.icon-step-4 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-4.png' %>); } - @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) { - .icon-step-4 { - background-image: url(<%= asset_path 'icon-steps/icon-step-4-2x.png' %>); - background-size: 100%; } } - -.icon-step-5 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-5.png' %>); } - @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) { - .icon-step-5 { - background-image: url(<%= asset_path 'icon-steps/icon-step-5-2x.png' %>); - background-size: 100%; } } - -.icon-step-6 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-6.png' %>); } - @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) { - .icon-step-6 { - background-image: url(<%= asset_path 'icon-steps/icon-step-6-2x.png' %>); - background-size: 100%; } } - -.icon-step-7 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-7.png' %>); } - @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) { - .icon-step-7 { - background-image: url(<%= asset_path 'icon-steps/icon-step-7-2x.png' %>); - background-size: 100%; } } - -.icon-step-8 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-8.png' %>); } - @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) { - .icon-step-8 { - background-image: url(<%= asset_path 'icon-steps/icon-step-8-2x.png' %>); - background-size: 100%; } } - -.icon-step-9 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-9.png' %>); } - @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) { - .icon-step-9 { - background-image: url(<%= asset_path 'icon-steps/icon-step-9-2x.png' %>); - background-size: 100%; } } - -.icon-step-10 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-10.png' %>); } - @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) { - .icon-step-10 { - background-image: url(<%= asset_path 'icon-steps/icon-step-10-2x.png' %>); - background-size: 100%; } } - -.icon-step-11 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-11.png' %>); } - @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) { - .icon-step-11 { - background-image: url(<%= asset_path 'icon-steps/icon-step-11-2x.png' %>); - background-size: 100%; } } - -.icon-step-12 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-12.png' %>); } - @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) { - .icon-step-12 { - background-image: url(<%= asset_path 'icon-steps/icon-step-12-2x.png' %>); - background-size: 100%; } } - -.icon-step-13 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-13.png' %>); } - @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) { - .icon-step-13 { - background-image: url(<%= asset_path 'icon-steps/icon-step-13-2x.png' %>); - background-size: 100%; } } - -.icon-step-14 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-14.png' %>); } - @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) { - .icon-step-14 { - background-image: url(<%= asset_path 'icon-steps/icon-step-14-2x.png' %>); - background-size: 100%; } } - -.circle { - display: inline-block; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background: #0b0c0c; - color: white; - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; - font-size: 12px; - font-weight: bold; - text-align: center; } - -.circle-step { - min-width: 24px; - min-height: 24px; - line-height: 24px; } - -.circle-step-large { - font-size: 19px; - min-width: 38px; - min-height: 38px; - line-height: 38px; } - -ul, -ol { - list-style-type: none; } - -.list { - padding: 0; - margin-top: 5px; - margin-bottom: 20px; } - -.list li { - margin-bottom: 5px; } - -.list-bullet { - list-style-type: disc; - padding-left: 20px; } - -.list-number { - list-style-type: decimal; - padding-left: 20px; - padding-left: 28px; } - -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; } - table th, - table td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - padding: 0.63158em 1.05263em 0.47368em 0; - text-align: left; - border-bottom: 1px solid #bfc1c3; } - table thead th { - font-weight: 700; } - table td:last-child, - table th:last-child { - padding-right: 0; } - table .numeric { - text-align: right; } - table td.numeric { - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; } - table caption { - text-align: left; } - -.table-font-xsmall th { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall th, -.table-font-xsmall td { - padding: 0.75em 1.25em 0.5625em 0; } - -details { - display: block; - clear: both; } - details summary { - display: inline-block; - color: #005ea5; - cursor: pointer; - position: relative; - margin-bottom: 0.26316em; } - details summary:hover { - color: #0bb253; } - details summary:focus { - outline: 3px solid #ffbf47; } - details .summary { - text-decoration: underline; } - details .arrow { - margin-right: .35em; - font-style: normal; } - -.panel { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - clear: both; - border-left-style: solid; - border-color: #bfc1c3; - padding: 0.78947em; - margin-bottom: 0.78947em; } - .panel :first-child { - margin-top: 0; } - .panel :only-child, - .panel :last-child { - margin-bottom: 0; } - -.panel-border-wide { - border-left-width: 10px; } - -.panel-border-narrow { - border-left-width: 5px; } - -.form-group .panel-border-narrow { - float: left; - width: 100%; - padding-bottom: 0; } - -.form-group .panel-border-narrow:first-child { - margin-top: 10px; } - -.form-group .panel-border-narrow:last-child { - margin-top: 0; - margin-bottom: 0; } - -.inline .panel-border-narrow, -.inline .panel-border-narrow:last-child { - margin-top: 10px; - margin-bottom: 0; } - -fieldset { - width: 100%; } - -legend { - overflow: hidden; } - -legend { - margin-left: -7px; } - -textarea { - display: block; } - -.form-section, -.form-group { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.form-section { - margin-bottom: 30px; - margin-bottom: 60px; } - -.form-group { - margin-bottom: 15px; - margin-bottom: 30px; } - -.form-group-related { - margin-bottom: 10px; - margin-bottom: 20px; } - -.form-group-compound { - margin-bottom: 10px; } - -.form-label, -.form-label-bold { - display: block; - color: #0b0c0c; - padding-bottom: 2px; } - -.form-label { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-label-bold { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-block { - float: left; - clear: left; - margin-top: -5px; - margin-bottom: 5px; - margin-top: 0; - margin-bottom: 10px; } - -.form-hint { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - display: block; - color: #6f777b; - font-weight: normal; - margin-top: -2px; - padding-bottom: 2px; } - -.form-label .form-hint, -.form-label-bold .form-hint { - margin-top: 0; - padding-bottom: 0; } - -.form-control { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - width: 100%; - padding: 5px 4px 4px; - border: 2px solid #0b0c0c; - width: 50%; } - -input.form-control, -textarea.form-control { - -webkit-appearance: none; - border-radius: 0; } - -textarea.form-control { - opacity: 1; - background-image: none; } - -.form-control-3-4 { - width: 100%; - width: 75%; } - -.form-control-2-3 { - width: 100%; - width: 66.66%; } - -.form-control-1-2 { - width: 100%; - width: 50%; } - -.form-control-1-3 { - width: 100%; - width: 33.33%; } - -.form-control-1-4 { - width: 100%; - width: 25%; } - -.form-control-1-8 { - width: 100%; - width: 12.5%; } - -option:active, -option:checked, -select:focus::-ms-value { - color: white; - background-color: #005ea5; } - -.multiple-choice { - display: block; - float: none; - clear: left; - position: relative; - padding: 0 0 0 38px; - margin-bottom: 10px; - float: left; } - .multiple-choice input { - position: absolute; - cursor: pointer; - left: 0; - top: 0; - width: 38px; - height: 38px; - z-index: 1; } - .multiple-choice label { - cursor: pointer; - padding: 8px 10px 9px 12px; - display: block; - -ms-touch-action: manipulation; - touch-action: manipulation; - float: left; - padding-top: 7px; - padding-bottom: 7px; } - .multiple-choice [type=radio] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; } - .multiple-choice [type=radio] + label::after { - content: ""; - border: 10px solid; - width: 0; - height: 0; - position: absolute; - top: 9px; - left: 9px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=checkbox] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; } - .multiple-choice [type=checkbox] + label::after { - content: ""; - border: solid; - border-width: 0 0 5px 5px; - background: transparent; - border-top-color: transparent; - width: 17px; - height: 7px; - position: absolute; - top: 10px; - left: 8px; - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=radio]:focus + label::before { - -webkit-box-shadow: 0 0 0 4px #ffbf47; - -moz-box-shadow: 0 0 0 4px #ffbf47; - box-shadow: 0 0 0 4px #ffbf47; } - .multiple-choice [type=checkbox]:focus + label::before { - -webkit-box-shadow: 0 0 0 3px #ffbf47; - -moz-box-shadow: 0 0 0 3px #ffbf47; - box-shadow: 0 0 0 3px #ffbf47; } - .multiple-choice input:checked + label::after { - zoom: 1; - filter: alpha(opacity=100); - opacity: 1; } - .multiple-choice input:disabled { - cursor: default; } - .multiple-choice input:disabled + label { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; - cursor: default; } - .multiple-choice:last-child, .multiple-choice:last-of-type { - margin-bottom: 0; } - -.inline .multiple-choice { - clear: none; - margin-bottom: 0; - margin-right: 30px; } - -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } - -input[type=number] { - -moz-appearance: textfield; } - -.form-date .form-group { - float: left; - width: 50px; - margin-right: 20px; - margin-bottom: 0; - clear: none; } - .form-date .form-group label { - display: block; - padding-bottom: 2px; } - .form-date .form-group input { - width: 100%; } -.form-date .form-group-year { - width: 70px; } - -.form-group-error { - margin-right: 15px; - border-left: 4px solid #b10e1e; - padding-left: 10px; - border-left: 5px solid #b10e1e; - padding-left: 15px; } - -.form-control-error { - border: 4px solid #b10e1e; } - -.error-message { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - color: #b10e1e; - display: block; - clear: both; - margin: 0; - padding: 2px 0; } - -.form-label .error-message, -.form-label-bold .error-message { - padding-top: 4px; - padding-bottom: 0; } - -.error-summary { - border: 4px solid #b10e1e; - margin-top: 15px; - margin-bottom: 15px; - padding: 15px 10px; - border: 5px solid #b10e1e; - margin-top: 30px; - margin-bottom: 30px; - padding: 20px 15px 15px; - zoom: 1; } - .error-summary:focus { - outline: 3px solid #ffbf47; } - .error-summary .error-summary-heading { - margin-top: 0; } - .error-summary p { - margin-bottom: 10px; } - .error-summary .error-summary-list { - padding-left: 0; } - .error-summary .error-summary-list li { - margin-bottom: 5px; } - .error-summary .error-summary-list a { - color: #b10e1e; - font-weight: bold; - text-decoration: underline; } - -.breadcrumbs { - padding-top: 0.75em; - padding-bottom: 0.75em; } - .breadcrumbs li { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - float: left; - background-image: url(<%= asset_path 'separator.png' %>); - background-position: 0% 50%; - background-repeat: no-repeat; - list-style: none; - margin-left: 0.6em; - margin-bottom: 0.4em; - padding-left: 0.9em; } - @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) { - .breadcrumbs li { - background-image: url(<%= asset_path 'separator-2x.png' %>); - background-size: 6px 11px; } } - .breadcrumbs li:first-child { - background-image: none; - margin-left: 0; - padding-left: 0; } - .breadcrumbs a { - color: #0b0c0c; } - -.phase-banner { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner .phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner span { - display: table-cell; - vertical-align: baseline; } - -.phase-banner-alpha, -.phase-banner-beta { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner-alpha p, - .phase-banner-beta p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner-alpha .phase-tag, - .phase-banner-beta .phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner-alpha span, - .phase-banner-beta span { - display: table-cell; - vertical-align: baseline; } - -.phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - -.govuk-box-highlight { - margin: 1em 0; - padding: 2em 1em; - color: white; - background: #28a197; - text-align: center; } - -@-moz-document regexp('.*') { - details summary:not([tabindex]) { - display: list-item; - display: revert; } } diff --git a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie7.css.erb b/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie7.css.erb deleted file mode 100644 index fd1156e6..00000000 --- a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie7.css.erb +++ /dev/null @@ -1,2070 +0,0 @@ -@charset "UTF-8"; -/* local styleguide includes */ -/* govuk_frontend_toolkit includes */ -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -/* local colours – need to be after govuk_frontend_toolkit to override */ -@-ms-viewport { - width: device-width; } - -html, body, button, input, table, td, th { - font-family: "Droid Sans", Arial, sans-serif; } - -html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section { - margin: 0; - padding: 0; - vertical-align: baseline; } - -main { - display: block; } - -.group:before, -.group:after { - content: "\0020"; - display: block; - height: 0; - overflow: hidden; } - -.group:after { - clear: both; } - -.group { - zoom: 1; } - -.content-fixed { - top: 0; - position: fixed; } - -.shim { - display: block; } - -/* - * 1. Prevents iOS text size adjust after orientation change, without disabling - * user zoom. - */ -html { - -webkit-text-size-adjust: 100%; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 1 */ - background-color: #06644b; } - -/* - Force the scrollbar to always display in IE10/11 - */ -html { - -ms-overflow-style: scrollbar; } - -body { - background: white; - color: #0b0c0c; - line-height: 1.5; - font-weight: 400; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -ol, ul, nav ol, nav ul { - list-style: inherit; } - -fieldset { - border: none; - padding: 0; } - -a:link { - color: #0aa44c; } - -a:visited { - color: #077436; } - -a:hover { - color: #0bb253; } - -a:active { - color: #0bb253; } - -/* - * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units - * http://clagnut.com/blog/348/#c790 - * note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback - * http://snook.ca/archives/html_and_css/font-size-with-rem - * 2. Keeps page centred in all browsers regardless of content height - * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted - * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ - */ -html { - font-size: 62.5%; - /* 1 */ - overflow-y: scroll; - /* 2 */ - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - /* 3 */ } - -/* - * 1. Font-size increased to compensate for change to html element font-size in - * order to support beta typography which was set in ems - * (62.5% * 160% = 100%) - * 2. Addresses margins handled incorrectly in IE6/7 - */ -body { - font-size: 160%; - /* 1 */ - margin: 0; - /* 2 */ } - -b, -strong { - font-weight: 600; } - -img { - border: 0; } - -button { - overflow: visible; } - -abbr[title] { - cursor: help; } - -/* - * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; } - -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: searchfield-cancel-button; - margin-right: 2px; } - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/* For image replacement */ -.ir { - display: block; - text-indent: -999em; - overflow: hidden; - background-repeat: no-repeat; - text-align: left; - direction: ltr; } - .ir br { - display: none; } - -/* Hide for both screenreaders and browsers */ -.hidden, -.js-enabled .js-hidden { - display: none; - visibility: hidden; } - -/* Hide only visually, but have it available for screenreaders */ -.visually-hidden, -.visuallyhidden { - position: absolute; - left: -9999em; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - /* - * Extends the .visuallyhidden class to allow the element to be - * focusable when navigated to via the keyboard - */ } - .visually-hidden.focusable:active, .visually-hidden.focusable:focus, - .visuallyhidden.focusable:active, - .visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; } - -/* Hide visually and from screenreaders, but maintain layout */ -.invisible { - visibility: hidden; } - -/* Give a strong clear visual idea as to what is currently in focus */ -a { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } - -a:focus { - background-color: #ffbf47; - outline: 3px solid #ffbf47; } - -/* Make links slightly darker when focused to improve contrast. */ -a:link:focus { - color: #099846; } - -/* Make skiplinks visible when they are tabbed to */ -.skiplink { - position: absolute; - left: -9999em; - /* Default link colour doesn't have enough contrast against $focus-colour */ } - .skiplink:focus, .skiplink:visited { - color: #0b0c0c; } - -.skiplink:focus { - left: 0; - z-index: 1; } - -#skiplink-container { - text-align: center; - background: #0b0c0c; } - #skiplink-container div { - text-align: left; - margin: 0 auto; - max-width: 1020px; } - #skiplink-container .skiplink { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0.75em 0 0 30px; } - -input:focus, -textarea:focus, -select:focus, -button:focus { - outline: 3px solid #ffbf47; - outline-offset: 0; } - -#global-header input[type=search]:focus { - outline: 3px solid #ffbf47; - /* Focus appears inside the input */ - outline-offset: -2px; } -#global-header h1 a:focus { - background-color: transparent; - outline: none; } -#global-header a:focus { - color: #0b0c0c; } - -.grid-row, #global-header .header-wrapper, #global-header .header-wrapper .header-global, #global-header .header-wrapper .header-global .header-logo, #global-header .header-proposition #proposition-link, -#global-header .header-proposition #proposition-links, #footer .footer-meta, #content, .notice, .panel, fieldset, .form-section, -.form-group, .breadcrumbs ol { - zoom: 1; } - .grid-row:after, #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-link:after, - #global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, - .form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-header { - background-color: #06644b; - width: 100%; } - #global-header .header-wrapper { - background-color: #06644b; - max-width: 990px; - margin: 0 auto; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 15px; - padding-right: 15px; - width: 990px; } - #global-header .header-wrapper .header-global .header-logo { - float: left; - width: 33.33%; } - @media screen and (max-width: 379px) { - #global-header .header-wrapper .header-global .header-logo { - width: auto; - float: none; } } - #global-header .header-wrapper .header-global .header-logo .content { - margin: 0 15px; } - #global-header .header-wrapper .header-global .header-logo { - margin-top: 2px; } - #global-header.with-proposition .header-wrapper .header-global { - float: left; - width: 33.33%; } - #global-header.with-proposition .header-wrapper .header-global .header-logo, - #global-header.with-proposition .header-wrapper .header-global .site-search { - width: 100%; } - #global-header.with-proposition .header-wrapper .header-proposition { - width: 66.66%; - float: left; } - #global-header.with-proposition .header-wrapper .header-proposition .content { - margin: 0 15px; } - #global-header #logo { - float: left; - overflow: visible; - color: white; - font-weight: bold; - font-size: 30px; - line-height: 1; - text-decoration: none; - text-rendering: optimizeLegibility; - border-bottom: 1px solid transparent; - background: url(<%= asset_path 'images/hackney-logo-white.png' %>) no-repeat; - background-size: 160px 32px; - background-position: 0 0; - background-image: url(<%= asset_path 'images/hackney-logo-white-1x.png' %>); } - #global-header #logo img { - margin: 2px 1px 0 0; - vertical-align: bottom; - visibility: hidden; } - #global-header #logo:hover, #global-header #logo:focus { - text-decoration: none; - border-bottom-color: white; } - #global-header .header-proposition { - padding-top: 10px; - padding-top: 0; } - #global-header .header-proposition #proposition-name { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: white; - text-decoration: none; } - #global-header .header-proposition a#proposition-name:hover { - text-decoration: underline; } - #global-header .header-proposition a#proposition-name:focus { - color: #0b0c0c; } - #global-header .header-proposition a.menu { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - color: white; - display: block; - float: right; - text-decoration: none; - padding-top: 6px; - display: none; } - #global-header .header-proposition a.menu:hover { - text-decoration: underline; } - #global-header .header-proposition a.menu:after { - display: inline-block; - font-size: 8px; - height: 8px; - padding-left: 5px; - vertical-align: middle; - content: " \25BC"; } - #global-header .header-proposition a.menu.js-hidden:after { - content: " \25B2"; } - #global-header .header-proposition #proposition-menu { - margin-top: 5px; } - #global-header .header-proposition #proposition-menu.no-proposition-name { - margin-top: 37px; } - #global-header .header-proposition #proposition-link, - #global-header .header-proposition #proposition-links { - clear: both; - margin: 2px 0 0 0; - padding: 0; } - .js-enabled #global-header .header-proposition #proposition-link, .js-enabled - #global-header .header-proposition #proposition-links { - display: none; - display: block; } - .js-enabled #global-header .header-proposition #proposition-link.js-visible, .js-enabled - #global-header .header-proposition #proposition-links.js-visible { - display: block; } - #global-header .header-proposition #proposition-link li, - #global-header .header-proposition #proposition-links li { - float: left; - width: 50%; - padding: 3px 0; - border-bottom: 1px solid #2e3133; - display: block; - width: auto; - padding: 0 15px 0 0; - border-bottom: 0; } - #global-header .header-proposition #proposition-link li.clear-child, - #global-header .header-proposition #proposition-links li.clear-child { - clear: left; } - #global-header .header-proposition #proposition-link a, - #global-header .header-proposition #proposition-links a { - color: white; - text-decoration: none; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 12px; - line-height: 1.25; - font-size: 14px; - line-height: 1.42857; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - line-height: 23px; } - #global-header .header-proposition #proposition-link a:hover, - #global-header .header-proposition #proposition-links a:hover { - text-decoration: underline; } - #global-header .header-proposition #proposition-link a.active, - #global-header .header-proposition #proposition-links a.active { - color: #1d8feb; } - #global-header .header-proposition #proposition-link a:focus, - #global-header .header-proposition #proposition-links a:focus { - color: #0b0c0c; } - #global-header .header-proposition #proposition-link { - float: right; - line-height: 22px; - float: none; } - .js-enabled #global-header .header-proposition #proposition-link { - display: block; } - -/* Global cookie message */ -.js-enabled #global-cookie-message { - display: none; - /* shown with JS, always on for non-JS */ } - -#global-cookie-message { - width: 100%; - background-color: #d5e8f3; - padding-top: 10px; - padding-bottom: 10px; } - #global-cookie-message p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 0; - margin-bottom: 0; } - -/* Global footer */ -#footer { - background-color: #06644b; - border-top: 3px solid #7ab92c; } - #footer:before { - content: ""; - display: block; - border-bottom: 3px solid #0aa44c; - border-top: 2px solid #a9cd75; - height: 10px; - margin-top: -8px; } - #footer .footer-wrapper { - background-color: #06644b; - padding-top: 20px; - padding-top: 60px; } - #footer a { - color: #a9cd75; } - #footer a:hover { - color: white; } - #footer h2 { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: #0b0c0c; - margin: 0; } - #footer h2 a { - color: inherit; } - #footer .footer-meta { - padding-bottom: 60px; - clear: both; - font-size: 0; - color: #a9cd75; } - #footer .footer-meta .footer-meta-inner { - display: inline-block; - vertical-align: bottom; - width: 100%; - width: 75%; - float: left; - display: block; } - #footer .footer-meta .footer-meta-inner ul { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.5; - font-size: 16px; - line-height: 1.5; - display: inline-block; - list-style: none; - padding: 0; } - #footer .footer-meta .footer-meta-inner ul li { - display: inline-block; - margin: 0 15px 0 0; - display: inline; - margin-right: 0; - padding-right: 15px; } - #footer .footer-meta .footer-meta-inner .open-government-licence { - clear: left; - position: relative; - padding-left: 53px; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo { - margin-bottom: 1em; - padding-top: 0; - position: absolute; - left: 0; - top: 0; - width: 41px; - height: 100%; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - display: block; - width: 41px; - height: 17px; - overflow: hidden; - text-indent: -999em; - background: url(<%= asset_path 'images/open-government-licence.png' %>) 0 0 no-repeat; } - @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) { - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - background-image: url(<%= asset_path 'images/open-government-licence_2x.png' %>); - background-size: 41px 17px; } } - #footer .footer-meta .footer-meta-inner .open-government-licence p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 0; - padding-top: 0.1em; } - #footer .footer-meta .copyright { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 30px 0 0 0; - width: 100%; - display: block; - display: inline-block; - text-align: inherit; - width: 25%; - padding-top: 15px; - margin-top: 0; - float: right; - height: 150px; - width: 24%; } - #footer .footer-meta .copyright a { - display: block; - background-image: url(<%= asset_path 'images/govuk-crest.png' %>); - background-repeat: no-repeat; - background-position: 50% 0%; - background-position: 100% 0%; - text-align: center; - text-decoration: none; - text-align: right; - padding: 115px 0 0 0; } - @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) { - #footer .footer-meta .copyright a { - background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>); - background-size: 125px 102px; } } - -.visually-hidden, -.visuallyhidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; } - -div, -span, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark { - border: none; - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -input, -textarea, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - font-size: inherit; - font-family: inherit; - line-height: inherit; - font-weight: normal; } - -abbr[title], -acronym[title] { - text-decoration: none; } - -legend { - box-sizing: border-box; - max-width: 100%; - display: table; } - -#content { - padding-bottom: 30px; - padding-bottom: 90px; - outline: none; } - -.column-quarter, -.column-one-quarter { - float: left; - width: 25%; - width: 217.5px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-half, -.column-one-half { - float: left; - width: 50%; - width: 465px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-third, -.column-one-third { - float: left; - width: 33.33333%; - width: 300px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-two-thirds { - float: left; - width: 66.66667%; - width: 630px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-full { - float: left; - width: 100%; - width: 960px; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -main { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - -webkit-font-smoothing: antialiased; } - -.font-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.font-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.font-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.font-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.font-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.font-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.bold-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.bold-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.bold-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.bold-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.bold-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold { - font-weight: 700; } - -.heading-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; - margin-top: 0.46875em; - margin-bottom: 0.9375em; - margin-top: 0.625em; - margin-bottom: 1.25em; } - .heading-xlarge .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 20px; - line-height: 1.11111; - font-size: 27px; - line-height: 1.11111; - display: block; - padding-top: 8px; - padding-bottom: 7px; - padding-top: 4px; - padding-bottom: 6px; - display: block; - color: #6f777b; } - -.heading-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; - margin-top: 1.04167em; - margin-bottom: 0.41667em; - margin-top: 1.25em; - margin-bottom: 0.55556em; } - .heading-large .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - display: block; - padding-top: 9px; - padding-bottom: 6px; - padding-top: 6px; - padding-bottom: 4px; - display: block; - color: #6f777b; } - -.heading-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - margin-top: 1.25em; - margin-bottom: 0.5em; - margin-top: 1.875em; - margin-bottom: 0.83333em; } - -.heading-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - margin-top: 0.625em; - margin-bottom: 0.3125em; - margin-top: 1.05263em; } - -p, -.body-text { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.body-text { - display: block; } - -.lede { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.text { - max-width: 30em; } - -.text-secondary { - color: #6f777b; } - -.link { - color: #0aa44c; - text-decoration: underline; } - -.link:visited { - color: #077436; } - -.link:hover { - color: #0bb253; } - -.link:active { - color: #0aa44c; } - -.link-back { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - position: relative; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 15px; - margin-bottom: 15px; - padding-left: 14px; - color: #0b0c0c; - text-decoration: none; - border-bottom: 1px solid #0b0c0c; - background: url(<%= asset_path 'icon-arrow-left.png' %>) no-repeat 0 4px; } - .link-back:link, .link-back:visited, .link-back:hover, .link-back:active { - color: #0b0c0c; } - .link-back::before { - content: ''; - display: block; - width: 0; - height: 0; - border-top: 5px solid transparent; - border-right: 6px solid #0b0c0c; - border-bottom: 5px solid transparent; - position: absolute; - left: 0; - top: 50%; - margin-top: -6px; } - -.code { - color: #0b0c0c; - background-color: #f8f8f8; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - border: 1px solid #bfc1c3; - padding: 4px 4px 2px; } - -hr { - display: block; - background: #bfc1c3; - border: 0; - height: 1px; - margin-top: 30px; - margin-bottom: 30px; - padding: 0; - color: #bfc1c3; } - -.notice { - position: relative; } - .notice .icon { - position: absolute; - left: 0; - top: 50%; - margin-top: -17px; } - .notice strong { - display: block; - padding-left: 65px; - margin-left: -15px; } - -.data { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.data-item { - display: block; - line-height: 1; } - -.button { - background-color: #00823b; - position: relative; - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - padding: .526315em .789473em .263157em; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - outline: 1px solid transparent; - outline-offset: -1px; - -webkit-appearance: none; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; - font-size: 1em; - line-height: 1.25; - text-decoration: none; - -webkit-font-smoothing: antialiased; - cursor: pointer; - color: white; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: top; } - .button:visited { - background-color: #00823b; } - .button:hover, .button:focus { - background-color: #00692f; } - .button:active { - top: 2px; - -webkit-box-shadow: 0 0 0 #00823b; - -moz-box-shadow: 0 0 0 #00823b; - box-shadow: 0 0 0 #00823b; } - .button.disabled, .button[disabled="disabled"], .button[disabled] { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; } - .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover { - cursor: default; - background-color: #00823b; } - .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active { - top: 0; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; } - .button:link, .button:hover, .button:focus, .button:visited { - color: white; } - .button:before { - content: ""; - height: 110%; - width: 100%; - display: block; - background: transparent; - position: absolute; - top: 0; - left: 0; } - .button:active:before { - top: -10%; - height: 120%; } - .button[type="submit"], .button[type="reset"], .button[type="button"] { - filter: chroma(color=#0b0c0c); } - .button[type=submit].button { - filter: none; } - -.button::-moz-focus-inner { - border: 0; - padding: 0; } - -.button:focus { - outline: 3px solid #ffbf47; } - -.button[disabled="disabled"] { - background: #00823b; } - -.button[disabled="disabled"]:focus { - outline: none; } - -.button-start, -.button-get-started { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - background-image: url(<%= asset_path 'icon-pointer.png' %>); - background-repeat: no-repeat; - background-position: 100% 50%; - padding: 0.36842em 2.15789em 0.21053em 0.84211em; } - @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) { - .button-start, - .button-get-started { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 30px 19px; } } - -.icon { - display: inline-block; - background-position: 0 0; - background-repeat: no-repeat; } - -.icon-calendar { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-calendar.png' %>); } - @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) { - .icon-calendar { - background-image: url(<%= asset_path 'icon-calendar-2x.png' %>); - background-size: 100%; } } - -.icon-file-download { - width: 30px; - height: 39px; - background-image: url(<%= asset_path 'icon-file-download.png' %>); } - @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) { - .icon-file-download { - background-image: url(<%= asset_path 'icon-file-download-2x.png' %>); - background-size: 100%; } } - -.icon-important { - width: 35px; - height: 35px; - background-image: url(<%= asset_path 'icon-important.png' %>); } - @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) { - .icon-important { - background-image: url(<%= asset_path 'icon-important-2x.png' %>); - background-size: 100%; } } - -.icon-information { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-information.png' %>); } - @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) { - .icon-information { - background-image: url(<%= asset_path 'icon-information-2x.png' %>); - background-size: 100%; } } - -.icon-locator { - width: 26px; - height: 36px; - background-image: url(<%= asset_path 'icon-locator.png' %>); } - @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) { - .icon-locator { - background-image: url(<%= asset_path 'icon-locator-2x.png' %>); - background-size: 100%; } } - -.icon-pointer { - width: 30px; - height: 19px; - background-image: url(<%= asset_path 'icon-pointer.png' %>); } - @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) { - .icon-pointer { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 100%; } } - -.icon-pointer-black { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-pointer-black.png' %>); } - @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) { - .icon-pointer-black { - background-image: url(<%= asset_path 'icon-pointer-black-2x.png' %>); - background-size: 100%; } } - -.icon-search { - width: 30px; - height: 22px; - background-image: url(<%= asset_path 'icon-search.png' %>); } - @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) { - .icon-search { - background-image: url(<%= asset_path 'icon-search-2x.png' %>); - background-size: 100%; } } - -.icon-step-1 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-1.png' %>); } - @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) { - .icon-step-1 { - background-image: url(<%= asset_path 'icon-steps/icon-step-1-2x.png' %>); - background-size: 100%; } } - -.icon-step-2 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-2.png' %>); } - @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) { - .icon-step-2 { - background-image: url(<%= asset_path 'icon-steps/icon-step-2-2x.png' %>); - background-size: 100%; } } - -.icon-step-3 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-3.png' %>); } - @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) { - .icon-step-3 { - background-image: url(<%= asset_path 'icon-steps/icon-step-3-2x.png' %>); - background-size: 100%; } } - -.icon-step-4 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-4.png' %>); } - @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) { - .icon-step-4 { - background-image: url(<%= asset_path 'icon-steps/icon-step-4-2x.png' %>); - background-size: 100%; } } - -.icon-step-5 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-5.png' %>); } - @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) { - .icon-step-5 { - background-image: url(<%= asset_path 'icon-steps/icon-step-5-2x.png' %>); - background-size: 100%; } } - -.icon-step-6 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-6.png' %>); } - @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) { - .icon-step-6 { - background-image: url(<%= asset_path 'icon-steps/icon-step-6-2x.png' %>); - background-size: 100%; } } - -.icon-step-7 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-7.png' %>); } - @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) { - .icon-step-7 { - background-image: url(<%= asset_path 'icon-steps/icon-step-7-2x.png' %>); - background-size: 100%; } } - -.icon-step-8 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-8.png' %>); } - @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) { - .icon-step-8 { - background-image: url(<%= asset_path 'icon-steps/icon-step-8-2x.png' %>); - background-size: 100%; } } - -.icon-step-9 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-9.png' %>); } - @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) { - .icon-step-9 { - background-image: url(<%= asset_path 'icon-steps/icon-step-9-2x.png' %>); - background-size: 100%; } } - -.icon-step-10 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-10.png' %>); } - @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) { - .icon-step-10 { - background-image: url(<%= asset_path 'icon-steps/icon-step-10-2x.png' %>); - background-size: 100%; } } - -.icon-step-11 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-11.png' %>); } - @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) { - .icon-step-11 { - background-image: url(<%= asset_path 'icon-steps/icon-step-11-2x.png' %>); - background-size: 100%; } } - -.icon-step-12 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-12.png' %>); } - @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) { - .icon-step-12 { - background-image: url(<%= asset_path 'icon-steps/icon-step-12-2x.png' %>); - background-size: 100%; } } - -.icon-step-13 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-13.png' %>); } - @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) { - .icon-step-13 { - background-image: url(<%= asset_path 'icon-steps/icon-step-13-2x.png' %>); - background-size: 100%; } } - -.icon-step-14 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-14.png' %>); } - @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) { - .icon-step-14 { - background-image: url(<%= asset_path 'icon-steps/icon-step-14-2x.png' %>); - background-size: 100%; } } - -.circle { - display: inline-block; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background: #0b0c0c; - color: white; - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; - font-size: 12px; - font-weight: bold; - text-align: center; } - -.circle-step { - min-width: 24px; - min-height: 24px; - line-height: 24px; } - -.circle-step-large { - font-size: 19px; - min-width: 38px; - min-height: 38px; - line-height: 38px; } - -ul, -ol { - list-style-type: none; } - -.list { - padding: 0; - margin-top: 5px; - margin-bottom: 20px; } - -.list li { - margin-bottom: 5px; } - -.list-bullet { - list-style-type: disc; - padding-left: 20px; } - -.list-number { - list-style-type: decimal; - padding-left: 20px; - padding-left: 28px; } - -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; } - table th, - table td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - padding: 0.63158em 1.05263em 0.47368em 0; - text-align: left; - border-bottom: 1px solid #bfc1c3; } - table thead th { - font-weight: 700; } - table td:last-child, - table th:last-child { - padding-right: 0; } - table .numeric { - text-align: right; } - table td.numeric { - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; } - table caption { - text-align: left; } - -.table-font-xsmall th { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall th, -.table-font-xsmall td { - padding: 0.75em 1.25em 0.5625em 0; } - -details { - display: block; - clear: both; } - details summary { - display: inline-block; - color: #005ea5; - cursor: pointer; - position: relative; - margin-bottom: 0.26316em; } - details summary:hover { - color: #0bb253; } - details summary:focus { - outline: 3px solid #ffbf47; } - details .summary { - text-decoration: underline; } - details .arrow { - margin-right: .35em; - font-style: normal; } - -.panel { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - clear: both; - border-left-style: solid; - border-color: #bfc1c3; - padding: 0.78947em; - margin-bottom: 0.78947em; } - .panel :first-child { - margin-top: 0; } - .panel :only-child, - .panel :last-child { - margin-bottom: 0; } - -.panel-border-wide { - border-left-width: 10px; } - -.panel-border-narrow { - border-left-width: 5px; } - -.form-group .panel-border-narrow { - float: left; - width: 100%; - padding-bottom: 0; } - -.form-group .panel-border-narrow:first-child { - margin-top: 10px; } - -.form-group .panel-border-narrow:last-child { - margin-top: 0; - margin-bottom: 0; } - -.inline .panel-border-narrow, -.inline .panel-border-narrow:last-child { - margin-top: 10px; - margin-bottom: 0; } - -fieldset { - width: 100%; } - -legend { - overflow: hidden; } - -legend { - margin-left: -7px; } - -textarea { - display: block; } - -.form-section, -.form-group { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.form-section { - margin-bottom: 30px; - margin-bottom: 60px; } - -.form-group { - margin-bottom: 15px; - margin-bottom: 30px; } - -.form-group-related { - margin-bottom: 10px; - margin-bottom: 20px; } - -.form-group-compound { - margin-bottom: 10px; } - -.form-label, -.form-label-bold { - display: block; - color: #0b0c0c; - padding-bottom: 2px; } - -.form-label { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-label-bold { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-block { - float: left; - clear: left; - margin-top: -5px; - margin-bottom: 5px; - margin-top: 0; - margin-bottom: 10px; } - -.form-hint { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - display: block; - color: #6f777b; - font-weight: normal; - margin-top: -2px; - padding-bottom: 2px; } - -.form-label .form-hint, -.form-label-bold .form-hint { - margin-top: 0; - padding-bottom: 0; } - -.form-control { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - width: 100%; - padding: 5px 4px 4px; - border: 2px solid #0b0c0c; - width: 50%; } - -input.form-control, -textarea.form-control { - -webkit-appearance: none; - border-radius: 0; } - -textarea.form-control { - opacity: 1; - background-image: none; } - -.form-control-3-4 { - width: 100%; - width: 75%; } - -.form-control-2-3 { - width: 100%; - width: 66.66%; } - -.form-control-1-2 { - width: 100%; - width: 50%; } - -.form-control-1-3 { - width: 100%; - width: 33.33%; } - -.form-control-1-4 { - width: 100%; - width: 25%; } - -.form-control-1-8 { - width: 100%; - width: 12.5%; } - -option:active, -option:checked, -select:focus::-ms-value { - color: white; - background-color: #005ea5; } - -.multiple-choice { - display: block; - float: none; - clear: left; - position: relative; - padding: 0 0 0 38px; - margin-bottom: 10px; - float: left; } - .multiple-choice input { - position: absolute; - cursor: pointer; - left: 0; - top: 0; - width: 38px; - height: 38px; - z-index: 1; } - .multiple-choice label { - cursor: pointer; - padding: 8px 10px 9px 12px; - display: block; - -ms-touch-action: manipulation; - touch-action: manipulation; - float: left; - padding-top: 7px; - padding-bottom: 7px; } - .multiple-choice [type=radio] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; } - .multiple-choice [type=radio] + label::after { - content: ""; - border: 10px solid; - width: 0; - height: 0; - position: absolute; - top: 9px; - left: 9px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=checkbox] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; } - .multiple-choice [type=checkbox] + label::after { - content: ""; - border: solid; - border-width: 0 0 5px 5px; - background: transparent; - border-top-color: transparent; - width: 17px; - height: 7px; - position: absolute; - top: 10px; - left: 8px; - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=radio]:focus + label::before { - -webkit-box-shadow: 0 0 0 4px #ffbf47; - -moz-box-shadow: 0 0 0 4px #ffbf47; - box-shadow: 0 0 0 4px #ffbf47; } - .multiple-choice [type=checkbox]:focus + label::before { - -webkit-box-shadow: 0 0 0 3px #ffbf47; - -moz-box-shadow: 0 0 0 3px #ffbf47; - box-shadow: 0 0 0 3px #ffbf47; } - .multiple-choice input:checked + label::after { - zoom: 1; - filter: alpha(opacity=100); - opacity: 1; } - .multiple-choice input:disabled { - cursor: default; } - .multiple-choice input:disabled + label { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; - cursor: default; } - .multiple-choice:last-child, .multiple-choice:last-of-type { - margin-bottom: 0; } - -.inline .multiple-choice { - clear: none; - margin-bottom: 0; - margin-right: 30px; } - -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } - -input[type=number] { - -moz-appearance: textfield; } - -.form-date .form-group { - float: left; - width: 50px; - margin-right: 20px; - margin-bottom: 0; - clear: none; } - .form-date .form-group label { - display: block; - padding-bottom: 2px; } - .form-date .form-group input { - width: 100%; } -.form-date .form-group-year { - width: 70px; } - -.form-group-error { - margin-right: 15px; - border-left: 4px solid #b10e1e; - padding-left: 10px; - border-left: 5px solid #b10e1e; - padding-left: 15px; } - -.form-control-error { - border: 4px solid #b10e1e; } - -.error-message { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - color: #b10e1e; - display: block; - clear: both; - margin: 0; - padding: 2px 0; } - -.form-label .error-message, -.form-label-bold .error-message { - padding-top: 4px; - padding-bottom: 0; } - -.error-summary { - border: 4px solid #b10e1e; - margin-top: 15px; - margin-bottom: 15px; - padding: 15px 10px; - border: 5px solid #b10e1e; - margin-top: 30px; - margin-bottom: 30px; - padding: 20px 15px 15px; } - .error-summary:focus { - outline: 3px solid #ffbf47; } - .error-summary .error-summary-heading { - margin-top: 0; } - .error-summary p { - margin-bottom: 10px; } - .error-summary .error-summary-list { - padding-left: 0; } - .error-summary .error-summary-list li { - margin-bottom: 5px; } - .error-summary .error-summary-list a { - color: #b10e1e; - font-weight: bold; - text-decoration: underline; } - -.breadcrumbs { - padding-top: 0.75em; - padding-bottom: 0.75em; } - .breadcrumbs li { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - float: left; - background-image: url(<%= asset_path 'separator.png' %>); - background-position: 0% 50%; - background-repeat: no-repeat; - list-style: none; - margin-left: 0.6em; - margin-bottom: 0.4em; - padding-left: 0.9em; } - @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) { - .breadcrumbs li { - background-image: url(<%= asset_path 'separator-2x.png' %>); - background-size: 6px 11px; } } - .breadcrumbs li:first-child { - background-image: none; - margin-left: 0; - padding-left: 0; } - .breadcrumbs a { - color: #0b0c0c; } - -.phase-banner { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner .phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner span { - display: table-cell; - vertical-align: baseline; } - -.phase-banner-alpha, -.phase-banner-beta { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner-alpha p, - .phase-banner-beta p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner-alpha .phase-tag, - .phase-banner-beta .phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner-alpha span, - .phase-banner-beta span { - display: table-cell; - vertical-align: baseline; } - -.phase-tag { - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - display: inline; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - -.govuk-box-highlight { - margin: 1em 0; - padding: 2em 1em; - color: white; - background: #28a197; - text-align: center; } - -@-moz-document regexp('.*') { - details summary:not([tabindex]) { - display: list-item; - display: revert; } } diff --git a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie8.css.erb b/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie8.css.erb deleted file mode 100644 index b05f481a..00000000 --- a/gems/hackney_template-0.0.2/app/assets/stylesheets/hackney-template-ie8.css.erb +++ /dev/null @@ -1,2013 +0,0 @@ -@charset "UTF-8"; -/* local styleguide includes */ -/* govuk_frontend_toolkit includes */ -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-cookie-message p, #footer .footer-wrapper, #content { - max-width: 960px; - width: 960px; - margin: 0 15px; - margin: 0 30px; - margin: 0 auto; } - -.grid-row { - margin: 0 -15px; } - -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -/* local colours – need to be after govuk_frontend_toolkit to override */ -@-ms-viewport { - width: device-width; } - -html, body, button, input, table, td, th { - font-family: "Droid Sans", Arial, sans-serif; } - -html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup, nav, section { - margin: 0; - padding: 0; - vertical-align: baseline; } - -main { - display: block; } - -.group:before, -.group:after { - content: "\0020"; - display: block; - height: 0; - overflow: hidden; } - -.group:after { - clear: both; } - -.group { - zoom: 1; } - -.content-fixed { - top: 0; - position: fixed; } - -.shim { - display: block; } - -/* - * 1. Prevents iOS text size adjust after orientation change, without disabling - * user zoom. - */ -html { - -webkit-text-size-adjust: 100%; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 1 */ - background-color: #06644b; } - -/* - Force the scrollbar to always display in IE10/11 - */ -html { - -ms-overflow-style: scrollbar; } - -body { - background: white; - color: #0b0c0c; - line-height: 1.5; - font-weight: 400; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -ol, ul, nav ol, nav ul { - list-style: inherit; } - -fieldset { - border: none; - padding: 0; } - -a:link { - color: #0aa44c; } - -a:visited { - color: #077436; } - -a:hover { - color: #0bb253; } - -a:active { - color: #0bb253; } - -/* - * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units - * http://clagnut.com/blog/348/#c790 - * note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback - * http://snook.ca/archives/html_and_css/font-size-with-rem - * 2. Keeps page centred in all browsers regardless of content height - * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted - * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ - */ -html { - font-size: 62.5%; - /* 1 */ - overflow-y: scroll; - /* 2 */ - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - /* 3 */ } - -/* - * 1. Font-size increased to compensate for change to html element font-size in - * order to support beta typography which was set in ems - * (62.5% * 160% = 100%) - * 2. Addresses margins handled incorrectly in IE6/7 - */ -body { - font-size: 160%; - /* 1 */ - margin: 0; - /* 2 */ } - -b, -strong { - font-weight: 600; } - -img { - border: 0; } - -abbr[title] { - cursor: help; } - -/* - * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; } - -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: searchfield-cancel-button; - margin-right: 2px; } - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/* For image replacement */ -.ir { - display: block; - text-indent: -999em; - overflow: hidden; - background-repeat: no-repeat; - text-align: left; - direction: ltr; } - .ir br { - display: none; } - -/* Hide for both screenreaders and browsers */ -.hidden, -.js-enabled .js-hidden { - display: none; - visibility: hidden; } - -/* Hide only visually, but have it available for screenreaders */ -.visually-hidden, -.visuallyhidden { - position: absolute; - left: -9999em; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; - /* - * Extends the .visuallyhidden class to allow the element to be - * focusable when navigated to via the keyboard - */ } - .visually-hidden.focusable:active, .visually-hidden.focusable:focus, - .visuallyhidden.focusable:active, - .visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; } - -/* Hide visually and from screenreaders, but maintain layout */ -.invisible { - visibility: hidden; } - -/* Give a strong clear visual idea as to what is currently in focus */ -a { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } - -a:focus { - background-color: #ffbf47; - outline: 3px solid #ffbf47; } - -/* Make links slightly darker when focused to improve contrast. */ -a:link:focus { - color: #099846; } - -/* Make skiplinks visible when they are tabbed to */ -.skiplink { - position: absolute; - left: -9999em; - /* Default link colour doesn't have enough contrast against $focus-colour */ } - .skiplink:focus, .skiplink:visited { - color: #0b0c0c; } - -.skiplink:focus { - left: 0; - z-index: 1; } - -#skiplink-container { - text-align: center; - background: #0b0c0c; } - #skiplink-container div { - text-align: left; - margin: 0 auto; - max-width: 1020px; } - #skiplink-container .skiplink { - display: -moz-inline-stack; - display: inline-block; - margin: 0.75em 0 0 30px; } - -input:focus, -textarea:focus, -select:focus, -button:focus { - outline: 3px solid #ffbf47; - outline-offset: 0; } - -#global-header input[type=search]:focus { - outline: 3px solid #ffbf47; - /* Focus appears inside the input */ - outline-offset: -2px; } -#global-header h1 a:focus { - background-color: transparent; - outline: none; } -#global-header a:focus { - color: #0b0c0c; } - -.grid-row:after, #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-link:after, -#global-header .header-proposition #proposition-links:after, #footer .footer-meta:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after, -.form-group:after, .breadcrumbs ol:after { - content: ""; - display: block; - clear: both; } - -#global-header { - background-color: #06644b; - width: 100%; } - #global-header .header-wrapper { - background-color: #06644b; - max-width: 990px; - margin: 0 auto; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 15px; - padding-right: 15px; - width: 990px; } - #global-header .header-wrapper .header-global .header-logo { - float: left; - width: 33.33%; } - @media screen and (max-width: 379px) { - #global-header .header-wrapper .header-global .header-logo { - width: auto; - float: none; } } - #global-header .header-wrapper .header-global .header-logo .content { - margin: 0 15px; } - #global-header .header-wrapper .header-global .header-logo { - margin-top: 2px; } - #global-header.with-proposition .header-wrapper .header-global { - float: left; - width: 33.33%; } - #global-header.with-proposition .header-wrapper .header-global .header-logo, - #global-header.with-proposition .header-wrapper .header-global .site-search { - width: 100%; } - #global-header.with-proposition .header-wrapper .header-proposition { - width: 66.66%; - float: left; } - #global-header.with-proposition .header-wrapper .header-proposition .content { - margin: 0 15px; } - #global-header #logo { - float: left; - overflow: visible; - color: white; - font-weight: bold; - font-size: 30px; - line-height: 1; - text-decoration: none; - text-rendering: optimizeLegibility; - border-bottom: 1px solid transparent; - background: url(<%= asset_path 'images/hackney-logo-white.png' %>) no-repeat; - background-size: 160px 32px; - background-position: 0 0; - background-image: url(<%= asset_path 'images/hackney-logo-white-1x.png' %>); } - #global-header #logo img { - margin: 2px 1px 0 0; - vertical-align: bottom; - visibility: hidden; } - #global-header #logo:hover, #global-header #logo:focus { - text-decoration: none; - border-bottom-color: white; } - #global-header .header-proposition { - padding-top: 10px; - padding-top: 0; } - #global-header .header-proposition #proposition-name { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: white; - text-decoration: none; } - #global-header .header-proposition a#proposition-name:hover { - text-decoration: underline; } - #global-header .header-proposition a#proposition-name:focus { - color: #0b0c0c; } - #global-header .header-proposition a.menu { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - color: white; - display: block; - float: right; - text-decoration: none; - padding-top: 6px; - display: none; } - #global-header .header-proposition a.menu:hover { - text-decoration: underline; } - #global-header .header-proposition a.menu:after { - display: inline-block; - font-size: 8px; - height: 8px; - padding-left: 5px; - vertical-align: middle; - content: " \25BC"; } - #global-header .header-proposition a.menu.js-hidden:after { - content: " \25B2"; } - #global-header .header-proposition #proposition-menu { - margin-top: 5px; } - #global-header .header-proposition #proposition-menu.no-proposition-name { - margin-top: 37px; } - #global-header .header-proposition #proposition-link, - #global-header .header-proposition #proposition-links { - clear: both; - margin: 2px 0 0 0; - padding: 0; } - .js-enabled #global-header .header-proposition #proposition-link, .js-enabled - #global-header .header-proposition #proposition-links { - display: none; - display: block; } - .js-enabled #global-header .header-proposition #proposition-link.js-visible, .js-enabled - #global-header .header-proposition #proposition-links.js-visible { - display: block; } - #global-header .header-proposition #proposition-link li, - #global-header .header-proposition #proposition-links li { - float: left; - width: 50%; - padding: 3px 0; - border-bottom: 1px solid #2e3133; - display: block; - width: auto; - padding: 0 15px 0 0; - border-bottom: 0; } - #global-header .header-proposition #proposition-link li.clear-child, - #global-header .header-proposition #proposition-links li.clear-child { - clear: left; } - #global-header .header-proposition #proposition-link a, - #global-header .header-proposition #proposition-links a { - color: white; - text-decoration: none; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 12px; - line-height: 1.25; - font-size: 14px; - line-height: 1.42857; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - line-height: 23px; } - #global-header .header-proposition #proposition-link a:hover, - #global-header .header-proposition #proposition-links a:hover { - text-decoration: underline; } - #global-header .header-proposition #proposition-link a.active, - #global-header .header-proposition #proposition-links a.active { - color: #1d8feb; } - #global-header .header-proposition #proposition-link a:focus, - #global-header .header-proposition #proposition-links a:focus { - color: #0b0c0c; } - #global-header .header-proposition #proposition-link { - float: right; - line-height: 22px; - float: none; } - .js-enabled #global-header .header-proposition #proposition-link { - display: block; } - -/* Global cookie message */ -.js-enabled #global-cookie-message { - display: none; - /* shown with JS, always on for non-JS */ } - -#global-cookie-message { - width: 100%; - background-color: #d5e8f3; - padding-top: 10px; - padding-bottom: 10px; } - #global-cookie-message p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 0; - margin-bottom: 0; } - -/* Global footer */ -#footer { - background-color: #06644b; - border-top: 3px solid #7ab92c; } - #footer:before { - content: ""; - display: block; - border-bottom: 3px solid #0aa44c; - border-top: 2px solid #a9cd75; - height: 10px; - margin-top: -8px; } - #footer .footer-wrapper { - background-color: #06644b; - padding-top: 20px; - padding-top: 60px; } - #footer a { - color: #a9cd75; } - #footer a:hover { - color: white; } - #footer h2 { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - font-weight: bold; - color: #0b0c0c; - margin: 0; } - #footer h2 a { - color: inherit; } - #footer .footer-meta { - padding-bottom: 60px; - clear: both; - font-size: 0; - color: #a9cd75; } - #footer .footer-meta .footer-meta-inner { - display: inline-block; - vertical-align: bottom; - width: 100%; - width: 75%; } - #footer .footer-meta .footer-meta-inner ul { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.5; - font-size: 16px; - line-height: 1.5; - display: inline-block; - list-style: none; - padding: 0; } - #footer .footer-meta .footer-meta-inner ul li { - display: inline-block; - margin: 0 15px 0 0; } - #footer .footer-meta .footer-meta-inner .open-government-licence { - clear: left; - position: relative; - padding-left: 53px; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo { - margin-bottom: 1em; - padding-top: 0; - position: absolute; - left: 0; - top: 0; - width: 41px; - height: 100%; } - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - display: block; - width: 41px; - height: 17px; - overflow: hidden; - text-indent: -999em; - background: url(<%= asset_path 'images/open-government-licence.png' %>) 0 0 no-repeat; } - @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) { - #footer .footer-meta .footer-meta-inner .open-government-licence .logo a { - background-image: url(<%= asset_path 'images/open-government-licence_2x.png' %>); - background-size: 41px 17px; } } - #footer .footer-meta .footer-meta-inner .open-government-licence p { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 0; - padding-top: 0.1em; } - #footer .footer-meta .copyright { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin: 30px 0 0 0; - width: 100%; - display: block; - display: inline-block; - text-align: inherit; - width: 25%; - padding-top: 15px; - margin-top: 0; } - #footer .footer-meta .copyright a { - display: block; - background-image: url(<%= asset_path 'images/govuk-crest.png' %>); - background-repeat: no-repeat; - background-position: 50% 0%; - background-position: 100% 0%; - text-align: center; - text-decoration: none; - text-align: right; - padding: 115px 0 0 0; } - @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) { - #footer .footer-meta .copyright a { - background-image: url(<%= asset_path 'images/govuk-crest-2x.png' %>); - background-size: 125px 102px; } } - -.visually-hidden, -.visuallyhidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - height: 1px; - width: 1px; - margin: -1px; - padding: 0; - border: 0; } - -div, -span, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark { - border: none; - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -small, -strike, -strong, -sub, -sup, -tt, -var, -b, -u, -i, -center, -input, -textarea, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - font-size: inherit; - font-family: inherit; - line-height: inherit; - font-weight: normal; } - -abbr[title], -acronym[title] { - text-decoration: none; } - -legend { - box-sizing: border-box; - max-width: 100%; - display: table; } - -#content { - padding-bottom: 30px; - padding-bottom: 90px; - outline: none; } - -.column-quarter, -.column-one-quarter { - float: left; - width: 25%; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-half, -.column-one-half { - float: left; - width: 50%; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-third, -.column-one-third { - float: left; - width: 33.33333%; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-two-thirds { - float: left; - width: 66.66667%; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.column-full { - float: left; - width: 100%; - padding: 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -main { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - -webkit-font-smoothing: antialiased; } - -.font-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.font-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.font-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.font-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.font-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.font-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold-xxlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 53px; - line-height: 1.03774; - font-size: 80px; - line-height: 1; } - -.bold-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; } - -.bold-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; } - -.bold-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.bold-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.bold-xsmall { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - -.bold { - font-weight: 700; } - -.heading-xlarge { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 32px; - line-height: 1.09375; - font-size: 48px; - line-height: 1.04167; - margin-top: 0.46875em; - margin-bottom: 0.9375em; - margin-top: 0.625em; - margin-bottom: 1.25em; } - .heading-xlarge .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 20px; - line-height: 1.11111; - font-size: 27px; - line-height: 1.11111; - display: block; - padding-top: 8px; - padding-bottom: 7px; - padding-top: 4px; - padding-bottom: 6px; - display: block; - color: #6f777b; } - -.heading-large { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 24px; - line-height: 1.04167; - font-size: 36px; - line-height: 1.11111; - margin-top: 1.04167em; - margin-bottom: 0.41667em; - margin-top: 1.25em; - margin-bottom: 0.55556em; } - .heading-large .heading-secondary { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - display: block; - padding-top: 9px; - padding-bottom: 6px; - padding-top: 6px; - padding-bottom: 4px; - display: block; - color: #6f777b; } - -.heading-medium { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - margin-top: 1.25em; - margin-bottom: 0.5em; - margin-top: 1.875em; - margin-bottom: 0.83333em; } - -.heading-small { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - margin-top: 0.625em; - margin-bottom: 0.3125em; - margin-top: 1.05263em; } - -p, -.body-text { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.body-text { - display: block; } - -.lede { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; } - -.text { - max-width: 30em; } - -.text-secondary { - color: #6f777b; } - -.link { - color: #0aa44c; - text-decoration: underline; } - -.link:visited { - color: #077436; } - -.link:hover { - color: #0bb253; } - -.link:active { - color: #0aa44c; } - -.link-back { - display: -moz-inline-stack; - display: inline-block; - position: relative; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - margin-top: 15px; - margin-bottom: 15px; - padding-left: 14px; - color: #0b0c0c; - text-decoration: none; - border-bottom: 1px solid #0b0c0c; - background: url(<%= asset_path 'icon-arrow-left.png' %>) no-repeat 0 4px; } - .link-back:link, .link-back:visited, .link-back:hover, .link-back:active { - color: #0b0c0c; } - .link-back::before { - content: ''; - display: block; - width: 0; - height: 0; - border-top: 5px solid transparent; - border-right: 6px solid #0b0c0c; - border-bottom: 5px solid transparent; - position: absolute; - left: 0; - top: 50%; - margin-top: -6px; } - -.code { - color: #0b0c0c; - background-color: #f8f8f8; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - direction: ltr; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; - border: 1px solid #bfc1c3; - padding: 4px 4px 2px; } - -hr { - display: block; - background: #bfc1c3; - border: 0; - height: 1px; - margin-top: 30px; - margin-bottom: 30px; - padding: 0; } - -.notice { - position: relative; } - .notice .icon { - position: absolute; - left: 0; - top: 50%; - margin-top: -17px; } - .notice strong { - display: block; - padding-left: 65px; - margin-left: -15px; } - -.data { - margin-top: 0.3125em; - margin-bottom: 1.25em; - margin-top: 0.26316em; - margin-bottom: 1.05263em; } - -.data-item { - display: block; - line-height: 1; } - -.button { - background-color: #00823b; - position: relative; - display: -moz-inline-stack; - display: inline-block; - padding: .526315em .789473em .263157em; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - outline: 1px solid transparent; - outline-offset: -1px; - -webkit-appearance: none; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; - font-size: 1em; - line-height: 1.25; - text-decoration: none; - -webkit-font-smoothing: antialiased; - cursor: pointer; - color: white; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: top; } - .button:visited { - background-color: #00823b; } - .button:hover, .button:focus { - background-color: #00692f; } - .button:active { - top: 2px; - -webkit-box-shadow: 0 0 0 #00823b; - -moz-box-shadow: 0 0 0 #00823b; - box-shadow: 0 0 0 #00823b; } - .button.disabled, .button[disabled="disabled"], .button[disabled] { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; } - .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover { - cursor: default; - background-color: #00823b; } - .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active { - top: 0; - -webkit-box-shadow: 0 2px 0 #003518; - -moz-box-shadow: 0 2px 0 #003518; - box-shadow: 0 2px 0 #003518; - border-bottom: 2px solid #003518; } - .button:link, .button:hover, .button:focus, .button:visited { - color: white; } - .button:before { - content: ""; - height: 110%; - width: 100%; - display: block; - background: transparent; - position: absolute; - top: 0; - left: 0; } - .button:active:before { - top: -10%; - height: 120%; } - .button[type="submit"], .button[type="reset"], .button[type="button"] { - filter: chroma(color=#0b0c0c); } - .button[type=submit].button { - filter: none; } - -.button::-moz-focus-inner { - border: 0; - padding: 0; } - -.button:focus { - outline: 3px solid #ffbf47; } - -.button[disabled="disabled"] { - background: #00823b; } - -.button[disabled="disabled"]:focus { - outline: none; } - -.button-start, -.button-get-started { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 18px; - line-height: 1.2; - font-size: 24px; - line-height: 1.25; - background-image: url(<%= asset_path 'icon-pointer.png' %>); - background-repeat: no-repeat; - background-position: 100% 50%; - padding: 0.36842em 2.15789em 0.21053em 0.84211em; } - @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) { - .button-start, - .button-get-started { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 30px 19px; } } - -.icon { - display: inline-block; - background-position: 0 0; - background-repeat: no-repeat; } - -.icon-calendar { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-calendar.png' %>); } - @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) { - .icon-calendar { - background-image: url(<%= asset_path 'icon-calendar-2x.png' %>); - background-size: 100%; } } - -.icon-file-download { - width: 30px; - height: 39px; - background-image: url(<%= asset_path 'icon-file-download.png' %>); } - @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) { - .icon-file-download { - background-image: url(<%= asset_path 'icon-file-download-2x.png' %>); - background-size: 100%; } } - -.icon-important { - width: 35px; - height: 35px; - background-image: url(<%= asset_path 'icon-important.png' %>); } - @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) { - .icon-important { - background-image: url(<%= asset_path 'icon-important-2x.png' %>); - background-size: 100%; } } - -.icon-information { - width: 27px; - height: 27px; - background-image: url(<%= asset_path 'icon-information.png' %>); } - @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) { - .icon-information { - background-image: url(<%= asset_path 'icon-information-2x.png' %>); - background-size: 100%; } } - -.icon-locator { - width: 26px; - height: 36px; - background-image: url(<%= asset_path 'icon-locator.png' %>); } - @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) { - .icon-locator { - background-image: url(<%= asset_path 'icon-locator-2x.png' %>); - background-size: 100%; } } - -.icon-pointer { - width: 30px; - height: 19px; - background-image: url(<%= asset_path 'icon-pointer.png' %>); } - @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) { - .icon-pointer { - background-image: url(<%= asset_path 'icon-pointer-2x.png' %>); - background-size: 100%; } } - -.icon-pointer-black { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-pointer-black.png' %>); } - @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) { - .icon-pointer-black { - background-image: url(<%= asset_path 'icon-pointer-black-2x.png' %>); - background-size: 100%; } } - -.icon-search { - width: 30px; - height: 22px; - background-image: url(<%= asset_path 'icon-search.png' %>); } - @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) { - .icon-search { - background-image: url(<%= asset_path 'icon-search-2x.png' %>); - background-size: 100%; } } - -.icon-step-1 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-1.png' %>); } - @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) { - .icon-step-1 { - background-image: url(<%= asset_path 'icon-steps/icon-step-1-2x.png' %>); - background-size: 100%; } } - -.icon-step-2 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-2.png' %>); } - @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) { - .icon-step-2 { - background-image: url(<%= asset_path 'icon-steps/icon-step-2-2x.png' %>); - background-size: 100%; } } - -.icon-step-3 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-3.png' %>); } - @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) { - .icon-step-3 { - background-image: url(<%= asset_path 'icon-steps/icon-step-3-2x.png' %>); - background-size: 100%; } } - -.icon-step-4 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-4.png' %>); } - @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) { - .icon-step-4 { - background-image: url(<%= asset_path 'icon-steps/icon-step-4-2x.png' %>); - background-size: 100%; } } - -.icon-step-5 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-5.png' %>); } - @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) { - .icon-step-5 { - background-image: url(<%= asset_path 'icon-steps/icon-step-5-2x.png' %>); - background-size: 100%; } } - -.icon-step-6 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-6.png' %>); } - @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) { - .icon-step-6 { - background-image: url(<%= asset_path 'icon-steps/icon-step-6-2x.png' %>); - background-size: 100%; } } - -.icon-step-7 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-7.png' %>); } - @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) { - .icon-step-7 { - background-image: url(<%= asset_path 'icon-steps/icon-step-7-2x.png' %>); - background-size: 100%; } } - -.icon-step-8 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-8.png' %>); } - @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) { - .icon-step-8 { - background-image: url(<%= asset_path 'icon-steps/icon-step-8-2x.png' %>); - background-size: 100%; } } - -.icon-step-9 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-9.png' %>); } - @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) { - .icon-step-9 { - background-image: url(<%= asset_path 'icon-steps/icon-step-9-2x.png' %>); - background-size: 100%; } } - -.icon-step-10 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-10.png' %>); } - @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) { - .icon-step-10 { - background-image: url(<%= asset_path 'icon-steps/icon-step-10-2x.png' %>); - background-size: 100%; } } - -.icon-step-11 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-11.png' %>); } - @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) { - .icon-step-11 { - background-image: url(<%= asset_path 'icon-steps/icon-step-11-2x.png' %>); - background-size: 100%; } } - -.icon-step-12 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-12.png' %>); } - @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) { - .icon-step-12 { - background-image: url(<%= asset_path 'icon-steps/icon-step-12-2x.png' %>); - background-size: 100%; } } - -.icon-step-13 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-13.png' %>); } - @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) { - .icon-step-13 { - background-image: url(<%= asset_path 'icon-steps/icon-step-13-2x.png' %>); - background-size: 100%; } } - -.icon-step-14 { - width: 23px; - height: 23px; - background-image: url(<%= asset_path 'icon-steps/icon-step-14.png' %>); } - @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) { - .icon-step-14 { - background-image: url(<%= asset_path 'icon-steps/icon-step-14-2x.png' %>); - background-size: 100%; } } - -.circle { - display: inline-block; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - background: #0b0c0c; - color: white; - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; - font-size: 12px; - font-weight: bold; - text-align: center; } - -.circle-step { - min-width: 24px; - min-height: 24px; - line-height: 24px; } - -.circle-step-large { - font-size: 19px; - min-width: 38px; - min-height: 38px; - line-height: 38px; } - -ul, -ol { - list-style-type: none; } - -.list { - padding: 0; - margin-top: 5px; - margin-bottom: 20px; } - -.list li { - margin-bottom: 5px; } - -.list-bullet { - list-style-type: disc; - padding-left: 20px; } - -.list-number { - list-style-type: decimal; - padding-left: 20px; } - -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; } - table th, - table td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - padding: 0.63158em 1.05263em 0.47368em 0; - text-align: left; - border-bottom: 1px solid #bfc1c3; } - table thead th { - font-weight: 700; } - table td:last-child, - table th:last-child { - padding-right: 0; } - table .numeric { - text-align: right; } - table td.numeric { - font-family: "ntatabularnumbers", "nta", Arial, sans-serif; } - table caption { - text-align: left; } - -.table-font-xsmall th { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall td { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } -.table-font-xsmall th, -.table-font-xsmall td { - padding: 0.75em 1.25em 0.5625em 0; } - -details { - display: block; - clear: both; } - details summary { - display: inline-block; - color: #005ea5; - cursor: pointer; - position: relative; - margin-bottom: 0.26316em; } - details summary:hover { - color: #0bb253; } - details summary:focus { - outline: 3px solid #ffbf47; } - details .summary { - text-decoration: underline; } - details .arrow { - margin-right: .35em; - font-style: normal; } - -.panel { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - clear: both; - border-left-style: solid; - border-color: #bfc1c3; - padding: 0.78947em; - margin-bottom: 0.78947em; } - .panel :first-child { - margin-top: 0; } - .panel :only-child, - .panel :last-child { - margin-bottom: 0; } - -.panel-border-wide { - border-left-width: 10px; } - -.panel-border-narrow { - border-left-width: 5px; } - -.form-group .panel-border-narrow { - float: left; - width: 100%; - padding-bottom: 0; } - -.form-group .panel-border-narrow:first-child { - margin-top: 10px; } - -.form-group .panel-border-narrow:last-child { - margin-top: 0; - margin-bottom: 0; } - -.inline .panel-border-narrow, -.inline .panel-border-narrow:last-child { - margin-top: 10px; - margin-bottom: 0; } - -fieldset { - width: 100%; } - -legend { - overflow: hidden; } - -textarea { - display: block; } - -.form-section, -.form-group { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.form-section { - margin-bottom: 30px; - margin-bottom: 60px; } - -.form-group { - margin-bottom: 15px; - margin-bottom: 30px; } - -.form-group-related { - margin-bottom: 10px; - margin-bottom: 20px; } - -.form-group-compound { - margin-bottom: 10px; } - -.form-label, -.form-label-bold { - display: block; - color: #0b0c0c; - padding-bottom: 2px; } - -.form-label { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-label-bold { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; } - -.form-block { - float: left; - clear: left; - margin-top: -5px; - margin-bottom: 5px; - margin-top: 0; - margin-bottom: 10px; } - -.form-hint { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - display: block; - color: #6f777b; - font-weight: normal; - margin-top: -2px; - padding-bottom: 2px; } - -.form-label .form-hint, -.form-label-bold .form-hint { - margin-top: 0; - padding-bottom: 0; } - -.form-control { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - width: 100%; - padding: 5px 4px 4px; - border: 2px solid #0b0c0c; - width: 50%; } - -input.form-control, -textarea.form-control { - -webkit-appearance: none; - border-radius: 0; } - -textarea.form-control { - opacity: 1; - background-image: none; } - -.form-control-3-4 { - width: 100%; - width: 75%; } - -.form-control-2-3 { - width: 100%; - width: 66.66%; } - -.form-control-1-2 { - width: 100%; - width: 50%; } - -.form-control-1-3 { - width: 100%; - width: 33.33%; } - -.form-control-1-4 { - width: 100%; - width: 25%; } - -.form-control-1-8 { - width: 100%; - width: 12.5%; } - -option:active, -option:checked, -select:focus::-ms-value { - color: white; - background-color: #005ea5; } - -.multiple-choice { - display: block; - float: none; - clear: left; - position: relative; - padding: 0 0 0 38px; - margin-bottom: 10px; - float: left; } - .multiple-choice input { - position: absolute; - cursor: pointer; - left: 0; - top: 0; - width: 38px; - height: 38px; - z-index: 1; } - .multiple-choice label { - cursor: pointer; - padding: 8px 10px 9px 12px; - display: block; - -ms-touch-action: manipulation; - touch-action: manipulation; - float: left; - padding-top: 7px; - padding-bottom: 7px; } - .multiple-choice [type=radio] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; } - .multiple-choice [type=radio] + label::after { - content: ""; - border: 10px solid; - width: 0; - height: 0; - position: absolute; - top: 9px; - left: 9px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=checkbox] + label::before { - content: ""; - border: 2px solid; - background: transparent; - width: 34px; - height: 34px; - position: absolute; - top: 0; - left: 0; } - .multiple-choice [type=checkbox] + label::after { - content: ""; - border: solid; - border-width: 0 0 5px 5px; - background: transparent; - border-top-color: transparent; - width: 17px; - height: 7px; - position: absolute; - top: 10px; - left: 8px; - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - zoom: 1; - filter: alpha(opacity=0); - opacity: 0; } - .multiple-choice [type=radio]:focus + label::before { - -webkit-box-shadow: 0 0 0 4px #ffbf47; - -moz-box-shadow: 0 0 0 4px #ffbf47; - box-shadow: 0 0 0 4px #ffbf47; } - .multiple-choice [type=checkbox]:focus + label::before { - -webkit-box-shadow: 0 0 0 3px #ffbf47; - -moz-box-shadow: 0 0 0 3px #ffbf47; - box-shadow: 0 0 0 3px #ffbf47; } - .multiple-choice input:checked + label::after { - zoom: 1; - filter: alpha(opacity=100); - opacity: 1; } - .multiple-choice input:disabled { - cursor: default; } - .multiple-choice input:disabled + label { - zoom: 1; - filter: alpha(opacity=50); - opacity: 0.5; - cursor: default; } - .multiple-choice:last-child, .multiple-choice:last-of-type { - margin-bottom: 0; } - -.inline .multiple-choice { - clear: none; - margin-bottom: 0; - margin-right: 30px; } - -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; } - -input[type=number] { - -moz-appearance: textfield; } - -.form-date .form-group { - float: left; - width: 50px; - margin-right: 20px; - margin-bottom: 0; - clear: none; } - .form-date .form-group label { - display: block; - padding-bottom: 2px; } - .form-date .form-group input { - width: 100%; } -.form-date .form-group-year { - width: 70px; } - -.form-group-error { - margin-right: 15px; - border-left: 4px solid #b10e1e; - padding-left: 10px; - border-left: 5px solid #b10e1e; - padding-left: 15px; } - -.form-control-error { - border: 4px solid #b10e1e; } - -.error-message { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 16px; - line-height: 1.25; - font-size: 19px; - line-height: 1.31579; - color: #b10e1e; - display: block; - clear: both; - margin: 0; - padding: 2px 0; } - -.form-label .error-message, -.form-label-bold .error-message { - padding-top: 4px; - padding-bottom: 0; } - -.error-summary { - border: 4px solid #b10e1e; - margin-top: 15px; - margin-bottom: 15px; - padding: 15px 10px; - border: 5px solid #b10e1e; - margin-top: 30px; - margin-bottom: 30px; - padding: 20px 15px 15px; } - .error-summary:focus { - outline: 3px solid #ffbf47; } - .error-summary .error-summary-heading { - margin-top: 0; } - .error-summary p { - margin-bottom: 10px; } - .error-summary .error-summary-list { - padding-left: 0; } - .error-summary .error-summary-list li { - margin-bottom: 5px; } - .error-summary .error-summary-list a { - color: #b10e1e; - font-weight: bold; - text-decoration: underline; } - -.breadcrumbs { - padding-top: 0.75em; - padding-bottom: 0.75em; } - .breadcrumbs li { - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - float: left; - background-image: url(<%= asset_path 'separator.png' %>); - background-position: 0% 50%; - background-repeat: no-repeat; - list-style: none; - margin-left: 0.6em; - margin-bottom: 0.4em; - padding-left: 0.9em; } - @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) { - .breadcrumbs li { - background-image: url(<%= asset_path 'separator-2x.png' %>); - background-size: 6px 11px; } } - .breadcrumbs li:first-child { - background-image: none; - margin-left: 0; - padding-left: 0; } - .breadcrumbs a { - color: #0b0c0c; } - -.phase-banner { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner .phase-tag { - display: -moz-inline-stack; - display: inline-block; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner span { - display: table-cell; - vertical-align: baseline; } - -.phase-banner-alpha, -.phase-banner-beta { - padding: 10px 0 8px; - padding-bottom: 10px; - border-bottom: 1px solid #bfc1c3; } - .phase-banner-alpha p, - .phase-banner-beta p { - display: table; - margin: 0; - color: black; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 400; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; } - .phase-banner-alpha .phase-tag, - .phase-banner-beta .phase-tag { - display: -moz-inline-stack; - display: inline-block; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - .phase-banner-alpha span, - .phase-banner-beta span { - display: table-cell; - vertical-align: baseline; } - -.phase-tag { - display: -moz-inline-stack; - display: inline-block; - margin: 0 8px 0 0; - padding: 2px 5px 0; - font-family: "Droid Sans", Arial, sans-serif; - font-weight: 700; - text-transform: none; - font-size: 14px; - line-height: 1.14286; - font-size: 16px; - line-height: 1.25; - text-transform: uppercase; - letter-spacing: 1px; - text-decoration: none; - color: white; - background-color: #005ea5; } - -.govuk-box-highlight { - margin: 1em 0; - padding: 2em 1em; - color: white; - background: #28a197; - text-align: center; } - -@-moz-document regexp('.*') { - details summary:not([tabindex]) { - display: list-item; - display: revert; } } diff --git a/gems/hackney_template-0.0.2/app/assets/stylesheets/images/govuk-crest-ie.png b/gems/hackney_template-0.0.2/app/assets/stylesheets/images/govuk-crest-ie.png deleted file mode 100644 index 23d0379a058d0ec96fc7b068bfae24b1d8e00ca3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5244 zcmV-?6oc!DP)mTyk&|t6cAlc8xxK&4&d{NysFs_ZwYa;) z$H~*y*vHDu&(YJ#%g)x>+tSq5u(Y;wd3<4KYO1cVWo&QN*V$@tb6;j@WNK}SkCI|( zY><_had>)yh>Dz{qqe%dq^PT(q^5y}iF<&9ZgqI4tF61fz?+|+NVXxI>W@ct)W(xEBzsfybvJ)qn%&92H)N#D6wem3n8-%UD)06;EN>ZMZo!A)Sude?sn8Fyv^6i z;uBw@AL}};#&M<`9KrDLemN1!yYKGe6d@Su^SE&>6PH>BXg zOl$9OVO+ey7yUIi%?2Noe_Y4S<9d1LG_QGLg8+>+{H~4}P57d>;igP#|GbXdJJa2k zx@Dt4RwM{=qV@Z_dx~%J)V;-%p?_E(dJ=Ec)t}^*7{m2I3~D`s0RQK@7Xn=CCO#Wp zuX&d1n*K?>!IRkvQ~U;E#31n%R@I zJncwsX4E}YAy~r@?92iP8!VQHN!;%Css1J2iq3l`&xR*g%|F&%;`@fcD@m3p%*9P} z(t?!)V8J9Hw{AEe3;;yv24IvGb&CtKdBaT8liTv0`A>C81f!vZ%GqtdWu~yzE9iQC z1}NwjpzBvlGrQ{eOub(rocM0x;r)Xg5bHi+f@xYX=)g@fGR(*reo^Oc)x%Y=DaDQX`eZ9zKmI9AbqIAxWAaw3~ zNXIrj`m*9))_1!{Zrdh2&lb4UYmKhR^%bDqOok<%c<}qWi?Ij==7F?If#nr+LzO?+ z%J@WylWIaNv*wa#sXx>gYH&k=T>uXxsTxweQlQK72NirFxn3V+0FxRoOnzVARj#=? zQg;tvMv=ekCezS$De%p5a-LTY-`rOL-0pd4_}h9vA-!>DqwwnA@gxBO(w2pn-~<<( z%}$*&d^c)8n=<^Y|8revk^ULKQmYWAzdj~BFWvZNp~Sdv8vd(#j|{8)rUoHyg)Ve! zvsl)3i>3B7fXfbpqpS#r5}%q`}b43Aa` zhy-v!x{5y(hc0s)(rB(e@~l1Z{-KU-d`d2Vs81ea*URzoe$oB8{6xaZMtjiE`ek;{ie)atE5S+FQ0V$`~m&PPnpBTgwAAJLtO#p~J znWDkU{Rjxv&9c%^S+R??`(u4kB5Okc9VNiZkzYljYcEL_HO5g;+Fs)k4^-WVacc#_ zWs>R>fPO7ezPAZ(#q~}=p%g? z$#Ug-B~^CHo@Qm`92(bVL-Z;HRFFG%uj1@u%80L2iz z=68F)VzW%d2`ai+xb+arH9krWmlIE93{4r=Bp2fu;HSVs5R-!yN;JBg^wPhm%c=Jz zVK@SiR+#a-0}iYfr95@(&LaHe3oq<@W;UB@b#q=*uVffAAj7lQA@E{P1czn-D@W~c z^Qk_i&;jsThc3U}402pVCCe=lsALcJc z`MPa-Q2_r^&AsvJkTAa2qpY7l_RKQSwfW6_gS2%zN-kJwX8M8!+BFO zU3vXIMKfz&$?9uMc{S>hkR@LM;92E&x!4#`)&>c9qHZYaXdPosmE4a2TrF1s(Bq}~ zQ=Obo^2-6_`1NjIL@ZX&FbZ_d+7vLhEB&d;YL(o-j_wu>`<~z3$pD%R0`QO<(l6@9 zqUml!=F$N2yoD~wPg21Wlk)m@Xz;hlri{>HhAN&q0G_*uPIFfHg0@_ND;T=#|O!cnN&^?EHlo#*dj z!EF6yW$YzL!^4{2RiS&@06>-Gb*e7u^|s1r7rIs|CqtL#SF;rgyjNQ2Jjz9>8N_%x zG`0Ryw>wJ*Hk$W0ldU#c8b&I|fZSXpUU+E>p-U&krRQ3U>?SZw8Sg{G%YkH?YF!EW z8@Y9(i5=(O+SiWBou-k|R&TYWr5CW|yvhSFJt#2t#%MEvvuVKqLAif_{5^LSx3G*D0>IR@S*WM67_tb0CP0yzm+#5Kr!Btq1Fn39Ob2k(c&vSW2Y`~ zHaOL<>4gC2o@bjNgxIr>xs!NJ^7`Ns^-;JF<@Kp`KrS-d*P6z)x+A*) z6#r#kZ67e6$%>DSFHhJIV>r3zhtdE7JX(@uGQbxMlV*0j_IkZer`Npk z=E61Vu8S(kxe2;-Y|pd(OhRo0beQ~HkFF&MnDWx*4uXsql7`7LFZu54(QaSKUP*a} zX3j?rhr`aM{}&y+Q0O`jsamoP0Yd}dJ=k*!fLm5B>p@N-V71;vcqwDL*o0c%4?ubU z2&kE{0x(_ykS1`<7XOjC22Az`oEa@VyRJfL^Y)@%St<}vp`*l4#5<6QLPmPDTzY)7 zTv|W$R%69y7MC3FsytKO5O7edAN7YT2q>zV1O?7{l2ZUBL*1L=h9p54c4cVh=b`C( zCHH#Pa8+EO_89kVoJmukMdgLE5rT33`ca?lAhed-(V7A)4wV93z_`IR>oaOVd408T zFU&_n)&|Y|ls9K?!q3fHZ_kO&mixwm0i4{Vemv;jspI#0ya3(!NPmJSb~Gq326W$M z10GhK4$C4lnDLW_~h98IOg{v*-2#kIfKP*q#DPouBnk z0W(r+Zx&Am`Hv zk0u=E;T@{R^Yp&xO14swP3Vm5p6V!;xD~fMhy%|YfbZhqt}I!;=`~ahwHbDO+oW@R z&{y5`_UOK`=3cx;Bua@)?loC}fG)p_B2pKF>vDLm17q<98wVbF<_2se=Tiu{VsDt2 zJT)}wocJa-d7FV|HfBrZ-N8_6HzZ`DEx2nN4+Pv$U^y4znHj@vLtFGwIn)PKXiNQ95@SapEGGEZrL%8Ve&+h&|>!NK4J63m=7b z=z3!IYts+)&~?xu2Dr@Q#FV=7i52Kw8LustE{x^&;7I2B={x`JP!`X3op-5@LMAzq zdbB7IOgAr4m1M@RK)~2WlJ%G40J?s&cUezRI3~t;SFH^ws40>uD?q6RuS*t^wBoBN z1EY zM}3@BLRy*RP7acs+Y2O@_lLm32+`?H@N50MgN6p#ncV~*C%Z!77Vq_~SX~-^uyS3$ z?qVS^k3e$jEsz_M^k79H^$g)TnYG<%Mtqm`_9~rQa{dgtB!AxT8TFcE2fviA!rKT)?kom^(*R(2;-u?fC9N{~toavux6Ht@OLNm@xR$M~*a+pEJMg~u_@ z6fKt7P^a3{5QZs|cHH2ZYVzy+1D2=zhMkN#4t{*8SEb7NHvrYnoe3WnTW^pt94RF6 z!36Yr3+n)9uO#{0;|rGUso@5nwH5=VOm=?xKL1Ev);*n*bx#@sMv)zpD5T^zh4}>U zW~nRB;-WF2IB=NfMN?UpR#vIkj8(ay@*gZTNyQepxpnz_Xh^fQc=#<}J`Qu+n(&1u=RI%FTH8qy7YR z-s_6RS5*8nlhm}Sv2+%*0GueQp7)&VpmNjt@%dh&5T7oGfD+j6S6%K+>8?_r-;IIh zgIElCHw5ot=>&pr2Mxkh?D)__80aTAIb;)jC~+n zAX&i`<1oeVoq9DYLvTR1crhLB0N>rv*Mu$rp`X(LR4uPNB}NOf=HW6bM%^**SP0|C zx-!5?>tN}wv=ZIJJu4-#J*x!?LbU?jPJ(gUDn2S`b)d5kA*||Ret~@gy;Z9qO{ZN; zM@;!<1pHh->qZ#IsNqbjN9l#98@FgcH|~_3(7n9W;FkMU$<|mv=YG4Dp*vj*Q`WY) zd(&2Hdmr9Xwg};Ob;Wwf9!YZ3a?^$qC3xv~4)-xMX`OL>wJlknX*ewGkh}GhQJ{p(Ejs zbzmw6x;E#$_@qJg^P|g{?FNzxE(~`ny||Ut4sUH)a$D7Y|3_Va9sWaV%D9rcrV zakOd;yJbrrEy5#puSr^vA*ubX`hesPPYJUOfPCxiSPI{lHKiY;hDHPhQeFM6I_hK` zXmN}DfhOciS>{0de&1d$?J8O!%vHVC+v?Sbih9 zT;#;R$RVy$eTa2s;BVIjXV1C_98MC8Y0rdz=l=lzSibiQnmH)|00000CVk diff --git a/gems/hackney_template-0.0.2/app/views/layouts/hackney_template.html.erb b/gems/hackney_template-0.0.2/app/views/layouts/hackney_template.html.erb index 05c8c9a2..337f6749 100644 --- a/gems/hackney_template-0.0.2/app/views/layouts/hackney_template.html.erb +++ b/gems/hackney_template-0.0.2/app/views/layouts/hackney_template.html.erb @@ -1,20 +1,14 @@ <%= yield :top_of_page %> - -"> +"> <%= content_for?(:page_title) ? yield(:page_title) : "Hackney Council" %> - " media="screen" rel="stylesheet" /> - - - + " media="screen" rel="stylesheet" /> " media="print" rel="stylesheet" /> - - " media="all" rel="stylesheet" /> - + " media="all" rel="stylesheet" /> <%# the colour used for mask-icon is the standard palette $black from From 1aece19f953c9d548d739f4696602f49a9822f8d Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Thu, 12 Dec 2024 13:22:22 +0000 Subject: [PATCH 2/3] Front page text updates. --- app/views/foi/requests/index.html.erb | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/app/views/foi/requests/index.html.erb b/app/views/foi/requests/index.html.erb index befdc1e6..57ef0905 100644 --- a/app/views/foi/requests/index.html.erb +++ b/app/views/foi/requests/index.html.erb @@ -1,9 +1,10 @@ -<% content_for :page_title, 'Make a Freedom of Information request' %> +<% content_for :page_title, 'Make a request for information' %> <% content_for :body_classes, 'foi foi-index' %> -

Make a Freedom of Information request, or an EIR request

+

Make a request for information

-

You have a right to request any recorded information held by the Council.

+

You have a right to request any recorded information held by the Council. +These are known as ‘Freedom of Information’ or ‘Environmental Information’ requests.