From 41a6b5df422551e73827aee24842cecd0bdcaef4 Mon Sep 17 00:00:00 2001
From: Martin Donnelly <martind2000@gmail.com>
Date: Mon, 21 Mar 2016 11:03:00 +0000
Subject: [PATCH] starting tags

---
 app/css/app.css       | 58 ++++++++++++++++++++++++++++++++++++++++++-
 app/partials/view.ejs |  3 +++
 2 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/app/css/app.css b/app/css/app.css
index ec4c3e1..04b4f32 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -177,4 +177,60 @@ float:right;
 
 #footer, .mui-appbar {
     background-color: #62849C;
-}
\ No newline at end of file
+}
+
+a .tag{
+  float:left;
+  margin-right:8px;
+  padding:2px 7px 3px 19px;
+  font:700 .7em "lucida grande", helvetica, arial, sans-serif;
+  color:#3d5295;
+  text-decoration:none;
+  text-shadow:0 1px 0 rgba(255,255,255,.5);
+  border-radius:0 .4em .4em 0;
+  background:
+    -moz-linear-gradient(
+      -45deg,
+      transparent 50%,
+      #d0daf7 50%
+    ),
+    -moz-linear-gradient(
+      45deg,
+      transparent 50%,
+      #d0daf7 50%
+    ),
+    -moz-linear-gradient(
+      #d0daf7,
+      #d0daf7
+    );
+  background:
+    -webkit-gradient(
+      linear,
+      0 0, 100% 100%,
+      color-stop(.5,transparent),
+      color-stop(.5,#d0daf7)
+    ),
+    -webkit-gradient(
+      linear,
+      0 100%, 100% 0,
+      color-stop(.5,transparent),
+      color-stop(.5,#d0daf7)
+    ),
+    -webkit-gradient(
+      linear,
+      0 0, 100% 0,
+      from(#d0daf7),
+      to(#d0daf7)
+    );
+  background-repeat:no-repeat;
+  background-position:0 0, 0 100%, 10px 0;
+  background-size:10px 53%, 10px 50%, 100% 100%;
+  -moz-padding-start:14px;
+  -webkit-mask-image:-webkit-gradient(
+    radial,
+    11 50%, 2.9, 11 50%, 3,
+    from(transparent),
+    to(rgba(0,0,0,1))
+  )}
+a .tag:hover {
+  opacity:.8}
\ No newline at end of file
diff --git a/app/partials/view.ejs b/app/partials/view.ejs
index 8aaacba..e508d5b 100644
--- a/app/partials/view.ejs
+++ b/app/partials/view.ejs
@@ -2,6 +2,9 @@
     <div class="mui-panel">
         <div class="mui--text-headline"><%= data.title %></div>
         <div style="float:right">
+            <span class="tags">
+                <a class="#">Tag</a> <a class="#">Node</a>
+            </span>
             <span id="redo" class="mui--text-accent mui--text-button" style="cursor:pointer;">Redo <span class="lnr lnr-redo"></span></span>
             <span class="mui--divider-left">&nbsp;<%= link_to('Link', data.url) %>&nbsp;<span class="lnr lnr-link"></span> </span>
         </div>