page.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. @font-face {
  2. font-family: 'inconsolata';
  3. src: url('files/inconsolata.woff') format('woff');
  4. font-weight: normal;
  5. font-style: normal;
  6. }
  7. body {
  8. margin: 25px 20px;
  9. color: #555;
  10. font-family: 'inconsolata';
  11. font-size: 15px;
  12. overflow: auto;
  13. }
  14. a {
  15. color: #1184CE;
  16. }
  17. h1 {
  18. color: #333;
  19. font-size: 25px;
  20. font-weight: normal;
  21. margin-top: 10px;
  22. }
  23. h2 {
  24. color: #4B0;
  25. font-size: 18px;
  26. font-weight: normal;
  27. margin-top: 40px;
  28. }
  29. h3 {
  30. color: #000;
  31. font-size: 16px;
  32. font-weight: normal;
  33. margin-top: 30px;
  34. }
  35. div {
  36. padding-left: 30px;
  37. margin-bottom: 20px;
  38. }
  39. div.desc {
  40. padding-left: 0px;
  41. }
  42. pre, code {
  43. margin-top: 20px;
  44. margin-bottom: 20px;
  45. }
  46. code {
  47. display: block;
  48. width: -webkit-calc( 100% - 40px );
  49. width: -moz-calc( 100% - 40px );
  50. width: calc( 100% - 40px );
  51. padding: 20px;
  52. white-space: pre-line;
  53. background-color: #f9f9f9;
  54. overflow: auto;
  55. }
  56. strong {
  57. color: #000;
  58. font-weight: normal;
  59. }
  60. #button {
  61. position: fixed;
  62. top: 20px;
  63. right: 20px;
  64. padding: 8px;
  65. color: #fff;
  66. background-color: #555;
  67. opacity: 0.5;
  68. }
  69. #button:hover {
  70. cursor: pointer;
  71. opacity: 1;
  72. }