Merge branch 'Development' of https://github.com/DFE-Digital/sts-cont…

…ent-support into Development
DFE-Digital · Aug 20, 2024 · 1fab005 · 1fab005
2 parents e9391bd + 32dfc37
commit 1fab005
Showing 1 changed file with 67 additions and 0 deletions.
diff --git a/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css b/src/Dfe.ContentSupport.Web/wwwroot/css/cands-site.css
@@ -20,13 +20,24 @@ video {
         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;
@@ -40,13 +51,19 @@ video {
         .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-thumbnail {
         position: relative;
@@ -80,6 +97,22 @@ video {
         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-metadata {
         font-weight: 400;
@@ -88,6 +121,13 @@ video {
         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;
@@ -102,6 +142,9 @@ video {
         .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;
@@ -115,6 +158,12 @@ video {
             text-decoration: none;
             cursor: help;
         }
+        .attachment .attachment-metadata .attachment-attribute {
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+            text-decoration: none;
+            cursor: help;
+        }
 
 .attachment-thumbnail {
     display: block;
@@ -204,6 +253,9 @@ video {
         .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;
@@ -223,6 +275,9 @@ video {
         .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;
@@ -264,13 +319,22 @@ video {
     .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-padded {
     padding: 10px;
@@ -282,6 +346,9 @@ video {
     .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;