LCARStrek/browser/devtools/ruleview.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 .ruleview {
   6   height: 100%;
   7 }
   8
   9 .ruleview-rule-source {
  10   -moz-padding-start: 5px;
  11   cursor: pointer;
  12   text-align: right;
  13   float: right;
  14   -moz-user-select: none;
  15 }
  16
  17 .ruleview-header {
  18   border-top-width: 1px;
  19   border-bottom-width: 1px;
  20   border-top-style: solid;
  21   border-bottom-style: solid;
  22   padding: 1px 4px;
  23   margin-top: 4px;
  24   -moz-user-select: none;
  25 }
  26
  27 .ruleview-rule-source:hover {
  28   text-decoration: underline;
  29 }
  30
  31 .ruleview-rule,
  32 #noResults {
  33   padding: 2px 4px;
  34 }
  35
  36 #noResults {
  37   font: message-box;
  38   color: #8050B0;
  39 }
  40
  41 .ruleview-rule + .ruleview-rule {
  42   border-top-width: 1px;
  43   border-top-style: dotted;
  44 }
  45
  46 .ruleview-warning {
  47   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
  48   -moz-margin-start: 5px;
  49   display: inline-block;
  50   vertical-align: top;
  51   width: 13px;
  52   height: 12px;
  53 }
  54
  55 .ruleview-ruleopen {
  56   -moz-padding-end: 5px;
  57 }
  58
  59 .ruleview-ruleclose {
  60   cursor: text;
  61   padding-right: 20px;
  62 }
  63
  64 .ruleview-propertylist {
  65   list-style: none;
  66   padding: 0;
  67   margin: 0;
  68 }
  69
  70 .ruleview-rule:not(:hover) .ruleview-enableproperty {
  71   visibility: hidden;
  72 }
  73
  74 .ruleview-expander {
  75   display: inline-block;
  76 }
  77
  78 .ruleview-newproperty {
  79   /* (enable checkbox width: 12px) + (expander width: 15px) */
  80   -moz-margin-start: 27px;
  81 }
  82
  83 .ruleview-namecontainer,
  84 .ruleview-propertycontainer,
  85 .ruleview-propertyname,
  86 .ruleview-propertyvalue {
  87   text-decoration: inherit;
  88 }
  89
  90 .ruleview-computedlist {
  91   list-style: none;
  92   padding: 0;
  93 }
  94
  95 .ruleview-computed {
  96   -moz-margin-start: 35px;
  97 }
  98
  99 .ruleview-colorswatch {
 100   border-radius: 50%;
 101   width: 1em;
 102   height: 1em;
 103   vertical-align: text-top;
 104   -moz-margin-end: 5px;
 105 }
 106
 107 .ruleview-overridden {
 108   text-decoration: line-through;
 109 }
 110
 111 .styleinspector-propertyeditor {
 112   border: 1px solid #A09090;
 113   padding: 0;
 114 }
 115
 116 .ruleview-property {
 117   border-left: 2px solid transparent;
 118 }
 119
 120 .ruleview-property  > * {
 121   vertical-align: middle;
 122 }
 123
 124 .ruleview-property[dirty] {
 125   border-left-color: #9C9CFF;
 126 }
 127
 128 .ruleview-namecontainer > .ruleview-propertyname,
 129 .ruleview-propertycontainer > .ruleview-propertyvalue {
 130   border-bottom: 1px dashed transparent;
 131 }
 132
 133 .ruleview-namecontainer:hover > .ruleview-propertyname,
 134 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
 135   border-bottom-color: #008484;
 136 }
 137
 138 .ruleview-selector-separator, .ruleview-selector-unmatched {
 139   color: #8050B0;
 140 }