Theme header and footer hover states matches new colors

Center-for-Digital-Narrative · Jun 3, 2021 · 6cab665 · 6cab665
1 parent 50481ba
commit 6cab665
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/themes/elmcip/css/blocks.css b/themes/elmcip/css/blocks.css
@@ -3,13 +3,6 @@
  * Drupal core block Styling.
  */
 
-#header a {
-  color: #1d1d1d;
-}
-#header a:hover {
-  color: #000;
-}
-
 /**
  * Menu classes.
  */

diff --git a/themes/elmcip/css/navigation.css b/themes/elmcip/css/navigation.css
@@ -11,6 +11,21 @@ li a.active {
   color: #333333;
 }
 
+.region-header .logo-container a {
+  border-bottom: none;
+}
+.region-footer a,
+.region-header a {
+  color: #1d1d1d;
+  border-bottom: 9px solid transparent;
+}
+.region-footer a:hover,
+.region-header a:hover {
+  color: #000;
+  text-decoration: none;
+  border-bottom: 9px solid #DAFFC2;
+}
+
 .region-footer li a:link,
 .region-footer li a:visited {
   color: #333333;

diff --git a/themes/elmcip/templates/page.tpl.php b/themes/elmcip/templates/page.tpl.php
@@ -70,7 +70,7 @@
 ?>
 
 <div id="page-wrapper"><div id="page" class="<?php print implode(' ', $classes_array); ?>">
-  <div id="header" class="header"><div class="section clearfix">
+  <div id="header"><div class="section clearfix">
     <?php print render($page['header_top']); ?>
 
     <?php if ($site_name || $site_slogan): ?>