second part of syncing LCARStrek with Firefox 36 windows theme changes

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

diff --git a/LCARStrek/browser/devtools/highlighter.css b/LCARStrek/browser/devtools/highlighter.css
new file mode 100644 (file)
index 0000000..5e02dc8
--- /dev/null
+++ b/LCARStrek/browser/devtools/highlighter.css
@@ -0,0 +1,169 @@
+/* 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/. */
+
+/*
+  The :-moz-native-anonymous selector prefix prevents the styles defined here
+  from impacting web content.
+  Indeed, this pseudo-class is only available to chrome code.
+  This stylesheet is loaded as a ua stylesheet via the addon sdk, so having this
+  pseudo-class is important.
+  Having bug 1086532 fixed would make it possible to load this stylesheet in a
+  <style scoped> node instead, directly in the native anonymous container
+  element.
+*/
+
+:-moz-native-anonymous .highlighter-container {
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+:-moz-native-anonymous .highlighter-container [hidden] {
+  display: none;
+}
+
+/* Box model highlighter */
+:-moz-native-anonymous .box-model-container {
+  opacity: 0.4;
+}
+
+:-moz-native-anonymous .box-model-content {
+  fill: #008484;
+}
+
+:-moz-native-anonymous .box-model-padding {
+  fill: #9C9CFF;
+}
+
+:-moz-native-anonymous .box-model-border {
+  fill: #FFCF00;
+}
+
+:-moz-native-anonymous .box-model-margin {
+  fill: #A09090;
+}
+
+:-moz-native-anonymous .box-model-content,
+:-moz-native-anonymous .box-model-padding,
+:-moz-native-anonymous .box-model-border,
+:-moz-native-anonymous .box-model-margin {
+  stroke: none;
+}
+
+:-moz-native-anonymous .box-model-guide-top,
+:-moz-native-anonymous .box-model-guide-right,
+:-moz-native-anonymous .box-model-guide-bottom,
+:-moz-native-anonymous .box-model-guide-left {
+  stroke: #E7ADE7;
+  stroke-dasharray: 5 3;
+  shape-rendering: crispEdges;
+}
+
+/* Highlighter - Node Infobar */
+
+:-moz-native-anonymous .box-model-nodeinfobar-container {
+  position: absolute;
+  max-width: 95%;
+
+  font: message-box;
+  font-size: 11px;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar {
+  position: relative;
+
+  /* Centering the nodeinfobar in the container */
+  left: -50%;
+
+  padding: 5px;
+  min-width: 75px;
+
+  border-radius: 3px;
+  background: #000000 no-repeat padding-box;
+
+  color: #FF9F00;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[hide-arrow] > .box-model-nodeinfobar {
+  margin: 7px 0;
+}
+
+/* Arrows */
+
+:-moz-native-anonymous .box-model-nodeinfobar-container > .box-model-nodeinfobar:before {
+  content: "";
+  display: none;
+
+  position: absolute;
+  left: calc(50% - 14px);
+
+  height: 0;
+  width: 0;
+  border: 14px solid #008484;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[position="top"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
+  border-bottom: 0;
+  top: 100%;
+  display: block;
+}
+
+:-moz-native-anonymous .box-model-nodeinfobar-container[position="bottom"]:not([hide-arrow]) > .box-model-nodeinfobar:before {
+  border-top: 0;
+  bottom: 100%;
+  display: block;
+}
+
+/* Text container */
+
+:-moz-native-anonymous .box-model-nodeinfobar-text {
+  overflow: hidden;
+  white-space: nowrap;
+  direction: ltr;
+  text-align: center;
+  padding-bottom: 1px;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-tagname {
+  color: #FFCF00;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-id {
+  color: #9C9CFF;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-classes,
+:-moz-native-anonymous .highlighter-nodeinfobar-pseudo-classes {
+  color: #FF9F00;
+}
+
+:-moz-native-anonymous .highlighter-nodeinfobar-dimensions {
+  color: #A09090;
+  -moz-border-start: 1px solid #9C9CFF;
+  -moz-margin-start: 6px;
+  -moz-padding-start: 6px;
+}
+
+/* Css transform highlighter */
+
+:-moz-native-anonymous .css-transform-transformed {
+  fill: #9C9CFF;
+  opacity: 0.8;
+}
+
+:-moz-native-anonymous .css-transform-untransformed {
+  fill: #A09090;
+  opacity: 0.8;
+}
+
+:-moz-native-anonymous .css-transform-transformed,
+:-moz-native-anonymous .css-transform-untransformed,
+:-moz-native-anonymous .css-transform-line {
+  stroke: #E7ADE7;
+  stroke-dasharray: 5 3;
+  stroke-width: 2;
+}