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