style.css 956 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /* Base styles */
  2. body {
  3. color: #F0F0F0;
  4. background: #500;
  5. font-family: Arial, sans;
  6. margin: 0; padding: 0;
  7. }
  8. a {
  9. color: white;
  10. }
  11. h1 {
  12. font: bold 150% Arial, sans-serif;
  13. margin: 0; padding: 1em 0;
  14. }
  15. h2 {
  16. font: bold 120% Arial, sans-serif;
  17. margin: 1.5em 0 0.5em 0;
  18. }
  19. pre {
  20. margin: 0;
  21. font-size: medium;
  22. }
  23. #sidebar {
  24. float: left; width: 16em; height: 1000em; position: fixed;
  25. padding: 1px 1em;
  26. background: #600;
  27. box-shadow: 0 0 15px black;
  28. }
  29. #sidebar ul,
  30. #sidebar li {
  31. list-style: none;
  32. margin: 0; padding: 0;
  33. }
  34. #sidebar ul {
  35. position: relative;
  36. overflow-y: hidden;
  37. }
  38. #sidebar li {
  39. padding: 1px 1em;
  40. cursor: pointer;
  41. }
  42. #sidebar li:hover {
  43. background: #500;
  44. }
  45. #sidebar li.current:before {
  46. content: '▶'; font-size: smaller;
  47. position: absolute; left: 0;
  48. }
  49. #content {
  50. margin-left: 19em;
  51. }
  52. #languages {
  53. padding: 1px 4em;
  54. }
  55. #languages div {
  56. display: none;
  57. }
  58. #languages div {
  59. margin: 3em 0;
  60. }