diff --git a/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml b/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml index 8ae4e3f..b1567d9 100644 --- a/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml +++ b/src/Dfe.ContentSupport.Web/Views/Content/CsIndex.cshtml @@ -30,9 +30,7 @@ { } - - -
+ @if (Model.HasCitation) { diff --git a/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css b/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css index 8b89f4d..ec40241 100644 --- a/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css +++ b/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css @@ -10,160 +10,63 @@ video { position: relative; } - .attachment:after { - content: ''; - display: block; - clear: both; - } - .attachment:after { - content: ''; - display: block; - clear: both; - } - .attachment:after { - content: ''; - display: block; - clear: both; - } +.attachment:after { + content: ''; + display: block; + clear: both; +} - .attachment .attachment-title { - font-weight: 400; - font-size: 1.6875rem; - line-height: 1.1111111111; - margin: 0 0 15px; - } - .attachment .attachment-title { - font-weight: 400; - font-size: 1.6875rem; - line-height: 1.1111111111; - margin: 0 0 15px; - } - .attachment .attachment-title { - font-weight: 400; - font-size: 1.6875rem; - line-height: 1.1111111111; - margin: 0 0 15px; - } +.attachment .attachment-title { + font-weight: 400; + font-size: 1.6875rem; + line-height: 1.1111111111; + margin: 0 0 15px; +} - .attachment .attachment-title .attachment-link { - line-height: 1.29; - } - .attachment .attachment-title .attachment-link { - line-height: 1.29; - } - .attachment .attachment-title .attachment-link { - line-height: 1.29; - } - - .attachment .attachment-details { - padding-left: 134px; - } - .attachment .attachment-details { - padding-left: 134px; - } - .attachment .attachment-details { - padding-left: 134px; - } +.attachment .attachment-title .attachment-link { + line-height: 1.29; +} - .attachment .attachment-thumbnail { - position: relative; - float: left; - margin-right: 25px; - margin-bottom: 15px; - padding: 5px; - display: block; - max-height: 140px; - max-width: 99px; - border: #e6e6e6; - outline: 5px solid #e6e6e6; - background: #ffffff; - box-shadow: 0 2px 2px #999999; - fill: #d8d8d8; - stroke: #d8d8d8; - } - .attachment .attachment-thumbnail { - position: relative; - float: left; - margin-right: 25px; - margin-bottom: 15px; - padding: 5px; - display: block; - max-height: 140px; - max-width: 99px; - border: #e6e6e6; - outline: 5px solid #e6e6e6; - background: #ffffff; - box-shadow: 0 2px 2px #999999; - fill: #d8d8d8; - stroke: #d8d8d8; - } - .attachment .attachment-thumbnail { - position: relative; - float: left; - margin-right: 25px; - margin-bottom: 15px; - padding: 5px; - display: block; - max-height: 140px; - max-width: 99px; - border: #e6e6e6; - outline: 5px solid #e6e6e6; - background: #ffffff; - box-shadow: 0 2px 2px #999999; - fill: #d8d8d8; - stroke: #d8d8d8; - } +.attachment .attachment-details { + padding-left: 134px; +} - .attachment .attachment-metadata { - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.32; - margin: 0 0 15px; - color: #505a5f; - } - .attachment .attachment-metadata { - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.32; - margin: 0 0 15px; - color: #505a5f; - } - .attachment .attachment-metadata { - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.32; - margin: 0 0 15px; - color: #505a5f; - } - .attachment .attachment-metadata:last-of-type { - margin-bottom: 0; - } - .attachment .attachment-metadata:last-of-type { - margin-bottom: 0; - } - .attachment .attachment-metadata:last-of-type { - margin-bottom: 0; - } - - .attachment .attachment-metadata .attachment-attribute { - word-wrap: break-word; - overflow-wrap: break-word; - text-decoration: none; - cursor: help; - } - .attachment .attachment-metadata .attachment-attribute { - word-wrap: break-word; - overflow-wrap: break-word; - text-decoration: none; - cursor: help; - } - .attachment .attachment-metadata .attachment-attribute { - word-wrap: break-word; - overflow-wrap: break-word; - text-decoration: none; - cursor: help; - } +.attachment .attachment-thumbnail { + position: relative; + float: left; + margin-right: 25px; + margin-bottom: 15px; + padding: 5px; + display: block; + max-height: 140px; + max-width: 99px; + border: #e6e6e6; + outline: 5px solid #e6e6e6; + background: #ffffff; + box-shadow: 0 2px 2px #999999; + fill: #d8d8d8; + stroke: #d8d8d8; +} + +.attachment .attachment-metadata { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.32; + margin: 0 0 15px; + color: #505a5f; +} + +.attachment .attachment-metadata:last-of-type { + margin-bottom: 0; +} + +.attachment .attachment-metadata .attachment-attribute { + word-wrap: break-word; + overflow-wrap: break-word; + text-decoration: none; + cursor: help; +} .attachment-thumbnail { display: block; @@ -247,15 +150,9 @@ video { line-height: 1.25; } - .gem-c-metadata a { - font-family: sans-serif; - } - .gem-c-metadata a { - font-family: sans-serif; - } - .gem-c-metadata a { - font-family: sans-serif; - } + .gem-c-metadata a { + font-family: sans-serif; + } .gem-c-metadata--inverse-padded .gem-c-metadata__list { margin: 15px; @@ -269,15 +166,9 @@ video { margin-top: 0; } - .gem-c-metadata__term .gem-c-metadata__definition { - line-height: 1.4; - } - .gem-c-metadata__term .gem-c-metadata__definition { - line-height: 1.4; - } - .gem-c-metadata__term .gem-c-metadata__definition { - line-height: 1.4; - } + .gem-c-metadata__term .gem-c-metadata__definition { + line-height: 1.4; + } .gem-c-metadata__definition:not(:last-of-type) { margin-bottom: 5px; @@ -307,48 +198,24 @@ video { color: #ffffff; } - .gem-c-metadata-inverse a:link, - .gem-c-metadata-inverse a:hover, - .gem-c-metadata-inverse a:visited, - .gem-c-metadata-inverse a:active { - color: #ffffff; - } - .gem-c-metadata-inverse a:link, - .gem-c-metadata-inverse a:hover, - .gem-c-metadata-inverse a:visited, - .gem-c-metadata-inverse a:active { - color: #ffffff; - } - .gem-c-metadata-inverse a:link, - .gem-c-metadata-inverse a:hover, - .gem-c-metadata-inverse a:visited, - .gem-c-metadata-inverse a:active { - color: #ffffff; - } +.gem-c-metadata-inverse a:link, +.gem-c-metadata-inverse a:hover, +.gem-c-metadata-inverse a:visited, +.gem-c-metadata-inverse a:active { + color: #ffffff; +} - .gem-c-metadata-inverse a:focus { - color: #0b0c0c; - } - .gem-c-metadata-inverse a:focus { - color: #0b0c0c; - } - .gem-c-metadata-inverse a:focus { - color: #0b0c0c; - } +.gem-c-metadata-inverse a:focus { + color: #0b0c0c; +} .gem-c-metadata-inverse-padded { padding: 10px; } - .gem-c-metadata-inverse-padded .gem-c-metadata-inverse.gem-c-metadata__list { - margin: 10px; - } - .gem-c-metadata-inverse-padded .gem-c-metadata-inverse.gem-c-metadata__list { - margin: 10px; - } - .gem-c-metadata-inverse-padded .gem-c-metadata-inverse.gem-c-metadata__list { - margin: 10px; - } +.gem-c-metadata-inverse-padded .gem-c-metadata-inverse.gem-c-metadata__list { + margin: 10px; +} .gem-c-metadata__definition { margin: 0; @@ -418,15 +285,15 @@ dl.gem-c-metadata__list { line-height: 1.14286; } - .dfe-vertical-nav .dfe-vertical-nav--section-header { - color: #505a5f; - font-size: 19px; - line-height: 1.25; - font-weight: 600; - color: #505a5f; - margin-bottom: 15px; - padding-top: 0; - } +.dfe-vertical-nav .dfe-vertical-nav--section-header { + color: #505a5f; + font-size: 19px; + line-height: 1.25; + font-weight: 600; + color: #505a5f; + margin-bottom: 15px; + padding-top: 0; +} @media (min-width: 40.0625em) { .dfe-vertical-nav { @@ -468,9 +335,9 @@ dl.gem-c-metadata__list { line-height: 1.25; } - .dfe-vertical-nav__section-item:hover { - border-left: 4px solid #347ca9; - } +.dfe-vertical-nav__section-item:hover { + border-left: 4px solid #347ca9; +} .dfe-vertical-nav__link:focus { background: inherit; @@ -504,221 +371,27 @@ dl.gem-c-metadata__list { color: #003a69; } - .dfe-vertical-nav__section-item--current .dfe-vertical-nav__link:hover { - text-decoration: none; - } +.dfe-vertical-nav__section-item--current .dfe-vertical-nav__link:hover { + text-decoration: none; +} .dfe-vertical-nav__section--nested { margin-bottom: 5px; } - .dfe-vertical-nav__section--nested .dfe-vertical-nav__link { - padding-left: 20px; - font-weight: 400; - margin-bottom: 0; - margin-top: -5px; - } - - .dfe-vertical-nav__section--nested .dfe-vertical-nav__section-item::before { - content: "�"; - margin-left: -20px; - color: #505a5f; - } - -.dfe-vertical-nav--count { - float: right; - background: #b1b4b6; - padding: 9px 5px 9px 5px; - border-radius: 0; - color: #0b0c0c; - font-weight: 700; - min-width: 25px; - text-align: center; - font-size: 12px; -} - -@media print { - .dfe-vertical-nav__theme { - font-family: sans-serif; - } -} - -@media (min-width: 40.0625em) { - .dfe-vertical-nav__theme { - font-size: 19px; - font-size: 1.1875rem; - line-height: 1.31579; - } - - .dfe-vertical-nav--count { - padding: 12px 8px 12px 8px; - } -} - -.dfe-vertical-nav__section .dfe-vertical-nav__section-item--current--child-active .dfe-vertical-nav__link { - font-weight: 400; -} - -.dfe-vertical-nav__section .dfe-vertical-nav__section { - margin-bottom: 0; -} - - .dfe-vertical-nav__section .dfe-vertical-nav__section .dfe-vertical-nav__section-item { - border-left: none; - } - - - .dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current { - border-left: none; - background: #347ca9; - } - - .dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current .dfe-vertical-nav__link { - font-weight: 700; - } - -.print-link-button { - background: url(/assets/icon-print.png) no-repeat 10px 50%; - background-size: 16px 18px; - padding: 10px 10px 10px 36px; - border: 1px solid #b1b4b6; - color: #1d70b8; - cursor: pointer; - margin: 0; - margin-bottom: 15px; +.dfe-vertical-nav__section--nested .dfe-vertical-nav__link { + padding-left: 20px; font-weight: 400; - font-size: 14px; - font-size: 0.875rem; - line-height: 1.1429; -} - -.print-button { - margin-top: 2rem; -} - -.govuk-list.govuk-list--bullet li .govuk-body { margin-bottom: 0; + margin-top: -5px; } - - - -.dfe-vertical-nav { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 16px; - font-size: 0.875rem; - line-height: 1.14286; +.dfe-vertical-nav__section--nested .dfe-vertical-nav__section-item::before { + content: "�"; + margin-left: -20px; + color: #505a5f; } - .dfe-vertical-nav .dfe-vertical-nav--section-header { - color: #505a5f; - font-size: 19px; - line-height: 1.25; - font-weight: 600; - color: #505a5f; - margin-bottom: 15px; - padding-top: 0; - } - -@media (min-width: 40.0625em) { - .dfe-vertical-nav { - padding-left: 15px; - } -} - -@media print { - .dfe-vertical-nav { - font-size: 14pt; - line-height: 1.2; - } -} - -@media (min-width: 40.0625em) { - .dfe-vertical-nav { - margin-left: -15px; - } -} - -.dfe-vertical-nav__section { - margin: 0 0 20px; - padding: 0; - list-style-type: none; -} - -.dfe-vertical-nav__link { - display: block; - padding: 7px 30px 8px 10px; - text-decoration: none; - margin-bottom: 5px; - color: #003a69; -} - -.dfe-vertical-nav__section-item { - border-left: 4px solid #b1b4b6; - font-size: 16px; - font-size: 1rem; - line-height: 1.25; -} - - .dfe-vertical-nav__section-item:hover { - border-left: 4px solid #347ca9; - } - -.dfe-vertical-nav__link:focus { - background: inherit; -} - -.dfe-vertical-nav__section-item--current { - border-left: 4px solid #003a69; - font-weight: 700; - background: #f3f2f1; -} - -.dfe-vertical-nav__link:active, .dfe-vertical-nav__link:hover { - color: #1d70b8; - border-left-color: #347ca9; - text-decoration: none; - box-shadow: none; - outline: 0; -} - -.dfe-vertical-nav__link:focus { - background: #fd0; - color: #0b0c0c; - text-decoration: none; - box-shadow: none; - outline: 0; -} - -.dfe-vertical-nav__section-item--current .dfe-vertical-nav__link { - border-left-color: #003a69; - font-weight: 700; - color: #003a69; -} - - .dfe-vertical-nav__section-item--current .dfe-vertical-nav__link:hover { - text-decoration: none; - } - -.dfe-vertical-nav__section--nested { - margin-bottom: 5px; -} - - .dfe-vertical-nav__section--nested .dfe-vertical-nav__link { - padding-left: 20px; - font-weight: 400; - margin-bottom: 0; - margin-top: -5px; - } - - .dfe-vertical-nav__section--nested .dfe-vertical-nav__section-item::before { - content: "�"; - margin-left: -20px; - color: #505a5f; - } - .dfe-vertical-nav--count { float: right; background: #b1b4b6; @@ -757,19 +430,19 @@ dl.gem-c-metadata__list { margin-bottom: 0; } - .dfe-vertical-nav__section .dfe-vertical-nav__section .dfe-vertical-nav__section-item { - border-left: none; - } +.dfe-vertical-nav__section .dfe-vertical-nav__section .dfe-vertical-nav__section-item { + border-left: none; +} - .dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current { - border-left: none; - background: #347ca9; - } +.dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current { + border-left: none; + background: #347ca9; +} - .dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current .dfe-vertical-nav__link { - font-weight: 700; - } +.dfe-vertical-nav__section .dfe-vertical-nav__section.dfe-vertical-nav__section-item--current .dfe-vertical-nav__link { + font-weight: 700; +} .print-link-button { background: url(/assets/icon-print.png) no-repeat 10px 50%; @@ -792,4 +465,4 @@ dl.gem-c-metadata__list { .govuk-list.govuk-list--bullet li .govuk-body { margin-bottom: 0; -} +}