fourth part of syncing LCARStrek with Firefox 32 windows theme changes

[themes.git] / LCARStrek / browser / devtools / styleeditor.css

diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/browser/devtools/styleeditor.css
index a83e18edf9e447a22fd971df8b0c8bf0bf6f1649..d2ff074f31db2a881b6c8c847e7481da1fc0be38 100644 (file)
--- a/LCARStrek/browser/devtools/styleeditor.css
+++ b/LCARStrek/browser/devtools/styleeditor.css
@@ -1,45 +1,62 @@
 /* vim:set ts=2 sw=2 sts=2 et: */
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is Style Editor code.
- *
- * The Initial Developer of the Original Code is Mozilla Foundation.
- * Portions created by the Initial Developer are Copyright (C) 2011
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Cedric Vivier <cedricv@neonux.com> (original author)
- *   Paul Rouget <paul@mozilla.com>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+window:not([windowtype]) {
+  /* This does not apply to the standalone window in FF 19 and lower,
+   * only to the dev toolbox in FF 20+. */
+  padding: 0;
+}
 
 #style-editor-chrome {
   background-color: #000000;
 }
 
+.csscoverage-report {
+  background: #A09090; /* Toolbars */
+}
+
+.csscoverage-report-container {
+  height: 100vh;
+  padding: 10px;
+}
+
+.csscoverage-report-content {
+  font-size: 13px;
+  margin: 0 auto;
+  max-width: 600px;
+  padding: 0 10px;
+}
+
+.csscoverage-report h1,
+.csscoverage-report h2,
+.csscoverage-report h3 {
+  font-weight: bold;
+}
+
+.csscoverage-report textarea {
+  width: 100%;
+  height: 100px;
+}
+
+.csscoverage-report > .csscoverage-toolbar {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.csscoverage-report > .csscoverage-toolbarbutton {
+  min-width: 4em;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  border-top: none;
+  border-bottom: none;
+  -moz-border-start: none;
+}
+
 .stylesheet-title,
 .stylesheet-name {
   text-decoration: none;
@@ -51,6 +68,7 @@
 }
 
 .stylesheet-rule-count,
+.stylesheet-linked-file,
 .stylesheet-saveButton {
   color: #FF9F00;
 }
@@ -66,6 +84,7 @@
 }
 
 .splitview-active .stylesheet-rule-count,
+.splitview-active .stylesheet-linked-file,
 .splitview-active .stylesheet-saveButton {
   color: #E7ADE7;
 }
@@ -83,6 +102,31 @@
   font-style: italic;
 }
 
+.splitview-nav.empty > p {
+  padding: 0 10px;
+}
+
+.stylesheet-sidebar {
+  width: 230px;
+}
+
+.stylesheet-sidebar {
+  border-left: 1px solid #9C9CFF;
+}
+
+.media-rule-label {
+  border-bottom: 1px solid #A09090;
+}
+
+.media-rule-label {
+  padding: 4px;
+  cursor: pointer;
+}
+
+.media-condition-unmatched {
+  color: #8050B0;
+}
+
 .stylesheet-enabled {
   padding: 8px 0;
   margin: 0 8px;
@@ -90,21 +134,41 @@
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: 0 8px;
+  background-size: 48px 24px;
   width: 24px;
   height: 40px;
 }
 
+@media (min-resolution: 2dppx) {
+  .stylesheet-enabled {
+    background-image: url("itemToggle@2x.png");
+  }
+}
+
 .disabled > .stylesheet-enabled {
   background-position: -24px 8px;
 }
 
+#style-editor-options {
+  width: 20px;
+  overflow: hidden;
+}
+
 .splitview-nav > li > .stylesheet-enabled:focus,
 .splitview-nav > li:hover > .stylesheet-enabled {
   outline: 0;
 }
 
-.stylesheet-error-message {
-  color: #FF0000;
+.stylesheet-linked-file:not(:empty){
+  -moz-margin-end: 0.4em;
+}
+
+.stylesheet-linked-file:not(:empty):before {
+  -moz-margin-start: 0.4em;
+}
+
+li.linked-file-error .stylesheet-linked-file:after {
+  font-size: 110%;
 }
 
 .stylesheet-more > h3 {
@@ -134,6 +198,12 @@ h3 {
   padding: 0;
 }
 
+@media (max-width: 700px) {
+  .stylesheet-sidebar {
+    width: 150px;
+  }
+}
+
 /* portrait mode */
 @media (max-width: 550px) {
   .splitview-nav {
@@ -157,4 +227,8 @@ h3 {
   .splitview-nav > li > hgroup.stylesheet-info {
     -moz-box-align: baseline;
   }
+
+  .stylesheet-sidebar {
+    width: 180px;
+  }
 }