style.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. body {
  2. padding: 40px 80px;
  3. font: 14px/1.5 "Helvetica Neue", Helvetica, sans-serif;
  4. background: #181818 url(images/bg.png);
  5. text-align: center;
  6. }
  7. #content {
  8. margin: 0 auto;
  9. padding: 10px 40px;
  10. text-align: left;
  11. background: white;
  12. width: 50%;
  13. -webkit-border-radius: 2px;
  14. -moz-border-radius: 2px;
  15. border-radius: 2px;
  16. -webkit-box-shadow: 0 2px 5px 0 black;
  17. }
  18. #menu {
  19. font-size: 13px;
  20. margin: 0;
  21. padding: 0;
  22. text-align: left;
  23. position: fixed;
  24. top: 15px;
  25. left: 15px;
  26. }
  27. #menu ul {
  28. margin: 0;
  29. padding: 0;
  30. }
  31. #menu li {
  32. list-style: none;
  33. }
  34. #menu a {
  35. color: rgba(255,255,255,.5);
  36. text-decoration: none;
  37. }
  38. #menu a:hover {
  39. color: white;
  40. }
  41. #menu .active a {
  42. color: white;
  43. }
  44. pre {
  45. padding: 10px;
  46. }
  47. code {
  48. font-family: monaco, monospace, sans-serif;
  49. font-size: 0.85em;
  50. }
  51. p code {
  52. border: 1px solid #ECEA75;
  53. padding: 1px 3px;
  54. -webkit-border-radius: 2px;
  55. -moz-border-radius: 2px;
  56. border-radius: 2px;
  57. background: #FDFCD1;
  58. }
  59. pre {
  60. padding: 20px 25px;
  61. border: 1px solid #ddd;
  62. -webkit-box-shadow: inset 0 0 5px #eee;
  63. -moz-box-shadow: inset 0 0 5px #eee;
  64. box-shadow: inset 0 0 5px #eee;
  65. }
  66. code .comment { color: #ddd }
  67. code .init { color: #2F6FAD }
  68. code .string { color: #5890AD }
  69. code .keyword { color: #8A6343 }
  70. code .number { color: #2F6FAD }
  71. /* override tocbot style to avoid vertical white line in table of content */
  72. .toc-link::before {
  73. content: initial;
  74. }