LCARStrek/browser/devtools/styleeditor.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 window:not([windowtype]) {
   7   /* This does not apply to the standalone window in FF 19 and lower,
   8    * only to the dev toolbox in FF 20+. */
   9   padding: 0;
  10 }
  11
  12 #style-editor-chrome {
  13   background-color: #000000;
  14 }
  15
  16 .stylesheet-title,
  17 .stylesheet-name {
  18   text-decoration: none;
  19   color: #9C9CFF;
  20 }
  21
  22 .stylesheet-name {
  23   font-size: 13px;
  24 }
  25
  26 .stylesheet-rule-count,
  27 .stylesheet-saveButton {
  28   color: #FF9F00;
  29 }
  30
  31 .stylesheet-saveButton {
  32   text-decoration: underline;
  33   cursor: pointer;
  34 }
  35
  36 .splitview-active .stylesheet-title,
  37 .splitview-active .stylesheet-name {
  38   color: #FFCF00;
  39 }
  40
  41 .splitview-active .stylesheet-rule-count,
  42 .splitview-active .stylesheet-saveButton {
  43   color: #E7ADE7;
  44 }
  45
  46 .splitview-nav:focus {
  47   outline: 0; /* focus ring is on the stylesheet name */
  48 }
  49
  50 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
  51   font-style: italic;
  52 }
  53
  54 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
  55 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
  56   font-style: italic;
  57 }
  58
  59 .splitview-nav.empty > p {
  60   padding: 0 10px;
  61 }
  62
  63 .stylesheet-enabled {
  64   padding: 8px 0;
  65   margin: 0 8px;
  66   background-image: url("itemToggle.png");
  67   background-repeat: no-repeat;
  68   background-clip: content-box;
  69   background-position: 0 8px;
  70   width: 24px;
  71   height: 40px;
  72 }
  73
  74 .disabled > .stylesheet-enabled {
  75   background-position: -24px 8px;
  76 }
  77
  78 .splitview-nav > li > .stylesheet-enabled:focus,
  79 .splitview-nav > li:hover > .stylesheet-enabled {
  80   outline: 0;
  81 }
  82
  83 .stylesheet-error-message {
  84   color: #FF0000;
  85 }
  86
  87 .stylesheet-more > h3 {
  88   font-size: 11px;
  89   -moz-margin-end: 2px;
  90 }
  91
  92 .devtools-searchinput {
  93   max-width: 25ex;
  94   font-size: 11px;
  95 }
  96
  97 .placeholder {
  98   color: white;
  99 }
 100
 101 .placeholder a {
 102   text-decoration: underline;
 103 }
 104
 105 h1,
 106 h2,
 107 h3 {
 108   font-size: inherit;
 109   font-weight: normal;
 110   margin: 0;
 111   padding: 0;
 112 }
 113
 114 /* portrait mode */
 115 @media (max-width: 550px) {
 116   .splitview-nav {
 117     box-shadow: none;
 118   }
 119
 120   .splitview-nav > li.splitview-active {
 121     background-size: 0 0, 0 0, auto;
 122   }
 123
 124   .stylesheet-enabled {
 125     padding: 0;
 126     background-position: 0 0;
 127     height: 24px;
 128   }
 129
 130   .disabled > .stylesheet-enabled {
 131     background-position: -24px 0;
 132   }
 133
 134   .splitview-nav > li > hgroup.stylesheet-info {
 135     -moz-box-align: baseline;
 136   }
 137 }