LCARStrek/browser/devtools/csshtmltree.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 :root {
   6   background: #000000;
   7   color: #FF9F00;
   8   font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
   9 }
  10
  11 /* Take away these two :visited rules to get a core dumper     */
  12 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
  13 .link,
  14 .link:visited {
  15   color: #0091ff;
  16 }
  17 .link,
  18 .helplink,
  19 .link:visited,
  20 .helplink:visited {
  21   text-decoration: none;
  22 }
  23 link:hover {
  24   text-decoration: underline;
  25 }
  26
  27 .helplink {
  28   height: 14px;
  29   width: 0;
  30   overflow: hidden;
  31   -moz-padding-start: 14px;
  32   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
  33   -moz-margin-end: 2px;
  34   cursor: pointer;
  35 }
  36
  37 .property-view:not(:hover) > .helplink-container {
  38   visibility: hidden;
  39 }
  40
  41 .rulelink {
  42   color: -moz-dialogtext;
  43   padding: 0;
  44   cursor: pointer;
  45 }
  46
  47 .expander {
  48   width: 9px;
  49   height: 9px;
  50   -moz-margin-start: 5px;
  51   -moz-margin-end: 5px;
  52   background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
  53   vertical-align: middle;
  54 }
  55
  56 .expander[open] {
  57   background-image: url("chrome://global/skin/tree/twisty-open.gif");
  58 }
  59
  60 .match {
  61   visibility: hidden;
  62 }
  63
  64 .expandable {
  65   cursor: pointer;
  66   visibility: visible;
  67 }
  68
  69 .expander-container {
  70   vertical-align: text-top;
  71 }
  72
  73 .property-name {
  74   padding: 2px 0;
  75   color: #FF9F00;
  76   width: 220px;
  77 }
  78
  79 .property-value {
  80   padding: 0;
  81   -moz-padding-end: 6px;
  82   color: #8050B0;
  83   width: 100%;
  84 }
  85
  86 .rule-link {
  87   text-align: end;
  88   -moz-padding-start: 10px;
  89 }
  90
  91 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
  92 .rule-text {
  93   direction: ltr;
  94   padding: 0;
  95   -moz-padding-start: 20px;
  96   vertical-align: text-bottom;
  97 }
  98
  99 .bestmatch {
 100   color: #FFCF00;
 101 }
 102 .matched {
 103   text-decoration: line-through;
 104 }
 105 .parentmatch {
 106   color: #E7ADE7;
 107 }
 108
 109 #propertyContainer {
 110   border-collapse: collapse;
 111 }
 112
 113 .darkrow {
 114   background-color: #404000;
 115 }
 116
 117 #noResults {
 118   font-size: 18px;
 119   margin-top: 5px;
 120   text-align: center;
 121 }
 122
 123 .headerControls {
 124   color: #9C9CFF;
 125   background-color: #000000;
 126 }
 127
 128 .includebrowserstyles {
 129   cursor: pointer;
 130   font-size: 11px;
 131 }
 132
 133 #footer {
 134   border-top: 1px solid #9C9CFF;
 135 }
 136
 137 .legendKey {
 138   margin: 0 5px;
 139 }
 140
 141 /**
 142  * CSS Rule View
 143  */
 144
 145 .ruleview {
 146   background-color: #000000;
 147 }
 148
 149 .ruleview-rule-source {
 150   color: #9C9CFF; /* original: green */
 151   -moz-padding-start: 5px;
 152   cursor: pointer;
 153   text-align: right;
 154   float: right;
 155   -moz-user-select: none;
 156 }
 157
 158 .ruleview-rule-inheritance {
 159   background-color: #000000;
 160   color: #8050B0;
 161   border-top: 1px solid #9C9CFF;
 162   border-bottom: 1px solid #9C9CFF;
 163   padding: 1px 4px;
 164   margin-top: 4px;
 165   -moz-user-select: none;
 166 }
 167
 168 .ruleview-rule-source:hover {
 169   text-decoration: underline;
 170 }
 171
 172 .ruleview-rule {
 173   padding: 2px 4px;
 174 }
 175
 176 .ruleview-rule + .ruleview-rule {
 177   border-top: 1px dotted #008484;
 178 }
 179
 180 .ruleview-warning {
 181   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
 182   -moz-margin-start: 5px;
 183   vertical-align: middle;
 184   width: 13px;
 185   height: 12px;
 186 }
 187
 188 .ruleview-ruleopen {
 189   -moz-padding-end: 5px;
 190 }
 191
 192 .ruleview-ruleclose {
 193   cursor: text;
 194   padding-right: 20px;
 195 }
 196
 197 .ruleview-propertylist {
 198   list-style: none;
 199   padding: 0;
 200   margin: 0;
 201 }
 202
 203 .ruleview-enableproperty {
 204   height: 10px;
 205   width: 10px;
 206   -moz-margin-start: 1px;
 207   -moz-margin-end: 0;
 208   transition: opacity 100ms;
 209   transition-delay: 200ms;
 210 }
 211
 212 .ruleview-property:not(:hover) > .ruleview-enableproperty[checked] {
 213   opacity: 0;
 214   transition: none;
 215 }
 216
 217 .ruleview-expander {
 218   width: 8px;
 219   height: 8px;
 220   background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
 221   cursor: pointer;
 222   -moz-margin-start: 2px;
 223   -moz-margin-end: 5px;
 224 }
 225
 226 .ruleview-expander.styleinspector-open {
 227   background-position: 8px 0;
 228 }
 229
 230 .ruleview-newproperty {
 231   /* (enable checkbox width: 12px) + (expander width: 15px) */
 232   -moz-margin-start: 27px;
 233 }
 234
 235 .ruleview-propertyname {
 236   padding: 1px 0;
 237   color: #9C9CFF; /* original: blue */
 238 }
 239
 240 .ruleview-propertyvalue {
 241   padding: 1px 0;
 242 }
 243
 244 .ruleview-namecontainer,
 245 .ruleview-propertycontainer,
 246 .ruleview-propertyname,
 247 .ruleview-propertyvalue {
 248   text-decoration: inherit;
 249 }
 250
 251 .ruleview-computedlist {
 252   list-style: none;
 253   padding: 0;
 254 }
 255
 256 .ruleview-computed {
 257   -moz-margin-start: 4em;
 258 }
 259
 260 .ruleview-overridden {
 261   text-decoration: line-through;
 262 }
 263
 264 .styleinspector-propertyeditor {
 265   border: 1px solid #9C9CFF;
 266   padding: 0;
 267 }
 268
 269 .ruleview-property {
 270   border-left: 2px solid transparent;
 271 }
 272
 273 .ruleview-property  > * {
 274   vertical-align: middle;
 275 }
 276
 277 .ruleview-property[dirty] {
 278   border-left-color: #008484;
 279 }
 280
 281 .ruleview-namecontainer > .ruleview-propertyname,
 282 .ruleview-propertycontainer > .ruleview-propertyvalue {
 283   border-bottom: 1px dashed transparent;
 284 }
 285
 286 .ruleview-namecontainer:hover > .ruleview-propertyname,
 287 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
 288   border-bottom-color: #9C9CFF;
 289 }
 290
 291 .ruleview-selector-separator, .ruleview-selector-unmatched {
 292   color: #8050B0;
 293 }