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 +}