LCARStrek/browser/devtools/styleeditor.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* ***** BEGIN LICENSE BLOCK *****
   3  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   4  *
   5  * The contents of this file are subject to the Mozilla Public License Version
   6  * 1.1 (the "License"); you may not use this file except in compliance with
   7  * the License. You may obtain a copy of the License at
   8  * http://www.mozilla.org/MPL/
   9  *
  10  * Software distributed under the License is distributed on an "AS IS" basis,
  11  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12  * for the specific language governing rights and limitations under the
  13  * License.
  14  *
  15  * The Original Code is Style Editor code.
  16  *
  17  * The Initial Developer of the Original Code is Mozilla Foundation.
  18  * Portions created by the Initial Developer are Copyright (C) 2011
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Cedric Vivier <cedricv@neonux.com> (original author)
  23  *   Paul Rouget <paul@mozilla.com>
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the MPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the MPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 #style-editor-chrome {
  40   background-color: #000000;
  41 }
  42
  43 .stylesheet-title,
  44 .stylesheet-name {
  45   text-decoration: none;
  46   color: #9C9CFF;
  47 }
  48
  49 .stylesheet-name {
  50   font-size: 13px;
  51 }
  52
  53 .stylesheet-rule-count,
  54 .stylesheet-saveButton {
  55   color: #FF9F00;
  56 }
  57
  58 .stylesheet-saveButton {
  59   text-decoration: underline;
  60   cursor: pointer;
  61 }
  62
  63 .splitview-active .stylesheet-title,
  64 .splitview-active .stylesheet-name {
  65   color: #FFCF00;
  66 }
  67
  68 .splitview-active .stylesheet-rule-count,
  69 .splitview-active .stylesheet-saveButton {
  70   color: #E7ADE7;
  71 }
  72
  73 .splitview-nav:focus {
  74   outline: 0; /* focus ring is on the stylesheet name */
  75 }
  76
  77 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
  78   font-style: italic;
  79 }
  80
  81 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
  82 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
  83   font-style: italic;
  84 }
  85
  86 .stylesheet-enabled {
  87   padding: 8px 0;
  88   margin: 0 8px;
  89   background-image: url("itemToggle.png");
  90   background-repeat: no-repeat;
  91   background-clip: content-box;
  92   background-position: 0 8px;
  93   width: 24px;
  94   height: 40px;
  95 }
  96
  97 .disabled > .stylesheet-enabled {
  98   background-position: -24px 8px;
  99 }
 100
 101 .splitview-nav > li > .stylesheet-enabled:focus,
 102 .splitview-nav > li:hover > .stylesheet-enabled {
 103   outline: 0;
 104 }
 105
 106 .stylesheet-error-message {
 107   color: #FF0000;
 108 }
 109
 110 .stylesheet-more > h3 {
 111   font-size: 11px;
 112   -moz-margin-end: 2px;
 113 }
 114
 115 .devtools-searchinput {
 116   max-width: 25ex;
 117   font-size: 11px;
 118 }
 119
 120 .placeholder {
 121   color: white;
 122 }
 123
 124 .placeholder a {
 125   text-decoration: underline;
 126 }
 127
 128 h1,
 129 h2,
 130 h3 {
 131   font-size: inherit;
 132   font-weight: normal;
 133   margin: 0;
 134   padding: 0;
 135 }
 136
 137 /* portrait mode */
 138 @media (max-width: 550px) {
 139   .splitview-nav {
 140     box-shadow: none;
 141   }
 142
 143   .splitview-nav > li.splitview-active {
 144     background-size: 0 0, 0 0, auto;
 145   }
 146
 147   .stylesheet-enabled {
 148     padding: 0;
 149     background-position: 0 0;
 150     height: 24px;
 151   }
 152
 153   .disabled > .stylesheet-enabled {
 154     background-position: -24px 0;
 155   }
 156
 157   .splitview-nav > li > hgroup.stylesheet-info {
 158     -moz-box-align: baseline;
 159   }
 160 }