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