123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- $darkfg: #06581F;
- $mediumbg: #afa;
- $lightbg: #ddd;
- /***************************************
- Default Styles
- ************************************** */
- html, body {
- margin: 0;
- padding: 0;
- }
- body {
- font: 62.5% Verdana, Helvetica, Arial, sans-serif;
- color: black;
- background: white;
- }
- #container {
- font-size: 1.2em;
- margin: 10px 2em;
- }
- h1 {
- font-size: 2.5em;
- margin-bottom: 0;
- }
- h2 {
- font-size: 1.3em;
- margin-bottom: .5em;
- }
- h3 {
- font-size: 1.1em;
- margin-bottom: 0;
- }
- code {
- font-size: 1.2em;
- }
- a {
- color: $darkfg;
- }
- /***************************************
- Chapter Styles
- ************************************** */
- .poem {
- margin: 0 5em;
- }
- .chapter {
- margin: 1em;
- }
- .switcher {
- float: right;
- background-color: $lightbg;
- border: 1px solid black;
- margin: 10px;
- padding: 10px;
- font-size: .9em;
- h3 {
- margin: .5em 0;
- }
- }
- #header {
- clear: both;
- }
- body.large .chapter {
- font-size: 1.5em;
- }
- body.narrow .chapter {
- width: 250px;
- }
- .selected {
- font-weight: bold;
- }
- .hidden {
- display: none;
- }
- .hover {
- cursor: pointer;
- background-color: $mediumbg;
- }
|