Added CSS to style footer link states.

leanstacks · Jan 30, 2015 · 80ed249 · 80ed249
1 parent d70ad1b
commit 80ed249
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/src/main/app/css/app.css b/src/main/app/css/app.css
@@ -10,3 +10,22 @@ footer div.row:first-child {
   padding-top: 20px;
   border-top: 1px solid #bbbbbb;
 }
+
+.link-danger:link,.link-danger:visited {
+  color: #bbbbbb;
+}
+.link-danger:hover {
+  color: #e52c23;
+}
+.link-danger:active {
+  color: #e52c23;
+}
+.link-black:link,.link-black:visited {
+  color: #bbbbbb;
+}
+.link-black:hover {
+  color: #000000;
+}
+.link-danger:active {
+  color: #000000;
+}
diff --git a/src/main/app/templates/footer.html b/src/main/app/templates/footer.html
@@ -12,12 +12,12 @@
       <a href="https://www.youtube.com/channel/UChCCDds_KM-w02yVn7cQI_Q"
          title="Watch LeanStacks Instructional Videos on YouTube"
          target="_blank"
-         class="text-muted h3"><i class="fa fa-fw fa-youtube-play"></i></a>
-         
+         class="text-muted h3 link-danger"><i class="fa fa-fw fa-youtube-play"></i></a>
+
       <a href="https://leanpub.com/leanstacks-marionette-spring"
          title="LeanStacks Instructional Publications on LeanPub"
          target="_blank"
-         class="text-muted h3"><i class="fa fa-fw fa-leanpub"></i></a>
+         class="text-muted h3 link-black"><i class="fa fa-fw fa-leanpub"></i></a>
     </p>
   </div>
 </div>