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
@@ -100,6 +100,27 @@ a.banner-alert:hover {
  text-decoration: none;
  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, 0.05);
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  /* standards-compliant: (IE) */ }
+  .media-link .glyphicon, .media-link .fa {
+    margin-left: 10px;
+    color: #337ab7; }
+
+a.media-link:hover {
+  text-decoration: none;
+  background: rgba(0, 0, 0, 0.1); }
+  a.media-link:hover .glyphicon {
+    color: #88a1b7; }
+
 h1.headline {
  font-size: 2.9em;
  text-align: center;
@@ -125,6 +146,8 @@ h1.headline {
    content: "\f007"; }
  .headline-icon.headline-icon-list h1:after {
    content: "\f00b"; }
+  .headline-icon.headline-icon-search h1:after {
+    content: "\f002"; }

 .status {
  white-space: nowrap;