page.css 999 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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: #2194CE;
  16. }
  17. h1 {
  18. color: #444;
  19. font-size: 25px;
  20. margin-top: 10px;
  21. }
  22. h2 {
  23. color: #8B2;
  24. font-size: 18px;
  25. margin-top: 40px;
  26. }
  27. h3 {
  28. color: #000;
  29. font-size: 16px;
  30. margin-top: 30px;
  31. font-weight: normal;
  32. }
  33. div {
  34. padding-left: 30px;
  35. margin-bottom: 20px;
  36. }
  37. div.desc {
  38. padding-left: 0px;
  39. }
  40. pre, code {
  41. margin-top: 20px;
  42. margin-bottom: 20px;
  43. }
  44. code {
  45. display: block;
  46. width: -webkit-calc( 100% - 40px );
  47. width: -moz-calc( 100% - 40px );
  48. width: calc( 100% - 40px );
  49. padding: 20px;
  50. white-space: pre;
  51. background-color: #f9f9f9;
  52. overflow: auto;
  53. }
  54. #button {
  55. position: fixed;
  56. top: 20px;
  57. right: 20px;
  58. padding: 8px;
  59. color: #fff;
  60. background-color: #555;
  61. opacity: 0.5;
  62. }
  63. #button:hover {
  64. cursor: pointer;
  65. opacity: 1;
  66. }