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; /* super light green */
  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 .token_multiline_comment,
 111 .token_doc_comment {
 112   color: #33CC33;  /* grey */
 113 }
 114
 115 .token_doc_html_markup {
 116   color: #E7ADE7; /* purple */
 117 }
 118
 119 .token_doc_tag {
 120   color: #E7ADE7; /* purple */
 121 }
 122
 123 .token_task_tag { /* "TODO" */
 124   color: black;
 125   background: #FFCF00;
 126 }
 127
 128 .token_string {
 129   color: #9C9CFF; /* green */
 130   font-style: italic;
 131 }
 132
 133 .token_keyword {
 134   color: #E7ADE7; /* purple */
 135 }
 136
 137 .token_space {
 138   /* images/white_space.png */
 139   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAABnRSTlMA/wAAAACkwsAdAAAAIUlEQVR4nGP4z8CAC+GUIEXuABhgkTuABEiRw2cmae4EAH05X7xDolNRAAAAAElFTkSuQmCC");
 140   background-repeat: no-repeat;
 141   background-position: center center;
 142 }
 143
 144 .token_tab {
 145   /* images/white_tab.png */
 146   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAIAAACJ2loDAAAABnRSTlMA/wD/AP83WBt9AAAAMklEQVR4nGP4TwRgoK6i52c3bz5w6zMSA6tJn28d2Lx589nnCAYu63AaSLxJRLoJPwAAeNk0aG4opfMAAAAASUVORK5CYII=");
 147   background-repeat: no-repeat;
 148   background-position: left center;
 149 }
 150
 151 .line_caret,
 152 .annotationLine.currentLine { /* Current line */
 153   background: #402800;
 154 }
 155
 156 .readonly .line_caret,
 157 .readonly .annotationLine.currentLine {
 158   background: #402800;
 159 }
 160
 161 /* Styling for html syntax highlighting */
 162 .entity-name-tag {
 163   color: #E7ADE7; /* blue */
 164 }
 165
 166 .entity-other-attribute-name {
 167   color: #E7ADE7; /* blue */
 168 }
 169
 170 .punctuation-definition-comment {
 171   color: #33CC33; /* grey */
 172 }
 173
 174 .comment {
 175   color: #33CC33; /* grey */
 176 }
 177
 178 .string-quoted {
 179   color: #9C9CFF; /* orange */
 180 }
 181
 182 .invalid {
 183   color: red;
 184   font-weight: bold;
 185 }