From 159336a32860ef9b3db8ac5e9ff8d64e8a3dee4d Mon Sep 17 00:00:00 2001
From: Hideki Shimizu <shimiz@cns.s.u-tokyo.ac.jp>
Date: Wed, 25 Mar 2020 12:05:27 +0900
Subject: [PATCH] [mod] css of category tag

---
 static/css/category_tag.css | 67 -------------------------------------
 static/css/postcard.css     | 32 ++++++++++++++++++
 static/css/single.css       | 32 +++++++++++++++++-
 3 files changed, 63 insertions(+), 68 deletions(-)
 delete mode 100644 static/css/category_tag.css

diff --git a/static/css/category_tag.css b/static/css/category_tag.css
deleted file mode 100644
index b66c71d..0000000
--- a/static/css/category_tag.css
+++ /dev/null
@@ -1,67 +0,0 @@
-div.tags{
-  display: table;
-  border-collapse: separate;
-  border-spacing: 3px 0;
-  position: absolute;
-  text-align: center;
-  vertical-align: middle;
-  width: 100%;
-  height: auto;
-  text-align: left;
-}
-
-.tags a.tagbutton {
-  padding: 1px 4px 1px 4px;
-  margin: 1px 5px 1px 5px;
-  font-size: 10px;
-  border-radius: 8px;
-  transition: .4s;
-  text-decoration: none;
-  background-image: linear-gradient(45deg, var(--gray-color) 0%, var(--gray-color) 100%);
-  border: solid 1px var(--gray-color);
-  color: white;
-  transition: .4s;
-}
-
-.tags a.tagbutton:hover {
-  color:var(--gray-color);
-  border: solid 1px var(--gray-color);
-  background : white;
-}
-
-.tags a.red {
-  background-image: linear-gradient(45deg, var(--red-color) 0%, var(--red-color) 100%);
-  border: solid 1px var(--red-color);
-  color: white;
-}
-
-.tags a.red:hover {
-  background : white;
-  border: solid 1px var(--red-color);
-  color:var(--red-color);
-}
-
-.tags a.blue{
-  background-image: linear-gradient(45deg, var(--blue-color) 0%, var(--blue-color) 100%);
-  border: solid 1px var(--blue-color);
-  color: white;
-}
-
-.tags a.blue:hover {
-  background : white;
-  color:var(--blue-color);
-  border: solid 1px var(--blue-color);
-}
-
-.tags a.green{
-  background-image: linear-gradient(45deg, var(--green-color) 0%, var(--green-color) 100%);
-  border: solid 1px var(--green-color);
-  color: white;
-}
-
-.tags a.green:hover {
-  background : white;
-  color:var(--green-color);
-  border: solid 1px var(--green-color);
-}
-
diff --git a/static/css/postcard.css b/static/css/postcard.css
index b5d3719..c0776f0 100644
--- a/static/css/postcard.css
+++ b/static/css/postcard.css
@@ -117,6 +117,38 @@
   content: "";
 }
 
+div.tags{
+  display: table;
+  border-collapse: separate;
+  border-spacing: 3px 0;
+  position: absolute;
+  text-align: center;
+  vertical-align: middle;
+  width: 100%;
+  height: auto;
+  text-align: left;
+}
+
+.tags a.tagbutton {
+  padding: 1px 4px 1px 4px;
+  margin: 1px 5px 1px 5px;
+  font-size: 10px;
+  border-radius: 8px;
+  transition: .4s;
+  text-decoration: none;
+  background-image: linear-gradient(45deg, gray 0%, gray 100%);
+  border: solid 1px gray;
+  color: white;
+  transition: .4s;
+}
+
+.tags a.tagbutton:hover {
+  color:gray;
+  border: solid 1px gray;
+  background : white;
+}
+
+
 .postcard div.eventdate {
   position: relative;
   background-color: #2a2a2a;
diff --git a/static/css/single.css b/static/css/single.css
index 1aee0e3..5720424 100644
--- a/static/css/single.css
+++ b/static/css/single.css
@@ -11,7 +11,7 @@
 }
 
 .single_page .content {
-  margin-top: 48px;
+  margin-top: 0px;
 }
 
 .single_page .tags {
@@ -69,6 +69,36 @@
   width: 40vw;
 }
 
+
+.single-tags {
+  display: table;
+  border-collapse: separate;
+  border-spacing: 3px 3px;
+  position: relative;
+  width: 100%;
+  height: auto;
+  text-align: right;
+}
+
+a.tagbutton {
+  padding: 1px 4px 1px 4px;
+  margin: 1px 7px 1px 5px;
+  font-size: 10px;
+  border-radius: 8px;
+  transition: .4s;
+  text-decoration: none;
+  background-image: linear-gradient(45deg, gray 0%, gray 100%);
+  border: solid 1px gray;
+  color: white;
+  transition: .4s;
+}
+
+a.tagbutton:hover {
+  color:gray;
+  border: solid 1px gray;
+  background : white;
+}
+
 .single-title{
     margin-top: 0px;
     margin-bottom: 9px;
-- 
GitLab