Stylize bookmark and blogroll pages

1 files changed, 37 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index b096ca0..01d139a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1084,3 +1084,40 @@ tbody tr:last-child td {
     background-color: #eee;
     color: #2e8b57
 }
+
+#tag-cloud {
+    list-style-type: none;
+    padding: 0;
+    margin: 20px 0;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    line-height: 1.8
+}
+
+#tag-cloud a {
+    border-bottom: none
+}
+
+#tag-cloud li {
+    background-color: #f9f9f9;
+    border: 1px solid #ccc;
+    padding: 2px 8px;
+    font-size: 9px;
+    text-transform: uppercase;
+    color: #666;
+    transition: all .2s ease;
+    display: inline-block
+}
+
+#tag-cloud a:hover li {
+    background-color: #eee;
+    border-color: #2e8b57;
+    color: #2e8b57;
+    box-shadow: 1px 1px 0#ccc
+}
+
+#tag-cloud li::after {
+    color: #999;
+    font-weight: 400
+}