/* AGENT_SHEET */
@-moz-document regexp("data:text/html;.*div%20id='editor'.*") {


/*
By banthaz
Version 0.2 (Apr 28 2013)

Inspired by the "Monokai" color theme.

You can see this is as a template for making your own theme.

Tip: For example the JavaScript Debugger is "read only", and
therfore has some special styling by default. I prefer the same
style no matter if it is read only or not. If you wish to style
something especially for read only, put `.readonly ` (mind the space!)
in front of any selector, for example:
    .readonly .view {
        background: red !important;
    }

More information about Orion and the "unknown" code (annotations, tokens, the "UNKNOWN" section) is welcome.
*/


/******************************** MAIN ********************************/


/* Main Text */
.viewContainer:not(#override) {
    color: #F8F8F2 !important;
    font-size: 10pt !important;
    line-height: 1.1 !important; /* Anything using Orion must be reopened after changin this. */
    font-family: "Consolas", monospace !important;
    cursor: text!important;
}


/* Code text area Background */
.view {
    background-color: #272822 !important;
    color: inherit !important;
}


/* Current line highlightning */
.currentLine {
    background-color: #3E3D32 !important;
}






/******************************** RULER *******************************/
/*
There are actually two rulers: The line numbers to the left (.ruler.lines),
and the breakpoint overview to the right in the JavaScript debugger (.ruler.overview).
*/


/* All rulers */
.ruler,
.viewContainer {
    border: none !important;
    background: #2E3436 !important; /* (1) */
    font-size: 0.8em !important;
}
}@-moz-document url(chrome://browser/content/styleeditor.xul){
#splitview-resizer-target li.splitview-active::after {
    content: "" !important;
    position: absolute !important;
    margin-right: -8px !important;
    border: 6px solid transparent !important;
    border-left-width: 2px !important;
    border-right-color: #2E3436 !important; /* (2) */
}}@-moz-document regexp("data:text/html;.*div%20id='editor'.*") {
/*
(*) Set the same color at both (1) and (2). (2) is the little arrow in the style editor.
    If you use a rtl interface you probably have to tweak this.
*/


/* Annotations (*) */
.ruler.annotations {
    /*width: 16px;*/
    /*padding-left: 4px;*/
}
.ruler.linesWithAnnotations {
    /*min-width: 0;*/
    /*padding-left: 0;*/
}
.annotationHTML {
    /*width: 16px;*/
    /*height: 16px;*/
 }
.annotationHTML.task {
    /*background-image: url("chrome://browser/skin/devtools/orion-task.png");*/
}
.annotationHTML.breakpoint {
    /*background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");*/
}
.annotationHTML.debugLocation {
    /*background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");*/
}
.annotationOverview {
    /*border-radius: 2px;*/
    /*left: 2px;*/
    /*width: 8px;*/
}
.annotationOverview.task {
    /*background-color: lightgreen;*/
    /*border: 1px solid green;*/
}
.annotationOverview.debugLocation {
    /*background-color: white;*/
    /*border: 1px solid green;*/
}
.annotationOverview.breakpoint {
    /*background-color: lightblue;*/
    /*border: 1px solid blue;*/
}
.annotationOverview.currentBracket {
    /*background-color: lightgray;*/
    /*border: 1px solid red;*/
}
.annotationOverview.matchingBracket {
    /*background-color: lightgray;*/
    /*border: 1px solid red;*/
}
/*
(*) If you feel like styling the breakpoint markers to the right and left in the JavaScript Debugger,
    this is where to go. I'm gonna go with the default styling for now.
    I don't know what all of it does yet.
*/






/****************************** SELECTION *****************************/


/* With white-space selection */
/*#selDiv1, #selDiv2, #selDiv3 {
    background: #49483E !important;
}
.viewContainer ::-moz-selection {
    background: none !important;
    color: white !important;
}*/


/* "Normal" selection */
#selDiv1, #selDiv2, #selDiv3 {
    background: none !important;
}
.viewContainer ::-moz-selection {
    background: #49483E !important;
}







/******************************* TOKENS *******************************/


/* Comments */
.token_singleline_comment,
.token_multiline_comment,
.token_doc_comment {
    color: #75715E !important;
}


/* Strings */
.token_string {
    color: #E6DB74 !important;
    font-style: normal !important;
}


/* Keywords */
.token_keyword {
    color: #66D9EF /*#F92672*/ !important; /* (*) */
    font-weight: normal !important;
}
/*
(*) When editing CSS, it should be #66D9EF, when editing JavaScript, it should be #F92672.
    Prior to Firefox 11, that was possible. If you find how to do it in Firefox 11+, please let me know.
*/


/* Matching bracket highlightning */
.annotationRange.currentBracket,
.annotationRange.matchingBracket {
    outline: none !important;
    color: #FCE94F !important;
    font-weight: bold !important;
}


/* TODO */
.token_task_tag {
  color: inherit !important;
  background: #F92672 !important;
  outline: none !important;
}
.task { /* TODO: Something */
    /*outline: 1px dashed #F92672 !important;*/
    outline: none !important;
}


/* Unknown */
.token_doc_html_markup {
    /*color: #dd0058 !important;*/
}
.token_doc_tag {
    /*color: #dd0058;*/
}






/******************************* UNKNOWN ******************************/


/* Styles for text range */
.annotationRange {
    /*background-repeat: repeat-x;*/
    /*background-position: left bottom;*/
}
.annotationRange.task {
    /*outline: 1px dashed rgba(0, 255, 0, 0.5);*/
}



/* Styling for html syntax highlighting */
.entity-name-tag {
    /*color: #dd0058 !important; /* purple */
}
.entity-other-attribute-name {
    /*color: #dd0058; /* purple */
}
.punctuation-definition-comment {
    /*color: #45a946; /* green */
}
.comment {
    /*color: #45a946; /* green */
}
.string-quoted {
    /*color: #1e66b1; /* blue */
    /*font-style: italic;*/
}
.invalid {
    /*color: red;*/
    /*font-weight: bold;*/
}






/***************************** SCROLLBARS *****************************/


/* Scrollbars */
scrollbar,
scrollbar thumb,
scrollcorner {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
    min-height: 9px !important;
    min-width: 9px !important;
}
scrollbar thumb {
    background: rgba(255,255,255,.2) padding-box !important;
    border: 1px solid rgba(0,0,0,.6) !important;
}
scrollbar thumb:-moz-any(:hover, :active) { /* :active is buggy, though */
    background: rgba(255,255,255,.8) padding-box !important;
}
scrollbar scrollbarbutton {
    display: none !important;
}





}