LCARStrek/browser/devtools/csshtmltree.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is the Mozilla Inspector Module.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * The Mozilla Foundation.
  18  * Portions created by the Initial Developer are Copyright (C) 2011
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Joe Walker <jwalker@mozilla.com> (original author)
  23  *   Mihai Șucan <mihai.sucan@gmail.com>
  24  *   Michael Ratcliffe <mratcliffe@mozilla.com>
  25  *   Dão Gottwald <dao@mozilla.com>
  26  *   Rob Campbell <rcampbell@mozilla.com>
  27  *
  28  * Alternatively, the contents of this file may be used under the terms of
  29  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31  * in which case the provisions of the GPL or the LGPL are applicable instead
  32  * of those above. If you wish to allow use of your version of this file only
  33  * under the terms of either the GPL or the LGPL, and not to allow others to
  34  * use your version of this file under the terms of the MPL, indicate your
  35  * decision by deleting the provisions above and replace them with the notice
  36  * and other provisions required by the GPL or the LGPL. If you do not delete
  37  * the provisions above, a recipient may use your version of this file under
  38  * the terms of any one of the MPL, the GPL or the LGPL.
  39  *
  40  * ***** END LICENSE BLOCK ***** */
  41
  42 :root {
  43   background: #000000;
  44   color: #FF9F00;
  45 }
  46
  47 .property-header {
  48   padding: 5px 0;
  49   white-space: nowrap;
  50   vertical-align: text-top;
  51 }
  52
  53 /* Take away these two :visited rules to get a core dumper     */
  54 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
  55 .link,
  56 .link:visited {
  57   color: #0091ff;
  58 }
  59 .link,
  60 .helplink,
  61 .link:visited,
  62 .helplink:visited {
  63   text-decoration: none;
  64 }
  65 link:hover {
  66   text-decoration: underline;
  67 }
  68
  69 .helplink {
  70   height: 14px;
  71   width: 0;
  72   overflow: hidden;
  73   -moz-padding-start: 14px;
  74   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
  75   -moz-margin-end: 2px;
  76   cursor: pointer;
  77 }
  78
  79 .property-view:not(:hover) > .helplink-container {
  80   visibility: hidden;
  81 }
  82
  83 .rulelink {
  84   color: -moz-dialogtext;
  85   padding: 0;
  86   cursor: pointer;
  87 }
  88
  89 .expander {
  90   width: 9px;
  91   height: 9px;
  92   -moz-margin-start: 5px;
  93   -moz-margin-end: 5px;
  94   background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat;
  95   vertical-align: middle;
  96 }
  97
  98 .expander[open] {
  99   background-image: url("chrome://global/skin/tree/twisty-open.png");
 100 }
 101
 102 .match {
 103   visibility: hidden;
 104 }
 105
 106 .expandable {
 107   cursor: pointer;
 108   visibility: visible;
 109 }
 110
 111 .property-name {
 112   font-size: 12px;
 113   color: #FF9F00;
 114   width: 220px;
 115 }
 116 .property-value {
 117   padding: 0;
 118   font-size: 10px;
 119   color: #8050B0;
 120   vertical-align: text-top;
 121   width: 100%;
 122 }
 123
 124 .rule-link {
 125   text-align: end;
 126   -moz-padding-start: 10px;
 127 }
 128
 129 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
 130 .rule-text {
 131   direction: ltr;
 132   padding: 0;
 133   -moz-padding-start: 20px;
 134   vertical-align: text-bottom;
 135 }
 136
 137 .bestmatch {
 138   color: #FFCF00;
 139 }
 140 .matched {
 141   text-decoration: line-through;
 142 }
 143 .parentmatch {
 144   color: #E7ADE7;
 145 }
 146
 147 #propertyContainer {
 148   border-collapse: collapse;
 149 }
 150
 151 .darkrow {
 152   background-color: #404000;
 153 }
 154
 155 #noResults {
 156   font-size: 18px;
 157   margin-top: 5px;
 158   text-align: center;
 159 }
 160
 161 .headerControls {
 162   color: #9C9CFF;
 163   background-color: #000000;
 164 }
 165
 166 .onlyuserstyles {
 167   cursor: pointer;
 168   font-size: 11px;
 169 }
 170
 171 #footer {
 172   border-top: 1px solid #9C9CFF;
 173 }
 174
 175 .legendKey {
 176   margin: 0 5px;
 177 }
 178
 179 /**
 180  * CSS Rule View
 181  */
 182
 183 .ruleview {
 184   background-color: #000000;
 185 }
 186
 187 .ruleview-rule-source {
 188   background-color: #000000;
 189   color: #9C9CFF;
 190   padding: 2px 5px;
 191   cursor: pointer;
 192 }
 193
 194 .ruleview-rule-source:hover {
 195   text-decoration: underline;
 196 }
 197
 198 .ruleview-code {
 199   padding: 2px 5px;
 200 }
 201
 202 .ruleview-warning {
 203   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
 204   -moz-margin-start: 5px;
 205   vertical-align: middle;
 206   width: 13px;
 207   height: 12px;
 208 }
 209
 210 .ruleview-ruleopen {
 211   -moz-padding-end: 5px;
 212 }
 213
 214 .ruleview-ruleclose {
 215   width: -moz-min-content;
 216   padding-right: 20px;
 217 }
 218
 219 .ruleview-propertylist {
 220   list-style: none;
 221   padding: 0;
 222   margin: 0;
 223 }
 224
 225 .ruleview-enableproperty {
 226   height: 10px;
 227   width: 10px;
 228   -moz-margin-start: 2px;
 229   -moz-margin-end: 0;
 230 }
 231
 232 .ruleview-expander {
 233   width: 8px;
 234   height: 8px;
 235   background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
 236   cursor: pointer;
 237   -moz-margin-start: 2px;
 238   -moz-margin-end: 5px;
 239 }
 240
 241 .ruleview-expander.styleinspector-open {
 242   background-position: 8px 0;
 243 }
 244
 245 .ruleview-newproperty {
 246   /* (enable checkbox width: 12px) + (expander width: 15px) */
 247   -moz-margin-start: 27px;
 248 }
 249
 250 .ruleview-propertyname {
 251   padding: 1px 0;
 252   cursor: text;
 253   color: #9C9CFF;
 254   text-decoration: inherit;
 255 }
 256
 257 .ruleview-propertyvalue {
 258   cursor: text;
 259   text-decoration: inherit;
 260 }
 261
 262 .ruleview-computedlist {
 263   list-style: none;
 264   padding: 0;
 265 }
 266
 267 .ruleview-computed {
 268   -moz-margin-start: 4em;
 269 }
 270
 271 .ruleview-overridden {
 272   text-decoration: line-through;
 273 }
 274
 275 .styleinspector-propertyeditor {
 276   border: 1px solid #9C9CFF;
 277   padding: 0;
 278 }