rootUi.css revision 1320f92c476a1ad9d19dba2a48c72b75566198e9 
1/* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5html {
6  font-family: Arial, sans-serif;
7  background: #f2f2f2;
8  font-size: 14px;
9}
10
11html, body {
12  margin: 0;
13  padding: 0;
14  height: 100%;
15}
16
17h1 {
18  text-align: center;
19  font-size: 2.5em;
20  font-family: 'Coda', sans-serif;
21  text-shadow: 0.1em 0.1em 0.2em #666;
22  margin: 0.5em;
23  line-height: 1em;
24}
25
26#load_banner {
27  text-align: center;
28  position: fixed;
29  left: 0;
30  right: 0;
31  bottom: 20em;
32  z-index: -1;
33}
34
35#wrapper {
36  position: fixed;
37  top: 0;
38  left: 0;
39  right: 0;
40  bottom: 2em;
41  overflow: auto;
42}
43
44#tabs {
45  width: 90%;
46  margin: 1em auto;
47  position: relative;
48  box-shadow: 0 0 1.5em #999;
49  visibility: hidden; /* Will be shown by JS after loading. */
50}
51
52#tabs > div > div {
53  margin-bottom: 1em;
54}
55
56#tabs > div header {
57  margin-bottom: 0.5em;
58}
59
60#status_bar {
61  display: block;
62  position: fixed;
63  bottom: 0;
64  top: auto;
65  left: 0;
66  right: 0;
67  width: 100%;
68  height: 2em;
69  line-height: 2em;
70  overflow: hidden;
71  background: #333;
72  color: #eee;
73  font-family: monospace;
74  z-index: 10;
75  margin: 0;
76  padding: 0;
77  box-shadow: 0 0 5px #333;
78}
79
80#progress_bar {
81  position: absolute;
82  width: 20%;
83  top: 3px;
84  right: 3px;
85  bottom: 3px;
86  height: auto;
87}
88
89#progress_bar-label {
90  position: absolute;
91  left: 0;
92  right: 0;
93  width: auto;
94  font-weight: bold;
95  color: #444;
96  text-align: center;
97  line-height: 1.5em;
98}
99
100#status_messages {
101  position: absolute;
102  bottom: 0;
103  left: 0;
104  width: 80%;
105  background: rgba(50,50,50,0.8);
106  color: #0e0;
107  font-family: monospace;
108  white-space: pre;
109  padding: 0 0.5em;
110}
111
112#status_bar.expanded { overflow: visible; }
113
114#status_bar.expanded #status_messages {
115  position: fixed;
116  z-index: 21;
117  left: 0;
118  right: 0;
119  width: auto;
120  height: auto;
121  max-height: 30%;
122  bottom: 0;
123  overflow: auto;
124  line-height: 1.5em;
125}
126
127#os-mem_chart,
128#os-cpu_chart {
129  width: 49%;
130  max-width: 49%;
131  margin: 0;
132  display: inline-block;
133  height: 20em;
134}
135
136table {
137  -webkit-user-select: none;
138}