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  *
  27  * Alternatively, the contents of this file may be used under the terms of
  28  * either the GNU General Public License Version 2 or later (the "GPL"), or
  29  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  30  * in which case the provisions of the GPL or the LGPL are applicable instead
  31  * of those above. If you wish to allow use of your version of this file only
  32  * under the terms of either the GPL or the LGPL, and not to allow others to
  33  * use your version of this file under the terms of the MPL, indicate your
  34  * decision by deleting the provisions above and replace them with the notice
  35  * and other provisions required by the GPL or the LGPL. If you do not delete
  36  * the provisions above, a recipient may use your version of this file under
  37  * the terms of any one of the MPL, the GPL or the LGPL.
  38  *
  39  * ***** END LICENSE BLOCK ***** */
  40
  41 :root {
  42   background: #000000;
  43   color: #FF9F00;
  44 }
  45
  46 #root {
  47   display: -moz-box;
  48 }
  49
  50 .property-header {
  51   padding: 4px;
  52   -moz-padding-start: 0;
  53   -moz-padding-end: 5px;
  54 }
  55
  56 .rule-unmatched {
  57   cursor: pointer;
  58   padding: 2px;
  59   -moz-padding-start: 4px;
  60   -moz-padding-end: 0;
  61   white-space: nowrap;
  62 }
  63
  64 /* Take away these two :visited rules to get a core dumper     */
  65 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
  66 .link,
  67 .link:visited {
  68   color: #0091ff;
  69 }
  70 .link,
  71 .helplink,
  72 .link:visited,
  73 .helplink:visited {
  74   text-decoration: none;
  75 }
  76
  77 .helplink-container {
  78   position: relative;
  79   top: 2px;
  80 }
  81
  82 .helplink {
  83   display: block;
  84   height: 14px;
  85   width: 0;
  86   overflow: hidden;
  87   -moz-padding-start: 14px;
  88   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
  89   -moz-margin-end: 2px;
  90 }
  91
  92 .property-header:not(:hover) > .helplink-container {
  93   visibility: hidden;
  94 }
  95
  96 .unmatchedSelectorTable {
  97   -moz-margin-start: 15px;
  98 }
  99
 100 .rulelink {
 101   color: -moz-dialogtext;
 102   -moz-margin-start: 12px;
 103 }
 104
 105 .expander {
 106   width: 9px;
 107   height: 9px;
 108   -moz-margin-start: 5px;
 109   -moz-margin-end: 5px;
 110   background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat;
 111 }
 112
 113 .expander[open] {
 114   background-image: url("chrome://global/skin/tree/twisty-open.png");
 115 }
 116
 117 .expandable {
 118   cursor: pointer;
 119 }
 120
 121 .match {
 122   visibility: hidden;
 123 }
 124
 125 .expandable > .match {
 126   visibility: visible;
 127 }
 128
 129 .only-unmatched {
 130   -moz-margin-start: 0;
 131 }
 132
 133 .property-name {
 134   font-size: 12px;
 135   color: #FF9F00;
 136   width: 220px;
 137 }
 138 .property-value {
 139   font-size: 10px;
 140   color: #8050B0;
 141 }
 142
 143 #propertyContainer {
 144   display: -moz-box;
 145   -moz-box-orient: vertical;
 146   -moz-box-flex: 1;
 147   overflow-y: auto;
 148 }
 149
 150 .darkrow {
 151   background-color: #404000;
 152 }
 153
 154 #noResults {
 155   font-size: 18px;
 156   margin-top: 5px;
 157   text-align: center;
 158 }
 159
 160 .headerControls {
 161   color: #9C9CFF;
 162   background-color: #000000;
 163   padding-top: 5px;
 164 }
 165
 166 .onlyuserstyles {
 167   cursor: pointer;
 168   font-size: 11px;
 169 }
 170
 171 .searchfield {
 172   -moz-margin-start: 10px;
 173 }
 174
 175 .styleinspector-legend {
 176   -moz-margin-start: 12px;
 177 }
 178
 179 #footer {
 180   border-top: 1px solid #9C9CFF;
 181 }
 182
 183 .legendKey {
 184   margin: 0 5px;
 185 }
 186
 187 /**
 188  * CSS Rule View
 189  */
 190
 191 .ruleview {
 192   background-color: #000000;
 193 }
 194
 195 .ruleview-rule-source {
 196   background-color: #000000;
 197   padding: 2px 5px;
 198 }
 199
 200 .ruleview-code {
 201   padding: 2px 5px;
 202 }
 203
 204 .ruleview-propertylist {
 205   list-style: none;
 206   padding: 0;
 207   margin: 0;
 208 }
 209
 210 .ruleview-enableproperty {
 211   height: 10px;
 212   width: 10px;
 213   -moz-margin-start: 2px;
 214   -moz-margin-end: 0;
 215 }
 216
 217 .ruleview-expander {
 218   display: inline-block;
 219   width: 8px;
 220   height: 8px;
 221   background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
 222   cursor: pointer;
 223   -moz-margin-start: 2px;
 224   -moz-margin-end: 5px;
 225 }
 226
 227 .ruleview-expander:-moz-locale-dir(rtl) {
 228   background-position: 16px 0;
 229 }
 230
 231 .ruleview-expander.styleinspector-open {
 232   background-position: 8px 0;
 233 }
 234
 235 .ruleview-newproperty {
 236   /* (enable checkbox width: 12px) + (expander width: 15px) */
 237   -moz-margin-start: 27px;
 238 }
 239
 240 .ruleview-propertyname {
 241   display: inline-block;
 242   padding: 1px 0;
 243   cursor: text;
 244   color: #9C9CFF;
 245   text-decoration: inherit;
 246 }
 247
 248 .ruleview-propertyvalue {
 249   cursor: text;
 250   text-decoration: inherit;
 251 }
 252
 253 .ruleview-computedlist {
 254   list-style: none;
 255   padding: 0;
 256 }
 257
 258 .ruleview-computed {
 259   -moz-margin-start: 4em;
 260 }
 261
 262 .ruleview-overridden {
 263   text-decoration: line-through;
 264 }
 265
 266 .styleinspector-propertyeditor {
 267   border: 1px solid #9C9CFF;
 268   padding: 0;
 269 }