updating stfc styling

ral-facilities · Mar 1, 2021 · add5b3a · add5b3a
1 parent 285b195
commit add5b3a
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 55 deletions.
diff --git a/doi_site/static/doi_site/css/stfc/stfc_style.css b/doi_site/static/doi_site/css/stfc/stfc_style.css
@@ -150,24 +150,13 @@ body {
     padding-top: 10px;
 }
 
-#footerLeft {
-    float: left;
-}
-
-#footerRight {
-    margin-top: -4px;
-    font-size: 90%;
-    width: 200px;
-    padding-right: 15px;
-    float: right;
-    text-align: right;
-}
-
 .footerLinks {
     list-style-type: none;
     padding: 0;
-    margin: 0;
+    margin: auto;
     width: 100%;
+    justify-content: center;
+    display: flex;
 }
 
 .footerLinks li  {
@@ -183,7 +172,7 @@ body {
     text-decoration: none;
 }
 
-#footerBase {   
+#footerBase {
     margin: 0 30px;
     padding-bottom: 30px;
     color: #666666;
@@ -192,7 +181,7 @@ body {
 
 
 .printOnly {
-    display:none;    
+    display:none;
 }
 
 /* custom */
@@ -330,35 +319,35 @@ a.exLk:link {
 #mainNavigation { 
     overflow: hidden;
     border-bottom: 1px solid #000;
-    background-color: #fff;
     width: 100%;
-    /* override doi.css */    
+    background: linear-gradient(0deg, #245793, #3771b5);
+    /* override doi.css */
     border-left: 0px;
     margin-top: 0em;
 }
 
-#mainNavUL {    
+#mainNavUL {
     margin: 0;
     padding: 0;
     text-align: center;
 }
 
 #mainNavUL li {
     float: left;
-    border-right: 1px solid #999;
+    border-right: 1px solid #333;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 2.75em;
     padding-right: 2.75em;
-    list-style-type: none;  
-    /* override doi.css */    
+    list-style-type: none;
+    /* override doi.css */
     border-top: 0px;
 }
 
-#mainNavUL li a {    
+#mainNavUL li a {
+    font-weight: normal;
     text-decoration: none;
-    font-weight: bold;
-    color: #333;
+    color: #fff;
 }
 
 .subMenu ul li {
@@ -375,12 +364,12 @@ a.exLk:link {
 
 .subMenuSeparator {
     background-color: #ccc;
-    font-weight: bold;      
+    font-weight: bold;
 }
 
 
 .subMenu ul li a{
-    color: #333333;    
+    color: #333333;
     font-size: 1em;
     padding-bottom: 0.5em;
     padding-top: 0.5em;

diff --git a/doi_site/templates/doi_site/stfc_skin.html b/doi_site/templates/doi_site/stfc_skin.html
@@ -66,34 +66,31 @@ <h1 class="siteName">
     </div>
 
     <div id="footer">
-        <div id="footerLeft">
-            <ul class="footerLinks">
-                <li><a
-                    href="https://stfc.ukri.org//about-us/contact-us/"><i
-                        class="fa fa-phone"></i> Contact us</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/privacy-statement/"><i
-                        class="fa fa-lock"></i> Cookies/Privacy</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/terms-of-website-use-disclaimer/"><i
-                        class="fa fa-file-text"></i> Terms of use</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/ynglc5b7n-a-stfc/"><i
-                        class="fa fa-flag"></i> Cymraeg</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/freedom-of-information/"><i
-                        class="fa fa-info"></i> FOI</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/copyright/">&#169
-                        Copyright</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/site-map/"><i
-                        class="fa fa-sitemap"></i> Sitemap</a></li>
-                <li><a
-                    href="https://stfc.ukri.org//about-us/accessibility/"><i
-                        class="fa fa-keyboard-o"></i> Accessibility</a></li>
-            </ul>
-        </div>
+        <ul class="footerLinks">
+            <li><a
+                href="https://stfc.ukri.org//about-us/contact-us/"><i
+                    class="fa fa-phone"></i> Contact us</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/privacy-statement/"><i
+                    class="fa fa-lock"></i> Cookies/Privacy</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/terms-of-website-use-disclaimer/"><i
+                    class="fa fa-file-text"></i> Terms of use</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/ynglc5b7n-a-stfc/"><i
+                    class="fa fa-flag"></i> Cymraeg</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/freedom-of-information/"><i
+                    class="fa fa-info"></i> FOI</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/copyright/">&#169
+                    Copyright</a></li>
+            <li><a href="https://stfc.ukri.org//about-us/site-map/"><i
+                    class="fa fa-sitemap"></i> Sitemap</a></li>
+            <li><a
+                href="https://stfc.ukri.org//about-us/accessibility/"><i
+                    class="fa fa-keyboard-o"></i> Accessibility</a></li>
+        </ul>
     </div>
 </div>