Styling for "Media Links"

2023-02-03 13:33:31 -05:00
parent 680f139aa5
commit f0177cab35
11 changed files with 116 additions and 23 deletions
@@ -134,6 +134,32 @@ a.banner-alert:hover {
    background: #6b7f52;
 }

+.media-link {
+    white-space: normal;
+    display: inline-block;
+    padding: 20px 30px 5px 30px;
+    margin-top: 6px;
+    margin-bottom: 20px;
+    background: #000000;
+    background: rgba(0, 0, 0, .05);
+    -moz-border-radius: 10px;
+    border-radius: 10px; /* standards-compliant: (IE) */
+
+    .glyphicon, .fa {
+        margin-left: 10px;
+        color: #337ab7;
+    }
+}
+
+a.media-link:hover {
+    text-decoration: none;
+    background: rgba(0, 0, 0, 0.1);
+
+    .glyphicon {
+        color: #88a1b7;
+    }
+}
+
 $text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.4), 5px 5px 10px rgba(0, 0, 0, 0.4);

 h1.headline {
@@ -178,6 +204,10 @@ h1.headline {
    &.headline-icon-list h1:after {
        content: "\f00b";
    }
+
+    &.headline-icon-search h1:after {
+        content: "\f002";
+    }
 }

 .status {