garden-o-matic should have a "rebaseline" button
[WebKit-https.git] / Tools / Scripts / webkitpy / tool / servers / data / gardeningserver / main.css
1 body {
2     font-family: Tahoma, sans-serif;
3     font-size: 11px;
4     margin: 0;
5     padding: 0;
6 }
7
8 a {
9     color: Black;
10     font-weight: bold;
11 }
12
13 table {
14     table-layout: fixed;
15     width: 100%;
16     border-collapse: collapse;
17 }
18
19 td {
20     overflow: hidden;
21     vertical-align: top;
22     border-right: 1px solid #CCC;
23 }
24
25 td:last-of-type {
26     border-right: 0px;
27 }
28
29 .butterbar {
30     background-color: #f3f3f3;
31     padding: 5px;
32     position: fixed;
33     top: 0px;
34     right: 0px;
35 }
36
37 .butterbar .hide {
38     margin-left: 20px;
39 }
40
41 /* If we've only seen a given test failure once, we dim it so as not to distract the gardener. */
42 .test[data-failure-count="1"][data-new-test="false"] {
43     -webkit-transition: 1s opacity;
44     opacity: 0.5;
45 }
46
47 .results {
48     margin: 10px;
49 }
50
51 .regression {
52     padding: 0 0 10px 0;
53 }
54
55 .regression .test {
56     margin: 10px 0px;
57 }
58
59 .regression ul {
60     margin: 0;
61     list-style: none;
62     display: inline-block;
63     padding: 0 0 0 10px;
64 }
65
66 .regression li {
67 }
68
69 .regression a {
70     font-weight: normal;
71 }
72
73 .regression .what a {
74     text-decoration: none;
75 }
76
77 .regression .what a[draggable].IMAGE\+TEXT::before {
78     content: 'IMAGE+TEXT';
79     color: white;
80     background-color: Indigo;
81     font-size: 10px;
82     padding: 1px 2px;
83     margin: 0 3px 0 0;
84     border-radius: 4px;
85 }
86
87 .regression .what a[draggable].IMAGE::before {
88     content: 'IMAGE';
89     color: white;
90     background-color: MidnightBlue;
91     font-size: 10px;
92     padding: 1px 2px;
93     margin: 0 3px 0 0;
94     border-radius: 4px;
95 }
96
97 .regression .what a[draggable].TIMEOUT::before {
98     content: 'TIMEOUT';
99     color: white;
100     background-color: DarkGoldenRod;
101     font-size: 10px;
102     padding: 1px 2px;
103     margin: 0 3px 0 0;
104     border-radius: 4px;
105 }
106
107 .regression .what a[draggable].TEXT::before {
108     content: 'TEXT';
109     color: white;
110     background-color: DodgerBlue;
111     font-size: 10px;
112     padding: 1px 2px;
113     margin: 0 3px 0 0;
114     border-radius: 4px;
115 }
116
117 .regression .what a[draggable].CRASH::before {
118     content: 'CRASH';
119     color: white;
120     background-color: Tomato;
121     font-size: 10px;
122     padding: 1px 2px;
123     margin: 0 3px 0 0;
124     border-radius: 4px;
125 }
126
127 .regression .test[data-new-test="true"] .what a[draggable]::after {
128     content: '(new)';
129     margin: 0 3px;
130 }
131
132 .regression .what a {
133     padding: 1px 2px;
134     border-radius: 4px;
135     color: black;
136 }
137
138 .partytime {
139     display: none;
140     text-align:center;
141 }
142
143 .regression .where li {
144     margin: 3px;
145     display: inline-block;
146     padding: 1px 2px;
147     border-radius: 4px;
148     color: #555;
149 }
150
151 .regression .regression-range, .regression .failure-count {
152     padding: 0px 2px;
153     display: inline-block;
154 }
155
156 .regression .failure-count {
157     color: #555;
158 }
159
160 .results-detail {
161     display: none;
162     position: fixed;
163     background-color: #f3f3f3;
164     top: 50%;
165     left: 0px;
166     right: 0px;
167     bottom: 0px;
168 }
169
170 .results-detail .toolbar {
171     border-top: 1px solid #CCC;
172     border-bottom: 1px solid #CCC;
173 }
174
175 .results-detail .toolbar .status {
176     display: inline-block;
177     padding: 5px;
178 }
179
180 .results-detail .toolbar .actions {
181     float: right;
182 }
183
184 .results-detail .toolbar .actions a {
185     display: inline-block;
186     padding: 5px 5px 5px 0px;
187 }
188
189 .results-detail .toolbar {
190     position: relative;
191 }
192
193 .results-detail .content {
194     height: 100%;
195     background-color: white;
196 }
197
198 .results-detail .failure-details .missing-data {
199     font-style: italic;
200     text-align: center;
201 }
202
203 .results-detail .failure-details {
204     height: 100%;
205 }
206
207 .results-detail .failure-details iframe {
208     border: none;
209     width: 100%;
210     height: 100%;
211 }
212
213 .results-detail .failure-details img {
214   width: 100%;
215   height: auto;
216 }
217
218 .results-detail .failure-details td {
219     height: 100%;
220 }