diff -r 000000000000 -r 6474c204b198 toolkit/content/aboutTelemetry.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/toolkit/content/aboutTelemetry.css	Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,190 @@
+/* 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/. */
+
+.hidden {
+  display: none;
+}
+
+html {
+  background-color: -moz-Field;
+  color: -moz-FieldText;
+  font: message-box;
+}
+
+body {
+  padding: 0px;
+  margin: 0px;
+}
+
+h2 {
+  font-size: medium;
+}
+
+#page-description {
+  background-color: LightGray;
+  border: 1px solid threedshadow;
+  margin: 0px;
+  padding: 10px;
+}
+
+#description-enabled > span {
+  color: green;
+}
+
+#description-disabled > span {
+  color: red;
+}
+
+.data-section {
+  background-color: WhiteSmoke;
+  border-top: 1px solid threedshadow;
+  border-bottom: 1px solid threedshadow;
+  margin: 0px;
+  padding: 10px;
+}
+
+.data-section:not(.has-data) {
+  color: gray;
+}
+
+
+.section-name {
+  font-size: x-large;
+  display: inline;
+}
+
+.has-data .section-name {
+  cursor: pointer;
+}
+
+
+.toggle-caption {
+  font-style: italic;
+  cursor: pointer;
+}
+
+.data-section:not(.has-data) .toggle-caption {
+  display: none;
+}
+
+
+.empty-caption {
+  font-style: italic;
+}
+
+.has-data .empty-caption {
+  display: none; /* invisible when has-data */
+}
+
+
+.data {
+  margin: 15px;
+  display: none;
+}
+
+.has-data.expanded .data {
+  display: block;
+}
+
+
+.stack-title {
+  font-size: medium;
+  font-weight: bold;
+  text-decoration: underline;
+}
+
+#histograms, #addon-histograms, #thread-hang-stats>div {
+  overflow: hidden;
+}
+
+.histogram {
+  float: left;
+  border: 1px solid gray;
+  white-space: nowrap;
+  padding: 10px;
+  position: relative; /* required for position:absolute of the contained .copy-node */
+}
+
+body[dir="rtl"] .histogram {
+  float: right;
+}
+
+.histogram-title {
+  text-overflow: ellipsis;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.bar {
+  width: 2em;
+  margin: 2px;
+  text-align: center;
+  float: left;
+  font-family: monospace;
+}
+
+body[dir="rtl"] .bar {
+  float: right;
+}
+
+.bar-inner {
+  background-color: DeepSkyBlue;
+  border: 1px solid #0000b0;
+}
+
+th {
+  font-weight: bold;
+  white-space: nowrap;
+  text-align: left;
+}
+
+body[dir="rtl"] th {
+  text-align: right;
+}
+
+caption {
+  font-weight: bold;
+  white-space: nowrap;
+  text-align: left;
+  font-size: large;
+}
+
+body[dir="rtl"] caption {
+  text-align: right;
+}
+
+.copy-node {
+  visibility: hidden;
+  position: absolute;
+  bottom: 1px;
+  right: 1px;
+}
+
+body[dir="rtl"] .copy-node {
+  left: 1px;
+}
+
+.histogram:hover .copy-node {
+  visibility: visible;
+}
+
+
+.statebox {
+  display: none;
+}
+
+
+.filter-ui {
+  -moz-padding-start: 10em;
+  display: none;
+}
+
+.has-data.expanded .filter-ui {
+  display: inline;
+}
+
+.filter-blocked {
+  display: none;
+}