892d2ebce8dd2161bdff65efd555061e701890a7
[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 {
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 {
53     display: none;
54     position: absolute;
55     bottom: 2px;
56     right: 4px;
57 }
58
59 div.cellButton.unhide {
60     display: none;
61 }
62
63 .settings-visible div.cellButton.hide, .settings-visible div.cellButton.unhide {
64     display: block;
65 }
66
67 .hidden {
68     display: none;
69 }
70
71 .settings {
72     position: fixed;
73     top: 5px;
74     left: 5px;
75     width: 35px;
76     height: 35px;
77     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>');
78     cursor: pointer;
79 }
80
81 .settings:hover {
82     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>');
83 }
84
85 .settings-visible .settings {
86     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>');
87 }
88
89 body {
90     background-color: rgb(233, 231, 223);
91     text-align: center;
92     margin: 50px;
93 }
94
95 table.queue-grid {
96     border-spacing: 0;
97     border-collapse: collapse;
98     display: inline-table;
99 }
100
101 table.queue-grid tr.headers th {
102     font-family: "HelveticaNeue-UltraLight", sans-serif;
103     font-size: 30px;
104     font-weight: normal;
105     text-transform: lowercase;
106     color: rgb(145, 135, 95);
107 }
108
109 table.queue-grid tr:nth-child(odd):not(.headers) td {
110     border-top: 1px solid rgb(211, 207, 191);
111     border-bottom: 1px solid rgb(211, 207, 191);
112 }
113
114 table.queue-grid tr th:not(:last-child),
115 table.queue-grid tr td:not(:last-child) {
116     border-right: 1px solid rgb(211, 207, 191);
117 }
118
119 table.queue-grid tr:nth-child(odd):not(.headers) td {
120     background-color: rgb(229, 226, 217);
121 }
122
123 table.queue-grid tr:nth-child(odd):not(.headers) td:first-child {
124     background-color: transparent;
125     background: -webkit-linear-gradient(left, rgba(229, 226, 217, 0), rgb(229, 226, 217));
126 }
127
128 table.queue-grid tr:nth-child(odd):not(.headers) td:last-child {
129     background-color: transparent;
130     background: -webkit-linear-gradient(right, rgba(229, 226, 217, 0), rgb(229, 226, 217));
131 }
132
133 table.queue-grid td {
134     width: 200px;
135     vertical-align: top;
136 }
137
138 table.queue-grid td.logo {
139     position: relative;
140 }
141
142 table.queue-grid td.logo::before {
143     display: block;
144     content: "";
145     width: 200px;
146     height: 0;
147 }
148
149 table.queue-grid td.logo img.ring {
150     content: -webkit-image-set(url(../Images/PlatformRing@2x.png) 2x, url(../Images/PlatformRing.png) 1x);
151     width: 160px;
152     height: 163px;
153     position: absolute;
154     top: 20px;
155     left: 18px;
156     z-index: 1;
157 }
158
159 table.queue-grid td.logo img.logo {
160     width: 144px;
161     height: 144px;
162     position: absolute;
163     top: 29px;
164     left: 26px;
165 }
166
167 table.queue-grid tr.platform.mac-os-x-mavericks img.logo {
168     content: -webkit-image-set(url(../Images/Mavericks@2x.png) 2x, url(../Images/Mavericks.png) 1x);
169 }
170
171 table.queue-grid tr.platform.mac-os-x-mountain-lion img.logo {
172     content: -webkit-image-set(url(../Images/MountainLion@2x.png) 2x, url(../Images/MountainLion.png) 1x);
173 }
174
175 table.queue-grid tr.platform.mac-os-x-lion img.logo {
176     content: -webkit-image-set(url(../Images/Lion@2x.png) 2x, url(../Images/Lion.png) 1x);
177 }
178
179 table.queue-grid tr.platform.windows-8 img.logo {
180     content: -webkit-image-set(url(../Images/Windows8@2x.png) 2x, url(../Images/Windows8.png) 1x);
181 }
182
183 table.queue-grid tr.platform.windows-7 img.logo {
184     content: -webkit-image-set(url(../Images/Windows7@2x.png) 2x, url(../Images/Windows7.png) 1x);
185 }
186
187 table.queue-grid tr.platform.windows-xp img.logo {
188     content: -webkit-image-set(url(../Images/WindowsXP@2x.png) 2x, url(../Images/WindowsXP.png) 1x);
189 }
190
191 table.queue-grid tr.platform.linux-gtk img.logo {
192     content: -webkit-image-set(url(../Images/GTK@2x.png) 2x, url(../Images/GTK.png) 1x);
193 }
194
195 table.queue-grid tr.platform.linux-efl img.logo {
196     content: -webkit-image-set(url(../Images/EFL@2x.png) 2x, url(../Images/EFL.png) 1x);
197 }
198
199 .popover-tracking:hover {
200     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2)
201 }