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