cb7a1e7725f84e86ef6ef7e83399f4dc4c8eb0fd
[WebKit-https.git] / Tools / BuildSlaveSupport / build.webkit.org-config / public_html / dashboard / Styles / Main.css
1 /*
2  * Copyright (C) 2013 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 * {
27     box-sizing: border-box;
28     -webkit-user-select: none;
29     -webkit-user-drag: none;
30     cursor: default;
31 }
32
33 *:link {
34     cursor: pointer;
35 }
36
37 a {
38     text-decoration: none;
39 }
40
41 a:hover {
42     text-decoration: underline;
43 }
44
45 div.cellButton, div.accessibilityButton {
46     font-family: "HelveticaNeue-Light", sans-serif;
47     font-size: 12px;
48     color: rgb(185, 175, 125);
49     cursor: pointer;
50 }
51
52 div.cellButton.hide, div.accessibilityButton.hide {
53     display: none;
54     position: absolute;
55     bottom: 2px;
56     right: 4px;
57 }
58
59 div.cellButton.unhide, div.accessibilityButton.unhide {
60     display: none;
61 }
62
63 .settings-visible div.cellButton.hide, .settings-visible div.cellButton.unhide,
64 .settings-visible div.accessibilityButton.hide, .settings-visible div.accessibilityButton.unhide {
65     display: block;
66 }
67
68 .hidden {
69     display: none;
70 }
71
72 .settings {
73     position: fixed;
74     top: 5px;
75     left: 5px;
76     width: 35px;
77     height: 35px;
78     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><path fill="rgb(166, 158, 130)" d="M213,144v-39h-21.055c-1.476-5-3.51-10.085-6.051-14.668l14.673-14.697l-27.578-27.589l-14.521,14.665 C153.885,60.17,149,58.13,144,56.654V36h-39v20.654c-5,1.476-10.186,3.51-14.769,6.051L75.484,48.033L47.869,75.609l14.652,14.723 C59.981,94.915,57.929,100,56.453,105H36v39h20.453c1.476,5,3.511,9.985,6.051,14.569l-14.672,14.646l27.577,27.565l14.822-14.679 c4.583,2.541,9.769,4.569,14.769,6.045V213h39v-20.854c5-1.476,9.885-3.51,14.468-6.051l14.597,14.672l27.541-27.576l-14.691-14.623 c2.54-4.583,4.556-9.568,6.031-14.568H213z M124.199,164.9c-22.367,0-40.5-18.133-40.5-40.5s18.133-40.5,40.5-40.5 s40.5,18.133,40.5,40.5S146.566,164.9,124.199,164.9z"/></svg>');
79     cursor: pointer;
80 }
81
82 .settings:hover {
83     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><path fill="rgb(185, 175, 125)" d="M213,144v-39h-21.055c-1.476-5-3.51-10.085-6.051-14.668l14.673-14.697l-27.578-27.589l-14.521,14.665 C153.885,60.17,149,58.13,144,56.654V36h-39v20.654c-5,1.476-10.186,3.51-14.769,6.051L75.484,48.033L47.869,75.609l14.652,14.723 C59.981,94.915,57.929,100,56.453,105H36v39h20.453c1.476,5,3.511,9.985,6.051,14.569l-14.672,14.646l27.577,27.565l14.822-14.679 c4.583,2.541,9.769,4.569,14.769,6.045V213h39v-20.854c5-1.476,9.885-3.51,14.468-6.051l14.597,14.672l27.541-27.576l-14.691-14.623 c2.54-4.583,4.556-9.568,6.031-14.568H213z M124.199,164.9c-22.367,0-40.5-18.133-40.5-40.5s18.133-40.5,40.5-40.5 s40.5,18.133,40.5,40.5S146.566,164.9,124.199,164.9z"/></svg>');
84 }
85
86 .settings-visible .settings {
87     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><path fill="rgb(76, 151, 61)" d="M213,144v-39h-21.055c-1.476-5-3.51-10.085-6.051-14.668l14.673-14.697l-27.578-27.589l-14.521,14.665 C153.885,60.17,149,58.13,144,56.654V36h-39v20.654c-5,1.476-10.186,3.51-14.769,6.051L75.484,48.033L47.869,75.609l14.652,14.723 C59.981,94.915,57.929,100,56.453,105H36v39h20.453c1.476,5,3.511,9.985,6.051,14.569l-14.672,14.646l27.577,27.565l14.822-14.679 c4.583,2.541,9.769,4.569,14.769,6.045V213h39v-20.854c5-1.476,9.885-3.51,14.468-6.051l14.597,14.672l27.541-27.576l-14.691-14.623 c2.54-4.583,4.556-9.568,6.031-14.568H213z M124.199,164.9c-22.367,0-40.5-18.133-40.5-40.5s18.133-40.5,40.5-40.5 s40.5,18.133,40.5,40.5S146.566,164.9,124.199,164.9z"/></svg>');
88 }
89
90 body {
91     background-color: rgb(233, 231, 223);
92     text-align: center;
93     margin: 50px 25px 50px 25px;
94 }
95
96 table.queue-grid {
97     border-spacing: 0;
98     border-collapse: collapse;
99     display: inline-table;
100 }
101
102 table.queue-grid tr.headers th {
103     font-family: "HelveticaNeue-UltraLight", sans-serif;
104     font-size: 30px;
105     font-weight: normal;
106     text-transform: lowercase;
107     color: rgb(145, 135, 95);
108 }
109
110 table.queue-grid tr:nth-child(odd):not(.headers) td {
111     border-top: 1px solid rgb(211, 207, 191);
112     border-bottom: 1px solid rgb(211, 207, 191);
113 }
114
115 table.queue-grid tr th:not(:last-child),
116 table.queue-grid tr td:not(:last-child) {
117     border-right: 1px solid rgb(211, 207, 191);
118 }
119
120 table.queue-grid tr:nth-child(odd):not(.headers) td {
121     background-color: rgb(229, 226, 217);
122 }
123
124 table.queue-grid tr:nth-child(odd):not(.headers) td:first-child {
125     background-color: transparent;
126     background: -webkit-linear-gradient(left, rgba(229, 226, 217, 0), rgb(229, 226, 217));
127 }
128
129 table.queue-grid tr:nth-child(odd):not(.headers) td:last-child {
130     background-color: transparent;
131     background: -webkit-linear-gradient(right, rgba(229, 226, 217, 0), rgb(229, 226, 217));
132 }
133
134 table.queue-grid td {
135     height: 200px;
136     width: 200px;
137     vertical-align: top;
138 }
139
140 table.queue-grid td.logo {
141     position: relative;
142 }
143
144 table.queue-grid td.logo::before {
145     display: block;
146     content: "";
147     width: 200px;
148     height: 0;
149 }
150
151 table.queue-grid td.logo img.ring {
152     content: -webkit-image-set(url(../Images/PlatformRing@2x.png) 2x, url(../Images/PlatformRing.png) 1x);
153     width: 160px;
154     height: 163px;
155     position: absolute;
156     top: 20px;
157     left: 18px;
158     z-index: 1;
159 }
160
161 table.queue-grid td.logo img.logo {
162     width: 144px;
163     height: 144px;
164     position: absolute;
165     top: 29px;
166     left: 26px;
167 }
168
169 table.queue-grid tr.platform.ios-8 img.logo {
170     content: -webkit-image-set(url(../Images/IOSDevice@2x.png) 2x, url(../Images/IOSDevice.png) 1x);
171 }
172
173 table.queue-grid tr.platform.mac-os-x-elcapitan img.logo {
174     content: -webkit-image-set(url(../Images/ElCapitan@2x.png) 2x, url(../Images/ElCapitan.png) 1x);
175 }
176
177 table.queue-grid tr.platform.mac-os-x-yosemite img.logo {
178     content: -webkit-image-set(url(../Images/Yosemite@2x.png) 2x, url(../Images/Yosemite.png) 1x);
179 }
180
181 table.queue-grid tr.platform.mac-os-x-mavericks img.logo {
182     content: -webkit-image-set(url(../Images/Mavericks@2x.png) 2x, url(../Images/Mavericks.png) 1x);
183 }
184
185 table.queue-grid tr.platform.windows-8 img.logo {
186     content: -webkit-image-set(url(../Images/Windows8@2x.png) 2x, url(../Images/Windows8.png) 1x);
187 }
188
189 table.queue-grid tr.platform.windows-7 img.logo {
190     content: -webkit-image-set(url(../Images/Windows7@2x.png) 2x, url(../Images/Windows7.png) 1x);
191 }
192
193 table.queue-grid tr.platform.windows-xp img.logo {
194     content: -webkit-image-set(url(../Images/WindowsXP@2x.png) 2x, url(../Images/WindowsXP.png) 1x);
195 }
196
197 table.queue-grid tr.platform.linux-gtk img.logo {
198     content: -webkit-image-set(url(../Images/GTK@2x.png) 2x, url(../Images/GTK.png) 1x);
199 }
200
201 table.queue-grid tr.platform.linux-efl img.logo {
202     content: -webkit-image-set(url(../Images/EFL@2x.png) 2x, url(../Images/EFL.png) 1x);
203 }
204
205 .popover-tracking:hover {
206     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2)
207 }
208
209 .accessibilityButton {
210     position: absolute;
211     left: 45px;
212     top: 13.5px;
213 }