browser/themes/shared/devtools/ruleview.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/themes/shared/devtools/ruleview.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,161 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +.ruleview {
     1.9 +  height: 100%;
    1.10 +}
    1.11 +
    1.12 +.ruleview-rule-source {
    1.13 +  -moz-padding-start: 5px;
    1.14 +  cursor: pointer;
    1.15 +  text-align: right;
    1.16 +  float: right;
    1.17 +  -moz-user-select: none;
    1.18 +}
    1.19 +
    1.20 +.ruleview-header {
    1.21 +  border-top-width: 1px;
    1.22 +  border-bottom-width: 1px;
    1.23 +  border-top-style: solid;
    1.24 +  border-bottom-style: solid;
    1.25 +  padding: 1px 4px;
    1.26 +  -moz-user-select: none;
    1.27 +  word-wrap: break-word;
    1.28 +%ifndef XP_MACOSX
    1.29 +  margin-top: 4px;
    1.30 +%endif
    1.31 +}
    1.32 +
    1.33 +.ruleview-rule-pseudo-element {
    1.34 +  padding-left:20px;
    1.35 +  border-left: solid 10px;
    1.36 +}
    1.37 +
    1.38 +.ruleview-rule-source:hover {
    1.39 +  text-decoration: underline;
    1.40 +}
    1.41 +
    1.42 +.ruleview-rule,
    1.43 +#noResults {
    1.44 +  padding: 2px 4px;
    1.45 +}
    1.46 +
    1.47 +#noResults {
    1.48 +  font: message-box;
    1.49 +  color: GrayText;
    1.50 +}
    1.51 +
    1.52 +.ruleview-rule + .ruleview-rule {
    1.53 +  border-top-width: 1px;
    1.54 +  border-top-style: dotted;
    1.55 +}
    1.56 +
    1.57 +.ruleview-warning {
    1.58 +  background: url("chrome://browser/skin/devtools/alerticon-warning.png");
    1.59 +  -moz-margin-start: 5px;
    1.60 +  display: inline-block;
    1.61 +  vertical-align: top;
    1.62 +  width: 13px;
    1.63 +  height: 12px;
    1.64 +}
    1.65 +
    1.66 +.ruleview-ruleopen {
    1.67 +  -moz-padding-end: 5px;
    1.68 +}
    1.69 +
    1.70 +.ruleview-ruleclose {
    1.71 +  cursor: text;
    1.72 +  padding-right: 20px;
    1.73 +}
    1.74 +
    1.75 +.ruleview-propertylist {
    1.76 +  list-style: none;
    1.77 +  padding: 0;
    1.78 +  margin: 0;
    1.79 +}
    1.80 +
    1.81 +.ruleview-rule:not(:hover) .ruleview-enableproperty {
    1.82 +  visibility: hidden;
    1.83 +}
    1.84 +
    1.85 +.ruleview-expander {
    1.86 +  display: inline-block;
    1.87 +}
    1.88 +
    1.89 +.ruleview-newproperty {
    1.90 +  /* (enable checkbox width: 12px) + (expander width: 15px) */
    1.91 +  -moz-margin-start: 27px;
    1.92 +}
    1.93 +
    1.94 +.ruleview-namecontainer,
    1.95 +.ruleview-propertycontainer,
    1.96 +.ruleview-propertyname,
    1.97 +.ruleview-propertyvalue {
    1.98 +  text-decoration: inherit;
    1.99 +}
   1.100 +
   1.101 +.ruleview-computedlist {
   1.102 +  list-style: none;
   1.103 +  padding: 0;
   1.104 +}
   1.105 +
   1.106 +.ruleview-computed {
   1.107 +  -moz-margin-start: 35px;
   1.108 +}
   1.109 +
   1.110 +.ruleview-colorswatch {
   1.111 +  border-radius: 50%;
   1.112 +  width: 1em;
   1.113 +  height: 1em;
   1.114 +  vertical-align: text-top;
   1.115 +  -moz-margin-end: 5px;
   1.116 +}
   1.117 +
   1.118 +.ruleview-overridden {
   1.119 +  text-decoration: line-through;
   1.120 +}
   1.121 +
   1.122 +.theme-light .ruleview-overridden {
   1.123 +  -moz-text-decoration-color: #667380; /*  Content (Text) - Dark Grey */
   1.124 +}
   1.125 +
   1.126 +.styleinspector-propertyeditor {
   1.127 +  border: 1px solid #CCC;
   1.128 +  padding: 0;
   1.129 +}
   1.130 +
   1.131 +.ruleview-property {
   1.132 +  border-left: 3px solid transparent;
   1.133 +  clear: right;
   1.134 +}
   1.135 +
   1.136 +.ruleview-property  > * {
   1.137 +  vertical-align: middle;
   1.138 +}
   1.139 +
   1.140 +.theme-dark .ruleview-property[dirty] {
   1.141 +  border-left-color: #70bf53; /* Green */
   1.142 +}
   1.143 +
   1.144 +.theme-light .ruleview-property[dirty] {
   1.145 +  border-left-color: #2cbb0f; /* Green */
   1.146 +}
   1.147 +
   1.148 +.ruleview-namecontainer > .ruleview-propertyname,
   1.149 +.ruleview-propertycontainer > .ruleview-propertyvalue {
   1.150 +  border-bottom: 1px dashed transparent;
   1.151 +}
   1.152 +
   1.153 +.ruleview-namecontainer:hover > .ruleview-propertyname,
   1.154 +.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
   1.155 +  border-bottom-color: hsl(0,0%,50%);
   1.156 +}
   1.157 +
   1.158 +.ruleview-selector {
   1.159 +  word-wrap: break-word;
   1.160 +}
   1.161 +
   1.162 +.ruleview-selector-separator, .ruleview-selector-unmatched {
   1.163 +  color: #888;
   1.164 +}

mercurial