moj_template 0.22.0 → 0.23.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8cf2eecbf5cde1f455563a4ada9eb52c4409e199
-  data.tar.gz: a8e3b4e441264d59e703f9dce4abde0d9175f045
+  metadata.gz: d187b12856476023ad5b2c98ce2abfa8c5a252af
+  data.tar.gz: f9ed98f1e7d2e491fd1d8f8e618e6ea2183b6c75
 SHA512:
-  metadata.gz: f74a74a53e60cdb39e7b62592a6fa9568dda69cbdd4babe7df53012c0d23a178999067b455b160e682fbbc0b3c5a1ad516453decd06ecdc696016dd18c4bb1d8
-  data.tar.gz: 8380d2542b11ae82af05ae6bcb84dc6a39e1557f7c44255f2293d99fdcd472e56ab9b61ad326573e4ef46aebe633dff94f81c4dade8f13602b7464b61d9495a3
+  metadata.gz: c513838c0604d186c33ec0638719709f35c4cf06feda094fa973a55036c2374ea2db89e73be394a3c27f012640d33f5f9296580f62a42a3c1f2f21fcdbe94a00
+  data.tar.gz: a644725fc11440c1ae1f37742e39ab2cc973f0f100e7de3e4e8721f2cbaa43c0e61cea7b9e45194435b05f5a27d2c20bec6cb9caf9e13a0e8a979567536e3d61

data/app/assets/stylesheets/govuk-template-ie6.css.erb

@@ -64,6 +64,9 @@ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup,
   padding: 0;
   vertical-align: baseline; }
 
