hack.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. @font-face {
  2. font-family: 'hackbold';
  3. src: url('../fonts/hack-bold-webfont.eot?v=2.020');
  4. src: url('../fonts/hack-bold-webfont.eot?#iefix&v=2.020') format('embedded-opentype'),
  5. url('../fonts/hack-bold-webfont.woff2?v=2.020') format('woff2'),
  6. url('../fonts/hack-bold-webfont.woff?v=2.020') format('woff');
  7. font-weight: normal;
  8. font-style: normal;
  9. }
  10. @font-face {
  11. font-family: 'hackbold_oblique';
  12. src: url('../fonts/hack-bolditalic-webfont.eot?v=2.020');
  13. src: url('../fonts/hack-bolditalic-webfont.eot?#iefix&v=2.020') format('embedded-opentype'),
  14. url('../fonts/hack-bolditalic-webfont.woff2?v=2.020') format('woff2'),
  15. url('../fonts/hack-bolditalic-webfont.woff?v=2.020') format('woff');
  16. font-weight: normal;
  17. font-style: normal;
  18. }
  19. @font-face {
  20. font-family: 'hackregular';
  21. src: url('../fonts/hack-regular-webfont.eot?v=2.020');
  22. src: url('../fonts/hack-regular-webfont.eot?#iefix&v=2.020') format('embedded-opentype'),
  23. url('../fonts/hack-regular-webfont.woff2?v=2.020') format('woff2'),
  24. url('../fonts/hack-regular-webfont.woff?v=2.020') format('woff');
  25. font-weight: normal;
  26. font-style: normal;
  27. }
  28. @font-face {
  29. font-family: 'hackoblique';
  30. src: url('../fonts/hack-italic-webfont.eot?v=2.020');
  31. src: url('../fonts/hack-italic-webfont.eot?#iefix&v=2.020') format('embedded-opentype'),
  32. url('../fonts/hack-italic-webfont.woff2?v=2.020') format('woff2'),
  33. url('../fonts/hack-italic-webfont.woff?v=2.020') format('woff');
  34. font-weight: normal;
  35. font-style: normal;
  36. }
  37. .specimen-regular { font-family: 'hackregular'; }
  38. .specimen-oblique { font-family: 'hackoblique'; }
  39. .specimen-bold { font-family: 'hackbold'; }
  40. .specimen-boldoblique { font-family: 'hackbold_oblique'; }
  41. .huge {
  42. font-size: 300px;
  43. line-height: 1em;
  44. padding: 0;
  45. letter-spacing: -.02em;
  46. overflow: hidden;
  47. }
  48. .section-header { border-bottom: solid 1px #e5e5e5; margin-bottom: 25px;}
  49. .space-above { margin-top: 75px; !important }
  50. .sample_table td {
  51. padding-top: 3px;
  52. padding-bottom:5px;
  53. padding-left: 5px;
  54. vertical-align: middle;
  55. line-height: 1.2em;
  56. }
  57. .sample_table td:first-child {
  58. background-color: #FFE000;
  59. text-align: right;
  60. padding-right: 5px;
  61. padding-left: 0;
  62. padding: 5px;
  63. font: 11px/12px "Courier New", Courier, mono;
  64. }
  65. .dark-code{
  66. background-color: #2B303B !important;
  67. color: #FFF !important;
  68. }
  69. .size6{ font-size: 6px;}
  70. .size7{ font-size: 7px;}
  71. .size8{ font-size: 8px;}
  72. .size9{ font-size: 9px; }
  73. .size10{ font-size: 10px; }
  74. .size11{ font-size: 11px; }
  75. .size12{ font-size: 12px; }
  76. .size13{ font-size: 13px; }
  77. .size14{ font-size: 14px; }
  78. .size16{ font-size: 16px; }
  79. .size18{ font-size: 18px; }
  80. .size20{ font-size: 20px; }
  81. .size24{ font-size: 24px; }
  82. .size30{ font-size: 30px; }
  83. .size36{ font-size: 36px; }
  84. .size48{ font-size: 48px; }
  85. .size60{ font-size: 60px; }
  86. .size72{ font-size: 72px; }
  87. .size90{ font-size: 90px; }