border: 7px solid darkorange;
border-radius: 15px;
padding: 1.5em 2em;
- margin: 2em 30em;
+ margin: 2em auto;
+ max-width: 500px;
}
.quote .author {
text-align: right;
}
-.quote .author .work_name {
+.work_name {
font-style: italic;
}
}
.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 {