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 }
  67
  68 .property-value {
  69   width: 50%;
  70   max-width: 100%;
  71   overflow-x: hidden;
  72   text-overflow: ellipsis;
  73   white-space: nowrap;
  74   background-image: url(arrow-e.png);
  75   background-repeat: no-repeat;
  76   background-size: 5px 8px;
  77   background-position: 2px center;
  78   padding-left: 10px;
  79 }
  80
  81 .other-property-value {
  82   background-image: url(arrow-e.png);
  83   background-repeat: no-repeat;
  84   background-size: 5px 8px;
  85   background-position: left center;
  86   padding-left: 8px;
  87 }
  88
  89 @media (min-width: 400px) {
  90   .property-name {
  91     width: 200px;
  92   }
  93   .property-value {
  94     width: auto;
  95   }
  96 }
  97
  98 .property-content {
  99   padding-left: 17px;
 100 }
 101
 102 /* From skin */
 103 .expander {
 104   visibility: hidden;
 105   margin-left: -12px!important;
 106 }
 107
 108 .expander[open] {
 109   margin-left: -17px!important;
 110 }
 111
 112 .expandable {
 113   visibility: visible;
 114 }
 115
 116 .match {
 117   visibility: hidden;
 118 }
 119
 120 .matchedselectors > p {
 121   clear: both;
 122   margin: 0 2px 0 0;
 123   padding: 2px;
 124   overflow-x: hidden;
 125   border-style: dotted;
 126   border-color: #A09090;
 127   border-width: 1px 1px 0 1px;
 128 }
 129
 130 .matchedselectors > p:last-of-type {
 131   border-bottom-width: 1px;
 132 }
 133
 134 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
 135 .rule-text {
 136   direction: ltr;
 137 }
 138
 139 .matched {
 140   text-decoration: line-through;
 141 }
 142
 143 .parentmatch {
 144   opacity: 0.5;
 145 }
 146
 147 #noResults {
 148   font-size: 110%;
 149   margin: 5px;
 150   text-align: center;
 151 }
 152
 153 .onlyuserstyles {
 154   cursor: pointer;
 155 }
 156
 157 .legendKey {
 158   margin: 0 5px;
 159 }
 160
 161 .devtools-toolbar {
 162   width: 100%;
 163 }
 164
 165 .link {
 166   padding: 0 3px;
 167   cursor: pointer;
 168   float: right;
 169 }