From 59ea3bd25b1f113168333eccdc9ffc4acd98cfe6 Mon Sep 17 00:00:00 2001
From: Yigit Sever
Date: Mon, 19 Apr 2021 18:23:22 +0300
Subject: Initial commit

---
 static/site.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 static/site.css

(limited to 'static/site.css')

diff --git a/static/site.css b/static/site.css
new file mode 100644
index 0000000..6c79aa9
--- /dev/null
+++ b/static/site.css
@@ -0,0 +1,57 @@
+.content blockquote {
+    border-left: #689d6a 8px solid;
+
+}
+.content blockquote.tidbit {
+    border-left: #928f74 8px solid;
+    font-size: 12px;
+    color: #282828;
+}
+
+li p {
+    margin: 2px;
+}
+
+/* OUTER CONTAINER */
+.tcontainer {
+  width: 100%;
+  overflow: hidden; /* Hide scroll bar */
+}
+
+/* MIDDLE CONTAINER */
+.ticker-wrap {
+  width: 100%;
+  padding-left: 100%; /* Push contents to right side of screen */
+  background-color: #eee;
+}
+
+/* INNER CONTAINER */
+@keyframes ticker {
+    0% { transform: translate3d(0, 0, 0); }
+    100% { transform: translate3d(-100%, 0, 0); }
+}
+
+.ticker-move {
+    /* Basically move items from right side of screen to left in infinite loop */
+    display: inline-block;
+    white-space: nowrap;
+    padding-right: 100%;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: ticker;
+    animation-duration: 30s;
+}
+
+.ticker-move:hover{
+    animation-play-state: paused; /* Pause scroll on mouse hover */
+}
+
+/* ITEMS */
+.ticker-item {
+    display: inline-block; /* Lay items in a horizontal line */
+    padding: 0 5px;
+}
+
+.ticker-item::before {
+    content: "  ✑  ";
+}
-- 
cgit v1.2.3-70-g09d2