browser/themes/windows/devtools/computedview.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 /* vim:set ts=2 sw=2 sts=2 et: */
     2 /* This Source Code Form is subject to the terms of the Mozilla Public
     3  * License, v. 2.0. If a copy of the MPL was not distributed with this
     4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     6 /* Take away these two :visited rules to get a core dumper     */
     7 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
     8 .link,
     9 .link:visited {
    10   color: #0091ff;
    11 }
    12 .link,
    13 .helplink,
    14 .link:visited,
    15 .helplink:visited {
    16   text-decoration: none;
    17 }
    18 .link:hover {
    19   text-decoration: underline;
    20 }
    22 /* From content */
    24 * {
    25   box-sizing: border-box;
    26 }
    28 :root {
    29   height: 100%;
    30 }
    32 body {
    33   margin: 0;
    34   display : flex;
    35   flex-direction: column;
    36   height: 100%;
    37 }
    39 #propertyContainer {
    40   -moz-user-select: text;
    41   overflow: auto;
    42   min-height: 0;
    43   flex: 1;
    44 }
    46 .property-view-hidden,
    47 .property-content-hidden {
    48   display: none;
    49 }
    51 .property-view {
    52   clear: both;
    53   padding: 2px 0 2px 17px;
    54 }
    56 .property-view > * {
    57   display: inline-block;
    58   vertical-align: middle;
    59 }
    61 .property-name {
    62   /* -12px is so the expander triangle isn't pushed up above the property */
    63   width: calc(100% - 12px);
    64   overflow-x: hidden;
    65   text-overflow: ellipsis;
    66   white-space: nowrap;
    67   outline: 0;
    68 }
    70 .property-value {
    71   width: 100%;
    72   overflow-x: hidden;
    73   text-overflow: ellipsis;
    74   white-space: nowrap;
    75   background-image: url(arrow-e.png);
    76   background-repeat: no-repeat;
    77   background-size: 5px 8px;
    78   background-position: 2px center;
    79   padding-left: 10px;
    80   outline: 0;
    81 }
    83 .other-property-value {
    84   background-image: url(arrow-e.png);
    85   background-repeat: no-repeat;
    86   background-size: 5px 8px;
    87   background-position: left center;
    88   padding-left: 8px;
    89 }
    91 @media (min-width: 400px) {
    92   .property-name {
    93     width: 200px;
    94   }
    95   .property-value {
    96     /* -212px is accounting for the 200px property-name and the 12px triangle */
    97     width: calc(100% - 212px);
    98   }
    99 }
   101 .property-content {
   102   padding-left: 17px;
   103 }
   105 /* From skin */
   106 .expander {
   107   visibility: hidden;
   108   margin-left: -12px!important;
   109 }
   111 .expandable {
   112   visibility: visible;
   113 }
   115 .match {
   116   visibility: hidden;
   117 }
   119 .matchedselectors > p {
   120   clear: both;
   121   margin: 0 2px 0 0;
   122   padding: 2px;
   123   overflow-x: hidden;
   124   border-style: dotted;
   125   border-color: rgba(128,128,128,0.4);
   126   border-width: 1px 1px 0 1px;
   127 }
   129 .matchedselectors > p:last-of-type {
   130   border-bottom-width: 1px;
   131 }
   133 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
   134 .rule-text {
   135   direction: ltr;
   136 }
   138 .matched {
   139   text-decoration: line-through;
   140 }
   142 .parentmatch {
   143   opacity: 0.5;
   144 }
   146 #noResults {
   147   font-size: 110%;
   148   margin: 5px;
   149   text-align: center;
   150 }
   152 .onlyuserstyles {
   153   cursor: pointer;
   154 }
   156 .legendKey {
   157   margin: 0 5px;
   158 }
   160 .devtools-toolbar {
   161   width: 100%;
   162 }
   164 .link {
   165   padding: 0 3px;
   166   cursor: pointer;
   167   float: right;
   168 }
   170 .computedview-colorswatch {
   171   display: inline-block;
   172   border-radius: 50%;
   173   width: 1em;
   174   height: 1em;
   175   vertical-align: text-top;
   176   -moz-margin-end: 5px;
   177 }

mercurial