add connect linking

dashboard-ui/css/card.css

@@ -48,6 +48,12 @@
     margin: 4px;
 }
 
+.grayscale {
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    filter: grayscale(100%);
+}
+
 @media all and (max-width: 800px) {
 
     .cardBox {
@@ -486,7 +492,7 @@
 
 
 .detailPageSquareCard {
-        width: 33.33%;
+    width: 33.33%;
 }
 
 @media all and (min-width: 540px) {
@@ -722,4 +728,4 @@
     .homePageSmallBackdropCard {
         width: 12.5%;
     }
-}
+}

dashboard-ui/css/librarybrowser.css

@@ -566,6 +566,7 @@ a.itemTag:hover {
 .libraryPanelHeader {
     margin: 5px 0 15px 0;
     font-size: 15px;
+    font-family: Gotham;
 }
 
     .libraryPanelHeader a {

dashboard-ui/css/librarymenu.css

@@ -135,6 +135,7 @@
     padding-left: 0 !important;
     margin-left: -8px;
     cursor: default;
+    font-family: Gotham;
 }
 
 .viewMenuBar {

dashboard-ui/css/site.css

@@ -61,6 +61,13 @@
     src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/RobotoBold.woff) format('woff');
 }
 
+@font-face {
+    font-family: 'Gotham';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Gotham'), url(fonts/gotham-book.woff) format('woff');
+}
+
 * {
     text-shadow: none !important;
 }
@@ -345,7 +352,6 @@ h1 .imageLink {
     }
 
 .page > .ui-content {
-
     /* Need this so that the audio player doesn't cover content, but also for unveil lazy loading. */
     padding-bottom: 160px;
 }