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: Menlo, Andale Mono, 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: Menlo, Andale Mono, 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: Menlo, Andale Mono, 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: Menlo, Andale Mono, 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   top: -16px;
 207   font-family: Menlo, Andale Mono, monospace;
 208   padding-left: 8px;
 209   color: #999;
 210   white-space: nowrap;
 211   font-style: italic;
 212 }
 213
 214 .htmlNodeBox {
 215   top: 16px;
 216 }
 217
 218 .nodeWhiteSpace {
 219   border: 1px solid LightGray;
 220   white-space: pre;
 221   margin-left: 1px;
 222   color: gray;
 223 }
 224
 225 .nodeWhiteSpace_Space {
 226   border: 1px solid #ddd;
 227 }
 228
 229 .nodeTextEntity {
 230   border: 1px solid gray;
 231   white-space: pre;
 232   margin-left: 1px;
 233 }
 234
 235 .nodeComment {
 236   color: DarkGreen;
 237 }
 238
 239 .nodeBox.highlightOpen > .nodeLabel {
 240   background-color: #EEEEEE;
 241 }
 242
 243 .nodeBox.highlightOpen > .nodeCloseLabel,
 244 .nodeBox.highlightOpen > .nodeChildBox,
 245 .nodeBox.open > .nodeCloseLabel,
 246 .nodeBox.open > .nodeChildBox {
 247   display: block;
 248 }
 249
 250 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 251 .nodeBox.selected > .nodeLabel {
 252   border-color: Highlight;
 253   background-color: Highlight;
 254   color: HighlightText !important;
 255 }
 256
 257 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 258 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 259 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 260 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 261   color: inherit !important;
 262 }
 263
 264 .nodeBox.highlighted > .nodeLabel {
 265   border-color: Highlight !important;
 266   background-color: cyan !important;
 267   color: #000000 !important;
 268 }
 269
 270 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox,
 271 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag,
 272 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 273 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText {
 274   color: #000000 !important;
 275 }
 276
 277 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox,
 278 .nodeBox.nodeHidden .nodeCloseLabel,
 279 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText,
 280 .nodeBox.nodeHidden .nodeText {
 281   color: #888888;
 282 }
 283
 284 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
 285 .nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
 286   color: #5F82D9;
 287 }
 288
 289 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
 290   color: #D86060;
 291 }
 292
 293 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox,
 294 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 295 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 296 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 297   color: SkyBlue !important;
 298 }
 299
 300 .nodeBox.mutated > .nodeLabel,
 301 .nodeAttr.mutated,
 302 .nodeValue.mutated,
 303 .nodeText.mutated,
 304 .nodeBox.mutated > .nodeText {
 305   background-color: #EFFF79;
 306   color: #FF0000 !important;
 307 }
 308
 309 .nodeBox.selected.mutated > .nodeLabel,
 310 .nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox,
 311 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue,
 312 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated,
 313 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated {
 314   background-color: #EFFF79;
 315   border-color: #EFFF79;
 316   color: #FF0000 !important;
 317 }
 318
 319 .logRow-dirxml {
 320   padding-left: 0;
 321 }
 322
 323 .soloElement > .nodeBox  {
 324   padding-left: 0;
 325 }
 326
 327 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 328 .nodeBox.selected > .nodeLabel {
 329   border-color: #3875d7;
 330   background-color: #3875d7;
 331   color: #FFFFFF !important;
 332 }
 333
 334 .nodeBox.highlighted > .nodeLabel {
 335   border-color: #3875d7 !important;
 336 }
 337
 338 /* Twisties */
 339
 340 .twisty
 341 {
 342   background-repeat: no-repeat;
 343   background-position: center;
 344   background-image: url("chrome://global/skin/tree/twisty-clsd.png") !important;
 345 }
 346
 347 .nodeBox.highlightOpen > .nodeLabel > .twisty,
 348 .nodeBox.open > .nodeLabel > .twisty
 349 {
 350   background-image: url("chrome://global/skin/tree/twisty-open.png") !important;
 351 }
 352