Himas Rafeek
Posted on: 2 months ago
CSS

WordPress Code Highlighter 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).


                                          /* PHP STYLES */.php .de1, .php .de2 {
    margin: 0;
    padding: 0;
    background: none;
    vertical-align: top;
    color: #ffb400;
}
.php  {
    color: #006;
    font-family: Monaco, Lucida Console, monospace;
    font-size: 13px;
    line-height: 1.4em;
    border: 1px solid #9f9f9f;
    background-color: #f1f1f1;
    color: #e6e1dc;
    background-color: #2b2b2b;
    width: 500px;
    overflow-x: scroll;
}
.php a:link {
    color: #ffb400;
}
.php a:hover {
    background-color: #f0f000;
}
.php .imp {
    font-weight: bold;
    color: red;
}
.php li, .php .li1 {
    font-weight: normal;
    vertical-align: top;
    color: #ffd800;
}
.php .ln {
    width: 1px;
    text-align: right;
    margin: 0;
    padding: 0 2px;
    vertical-align: top;
}
.php .li2 {
    font-weight: bold;
    vertical-align: top;
    font-weight: bold;
    color: #006060;
}
.php .kw1 {
    color: #b1b100;
}
.php .kw2 {
    color: #ededed;
    font-weight: bold;
}
.php .kw3 {
    color: #fd2121;
}
.php .kw4 {
    color: #5df94d;
    font-weight: bold;
}
.php .co1 {
    color: #ededed;
    font-style: italic;
}
.php .co2 {
    color: #ededed;
    font-style: italic;
}
.php .co3 {
    color: #0681ff;
    font-style: italic;
}
.php .co4 {
    color: #2bff72;
    font-style: italic;
}
.php .coMULTI {
    color: #c9c9c9;
    font-style: italic;
}
.php .es0 {
    color: #62d3eb;
    font-weight: bold;
}
.php .es1 {
    color: #62d3eb;
    font-weight: bold;
}
.php .es2 {
    color: #d98eff;
    font-weight: bold;
}
.php .es3 {
    color: #d98eff;
    font-weight: bold;
}
.php .es4 {
    color: #00aaff;
    font-weight: bold;
}
.php .es5 {
    color: #03abff;
    font-weight: bold;
    font-style: italic;
}
.php .es6 {
    color: #a3f2bd;
    font-weight: bold;
}
.php .es_h {
    color: #bebeff;
    font-weight: bold;
}
.php .br0 {
    color: #85fd85;
}
.php .sy0 {
    color: #57fc57;
}
.php .sy1 {
    color: #e0e0e0;
    font-weight: bold;
}
.php .st0 {
    color: #00c0ff;
}
.php .st_h {
    color: #47c9ff;
}
.php .nu0 {
    color: #ffbeff;
}
.php .nu8 {
    color: #40ffff;
}
.php .nu12 {
    color: #3ed9d9;
}
.php .nu19 {
    color: #ff7bff;
}
.php .me1 {
    color: #00e500;
}
.php .me2 {
    color: #00ec00;
}
.php .re0 {
    color: #68c4ff;
}