03.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. $darkfg: #06581F;
  2. $mediumbg: #afa;
  3. $lightbg: #ddd;
  4. /***************************************
  5. Default Styles
  6. ************************************** */
  7. html, body {
  8. margin: 0;
  9. padding: 0;
  10. }
  11. body {
  12. font: 62.5% Verdana, Helvetica, Arial, sans-serif;
  13. color: black;
  14. background: white;
  15. }
  16. #container {
  17. font-size: 1.2em;
  18. margin: 10px 2em;
  19. }
  20. h1 {
  21. font-size: 2.5em;
  22. margin-bottom: 0;
  23. }
  24. h2 {
  25. font-size: 1.3em;
  26. margin-bottom: .5em;
  27. }
  28. h3 {
  29. font-size: 1.1em;
  30. margin-bottom: 0;
  31. }
  32. code {
  33. font-size: 1.2em;
  34. }
  35. a {
  36. color: $darkfg;
  37. }
  38. /***************************************
  39. Chapter Styles
  40. ************************************** */
  41. .poem {
  42. margin: 0 5em;
  43. }
  44. .chapter {
  45. margin: 1em;
  46. }
  47. .switcher {
  48. float: right;
  49. background-color: $lightbg;
  50. border: 1px solid black;
  51. margin: 10px;
  52. padding: 10px;
  53. font-size: .9em;
  54. h3 {
  55. margin: .5em 0;
  56. }
  57. }
  58. #header {
  59. clear: both;
  60. }
  61. body.large .chapter {
  62. font-size: 1.5em;
  63. }
  64. body.narrow .chapter {
  65. width: 250px;
  66. }
  67. .selected {
  68. font-weight: bold;
  69. }
  70. .hidden {
  71. display: none;
  72. }
  73. .hover {
  74. cursor: pointer;
  75. background-color: $mediumbg;
  76. }