1/*
2 * Copyright 2010 Google Inc.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 *     http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/* Major page sections. */
18html, body {
19  overflow: hidden;
20}
21#sidebar {
22  top: 0;
23  left: 0;
24  position: absolute;
25  width: 30%;
26  height: 100%;
27  overflow: auto;
28  padding: 0;
29  border-right: 1px solid grey;
30  margin: 0;
31  background-color: #f8f8f8;
32}
33#content {
34  border: 0;
35  margin: 0 0 0 30%;
36  padding: 0 0 0 1px; /* must match border+padding on #sidebar */
37}
38#detail {
39  padding: 10px;
40  overflow-y: auto;
41}
42#control {
43  padding: 0;
44  margin: 0;
45  height: 25px;
46  width: 100%;
47  border-bottom: 1px solid #808080;
48}
49#control-table {
50  height: 100%;
51  float: right;
52}
53.control-cell {
54  text-align: center;
55  vertical-align: middle;
56  padding: 0 4px;
57}
58#status-console {
59  border-top: 1px solid grey;
60  border-right: 0;
61  border-bottom: 0;
62  border-left: 0;
63  padding: 0;
64  margin: 0;
65}
66
67/* shared styling of pipeline info divs */
68.status-message {
69}
70.status-message-text {
71  font-family: monospace;
72}
73abbr {
74  cursor: help;
75  border: 0;
76}
77.status-links > a {
78  margin-right: 5px;
79}
80.status-title {
81  text-transform: capitalize;
82}
83
84/* detail-specific styling */
85.status-param,
86.retry-param {
87  padding-left: 1em;
88  font-size: 0.85em;
89}
90.slot-detail,
91.status-param-value {
92  padding-left: 1em;
93  word-wrap: break-word;
94}
95.value-disclosure-more {
96  display: none;
97}
98.run-after-pipeline-id,
99.child-pipeline-id,
100.child-link,
101.run-after-link {
102  display: block;
103  padding-left: 1em;
104  font-size: 0.85em;
105}
106#detail .status-box {
107  font-size: 1em;
108}
109#detail .outputs-container,
110#detail .param-container,
111#detail .child-container,
112#detail .run-after-container,
113#detail .status-retry-params {
114  margin-top: 1em;
115}
116#detail .status-param-value,
117#detail .slot-value {
118  font-family: monospace;
119}
120
121/* sidebar */
122#sidebar .status-title {
123}
124#sidebar .status-message {
125  word-wrap: break-word;
126}
127#sidebar .status-time {
128}
129#sidebar .status-runtime {
130}
131#sidebar .status-links {
132}
133#sidebar .status-box {
134  font-size: 0.85em;
135  padding: 3px 3px;
136  min-width: 200px;
137  border-left: 1px solid #BFBFBF;
138  border-right: 0;
139  border-top: 0;
140  border-bottom: 1px solid #BFBFBF;
141}
142#sidebar .status-waiting {
143  background-color: #EDEDED;
144}
145#sidebar .status-run,
146#sidebar .status-finalizing {
147  background-color: #fff;
148}
149#sidebar .status-done {
150  background-color: #BEEDBE;
151}
152#sidebar .status-aborted,
153#sidebar .status-canceled {
154  background-color: #EDBEC6;
155}
156#sidebar .status-retry {
157  background-color: #EDE7B2;
158}
159.treeview li {
160  padding: 0 0 0 16px;
161}
162.disclosure {
163  text-decoration: underline;
164  color: blue;
165  padding-top: 0.5em;
166  padding-left: 3px;
167  display: block;
168}
169.selected-indicator {
170  display: none;
171}
172.selected-link .selected-indicator {
173  display: block;
174  float: right;
175  margin: 0;
176  padding: 0;
177  font-size: 30px;
178  color: #000;
179  font-weight: bold;
180  line-height: 15px;
181}
182.status-links .selected-link {
183  font-weight: bold !important;
184}
185.status-links a:active,
186.status-links a:link,
187.status-links a:visited {
188  text-decoration: underline;
189  color: blue;
190  font-weight: normal;
191}
192.disclosure:hover,
193.status-links a:hover,
194.detail-link a:hover {
195  text-decoration: underline;
196}
197#sidebar .detail-link {
198  word-wrap: break-word;
199}
200.detail-link a {
201  font-size: 1.2em;
202  font-weight: bold;
203  text-decoration: none;
204}
205.detail-link a:active,
206.detail-link a:link,
207.detail-link a:visited {
208  color: black;
209}
210