-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;
+ margin: 2em auto;
+ max-width: 500px;
}
.quote .author {
- padding-left: 5em;
+ text-align: right;
}
-.quote .author .name {
+.work_name {
font-style: italic;
}
+
+.permalink {
+ font-size: 0.8em;
+ text-align: right;
+}
+
+.hidden_details {
+ /* 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;
+}