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-rule-inheritance {
  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   vertical-align: middle;
  50   width: 13px;
  51   height: 12px;
  52 }
  53
  54 .ruleview-ruleopen {
  55   -moz-padding-end: 5px;
  56 }
  57
  58 .ruleview-ruleclose {
  59   cursor: text;
  60   padding-right: 20px;
  61 }
  62
  63 .ruleview-propertylist {
  64   list-style: none;
  65   padding: 0;
  66   margin: 0;
  67 }
  68
  69 .ruleview-rule:not(:hover) .ruleview-enableproperty {
  70   visibility: hidden;
  71 }
  72
  73 .ruleview-expander {
  74   display: inline-block;
  75 }
  76
  77 .ruleview-newproperty {
  78   /* (enable checkbox width: 12px) + (expander width: 15px) */
  79   -moz-margin-start: 27px;
  80 }
  81
  82 .ruleview-namecontainer,
  83 .ruleview-propertycontainer,
  84 .ruleview-propertyname,
  85 .ruleview-propertyvalue {
  86   text-decoration: inherit;
  87 }
  88
  89 .ruleview-computedlist {
  90   list-style: none;
  91   padding: 0;
  92 }
  93
  94 .ruleview-computed {
  95   -moz-margin-start: 35px;
  96 }
  97
  98 .ruleview-overridden {
  99   text-decoration: line-through;
 100 }
 101
 102 .styleinspector-propertyeditor {
 103   border: 1px solid #A09090;
 104   padding: 0;
 105 }
 106
 107 .ruleview-property {
 108   border-left: 2px solid transparent;
 109 }
 110
 111 .ruleview-property  > * {
 112   vertical-align: middle;
 113 }
 114
 115 .ruleview-property[dirty] {
 116   border-left-color: #9C9CFF;
 117 }
 118
 119 .ruleview-namecontainer > .ruleview-propertyname,
 120 .ruleview-propertycontainer > .ruleview-propertyvalue {
 121   border-bottom: 1px dashed transparent;
 122 }
 123
 124 .ruleview-namecontainer:hover > .ruleview-propertyname,
 125 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
 126   border-bottom-color: #008484;
 127 }
 128
 129 .ruleview-selector-separator, .ruleview-selector-unmatched {
 130   color: #8050B0;
 131 }