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