+main {
+  display: block; }
+
 .group:before,
 .group:after {
   content: "\0020";
@@ -93,13 +96,21 @@ html {
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 1 */
-  background: white; }
+  background-color: #dee0e2; }
+
+/*
+  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; }
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
 
 ol, ul, nav ol, nav ul {
   list-style: inherit; }
@@ -112,7 +123,7 @@ a:link {
   color: #005ea5; }
 
 a:visited {
-  color: #2e8aca; }
+  color: #4c2c92; }
 
 a:hover {
   color: #2e8aca; }
@@ -183,7 +194,7 @@ img {
   border: 0; }
 
 button {
-  *overflow: visible; }
+  overflow: visible; }
 
 abbr[title] {
   cursor: help; }
@@ -385,13 +396,15 @@ button:focus,
       text-decoration: none; }
       @media (max-width: 640px) {
         #global-header .header-proposition #proposition-name {
-          font-size: 20px;
+          font-size: 18px;
           line-height: 1.2; } }
+    #global-header .header-proposition a#proposition-name:hover {
+      text-decoration: underline; }
     #global-header .header-proposition a.menu {
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       color: white;
       display: block;
@@ -444,15 +457,13 @@ button:focus,
           font-family: "nta", Arial, sans-serif;
           font-size: 14px;
           line-height: 1.42857;
-          font-weight: 400;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           font-family: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           line-height: 23px; }
           @media (max-width: 640px) {
             #global-header .header-proposition #proposition-links li a {
@@ -508,7 +519,7 @@ button:focus,
     font-family: "nta", Arial, sans-serif;
     font-size: 16px;
     line-height: 1.25;
-    font-weight: 300;
+    font-weight: 400;
     text-transform: none;
     margin: 0; }
     @media (max-width: 640px) {
@@ -544,7 +555,7 @@ button:focus,
     margin: 0; }
     @media (max-width: 640px) {
       #footer h2 {
-        font-size: 20px;
+        font-size: 18px;
         line-height: 1.2; } }
     #footer h2 a {
       color: inherit; }
@@ -568,7 +579,7 @@ button:focus,
         font-family: "nta", Arial, sans-serif;
         font-size: 16px;
         line-height: 1.5;
-        font-weight: 300;
+        font-weight: 400;
         text-transform: none;
         display: inline-block;
         list-style: none;
@@ -590,14 +601,15 @@ button:focus,
         position: relative;
         padding-left: 53px;
         zoom: 1; }
-        #footer .footer-meta .footer-meta-inner .open-government-licence h2 {
+        #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 h2 a {
+          #footer .footer-meta .footer-meta-inner .open-government-licence .logo a {
             display: block;
             width: 41px;
             height: 17px;
@@ -605,14 +617,14 @@ button:focus,
             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 h2 a {
+              #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: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
+          font-weight: 400;
           text-transform: none;
           margin: 0;
           padding-top: 0.1em; }
@@ -624,7 +636,7 @@ button:focus,
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       margin: 30px 0 0 0;
       width: 100%;

data/app/assets/stylesheets/govuk-template-ie7.css.erb

@@ -64,6 +64,9 @@ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup,
   padding: 0;
   vertical-align: baseline; }
 
+main {
+  display: block; }
+
 .group:before,
 .group:after {
   content: "\0020";
@@ -93,13 +96,21 @@ html {
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 1 */
-  background: white; }
+  background-color: #dee0e2; }
+
+/*
+  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; }
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
 
 ol, ul, nav ol, nav ul {
   list-style: inherit; }
@@ -112,7 +123,7 @@ a:link {
   color: #005ea5; }
 
 a:visited {
-  color: #2e8aca; }
+  color: #4c2c92; }
 
 a:hover {
   color: #2e8aca; }
@@ -183,7 +194,7 @@ img {
   border: 0; }
 
 button {
-  *overflow: visible; }
+  overflow: visible; }
 
 abbr[title] {
   cursor: help; }
@@ -385,13 +396,15 @@ button:focus,
       text-decoration: none; }
       @media (max-width: 640px) {
         #global-header .header-proposition #proposition-name {
-          font-size: 20px;
+          font-size: 18px;
           line-height: 1.2; } }
+    #global-header .header-proposition a#proposition-name:hover {
+      text-decoration: underline; }
     #global-header .header-proposition a.menu {
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       color: white;
       display: block;
@@ -444,15 +457,13 @@ button:focus,
           font-family: "nta", Arial, sans-serif;
           font-size: 14px;
           line-height: 1.42857;
-          font-weight: 400;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           font-family: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           line-height: 23px; }
           @media (max-width: 640px) {
             #global-header .header-proposition #proposition-links li a {
@@ -508,7 +519,7 @@ button:focus,
     font-family: "nta", Arial, sans-serif;
     font-size: 16px;
     line-height: 1.25;
-    font-weight: 300;
+    font-weight: 400;
     text-transform: none;
     margin: 0; }
     @media (max-width: 640px) {
@@ -544,7 +555,7 @@ button:focus,
     margin: 0; }
     @media (max-width: 640px) {
       #footer h2 {
-        font-size: 20px;
+        font-size: 18px;
         line-height: 1.2; } }
     #footer h2 a {
       color: inherit; }
@@ -568,7 +579,7 @@ button:focus,
         font-family: "nta", Arial, sans-serif;
         font-size: 16px;
         line-height: 1.5;
-        font-weight: 300;
+        font-weight: 400;
         text-transform: none;
         display: inline-block;
         list-style: none;
@@ -589,14 +600,15 @@ button:focus,
         clear: left;
         position: relative;
         padding-left: 53px; }
-        #footer .footer-meta .footer-meta-inner .open-government-licence h2 {
+        #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 h2 a {
+          #footer .footer-meta .footer-meta-inner .open-government-licence .logo a {
             display: block;
             width: 41px;
             height: 17px;
@@ -604,14 +616,14 @@ button:focus,
             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 h2 a {
+              #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: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
+          font-weight: 400;
           text-transform: none;
           margin: 0;
           padding-top: 0.1em; }
@@ -623,7 +635,7 @@ button:focus,
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       margin: 30px 0 0 0;
       width: 100%;

data/app/assets/stylesheets/govuk-template-ie8.css.erb

@@ -60,6 +60,9 @@ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, footer, header, hgroup,
   padding: 0;
   vertical-align: baseline; }
 
+main {
+  display: block; }
+
 .group:before,
 .group:after {
   content: "\0020";
@@ -89,13 +92,21 @@ html {
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 1 */
-  background: white; }
+  background-color: #dee0e2; }
+
+/*
+  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; }
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
 
 ol, ul, nav ol, nav ul {
   list-style: inherit; }
@@ -108,7 +119,7 @@ a:link {
   color: #005ea5; }
 
 a:visited {
-  color: #2e8aca; }
+  color: #4c2c92; }
 
 a:hover {
   color: #2e8aca; }
@@ -178,9 +189,6 @@ strong {
 img {
   border: 0; }
 
-button {
-  *overflow: visible; }
-
 abbr[title] {
   cursor: help; }
 
@@ -377,13 +385,15 @@ button:focus,
       text-decoration: none; }
       @media (max-width: 640px) {
         #global-header .header-proposition #proposition-name {
-          font-size: 20px;
+          font-size: 18px;
           line-height: 1.2; } }
+    #global-header .header-proposition a#proposition-name:hover {
+      text-decoration: underline; }
     #global-header .header-proposition a.menu {
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       color: white;
       display: block;
@@ -436,15 +446,13 @@ button:focus,
           font-family: "nta", Arial, sans-serif;
           font-size: 14px;
           line-height: 1.42857;
-          font-weight: 400;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           font-family: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
-          text-transform: none;
           font-weight: 700;
+          text-transform: none;
           line-height: 23px; }
           @media (max-width: 640px) {
             #global-header .header-proposition #proposition-links li a {
@@ -500,7 +508,7 @@ button:focus,
     font-family: "nta", Arial, sans-serif;
     font-size: 16px;
     line-height: 1.25;
-    font-weight: 300;
+    font-weight: 400;
     text-transform: none;
     margin: 0; }
     @media (max-width: 640px) {
@@ -536,7 +544,7 @@ button:focus,
     margin: 0; }
     @media (max-width: 640px) {
       #footer h2 {
-        font-size: 20px;
+        font-size: 18px;
         line-height: 1.2; } }
     #footer h2 a {
       color: inherit; }
@@ -558,7 +566,7 @@ button:focus,
         font-family: "nta", Arial, sans-serif;
         font-size: 16px;
         line-height: 1.5;
-        font-weight: 300;
+        font-weight: 400;
         text-transform: none;
         display: inline-block;
         list-style: none;
@@ -576,14 +584,15 @@ button:focus,
         clear: left;
         position: relative;
         padding-left: 53px; }
-        #footer .footer-meta .footer-meta-inner .open-government-licence h2 {
+        #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 h2 a {
+          #footer .footer-meta .footer-meta-inner .open-government-licence .logo a {
             display: block;
             width: 41px;
             height: 17px;
@@ -591,14 +600,14 @@ button:focus,
             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 h2 a {
+              #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: "nta", Arial, sans-serif;
           font-size: 16px;
           line-height: 1.25;
-          font-weight: 300;
+          font-weight: 400;
           text-transform: none;
           margin: 0;
           padding-top: 0.1em; }
@@ -610,7 +619,7 @@ button:focus,
       font-family: "nta", Arial, sans-serif;
       font-size: 16px;
       line-height: 1.25;
-      font-weight: 300;
+      font-weight: 400;
       text-transform: none;
       margin: 30px 0 0 0;
       width: 100%;