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