LCARStrek/browser/devtools/orion.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 .viewContainer {
   6   background: #cddae5; /* This will be seen as the continuation of the ruler */
   7   font-family: monospace;
   8   font-size: inherit; /* inherit browser's default monospace font size */
   9 }
  10
  11 .view {
  12   color: #FF9F00; /* Default text color */
  13   background: #000000; /* Background of the editor */
  14   padding-left: 4px;
  15 }
  16
  17 .readonly > .view {
  18   background: #000000;
  19 }
  20
  21 .ruler {
  22   background: #402800;
  23   color: #E7ADE7;
  24 }
  25 .ruler.annotations {
  26   width: 16px;
  27   padding-left: 4px;
  28 }
  29 .ruler.lines {
  30   border-right: 1px solid #794900;
  31   min-width: 1.4em;
  32   padding-left: 4px;
  33   padding-right: 4px;
  34   text-align: end;
  35 }
  36
  37 .ruler.linesWithAnnotations {
  38   min-width: 0;
  39   padding-left: 0;
  40 }
  41
  42 .ruler.overview {
  43   border-left: 1px solid #794900;
  44   width: 14px;
  45   text-align: start;
  46 }
  47
  48 /* Styles for the annotation ruler (first line) */
  49 .annotationHTML {
  50   cursor: pointer;
  51   width: 16px;
  52   height: 16px;
  53   display: inline-block;
  54   vertical-align: middle;
  55   background-position: center;
  56   background-repeat: no-repeat;
  57 }
  58 .annotationHTML.task {
  59   background-image: url("chrome://browser/skin/devtools/orion-task.png");
  60 }
  61 .annotationHTML.breakpoint {
  62   background-image: url("chrome://browser/skin/devtools/orion-breakpoint.png");
  63 }
  64 .annotationHTML.debugLocation {
  65   background-image: url("chrome://browser/skin/devtools/orion-debug-location.png");
  66 }
  67
  68 /* Styles for the overview ruler  */
  69 .annotationOverview {
  70   cursor: pointer;
  71   border-radius: 2px;
  72   left: 2px;
  73   width: 8px;
  74 }
  75 .annotationOverview.task {
  76   background-color: #004000;
  77   border: 1px solid #33FF33;
  78 }
  79 .annotationOverview.breakpoint {
  80   background-color: #262640;
  81   border: 1px solid #9C9CFF;
  82 }
  83 .annotationOverview.debugLocation {
  84   background-color: #404000;
  85   border: 1px solid #33FF33;
  86 }
  87 .annotationOverview.currentBracket {
  88   background-color: #808080;
  89   border: 1px solid #FF0000;
  90 }
  91 .annotationOverview.matchingBracket {
  92   background-color: #808080;
  93   border: 1px solid #FF0000;
  94 }
  95
  96 /* Styles for text range */
  97 .annotationRange {
  98   background-repeat: repeat-x;
  99   background-position: left bottom;
 100 }
 101 .annotationRange.task {
 102   outline: 1px dashed rgba(0, 255, 0, 0.5);
 103 }
 104 .annotationRange.matchingBracket {
 105   outline: 1px solid #008484;
 106 }
 107
 108 .token_singleline_comment {
 109   color: #33CC33; /* green */
 110 }
 111
 112 .token_multiline_comment {
 113   color: #33CC33; /* green */
 114 }
 115
 116 .token_doc_comment {
 117   color: #33CC33; /* green */
 118 }
 119
 120 .token_doc_html_markup {
 121   color: #E7ADE7; /* purple */
 122 }
 123
 124 .token_doc_tag {
 125   color: #E7ADE7; /* purple */
 126 }
 127
 128 .token_task_tag { /* "TODO" */
 129   color: black;
 130   background: #FFCF00;
 131 }
 132
 133 .token_string {
 134   color: #9C9CFF; /* blue */
 135   font-style: italic;
 136 }
 137
 138 .token_keyword {
 139   color: #E7ADE7; /* purple */
 140 }
 141
 142 .token_space {
 143   /* images/white_space.png */
 144   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
 145   background-repeat: no-repeat;
 146   background-position: center center;
 147 }
 148
 149 .token_tab {
 150   /* images/white_tab.png */
 151   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
 152   background-repeat: no-repeat;
 153   background-position: left center;
 154 }
 155
 156 .line_caret,
 157 .annotationLine.currentLine { /* Current line */
 158   background: #402800; /* lighter than the background */
 159 }
 160
 161 .readonly .line_caret,
 162 .readonly .annotationLine.currentLine {
 163   background: #402800; /* a bit darker than the background */
 164 }
 165
 166 /* Styling for html syntax highlighting */
 167 .entity-name-tag {
 168   color: #E7ADE7; /* purple */
 169 }
 170
 171 .entity-other-attribute-name {
 172   color: #E7ADE7; /* purple */
 173 }
 174
 175 .punctuation-definition-comment {
 176   color: #33CC33; /* green */
 177 }
 178
 179 .comment {
 180   color: #33CC33; /* green */
 181 }
 182
 183 .string-quoted {
 184   color: #9C9CFF; /* blue */
 185   font-style: italic;
 186 }
 187
 188 .invalid {
 189   color: red;
 190   font-weight: bold;
 191 }