Guest User

Untitled

a guest
Mar 23rd, 2013
81
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // extra bit of JS on top of pretty print
  2. code = $('pre')
  3. code.wrapInner('<code/>')
  4. code.find('code').addClass('prettyprint linenums')
  5. prettyPrint()
  6.  
  7. // sass
  8. $baseColour: #1d1f21;
  9.  
  10. pre {
  11. width: 670px;
  12. padding: 0 0 0 30px;
  13. margin: 20px 0 20px 0;
  14. background: darken($baseColour, 5%);
  15. border-radius: 3px;
  16. overflow: hidden;
  17.  
  18. @include single-box-shadow(white, 0, 1px, 0);
  19. @include transition-property(width);
  20. @include transition-duration(0.5s);
  21. @include transition-timing-function(ease-out);
  22.  
  23. &:hover {
  24. width: 910px;
  25. }
  26. }
  27.  
  28. ol.linenums {
  29. padding: 0;
  30. color: lighten($baseColour, 30%);
  31. list-style: none;
  32. counter-reset: section;
  33. @include single-text-shadow(rgba(0,0,0,0.3), 0, 1px, 0);
  34.  
  35. li {
  36. counter-increment: section;
  37. padding-left: 10px;
  38. background: $baseColour;
  39. position: relative;
  40.  
  41. &:before {
  42. width: 30px;
  43. height: 26px;
  44. line-height: 26px;
  45. font-size: 11px;
  46. content: counter(section);
  47. display: block;
  48. position: absolute;
  49. z-index: 1;
  50. top: 0;
  51. left: -30px;
  52. text-align: center;
  53. }
  54.  
  55. &:hover {
  56. background: lighten($baseColour, 5%);
  57. }
  58. }
  59. }
  60.  
  61. code {
  62. width: 100%;
  63. padding: 7px 0 7px 0;
  64. margin: 0;
  65. display: block;
  66. font-family: 'Inconsolata', 'Courier';
  67. background: $baseColour;
  68. border-left: solid 1px lighten($baseColour, 5%);
  69. border-radius: 3px;
  70.  
  71. &:hover {
  72. // width: 930px;
  73. }
  74. }
  75.  
  76. li.L1,
  77. li.L3,
  78. li.L5,
  79. li.L7,
  80. li.L9 { background: transparent; }
  81.  
  82. .pun {
  83. color: #c5c8c6;
  84. }
  85.  
  86. .pln, span.tag, .atn {
  87. color: #cc6253;
  88. }
  89.  
  90. .lit {
  91. color: #d39461;
  92. }
  93.  
  94. .com {
  95. color: #89beb7;
  96. }
  97.  
  98. .kwd {
  99. color: #b393b9;
  100. }
  101.  
  102. .str, .atv {
  103. color: #b4be6d;
  104. }
RAW Paste Data