LCARStrek/browser/devtools/webconsole.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
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 window {
   6   padding: 0;
   7 }
   8
   9 .hud-outer-wrapper {
  10   width: 100%;
  11   height: 100%;
  12 }
  13
  14 .hud-console-wrapper {
  15   width: 100%;
  16   overflow: auto;
  17 }
  18
  19 /* General output styles */
  20
  21 .webconsole-timestamp {
  22   color: #8050B0;
  23   margin-top: 0;
  24   margin-bottom: 0;
  25   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  26 }
  27
  28 .hud-msg-node {
  29   list-style-image: url("chrome://browser/skin/devtools/webconsole.png");
  30   -moz-image-region: rect(0, 1px, 0, 0);
  31 }
  32
  33 .webconsole-msg-icon {
  34   margin: 3px 4px;
  35   width: 8px;
  36   height: 8px;
  37 }
  38
  39 .hud-output-node div {
  40   -moz-user-select: text;
  41   white-space: pre-wrap;
  42   -moz-user-focus: normal;
  43 }
  44
  45 .hud-clickable {
  46   cursor: pointer;
  47   text-decoration: underline;
  48 }
  49
  50 .webconsole-msg-body {
  51   margin-top: 0;
  52   margin-bottom: 3px;
  53   -moz-margin-start: 3px;
  54   -moz-margin-end: 6px;
  55   white-space: pre-wrap;
  56   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  57 }
  58
  59 .webconsole-msg-body-piece {
  60   margin: 0;
  61 }
  62
  63 .webconsole-msg-url {
  64   margin: 0 6px;
  65 }
  66
  67 /* Repeated messages */
  68 .webconsole-msg-repeat {
  69   margin: 2px 0;
  70   padding-left: 4px;
  71   padding-right: 4px;
  72   color: #000000;
  73   background-color: #FF0000;
  74   border-radius: 40px;
  75   /* font: message-box; */
  76   font-size: 0.9em;
  77   font-weight: 600;
  78 }
  79
  80 /* TODO move this and other functional rules to content - bug 635359 */
  81 .webconsole-msg-repeat[value="1"] {
  82   display: none;
  83 }
  84
  85 .webconsole-location {
  86   margin-top: 0;
  87   margin-bottom: 0;
  88   -moz-margin-start: 0;
  89   -moz-margin-end: 6px;
  90   width: 10em;
  91   text-align: end;
  92 }
  93
  94 .hud-msg-node[selected="true"] > .webconsole-timestamp,
  95 .hud-msg-node[selected="true"] > .webconsole-location {
  96   color: inherit;
  97 }
  98
  99 .jsterm-input-node,
 100 .jsterm-complete-node {
 101   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 102 }
 103
 104 .hud-output-node {
 105   -moz-appearance: none;
 106   border-bottom: 1px solid #9C9CFF;
 107   border-top: 1px solid #9C9CFF;
 108   margin: 0;
 109 }
 110
 111 .hud-filtered-by-type,
 112 .hud-filtered-by-string {
 113   display: none;
 114 }
 115
 116 /* WebConsole colored drops */
 117
 118 .webconsole-filter-button[checked=true] {
 119   /* color: white !important; */
 120 }
 121
 122 .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
 123   content: "";
 124   display: inline-block;
 125   height: 8px;
 126   width: 8px;
 127   border-radius: 50%;
 128   margin-left: 5px;
 129   border-width: 1px;
 130   border-style: solid;
 131 }
 132
 133 .webconsole-filter-button menuitem {
 134   -moz-image-region: auto;
 135 }
 136
 137 .hud-filter-box {
 138   margin-top: 0;
 139   margin-bottom: 0;
 140 }
 141
 142 /* Network styles */
 143 .webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
 144   background-image: linear-gradient(#796400, #000000);
 145   border-color: #FFCF00;
 146 }
 147
 148 .webconsole-msg-network > .webconsole-msg-icon-container {
 149   -moz-border-start: solid #000 6px;
 150 }
 151
 152 .webconsole-msg-network.webconsole-msg-error {
 153   -moz-image-region: rect(0, 16px, 8px, 8px);
 154 }
 155
 156 /* CSS styles */
 157 .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
 158   background-image: linear-gradient(#484879, #000000);
 159   border-color: #9C9CFF;
 160 }
 161
 162 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
 163   -moz-border-start: solid #00b6f0 6px;
 164 }
 165
 166 .webconsole-msg-cssparser.webconsole-msg-error {
 167   -moz-image-region: rect(8px, 16px, 16px, 8px);
 168 }
 169
 170 .webconsole-msg-cssparser.webconsole-msg-warn {
 171   -moz-image-region: rect(8px, 24px, 16px, 16px);
 172 }
 173
 174 /* JS styles */
 175 webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
 176    background-image: linear-gradient(#794900, #000000);
 177    border-color: #FF9F00;
 178 }
 179
 180 .webconsole-msg-exception > .webconsole-msg-icon-container {
 181   -moz-border-start: solid #fb9500 6px;
 182 }
 183
 184 .webconsole-msg-exception.webconsole-msg-error {
 185   -moz-image-region: rect(16px, 16px, 24px, 8px);
 186 }
 187
 188 .webconsole-msg-exception.webconsole-msg-warn {
 189   -moz-image-region: rect(16px, 24px, 24px, 16px);
 190 }
 191
 192 /* Web Developer styles */
 193 .webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
 194    background-image: linear-gradient(#402858, #000000);
 195    border-color: #8050B0;
 196 }
 197
 198 .webconsole-msg-console > .webconsole-msg-icon-container {
 199   -moz-border-start: solid #cbcbcb 6px;
 200 }
 201
 202 .webconsole-msg-console.webconsole-msg-error,
 203 .webconsole-msg-output.webconsole-msg-error {
 204   -moz-image-region: rect(24px, 16px, 32px, 8px);
 205 }
 206
 207 .webconsole-msg-console.webconsole-msg-warn {
 208   -moz-image-region: rect(24px, 24px, 32px, 16px);
 209 }
 210
 211 .webconsole-msg-console.webconsole-msg-info {
 212   -moz-image-region: rect(24px, 32px, 32px, 24px);
 213 }
 214
 215 webconsole-mixed-content {
 216   color: #FF0000;
 217 }
 218
 219 .webconsole-mixed-content-link {
 220   color: #9C9CFF;
 221   margin: 0;
 222 }
 223
 224 /* Input and output styles */
 225 .webconsole-msg-input > .webconsole-msg-icon-container,
 226 .webconsole-msg-output > .webconsole-msg-icon-container {
 227   border-left: solid #808080 6px;
 228 }
 229
 230 .webconsole-msg-input {
 231   -moz-image-region: rect(24px, 40px, 32px, 32px);
 232 }
 233
 234 .webconsole-msg-output {
 235   -moz-image-region: rect(24px, 48px, 32px, 40px);
 236 }
 237 /*
 238 .webconsole-close-button {
 239   border: none;
 240   padding-top: 4px;
 241   padding-bottom: 5px;
 242   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 243 }
 244
 245 .webconsole-close-button:hover,
 246 .webconsole-close-button:hover:active {
 247   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
 248 }
 249 */
 250 /* JSTerm Styles */
 251
 252 .jsterm-input-node,
 253 .jsterm-complete-node {
 254   -moz-padding-start: 16px;
 255   margin: 3px 0 0 0;
 256 }
 257
 258 .jsterm-input-node {
 259   background: url("chrome://browser/skin/devtools/commandline.png") 4px 3px no-repeat;
 260 }
 261
 262 :-moz-any(.jsterm-input-node,
 263           .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
 264   overflow-x: hidden;
 265 }
 266
 267 .jsterm-complete-node > .textbox-input-box > .textbox-textarea {
 268   color: #8050B0;
 269 }
 270
 271 /* Filter */
 272
 273 /*
 274  * This hardcoded width likely due to a toolkit Windows specific bug.
 275  * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
 276  */
 277
 278 .hud-filter-box {
 279   width: 200px;
 280 }