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