LCARStrek/browser/devtools/computedview.css

   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/. */
   5
   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: #3333FF;
  11 }
  12 .link,
  13 .helplink,
  14 .link:visited,
  15 .helplink:visited {
  16   text-decoration: none;
  17 }
  18 .link:hover {
  19   text-decoration: underline;
  20 }
  21
  22 /* From content */
  23
  24 * {
  25   -moz-box-sizing: border-box;
  26 }
  27
  28 :root {
  29   height: 100%;
  30 }
  31
  32 body {
  33   margin: 0;
  34   display : flex;
  35   flex-direction: column;
  36   height: 100%;
  37 }
  38
  39 #propertyContainer {
  40   -moz-user-select: text;
  41   overflow: auto;
  42   min-height: 0;
  43   flex: 1;
  44 }
  45
  46 .property-view-hidden,
  47 .property-content-hidden {
  48   display: none;
  49 }
  50
  51 .property-view {
  52   clear: both;
  53   padding: 2px 0 2px 17px;
  54 }
  55
  56 .property-view > * {
  57   display: inline-block;
  58   vertical-align: middle;
  59 }
  60
  61 .property-name {
  62   width: 50%;
  63   overflow-x: hidden;
  64   text-overflow: ellipsis;
  65   white-space: nowrap;
  66   outline: 0;
  67 }
  68
  69 .property-value {
  70   width: 50%;
  71   max-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 }
  82
  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 }
  90
  91 @media (min-width: 400px) {
  92   .property-name {
  93     width: 200px;
  94   }
  95   .property-value {
  96     width: auto;
  97   }
  98 }
  99
 100 .property-content {
 101   padding-left: 17px;
 102 }
 103
 104 /* From skin */
 105 .expander {
 106   visibility: hidden;
 107   margin-left: -12px!important;
 108 }
 109
 110 .expander[open] {
 111   margin-left: -17px!important;
 112 }
 113
 114 .expandable {
 115   visibility: visible;
 116 }
 117
 118 .match {
 119   visibility: hidden;
 120 }
 121
 122 .matchedselectors > p {
 123   clear: both;
 124   margin: 0 2px 0 0;
 125   padding: 2px;
 126   overflow-x: hidden;
 127   border-style: dotted;
 128   border-color: #A09090;
 129   border-width: 1px 1px 0 1px;
 130 }
 131
 132 .matchedselectors > p:last-of-type {
 133   border-bottom-width: 1px;
 134 }
 135
 136 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
 137 .rule-text {
 138   direction: ltr;
 139 }
 140
 141 .matched {
 142   text-decoration: line-through;
 143 }
 144
 145 .parentmatch {
 146   opacity: 0.5;
 147 }
 148
 149 #noResults {
 150   font-size: 110%;
 151   margin: 5px;
 152   text-align: center;
 153 }
 154
 155 .onlyuserstyles {
 156   cursor: pointer;
 157 }
 158
 159 .legendKey {
 160   margin: 0 5px;
 161 }
 162
 163 .devtools-toolbar {
 164   width: 100%;
 165 }
 166
 167 .link {
 168   padding: 0 3px;
 169   cursor: pointer;
 170   float: right;
 171 }
 172
 173 .computedview-colorswatch {
 174   display: inline-block;
 175   border-radius: 50%;
 176   width: 1em;
 177   height: 1em;
 178   vertical-align: text-top;
 179   -moz-margin-end: 5px;
 180 }