0f099e6b84080d9dffa3440b3bb4d54c8e367dda
[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 .dismiss {
181     float: right;
182     display: inline-block;
183     padding: 5px;
184 }
185
186 .results-detail .toolbar {
187     position: relative;
188 }
189
190 .results-detail .content {
191     height: 100%;
192     background-color: white;
193 }
194
195 .results-detail .failure-details .missing-data {
196     font-style: italic;
197     text-align: center;
198 }
199
200 .results-detail .failure-details {
201     height: 100%;
202 }
203
204 .results-detail .failure-details iframe {
205     border: none;
206     width: 100%;
207     height: 100%;
208 }
209
210 .results-detail .failure-details img {
211   width: 100%;
212   height: auto;
213 }
214
215 .results-detail .failure-details td {
216     height: 100%;
217 }