hack.css 3.2 KB

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