browser/themes/shared/devtools/ruleview.css

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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/. */
     5 .ruleview {
     6   height: 100%;
     7 }
     9 .ruleview-rule-source {
    10   -moz-padding-start: 5px;
    11   cursor: pointer;
    12   text-align: right;
    13   float: right;
    14   -moz-user-select: none;
    15 }
    17 .ruleview-header {
    18   border-top-width: 1px;
    19   border-bottom-width: 1px;
    20   border-top-style: solid;
    21   border-bottom-style: solid;
    22   padding: 1px 4px;
    23   -moz-user-select: none;
    24   word-wrap: break-word;
    25 %ifndef XP_MACOSX
    26   margin-top: 4px;
    27 %endif
    28 }
    30 .ruleview-rule-pseudo-element {
    31   padding-left:20px;
    32   border-left: solid 10px;
    33 }
    35 .ruleview-rule-source:hover {
    36   text-decoration: underline;
    37 }
    39 .ruleview-rule,
    40 #noResults {
    41   padding: 2px 4px;
    42 }
    44 #noResults {
    45   font: message-box;
    46   color: GrayText;
    47 }
    49 .ruleview-rule + .ruleview-rule {
    50   border-top-width: 1px;
    51   border-top-style: dotted;
    52 }
    54 .ruleview-warning {
    55   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
    56   -moz-margin-start: 5px;
    57   display: inline-block;
    58   vertical-align: top;
    59   width: 13px;
    60   height: 12px;
    61 }
    63 .ruleview-ruleopen {
    64   -moz-padding-end: 5px;
    65 }
    67 .ruleview-ruleclose {
    68   cursor: text;
    69   padding-right: 20px;
    70 }
    72 .ruleview-propertylist {
    73   list-style: none;
    74   padding: 0;
    75   margin: 0;
    76 }
    78 .ruleview-rule:not(:hover) .ruleview-enableproperty {
    79   visibility: hidden;
    80 }
    82 .ruleview-expander {
    83   display: inline-block;
    84 }
    86 .ruleview-newproperty {
    87   /* (enable checkbox width: 12px) + (expander width: 15px) */
    88   -moz-margin-start: 27px;
    89 }
    91 .ruleview-namecontainer,
    92 .ruleview-propertycontainer,
    93 .ruleview-propertyname,
    94 .ruleview-propertyvalue {
    95   text-decoration: inherit;
    96 }
    98 .ruleview-computedlist {
    99   list-style: none;
   100   padding: 0;
   101 }
   103 .ruleview-computed {
   104   -moz-margin-start: 35px;
   105 }
   107 .ruleview-colorswatch {
   108   border-radius: 50%;
   109   width: 1em;
   110   height: 1em;
   111   vertical-align: text-top;
   112   -moz-margin-end: 5px;
   113 }
   115 .ruleview-overridden {
   116   text-decoration: line-through;
   117 }
   119 .theme-light .ruleview-overridden {
   120   -moz-text-decoration-color: #667380; /*  Content (Text) - Dark Grey */
   121 }
   123 .styleinspector-propertyeditor {
   124   border: 1px solid #CCC;
   125   padding: 0;
   126 }
   128 .ruleview-property {
   129   border-left: 3px solid transparent;
   130   clear: right;
   131 }
   133 .ruleview-property  > * {
   134   vertical-align: middle;
   135 }
   137 .theme-dark .ruleview-property[dirty] {
   138   border-left-color: #70bf53; /* Green */
   139 }
   141 .theme-light .ruleview-property[dirty] {
   142   border-left-color: #2cbb0f; /* Green */
   143 }
   145 .ruleview-namecontainer > .ruleview-propertyname,
   146 .ruleview-propertycontainer > .ruleview-propertyvalue {
   147   border-bottom: 1px dashed transparent;
   148 }
   150 .ruleview-namecontainer:hover > .ruleview-propertyname,
   151 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
   152   border-bottom-color: hsl(0,0%,50%);
   153 }
   155 .ruleview-selector {
   156   word-wrap: break-word;
   157 }
   159 .ruleview-selector-separator, .ruleview-selector-unmatched {
   160   color: #888;
   161 }

mercurial