WordPress Code Highlighter CSS


/ Published in: CSS
Save to your folder(s)

This needs to be used with the code that gets output using the quick highlighter. Follow these steps to use with WordPress:
First copy your php code
Go to http://quickhighlighter.com/
Paste your code into the textarea
Click Highlight!
When the code pops up, click the "Toggle Code View" link
Copy the Code (not the css, but the HTML)
Go to your post edit screen and select the post your adding the code to
Click on HTML View
Paste the code into the editor and click save (switching from HTML to Visual won't break the code since it's in HTML format and the characters have already been converted) The CSS Provided by the highlighter doesn't quite work (it isn't wrapped, and is full page).


Copy this code and paste it in your HTML
  1. /* PHP STYLES */
  2. .php .de1, .php .de2 {
  3. margin:0; padding:0;
  4. background:none;
  5. vertical-align:top;
  6. color: #ffb400;
  7. }
  8. .php {
  9. color: #006;
  10. font-family: Monaco,Lucida Console,monospace;
  11. font-size: 13px;
  12. line-height: 1.4em;
  13. border: 1px solid #9f9f9f;
  14. background-color: #f1f1f1;
  15. color: #e6e1dc;
  16. background-color: #2b2b2b;
  17. width:500px;
  18. overflow-x:scroll;
  19. }
  20. .php a:link {
  21. color: #ffb400;
  22. }
  23. .php a:hover {
  24. background-color: #f0f000;
  25. }
  26. .php .imp {
  27. font-weight: bold; color: red;
  28. }
  29. .php li, .php .li1 {
  30. font-weight: normal;
  31. vertical-align:top;
  32. color: #ffd800;
  33. }
  34. .php .ln {
  35. width:1px;
  36. text-align:right;
  37. margin:0;
  38. padding:0 2px;
  39. vertical-align:top;
  40. }
  41. .php .li2 {
  42. font-weight: bold;
  43. vertical-align:top;
  44. font-weight: bold;
  45. color: #006060;
  46. }
  47. .php .kw1 {
  48. color: #b1b100;
  49. }
  50. .php .kw2 {
  51. color: #ededed;
  52. font-weight: bold;
  53. }
  54. .php .kw3 {
  55. color: #fd2121;
  56. }
  57. .php .kw4 {
  58. color: #5df94d;
  59. font-weight: bold;
  60. }
  61. .php .co1 {
  62. color: #ededed; font-style: italic;
  63. }
  64. .php .co2 {
  65. color: #ededed;
  66. font-style: italic;
  67. }
  68. .php .co3 {
  69. color: #0681ff;
  70. font-style: italic;
  71. }
  72. .php .co4 {
  73. color: #2bff72;
  74. font-style: italic;
  75. }
  76. .php .coMULTI {
  77. color: #c9c9c9;
  78. font-style: italic;
  79. }
  80. .php .es0 {
  81. color: #62d3eb;
  82. font-weight: bold;
  83. }
  84. .php .es1 {
  85. color: #62d3eb;
  86. font-weight: bold;
  87. }
  88. .php .es2 {
  89. color: #d98eff;
  90. font-weight: bold;
  91. }
  92. .php .es3 {
  93. color: #d98eff;
  94. font-weight: bold;
  95. }
  96. .php .es4 {
  97. color: #00aaff;
  98. font-weight: bold;
  99. }
  100. .php .es5 {
  101. color: #03abff;
  102. font-weight: bold;
  103. font-style: italic;
  104. }
  105. .php .es6 {
  106. color: #a3f2bd;
  107. font-weight: bold;
  108. }
  109. .php .es_h {
  110. color: #bebeff;
  111. font-weight: bold;
  112. }
  113. .php .br0 {
  114. color: #85fd85;
  115. }
  116. .php .sy0 {
  117. color: #57fc57;
  118. }
  119. .php .sy1 {
  120. color: #e0e0e0; font-weight: bold;
  121. }
  122. .php .st0 {
  123. color: #00c0ff;
  124. }
  125. .php .st_h {
  126. color: #47c9ff;
  127. }
  128. .php .nu0 {
  129. color: #ffbeff;}
  130. .php .nu8 {
  131. color: #40ffff;
  132. }
  133. .php .nu12 {
  134. color: #3ed9d9;
  135. }
  136. .php .nu19 {
  137. color:#ff7bff;
  138. }
  139. .php .me1 {
  140. color: #00e500;
  141. }
  142. .php .me2 {
  143. color: #00ec00;
  144. }
  145. .php .re0 {
  146. color: #68c4ff;
  147. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.