third 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 af6d501729b8fdabb8ab185e0fda58115cb131b5..91905ff6e1742eedf8494ce518f9833e038edd95 100644 (file)
--- a/LCARStrek/browser/devtools/styleeditor.css
+++ b/LCARStrek/browser/devtools/styleeditor.css
@@ -13,6 +13,50 @@ window:not([windowtype]) {
   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;
@@ -62,6 +106,27 @@ window:not([windowtype]) {
   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;
@@ -69,10 +134,17 @@ window:not([windowtype]) {
   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;
 }
@@ -121,6 +193,12 @@ h3 {
   padding: 0;
 }
 
+@media (max-width: 700px) {
+  .stylesheet-sidebar {
+    width: 150px;
+  }
+}
+
 /* portrait mode */
 @media (max-width: 550px) {
   .splitview-nav {
@@ -144,4 +222,8 @@ h3 {
   .splitview-nav > li > hgroup.stylesheet-info {
     -moz-box-align: baseline;
   }
+
+  .stylesheet-sidebar {
+    width: 180px;
+  }
 }