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