LCARStrek/browser/devtools/htmlpanel.css

   1 /*
   2  * Software License Agreement (BSD License)
   3  *
   4  * Copyright (c) 2007, Parakey Inc.
   5  * All rights reserved.
   6  *
   7  * Redistribution and use of this software in source and binary forms, with or without modification,
   8  * are permitted provided that the following conditions are met:
   9  *
  10  * * Redistributions of source code must retain the above
  11  *   copyright notice, this list of conditions and the
  12  *   following disclaimer.
  13  *
  14  * * Redistributions in binary form must reproduce the above
  15  *   copyright notice, this list of conditions and the
  16  *   following disclaimer in the documentation and/or other
  17  *   materials provided with the distribution.
  18  *
  19  * * Neither the name of Parakey Inc. nor the names of its
  20  *   contributors may be used to endorse or promote products
  21  *   derived from this software without specific prior
  22  *   written permission of Parakey Inc.
  23  *
  24  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR
  25  * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
  26  * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
  27  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  28  * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  29  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
  30  * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
  31  * OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  32  */
  33
  34 /*
  35  * Creator:
  36  *  Joe Hewitt
  37  * Contributors
  38  *  John J. Barton (IBM Almaden)
  39  *  Jan Odvarko (Mozilla Corp.)
  40  *  Max Stepanov (Aptana Inc.)
  41  *  Rob Campbell (Mozilla Corp.)
  42  *  Hans Hillen (Paciello Group, Mozilla)
  43  *  Curtis Bartley (Mozilla Corp.)
  44  *  Mike Collins (IBM Almaden)
  45  *  Kevin Decker
  46  *  Mike Ratcliffe (Comartis AG)
  47  *  Hernan Rodríguez Colmeiro
  48  *  Austin Andrews
  49  *  Christoph Dorn
  50  *  Steven Roussey (AppCenter Inc, Network54)
  51  */
  52
  53 html {
  54   background-color: #000000;
  55 }
  56
  57 body {
  58   margin: 0;
  59   overflow: auto;
  60   font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  61   font-size: 11px;
  62   /*padding-top: 5px;*/
  63 }
  64
  65 h1 {
  66   font-size: 17px;
  67   border-bottom: 1px solid #9C9CFF;
  68 }
  69
  70 a {
  71   color: #9C9CFF;
  72 }
  73
  74 pre {
  75   margin: 0;
  76   font: inherit;
  77 }
  78
  79 code {
  80   display: block;
  81   white-space: pre;
  82 }
  83
  84 /* DOMPlate */
  85
  86 .objectLink-element,
  87 .objectLink-textNode,
  88 .objectLink-function,
  89 .objectBox-stackTrace,
  90 .objectLink-profile {
  91   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  92 }
  93
  94 .objectLink-textNode {
  95   white-space: pre-wrap;
  96 }
  97
  98 .objectLink-styleRule,
  99 .objectLink-element,
 100 .objectLink-textNode {
 101   color: #9C9CFF;
 102 }
 103
 104 .selectorTag,
 105 .selectorId,
 106 .selectorClass {
 107   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 108   font-weight: normal;
 109 }
 110
 111 .selectorTag {
 112   color: #008484;
 113 }
 114
 115 .selectorId {
 116   color: #9C9CFF;
 117 }
 118
 119 .selectorClass {
 120   color: #FF0000;
 121 }
 122
 123 .selectorHidden > .selectorTag {
 124   color: #004444;
 125 }
 126
 127 .selectorHidden > .selectorId {
 128   color: #6060AA;
 129 }
 130
 131 .selectorHidden > .selectorClass {
 132   color: #AA0000;
 133 }
 134
 135 .selectorValue {
 136   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 137   font-style: italic;
 138   color: #E7ADE7;
 139 }
 140
 141 .panelNode-html {
 142   -moz-box-sizing: padding-box;
 143   padding: 4px 0 0 2px;
 144 }
 145
 146 .nodeBox {
 147   position: relative;
 148   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 149   padding-left: 13px;
 150   -moz-user-select: -moz-none;
 151 }
 152
 153 .nodeBox.search-selection {
 154   -moz-user-select: text;
 155 }
 156
 157 .twisty {
 158   position: absolute;
 159   left: 0px;
 160   top: 0px;
 161   width: 14px;
 162   height: 14px;
 163 }
 164
 165 .nodeChildBox {
 166   margin-left: 12px;
 167   display: none;
 168 }
 169
 170 .nodeLabel,
 171 .nodeCloseLabel {
 172   margin: -2px 2px 0 2px;
 173   border: 2px solid transparent;
 174   border-radius: 3px;
 175   padding: 0 2px;
 176   color: #9C9CFF;
 177 }
 178
 179 .nodeCloseLabel {
 180   display: none;
 181 }
 182
 183 .nodeTag {
 184   cursor: pointer;
 185   color: #9C9CFF;
 186 }
 187
 188 .nodeValue {
 189   color: #FF0000;
 190   font-weight: normal;
 191 }
 192
 193 .nodeText,
 194 .nodeComment {
 195   margin: 0 2px;
 196   vertical-align: top;
 197 }
 198
 199 .nodeText {
 200   color: #8050B0;
 201 }
 202
 203 .docType {
 204   position: absolute;
 205   /* position DOCTYPE element above/outside the "nodeBox" that contains it */
 206   /* Note: to be fixed in Bug #688439 */
 207   top: -16px;
 208   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 209   padding-left: 8px;
 210   color: #E7ADE7;
 211   white-space: nowrap;
 212   font-style: italic;
 213 }
 214
 215 .htmlNodeBox {
 216   /* make room for DOCTYPE element to be rendered above/outside "nodeBox" */
 217   /* Note: to be fixed in Bug #688439 */
 218   margin-top: 16px;
 219 }
 220
 221 .nodeWhiteSpace {
 222   border: 1px solid #402858;
 223   white-space: pre;
 224   margin-left: 1px;
 225   color: #8050B0;
 226 }
 227
 228 .nodeWhiteSpace_Space {
 229   border: 1px solid #402858;
 230 }
 231
 232 .nodeTextEntity {
 233   border: 1px solid #8050B0;
 234   white-space: pre;
 235   margin-left: 1px;
 236 }
 237
 238 .nodeComment {
 239   color: #008484;
 240 }
 241
 242 .nodeBox.highlightOpen > .nodeLabel {
 243   background-color: #FFCF00;
 244   color: #000000;
 245 }
 246
 247 .nodeBox.highlightOpen > .nodeCloseLabel,
 248 .nodeBox.highlightOpen > .nodeChildBox,
 249 .nodeBox.open > .nodeCloseLabel,
 250 .nodeBox.open > .nodeChildBox {
 251   display: block;
 252 }
 253
 254 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 255 .nodeBox.selected > .nodeLabel {
 256   border-color: #9C9CFF;
 257   background-color: 008484;
 258   color: #FFCF00 !important;
 259 }
 260
 261 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 262 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 263 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 264 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 265   color: inherit !important;
 266 }
 267
 268 .nodeBox.highlighted > .nodeLabel {
 269   border-color: #9C9CFF !important;
 270   background-color: #FFCF00 !important;
 271   color: #000000 !important;
 272 }
 273
 274 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox,
 275 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag,
 276 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 277 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText {
 278   color: #000000 !important;
 279 }
 280
 281 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox,
 282 .nodeBox.nodeHidden .nodeCloseLabel,
 283 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText,
 284 .nodeBox.nodeHidden .nodeText {
 285   color: #8050B0;
 286 }
 287
 288 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
 289 .nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
 290   color: #E7ADE7;
 291 }
 292
 293 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
 294   color: #E7ADE7;
 295 }
 296
 297 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox,
 298 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 299 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 300 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 301   color: #8050B0 !important;
 302 }
 303
 304 .nodeBox.mutated > .nodeLabel,
 305 .nodeAttr.mutated,
 306 .nodeValue.mutated,
 307 .nodeText.mutated,
 308 .nodeBox.mutated > .nodeText {
 309   background-color: #794900;
 310   color: #FF0000 !important;
 311 }
 312
 313 .nodeBox.selected.mutated > .nodeLabel,
 314 .nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox,
 315 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue,
 316 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated,
 317 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated {
 318   background-color: #794900;
 319   border-color: #6060AA;
 320   color: #FF0000 !important;
 321 }
 322
 323 .logRow-dirxml {
 324   padding-left: 0;
 325 }
 326
 327 .soloElement > .nodeBox  {
 328   padding-left: 0;
 329 }
 330
 331 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 332 .nodeBox.selected > .nodeLabel {
 333   border-color: #9C9CFF;
 334   background-color: #008484;
 335   color: #FFCF00 !important;
 336 }
 337
 338 .nodeBox.highlighted > .nodeLabel {
 339   border-color: #008484 !important;
 340 }
 341
 342 /* Twisties */
 343
 344 .twisty
 345 {
 346   background-repeat: no-repeat;
 347   background-position: center;
 348   background-image: url("chrome://global/skin/tree/twisty-closed.gif") !important;
 349 }
 350
 351 .nodeBox.highlightOpen > .nodeLabel > .twisty,
 352 .nodeBox.open > .nodeLabel > .twisty
 353 {
 354   background-image: url("chrome://global/skin/tree/twisty-open.gif") !important;
 355 }
 356
 357 .editingAttributeValue {
 358   background-color: #008484;
 359 }
 360
 361 #attribute-editor {
 362   visibility: hidden;
 363   position: absolute;
 364   z-index: 5000;
 365   background-color: #000000;
 366   border: 1px solid #9C9CFF;
 367 }
 368
 369 #attribute-editor.editing {
 370   visibility: visible;
 371 }
 372
 373 #attribute-editor-input {
 374   border: none;
 375   padding: 2px 5px;
 376   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 377   font-size: 11px;
 378 }