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