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

diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css
index e496782..0d5423b 100644
--- a/quotes/static/quotes/style.css
+++ b/quotes/static/quotes/style.css
@@ -15,7 +15,8 @@ a:hover {
     border: 7px solid darkorange;
     border-radius: 15px;
     padding: 1.5em 2em;
-    margin: 2em 30em;
+    margin: 2em auto;
+    max-width: 500px;
 }
 
 .quote .author {
@@ -32,14 +33,11 @@ a:hover {
 }
 
 .hidden_details {
-    /* displayed through Javascript */
-    height: 0;
-    overflow: hidden;
-    transition: height 3s linear;
-    /* visibility: hidden; */
-    /* opacity: 0; */
-    /* transition: opacity 2s linear; */
-
+    /* 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 {