LCARStrek/browser/inspector.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 /* XXX: THIS IS TOO EXPERIMENTAL TO BE LCARStrek-themed!!!! */
  54
  55 html {
  56   background-color: -moz-dialog;
  57 }
  58
  59 body {
  60   margin: 0;
  61   overflow: auto;
  62   font-family: Lucida Grande, sans-serif;
  63   font-size: 11px;
  64 }
  65
  66 h1 {
  67   font-size: 17px;
  68   border-bottom: 1px solid threedlightshadow;
  69 }
  70
  71 a {
  72   color: #0000ff;
  73 }
  74
  75 pre {
  76   margin: 0;
  77   font: inherit;
  78 }
  79
  80 code {
  81   display: block;
  82   white-space: pre;
  83 }
  84
  85 /* DOMPlate */
  86
  87 .objectLink-element,
  88 .objectLink-textNode,
  89 .objectLink-function,
  90 .objectBox-stackTrace,
  91 .objectLink-profile {
  92   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  93 }
  94
  95 .objectLink-textNode {
  96   white-space: pre-wrap;
  97 }
  98
  99 .objectLink-styleRule,
 100 .objectLink-element,
 101 .objectLink-textNode {
 102   color: #000088;
 103 }
 104
 105 .selectorTag,
 106 .selectorId,
 107 .selectorClass {
 108   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 109   font-weight: normal;
 110 }
 111
 112 .selectorTag {
 113   color: #0000FF;
 114 }
 115
 116 .selectorId {
 117   color: DarkBlue;
 118 }
 119
 120 .selectorClass {
 121   color: red;
 122 }
 123
 124 .selectorHidden > .selectorTag {
 125   color: #5F82D9;
 126 }
 127
 128 .selectorHidden > .selectorId {
 129   color: #888888;
 130 }
 131
 132 .selectorHidden > .selectorClass {
 133   color: #D86060;
 134 }
 135
 136 .selectorValue {
 137   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 138   font-style: italic;
 139   color: #555555;
 140 }
 141
 142 .panelNode-html {
 143   -moz-box-sizing: padding-box;
 144   padding: 4px 0 0 2px;
 145 }
 146
 147 .nodeBox {
 148   position: relative;
 149   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 150   padding-left: 13px;
 151   -moz-user-select: -moz-none;
 152 }
 153
 154 .nodeBox.search-selection {
 155   -moz-user-select: text;
 156 }
 157
 158 .twisty {
 159   position: absolute;
 160   left: 0px;
 161   top: 0px;
 162   width: 14px;
 163   height: 14px;
 164 }
 165
 166 .nodeChildBox {
 167   margin-left: 12px;
 168   display: none;
 169 }
 170
 171 .nodeLabel,
 172 .nodeCloseLabel {
 173   margin: -2px 2px 0 2px;
 174   border: 2px solid transparent;
 175   border-radius: 3px;
 176   padding: 0 2px;
 177   color: #000088;
 178 }
 179
 180 .nodeCloseLabel {
 181   display: none;
 182 }
 183
 184 .nodeTag {
 185   cursor: pointer;
 186   color: blue;
 187 }
 188
 189 .nodeValue {
 190   color: #FF0000;
 191   font-weight: normal;
 192 }
 193
 194 .nodeText,
 195 .nodeComment {
 196   margin: 0 2px;
 197   vertical-align: top;
 198 }
 199
 200 .nodeText {
 201   color: #333333;
 202 }
 203
 204 .docType {
 205   position: absolute;
 206   /* position DOCTYPE element above/outside the "nodeBox" that contains it */
 207   /* Note: to be fixed in Bug #688439 */
 208   top: -16px;
 209   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 210   padding-left: 8px;
 211   color: #999;
 212   white-space: nowrap;
 213   font-style: italic;
 214 }
 215
 216 .htmlNodeBox {
 217   /* make room for DOCTYPE element to be rendered above/outside "nodeBox" */
 218   /* Note: to be fixed in Bug #688439 */
 219   margin-top: 16px;
 220 }
 221
 222 .nodeWhiteSpace {
 223   border: 1px solid LightGray;
 224   white-space: pre;
 225   margin-left: 1px;
 226   color: gray;
 227 }
 228
 229 .nodeWhiteSpace_Space {
 230   border: 1px solid #ddd;
 231 }
 232
 233 .nodeTextEntity {
 234   border: 1px solid gray;
 235   white-space: pre;
 236   margin-left: 1px;
 237 }
 238
 239 .nodeComment {
 240   color: DarkGreen;
 241 }
 242
 243 .nodeBox.highlightOpen > .nodeLabel {
 244   background-color: #EEEEEE;
 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: Highlight;
 257   background-color: Highlight;
 258   color: HighlightText !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: Highlight !important;
 270   background-color: cyan !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: #888888;
 286 }
 287
 288 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
 289 .nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
 290   color: #5F82D9;
 291 }
 292
 293 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
 294   color: #D86060;
 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: SkyBlue !important;
 302 }
 303
 304 .nodeBox.mutated > .nodeLabel,
 305 .nodeAttr.mutated,
 306 .nodeValue.mutated,
 307 .nodeText.mutated,
 308 .nodeBox.mutated > .nodeText {
 309   background-color: #EFFF79;
 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: #EFFF79;
 319   border-color: #EFFF79;
 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: #3875d7;
 334   background-color: #3875d7;
 335   color: #FFFFFF !important;
 336 }
 337
 338 .nodeBox.highlighted > .nodeLabel {
 339   border-color: #3875d7 !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-clsd.png") !important;
 349 }
 350
 351 .nodeBox.highlightOpen > .nodeLabel > .twisty,
 352 .nodeBox.open > .nodeLabel > .twisty
 353 {
 354   background-image: url("chrome://global/skin/tree/twisty-open.png") !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 }