Index: chrome/browser/resources/chromeos/device_log_ui/device_log_ui.css |
diff --git a/chrome/browser/resources/chromeos/device_log_ui/device_log_ui.css b/chrome/browser/resources/chromeos/device_log_ui/device_log_ui.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a4e83c4eafb1a0ab271c6b08257f64ca66c99574 |
--- /dev/null |
+++ b/chrome/browser/resources/chromeos/device_log_ui/device_log_ui.css |
@@ -0,0 +1,115 @@ |
+/* |
+ * Copyright 2014 The Chromium Authors. All rights reserved. |
+ * Use of this source code is governed by a BSD-style license that can be |
+ * found in the LICENSE file. |
+ */ |
+ |
+html { |
+ height: 100%; |
+} |
+ |
+body { |
+ display: flex; |
+ flex-direction: column; |
+ height: 100%; |
+ margin: 0; |
+} |
+ |
+#header { |
+ margin: 5px; |
+} |
+ |
+/* Checkboxes */ |
+ |
+#log-checkbox-container { |
+ margin: 5px; |
+} |
+ |
+#log-checkbox-container button { |
+ margin-right: 8px; |
michaelpg
2014/12/11 01:41:44
-webkit-margin-end
stevenjb
2014/12/11 19:57:51
Done.
|
+} |
+ |
+#log-checkbox-container label { |
+ vertical-align: middle; |
+} |
+ |
+#log-checkbox-show { |
+ font-weight: bold; |
+} |
+ |
+#log-checkbox-container input { |
+ margin-bottom: 1px; |
+ vertical-align: middle; |
+} |
+ |
+/* Log */ |
+ |
+#log-container { |
+ border: 1px solid rgb(220, 220, 220); |
+ flex: 1 1 100%; |
+ font-size: 12px; |
+ margin: 5px; |
+ overflow: auto; |
+ padding: 10px; |
+} |
+ |
+#log-container p { |
+ font-family: monospace; |
+ line-height: 20px; |
+ margin: 2px; |
+} |
+ |
+/* Log Level tags */ |
+ |
+.level-tag { |
+ -webkit-margin-end: 5px; |
+ border: 1px solid; |
+ border-radius: 2px; |
+ float: left; |
+ height: 14px; |
+ margin-top: 2px; |
+ padding: 0 4px 2px 4px; |
+ width: 50px; |
+} |
+ |
+.log-level-error { |
+ color: red; |
+} |
+ |
+.log-level-user { |
+ color: blue; |
+} |
+ |
+.log-level-event { |
+ color: black; |
+} |
+ |
+.log-level-debug { |
+ color: grey; |
+} |
+ |
+/* Log Type tags */ |
+ |
+.type-tag { |
+ -webkit-margin-end: 5px; |
+ border: 1px solid; |
+ border-radius: 2px; |
+ float: left; |
+ font-weight: bold; |
+ height: 14px; |
+ margin-top: 2px; |
+ padding: 0 4px 2px 4px; |
+ width: 50px; |
+} |
+ |
+.log-type-login { |
+ color: darkgreen; |
+} |
+ |
+.log-type-network { |
+ color: darkblue; |
+} |
+ |
+.log-type-power { |
+ color: purple; |
+} |