LCARStrek/browser/devtools/csshtmltree.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 :root {
   6   background: #000000;
   7   color: #FF9F00;
   8 }
   9
  10 .property-header {
  11   padding: 5px 0;
  12   white-space: nowrap;
  13   vertical-align: text-top;
  14 }
  15
  16 /* Take away these two :visited rules to get a core dumper     */
  17 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
  18 .link,
  19 .link:visited {
  20   color: #0091ff;
  21 }
  22 .link,
  23 .helplink,
  24 .link:visited,
  25 .helplink:visited {
  26   text-decoration: none;
  27 }
  28 link:hover {
  29   text-decoration: underline;
  30 }
  31
  32 .helplink {
  33   height: 14px;
  34   width: 0;
  35   overflow: hidden;
  36   -moz-padding-start: 14px;
  37   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
  38   -moz-margin-end: 2px;
  39   cursor: pointer;
  40 }
  41
  42 .property-view:not(:hover) > .helplink-container {
  43   visibility: hidden;
  44 }
  45
  46 .rulelink {
  47   color: -moz-dialogtext;
  48   padding: 0;
  49   cursor: pointer;
  50 }
  51
  52 .expander {
  53   width: 9px;
  54   height: 9px;
  55   -moz-margin-start: 5px;
  56   -moz-margin-end: 5px;
  57   background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat;
  58   vertical-align: middle;
  59 }
  60
  61 .expander[open] {
  62   background-image: url("chrome://global/skin/tree/twisty-open.png");
  63 }
  64
  65 .match {
  66   visibility: hidden;
  67 }
  68
  69 .expandable {
  70   cursor: pointer;
  71   visibility: visible;
  72 }
  73
  74 .property-name {
  75   font-size: 12px;
  76   color: #FF9F00;
  77   width: 220px;
  78 }
  79 .property-value {
  80   padding: 0;
  81   font-size: 10px;
  82   color: #8050B0;
  83   vertical-align: text-top;
  84   width: 100%;
  85 }
  86
  87 .rule-link {
  88   text-align: end;
  89   -moz-padding-start: 10px;
  90 }
  91
  92 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
  93 .rule-text {
  94   direction: ltr;
  95   padding: 0;
  96   -moz-padding-start: 20px;
  97   vertical-align: text-bottom;
  98 }
  99
 100 .bestmatch {
 101   color: #FFCF00;
 102 }
 103 .matched {
 104   text-decoration: line-through;
 105 }
 106 .parentmatch {
 107   color: #E7ADE7;
 108 }
 109
 110 #propertyContainer {
 111   border-collapse: collapse;
 112 }
 113
 114 .darkrow {
 115   background-color: #404000;
 116 }
 117
 118 #noResults {
 119   font-size: 18px;
 120   margin-top: 5px;
 121   text-align: center;
 122 }
 123
 124 .headerControls {
 125   color: #9C9CFF;
 126   background-color: #000000;
 127 }
 128
 129 .onlyuserstyles {
 130   cursor: pointer;
 131   font-size: 11px;
 132 }
 133
 134 #footer {
 135   border-top: 1px solid #9C9CFF;
 136 }
 137
 138 .legendKey {
 139   margin: 0 5px;
 140 }
 141
 142 /**
 143  * CSS Rule View
 144  */
 145
 146 .ruleview {
 147   background-color: #000000;
 148 }
 149
 150 .ruleview-rule-source {
 151   background-color: #000000;
 152   color: #9C9CFF;
 153   padding: 2px 5px;
 154   cursor: pointer;
 155 }
 156
 157 .ruleview-rule-source:hover {
 158   text-decoration: underline;
 159 }
 160
 161 .ruleview-code {
 162   padding: 2px 5px;
 163 }
 164
 165 .ruleview-warning {
 166   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
 167   -moz-margin-start: 5px;
 168   vertical-align: middle;
 169   width: 13px;
 170   height: 12px;
 171 }
 172
 173 .ruleview-ruleopen {
 174   -moz-padding-end: 5px;
 175 }
 176
 177 .ruleview-ruleclose {
 178   width: -moz-min-content;
 179   padding-right: 20px;
 180 }
 181
 182 .ruleview-propertylist {
 183   list-style: none;
 184   padding: 0;
 185   margin: 0;
 186 }
 187
 188 .ruleview-enableproperty {
 189   height: 10px;
 190   width: 10px;
 191   -moz-margin-start: 2px;
 192   -moz-margin-end: 0;
 193 }
 194
 195 .ruleview-expander {
 196   width: 8px;
 197   height: 8px;
 198   background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
 199   cursor: pointer;
 200   -moz-margin-start: 2px;
 201   -moz-margin-end: 5px;
 202 }
 203
 204 .ruleview-expander.styleinspector-open {
 205   background-position: 8px 0;
 206 }
 207
 208 .ruleview-newproperty {
 209   /* (enable checkbox width: 12px) + (expander width: 15px) */
 210   -moz-margin-start: 27px;
 211 }
 212
 213 .ruleview-propertyname {
 214   padding: 1px 0;
 215   cursor: text;
 216   color: #9C9CFF;
 217   text-decoration: inherit;
 218 }
 219
 220 .ruleview-propertyvalue {
 221   cursor: text;
 222   text-decoration: inherit;
 223 }
 224
 225 .ruleview-computedlist {
 226   list-style: none;
 227   padding: 0;
 228 }
 229
 230 .ruleview-computed {
 231   -moz-margin-start: 4em;
 232 }
 233
 234 .ruleview-overridden {
 235   text-decoration: line-through;
 236 }
 237
 238 .styleinspector-propertyeditor {
 239   border: 1px solid #9C9CFF;
 240   padding: 0;
 241 }
 242
 243 .ruleview-property {
 244   border-left: 2px solid transparent;
 245 }
 246
 247 .ruleview-property[dirty] {
 248   border-left-color: #008484;
 249 }