Posted By

jeremyjared74 on 09/01/11


Tagged

wordpress syntax Highligher


Versions (?)

WordPress Code Highlighter CSS


 / Published in: CSS
 

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).

  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  

You need to login to post a comment.