quotes/static/quotes/style.css

   1 body {
   2     color: black;
   3     background-color: #d6d6d6;
   4     font-family: Calibri, sans-serif;
   5 }
   6
   7 a { color: black; }
   8
   9 a:hover {
  10     text-decoration: none;
  11 }
  12
  13 .quote {
  14     background-color: #fccb51;
  15     border: 7px solid darkorange;
  16     border-radius: 15px;
  17     padding: 1.5em 2em;
  18     margin: 2em auto;
  19     max-width: 500px;
  20 }
  21
  22 .quote .author {
  23     text-align: right;
  24 }
  25
  26 .work_name {
  27     font-style: italic;
  28 }
  29
  30 .permalink {
  31     font-size: 0.8em;
  32     text-align: right;
  33 }
  34
  35 .hidden_details {
  36     /* hidden, and then toggled, from Javascript. */
  37     border: 1px solid transparent;
  38     /* without this invisible border there is a jump at the end of the
  39        animation. */
  40     padding-top: -1em;
  41 }
  42
  43 .tag_link {
  44     font-weight: bold;
  45     text-decoration: none;
  46 }