You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

167 lines
1.8KB

  1. ---
  2. ---
  3. $color-text:#000000;
  4. $color-link:#006600;
  5. $color-link-visited:#003300;
  6. $color-link-hover:#009900;
  7. $color-navlink:#009900;
  8. $color-navlink-hover:#00BB00;
  9. $color-background:#EEFFEE;
  10. $width-nav:5 * 6.6em;
  11. body
  12. {
  13. background-color:$color-background;
  14. font-family:sans-serif;
  15. margin:auto;
  16. max-width:52em;
  17. }
  18. a:link
  19. {
  20. color:$color-link;
  21. }
  22. a:visited
  23. {
  24. color:$color-link-visited;
  25. }
  26. a:hover
  27. {
  28. color:$color-link-hover;
  29. }
  30. a:active
  31. {
  32. color:$color-link-hover;
  33. }
  34. nav
  35. {
  36. display:flex;
  37. justify-content:space-between;
  38. text-align:center;
  39. margin:auto;
  40. max-width:$width-nav;
  41. }
  42. nav a
  43. {
  44. background-color:$color-navlink;
  45. border:.2em solid black;
  46. border-radius:.2em;
  47. color:$color-text;
  48. display:inline-block;
  49. flex:none;
  50. margin-top:-.2em;
  51. text-decoration:none;
  52. min-width:6em;
  53. }
  54. nav a:link
  55. {
  56. color:$color-text;
  57. }
  58. nav a:visited
  59. {
  60. color:$color-text;
  61. }
  62. nav a:hover
  63. {
  64. background-color:$color-navlink-hover;
  65. color:$color-text;
  66. }
  67. nav a:active
  68. {
  69. background-color:$color-navlink-hover;
  70. color:$color-text;
  71. }
  72. main
  73. {
  74. padding:0 1em;
  75. text-align:justify;
  76. }
  77. h1
  78. {
  79. text-align:center;
  80. }
  81. a.highlight
  82. {
  83. background-color:$color-navlink;
  84. border-radius:.2em;
  85. color:$color-text;
  86. display:block;
  87. font-size:110%;
  88. margin:.5em 0;
  89. padding:.5em;
  90. text-align:center;
  91. text-decoration:none;
  92. }
  93. a.highlight:link
  94. {
  95. color:$color-text;
  96. }
  97. a.highlight:visited
  98. {
  99. color:$color-text;
  100. }
  101. a.highlight:hover
  102. {
  103. background-color:$color-navlink-hover;
  104. color:$color-text;
  105. }
  106. a.highlight:active
  107. {
  108. background-color:$color-navlink-hover;
  109. color:$color-text;
  110. }
  111. footer
  112. {
  113. border-top:.1em solid black;
  114. font-size:83%;
  115. text-align:center;
  116. }
  117. footer p
  118. {
  119. margin:.25em;
  120. }
  121. footer a
  122. {
  123. display:inline-block;
  124. }
  125. @media (max-width:$width-nav)
  126. {
  127. nav
  128. {
  129. flex-flow:column;
  130. }
  131. }
  132. table
  133. {
  134. border-collapse:collapse;
  135. }
  136. td
  137. {
  138. border:.2em double $color-link;
  139. font-size:96%;
  140. }