Add a 'work' concept

[djsite.git] / quotes / static / quotes / style.css

diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css
index 007cfe18af12eaf92e143b26351cf4f9b20e9a6e..e49678241fcccf381491fd186e3b291c28bcbfae 100644 (file)
--- a/quotes/static/quotes/style.css
+++ b/quotes/static/quotes/style.css
@@ -1,18 +1,48 @@
-a {
+body {
     color: black;
+    background-color: #d6d6d6;
+    font-family: Calibri, sans-serif;
+}
+
+a { color: black; }
+
+a:hover {
+    text-decoration: none;
 }
 
 .quote {
-    background-color: #ffbd33;
-    border: 3px solid #ff5733;
+    background-color: #fccb51;
+    border: 7px solid darkorange;
+    border-radius: 15px;
     padding: 1.5em 2em;
     margin: 2em 30em;
 }
 
 .quote .author {
-    padding-left: 5em;
+    text-align: right;
 }
 
-.quote .author .name {
+.quote .author .work_name {
     font-style: italic;
 }
+
+.permalink {
+    font-size: 0.8em;
+    text-align: right;
+}
+
+.hidden_details {
+    /* displayed through Javascript */
+    height: 0;
+    overflow: hidden;
+    transition: height 3s linear;
+    /* visibility: hidden; */
+    /* opacity: 0; */
+    /* transition: opacity 2s linear; */
+
+}
+
+.tag_link {
+    font-weight: bold;
+    text-decoration: none;
+}