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 .helplink {
 104   /* FIXME: remove this image
 105   background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
 106   */
 107 }
 108
 109 .expander {
 110   visibility: hidden;
 111   margin-left: -12px!important;
 112 }
 113
 114 .expander[open] {
 115   margin-left: -17px!important;
 116 }
 117
 118 .expandable {
 119   visibility: visible;
 120 }
 121
 122 .match {
 123   visibility: hidden;
 124 }
 125
 126 .matchedselectors > p {
 127   clear: both;
 128   margin: 0 2px 0 0;
 129   padding: 2px;
 130   overflow-x: hidden;
 131   border-style: dotted;
 132   border-color: #A09090;
 133   border-width: 1px 1px 0 1px;
 134 }
 135
 136 .matchedselectors > p:last-of-type {
 137   border-bottom-width: 1px;
 138 }
 139
 140 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
 141 .rule-text {
 142   direction: ltr;
 143 }
 144
 145 .matched {
 146   text-decoration: line-through;
 147 }
 148
 149 .parentmatch {
 150   opacity: 0.5;
 151 }
 152
 153 #noResults {
 154   font-size: 110%;
 155   margin: 5px;
 156   text-align: center;
 157 }
 158
 159 .onlyuserstyles {
 160   cursor: pointer;
 161 }
 162
 163 .legendKey {
 164   margin: 0 5px;
 165 }
 166
 167 .devtools-toolbar {
 168   width: 100%;
 169 }
 170
 171 .link {
 172   padding: 0 3px;
 173   cursor: pointer;
 174   float: right;
 175 }