v2-dev2

1 files changed, 32 insertions, 8 deletions

diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 2bef153..7b45778 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -132,7 +132,7 @@
     }
 
     .summary__date:hover {
-      color: #{{ .Site.Params.faded }};
+      color: #ccc;
     }
 
     .summary__date:hover:after {
@@ -141,21 +141,47 @@
     }
 
     .components {
-      border: 2px solid #{{ .Site.Params.border }};
+      border: 2px solid #ddd;
       border-bottom: 0;
     }
 
     .component {
       color: #000;
       padding: 16px;
-      border-bottom: 2px solid #{{ .Site.Params.border }};
+      border-bottom: 2px solid #ddd;
+    }
+
+    .description { cursor: pointer; position: relative; }
+    .description__text { display: none; }
+    .description:hover .description__text,
+    .description:active .description__text  {
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 32px;
+      background: #181818;
+      color: #fff;
+      z-index: 50;
+      padding: 8px;
+      border: 2px solid #242424;
+      font-size: 14px;
+      color: #ccc;
+      width: 1000%;
+      height: auto;
+    }
+
+    @media (max-width: 640px) {
+      .description:hover .description__text,
+      .description:active .description__text {
+        width: 50vw;
+      }
     }
 
     .ok { color: #{{ .Site.Params.ok }}; }
     .error { color: #{{ .Site.Params.down }}; }
 
     .footer {
-      margin-top: 20px;
+      padding: 10px;
       background: #f5f5f5;
     }
 
@@ -230,7 +256,7 @@
     .status-down .announcement-box { border: 2px solid #{{ .Site.Params.down }}; }
     .status-notice .announcement-box { border: 2px solid #{{ .Site.Params.notice }}; }
 
-    .status .announcement-box { border-bottom-width: 1px; }
+    .status-homepage .announcement-box { border-bottom-width: 1px; }
 
 
     /**
@@ -254,7 +280,5 @@
       }
     }
     </style>
-    {{ with .Site.Params.customCSS }}
-    <link href="{{ . }}" rel="stylesheet">
-    {{ end }}
+
   </head>