05.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. $black: #000;
  2. $white: #fff;
  3. $darkfg: #06581f;
  4. $lightbg: #e5e5e5;
  5. $border: #999;
  6. $darkBorder: #800;
  7. $lightBorder: #dedede;
  8. $shadowColor: rgba(0, 0, 0, 0.6);
  9. /***************************************
  10. Default Styles
  11. ***************************************/
  12. html, body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. body {
  17. font: 62.5% Verdana, Helvetica, Arial, sans-serif;
  18. color: $black;
  19. background: $white;
  20. }
  21. #container {
  22. font-size: 1.2em;
  23. margin: 10px 2em;
  24. }
  25. h1 {
  26. font-size: 2.5em;
  27. margin-bottom: 0;
  28. }
  29. h2 {
  30. font-size: 1.3em;
  31. margin-bottom: .5em;
  32. }
  33. h3 {
  34. font-size: 1.1em;
  35. margin-bottom: 0;
  36. }
  37. code {
  38. font-size: 1.2em;
  39. }
  40. a {
  41. color: $darkfg;
  42. }
  43. /***************************************
  44. Chapter Styles
  45. ***************************************/
  46. .chapter {
  47. margin-right: 200px;
  48. }
  49. #f-title {
  50. font-size: 1.5em;
  51. }
  52. #excerpt {
  53. font-style: italic;
  54. }
  55. span.footnote {
  56. font-style: italic;
  57. font-family: "Times New Roman", Times, serif;
  58. display: block;
  59. margin: 1em 0;
  60. }
  61. .chapter span.footnote {
  62. display: inline;
  63. }
  64. .text-reference {
  65. font-weight: bold;
  66. }
  67. #notes {
  68. margin-top: 1em;
  69. border-top: 1px solid $lightBorder;
  70. }
  71. #notes li {
  72. margin: 1em 0;
  73. }
  74. #footer {
  75. margin-top: 1em;
  76. border-top: 1px solid $lightBorder;
  77. }
  78. .pulled {
  79. position: absolute;
  80. width: 120px;
  81. top: -20px;
  82. right: -180px;
  83. padding: 20px;
  84. font: italic 1.2em "Times New Roman", Times, serif;
  85. background: $lightbg;
  86. border: 1px solid $border;
  87. border-radius: 8px;
  88. box-shadow: 1px 1px 8px $shadowColor;
  89. }
  90. .inhabitants {
  91. border-left: 5px solid $darkBorder;
  92. padding-left: 5px;
  93. }