+/* Tracer */
+
+#trace {
+ list-style-image: url("tracer-icon.png");
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#trace:hover,
+#trace[checked] {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+#start-tracing {
+ padding: 4px;
+ margin: 4px;
+}
+
+#clear-tracer {
+ /* Make this button as narrow as the text inside it. */
+ min-width: 1px;
+}
+
+#tracer-message {
+ /* Prevent the container deck from aquiring the height from this message. */
+ min-height: 1px;
+}
+
+.trace-name {
+ -moz-padding-start: 4px !important;
+}
+
+#tracer-traces > scrollbox {
+ overflow: scroll;
+ /* Hack to enable hardware acceleration */
+ transform: translateZ(0);
+}
+
+/* Tracer dark+light theme */
+
+#tracer-message {
+ color: #FF9F00; /* Light foreground text */
+}
+
+.trace-item {
+ color: #FF9F00; /* Light foreground text */
+}
+
+.trace-item.selected-matching {
+ background-color: #004242; /* Select highlight blue at 40% alpha */
+}
+
+.selected > .trace-item {
+ background-color: #004242; /* Select highlight blue at 75% alpha */
+}
+
+.trace-call {
+ color: #9C9CFF; /* highlight blue */
+}
+
+.trace-return,
+.trace-yield {
+ color: #008484; /* highlight green */
+}
+
+.trace-throw {
+ color: #FF0000; /* highlight red */
+}
+
+.trace-param {
+ color: #E7ADE7; /* Content text light */
+}
+
+.trace-syntax {
+ color: #A09090; /* highlight grey */
+}
+