@charset "utf-8";

/**
 * Dreamweaver look a like highlighting colors.
 *
 * If you want to customize this file, copy it to your current theme directory
 *  first. Then start editing the copied file.
 *.2
 * @author  Frank Verhoeven <hi@frankverhoeven.me>
 */

.fvch-hide-if-no-js {
    display: none !important;
}

.fvch-codeblock {
    background:  url(../images/notepaper.png) top left repeat;
    border:  1px solid #d2d2d2;
    padding: 0 !important;
    margin: 0 0 1em;
    border-radius: 3px;
    overflow-x: auto;
    position: relative;
}

.fvch-codeblock table,
.fvch-codeblock tbody,
.fvch-codeblock tr,
.fvch-codeblock td,
.fvch-codeblock pre {
    padding: 0;
    margin: 0;
    border: none;
}

.fvch-codeblock pre {
    white-space: pre;
    padding-left: .5em;
    font-family:  "Monaco", "Courier New", Courier, monospace;
    border: none !important;
    background: none !important;
    color: inherit !important;
}

.fvch-toolbox {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
    padding: 3px 6px 0;
}

.fvch-codeblock:hover .fvch-toolbox {
    display: block;
}

.fvch-toolbox .fvch-toolbox-icon {
    border: none !important;
    background: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 2px !important;
    height: 20px;
}

.fvch-toolbox .fvch-toolbox-icon path {
    fill: #666;
}

.fvch-toolbox .fvch-toolbox-icon:active path {
    fill: #000;
}

td.fvch-line-number {
    text-align: right;
    color: #666;
    width: 1%;
    min-width: 30px;
    padding: 0 .7em !important;
    background: #e2e2e2;
    border-right: 1px solid #d2d2d2;
    user-select: none;
}
td.fvch-line-number:before {
    content: attr(data-line-number);
}

table.fvch-code tr:first-child td {
    padding-top: 5px;
}

table.fvch-code tr:last-child td {
    padding-bottom: 5px;
}


/**
 * General
 */
.general {
    color: #000;
    font-weight: normal;
}
.general-number {
    color: rgb(41, 52, 212);
}
.general-operator {
    color: rgb(0, 0, 0);
}
.general-brackets {
    color: rgb(0, 0, 153);
}
.general-string {
    color: rgb(207, 49, 37);
}


/**
 * Bash
 */
.bash {
    color: #000;
}
.bash-comment {
    color: rgb(0, 131, 18);
}
.bash-number {
    color: rgb(41, 52, 212);
}
.bash-operator {
    color: rgb(0, 0, 0);
}
.bash-brackets {
    color: rgb(0, 0, 153);
}
.bash-command {
    color: rgb(184, 51, 161);
}
.bash-string {
    color: rgb(207, 49, 37);
}


/**
 * CSS
 */
.css {
    color: #f0f;
}
.css-background {
    background-color: #fff;
}
.css-import {
    color: #099;
    font-weight: bold;
}
.css-media {
    color: #900;
    font-weight: bold;
}
.css-comment {
    color: #999;
}
.css-important {
    color: #f00;
    font-weight: bold;
}
.css-property {
    color: #009;
}
.css-selector {
    color: #f0f;
}
.css-string {
    color: #060;
    font-weight: normal;
}
.css-value {
    color: #00f;
}
.css-rest {
    color: #f0f;
    font-weight: bold;
}

/**
 * (x)HTML
 */
.html {
    font-weight: normal;
    color: #000;
}
.html-anchor-element {
    color: #060;
}
.html-attribute {
    color: #00f;
}
.html-comment {
    color: #999;
}
.html-form-element {
    color: #f90;
}
.html-image-element {
    color: #909;
}
.html-object-element {
    color: #900;
}
.html-other-element {
    color: #009;
}
.html-script-element {
    color: #900;
}
.html-special-char {
    color: #000;
    font-weight: bold;
}
.html-style-element {
    color: #909;
}
.html-table-element {
    color: #099;
}
.html-text {
    color: #000;
}

/**
 * PHP
 */
.php {
    color: #000;
    font-weight: normal;
}
.php-script-tag {
    color: #d00;
    font-weight: bold;
}
.php-comment {
    color: #f90;
}
.php-comment-phpdoc {
    color: darken(#f90, 5%);
}
.php-constant {
    color: #520;
}
.php-method {
    color: #000;
}
.php-class {
    color: #000;
}
.php-number {
    color: #f00;
}
.php-operator {
    color: #00f;
}
.php-brackets {
    color: #009;
}
.php-keyword {
    color: #006600;
}
.php-string {
    color: #c00;
}
.php-var-type {
    color: #099;
}
.php-var {
    color: #06f;
}


/**
 * XML
 */
.xml {
    color: #000;
}
.xml-string {
    color: #060;
}
.xml-comment, .xml-comment span {
    color: #999;
}
.xml-number {
    color: #f00;
}
.xml-element {
    color: #009;
}
.xml-text {
    color: #000;
}

/**
 * JavaScript
 */
.javascript {
    color: #000;
}
.js-string {
    color: #00f;
}
.js-bracket {
    color: #009;
    font-weight: bold;
}
.js-client-keyword {
    color: #909;
}
.js-comment {
    color: #999;
}
.js-function-keyword {
    color: #000;
    font-weight: bold;
}
.js-native-keyword {
    color: #099;
}
.js-number {
    color: #f00;
}
.js-operator {
    color: #00f;
}
.js-regexp {
    color: #060;
}
.js-reserved-keyword {
    color: #009;
    font-weight: bold;
}
.js-string {
    color: #00f;
}