apps/poetry/static/poetry/poem.css

   1 body {
   2     font-size: 16px;
   3     font: Georgia, "Times New Roman", serif;
   4     line-height: 1.5em;
   5     margin: 0;
   6 }
   7
   8 a {
   9     color: blue;
  10     text-decoration: none;
  11 }
  12
  13 a:hover {
  14     border-bottom: 1px dotted;
  15 }
  16
  17 #book-text {
  18     margin: 3em;
  19     max-width: 36em;
  20 }
  21
  22 /* ================================== */
  23 /* = Header with logo and menu      = */
  24 /* ================================== */
  25 #header {
  26     margin: 3.4em 0 0 1.4em;
  27 }
  28
  29 img {
  30     border: none;
  31 }
  32
  33
  34 #menu {
  35     position: fixed;
  36     left: 0em;
  37     top: 0em;
  38     width: 100%;
  39     height: 1.5em;
  40     background: #333;
  41     color: #FFF;
  42     opacity: 0.9;
  43     z-index: 99;
  44 }
  45
  46 #menu a.menu-link {
  47     display: block;
  48     float: left;
  49     height: 1.5em;
  50     margin-left: 0.5em;
  51     text-align: center;
  52     color: #FFF;
  53 }
  54 #menu span {
  55     color: #888;
  56     font-style: italic;
  57     font-size: .75em;
  58     margin-right: 0.5em;
  59 }
  60
  61
  62 /* =================================================== */
  63 /* = Common elements: headings, paragraphs and lines = */
  64 /* =================================================== */
  65 h1 {
  66     font-size: 3em;
  67     margin: 1.5em 0;
  68     text-align: center;
  69     line-height: 1.5em;
  70     font-weight: bold;
  71 }
  72
  73 h2 {
  74     font-size: 2em;
  75     margin: 1.5em 0 0;
  76     font-weight: bold;
  77     line-height: 1.5em;
  78 }
  79
  80 h3 {
  81     font-size: 1.5em;
  82     margin: 1.5em 0 0;
  83     font-weight: normal;
  84     line-height: 1.5em;
  85 }
  86
  87 h4 {
  88     font-size: 1em;
  89     margin: 1.5em 0 0;
  90     line-height: 1.5em;
  91 }
  92
  93 p {
  94     margin: 0;
  95 }
  96
  97
  98 #footnotes {
  99     margin-top: 3em;
 100     margin-left: 2.5em;
 101     font-size: 0.875em;
 102 }
 103
 104 #footnotes p, #footnotes ul {
 105     margin: 1.5em 0;
 106 }
 107
 108 #footnotes .permalink {
 109     font-size: .75em;
 110 }
 111
 112 /* =================== */
 113 /* = Custom elements = */
 114 /* =================== */
 115 span.author {
 116     font-size: 0.5em;
 117     display: block;
 118     line-height: 1.5em;
 119     margin-bottom: 0.25em;
 120 }
 121
 122 span.author a {
 123     color: inherit;
 124 }
 125
 126 span.author a {
 127     color: inherit;
 128 }
 129
 130
 131 /* =================================== */
 132 /* = Hide some elements for printing = */
 133 /* =================================== */
 134
 135 @media print {
 136     #menu {display: none;}
 137 }