1/**
2 * Copyright 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
6
7html {
8  height: 100%;
9}
10
11body {
12  line-height: 1.4;
13  font: normal 13px arial,sans-serif;
14  color: #222;
15  background-color: #fff;
16  margin: 0;
17  padding: 0 10px;
18  display: flex;
19  display: -webkit-flex;
20  flex-direction: column;
21  -webkit-flex-direction: column;
22  min-height: 100%;
23}
24
25nav-bar {
26  width: 100%;
27}
28
29h1 {
30  align-self: center;
31  -webkit-align-self: center;
32}
33
34a:link {
35  color: #15c;
36}
37
38a:visited {
39  color: #61c;
40}
41
42a:active {
43  color: #d14836;
44}
45
46iframe {
47  border: 0;
48}
49
50.loading-div {
51  background-color: white;
52  display: flex;
53  justify-content: center;
54}
55
56/* Results pages show the results of performing some action.
57 * See templates/result.html. */
58.results dt {
59  font-weight: bold;
60}
61
62.results-pre {
63  white-space: pre;
64  font-family: monospace;
65}
66
67.error {
68  color: #dd4b39;
69  font-weight: bold;
70}
71
72.hidden {
73  display: none;
74}
75
76/* Buttons */
77.kennedy-button, .kennedy-button-submit {
78  border-radius: 2px;
79  font-size: 11px;
80  font-weight: bold;
81  min-width: 54px;
82  height: 27px;
83  line-height: 27px;
84  padding: 0px 8px;
85  -webkit-user-select: none;
86}
87
88.kennedy-button {
89  background-color: #f5f5f5;
90  border: 1px solid rgba(0,0,0,0.1);
91  color: #444;
92  background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
93  cursor: default;
94}
95
96.kennedy-button:disabled, .kennedy-button-submit:disabled {
97  opacity: 0.5;
98}
99
100.kennedy-button:hover, .kennedy-button-submit:hover {
101  box-shadow: none;
102}
103
104.kennedy-button:active, .kennedy-button-submit:active {
105  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
106}
107
108.kennedy-button:focus {
109  outline: none;
110}
111
112.kennedy-button-submit {
113  background-color: #4d90fe;
114  border: 1px solid #3079ed;
115  background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
116  color: #fff;
117}
118
119/* Checkboxes */
120input[type=checkbox] {
121  width: 13px;
122  height: 13px;
123  border: 1px solid #c6c6c6;
124  margin: 0;
125  border-radius: 1px;
126  box-sizing: border-box;
127  cursor: default;
128  position: relative
129}
130
131input[type=checkbox]:checked::after {
132  font-size: 1.3em;
133  content: "✓";
134  position: absolute;
135  top: -5px;
136  left: -1px;
137}
138