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