X-Git-Url: http://gitweb.fperrin.net/?a=blobdiff_plain;f=quotes%2Fstatic%2Fquotes%2Fstyle.css;h=0d5423b47bcace28443db046056501e94638a04b;hb=243bb33aafac5c80b4404e5917fe54bfec6fa73f;hp=a32d644a5974cc8f842f61d5b190738589510c1a;hpb=6a49a8c1fc4489784da44482f0aad9ab491ef0a0;p=djsite.git

diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css
index a32d644..0d5423b 100644
--- a/quotes/static/quotes/style.css
+++ b/quotes/static/quotes/style.css
@@ -1,6 +1,7 @@
 body {
     color: black;
-    background-color: white;
+    background-color: #d6d6d6;
+    font-family: Calibri, sans-serif;
 }
 
 a { color: black; }
@@ -10,17 +11,19 @@ a:hover {
 }
 
 .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;
+    margin: 2em auto;
+    max-width: 500px;
 }
 
 .quote .author {
-    padding-left: 5em;
+    text-align: right;
 }
 
-.quote .author .name {
+.quote .author .work_name {
     font-style: italic;
 }
 
@@ -30,6 +33,14 @@ a:hover {
 }
 
 .hidden_details {
-    /* displayed through Javascript */
-    display: none;
+    /* hidden, and then toggled, from Javascript. */
+    border: 1px solid transparent;
+    /* without this invisible border there is a jump at the end of the
+       animation. */
+    padding-top: -1em;
+}
+
+.tag_link {
+    font-weight: bold;
+    text-decoration: none;
 }