Unreviewed. Add some WebGPU examples.
[WebKit-https.git] / Websites / webkit.org / perf / slickspeed / style.css
1 body {
2         font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
3         color: #41464D;
4         margin: 0;
5         padding: 0;
6         background: #F3F1F1;
7 }
8
9 /*main rules*/
10
11 a:link, a:visited {
12         color: #528CE0;
13 }
14
15 a:hover, a:active {
16         color: #C65F5E;
17 }
18
19 p {
20         font-size: 13px;
21         margin: 0;
22         padding: 3px 0;
23 }
24
25 iframe {
26         height: 1px;
27         width: 1px;
28         visibility: hidden;
29 }
30
31 span.clr {
32         display: block;
33         clear: both;
34 }
35
36 /*header*/
37
38 h1 {
39         font-family: Georgia;
40         margin: 0;
41         padding: 0;
42         background: url(logo.png) no-repeat top left;
43         height: 69px;
44         width: 280px;
45 }
46
47 h1 span {
48         display: none;
49 }
50
51 h2 {
52         margin: 0;
53         padding: 10px 0;
54         font-size: 15px;
55 }
56
57 #container {
58         padding: 30px;
59 }
60
61 /*controls*/
62
63 #controls a:link, #controls a:visited {
64         display: block;
65         float: right;
66         background: #D0C8C8;
67         padding: 7px 10px;
68         font-size: 13px;
69         font-weight: bold;
70         margin-left: 10px;
71         text-align: center;
72         text-decoration: none;
73         border: 3px solid #fff;
74         color: #41464D;
75         text-shadow: 2px 2px 1px #B9ACAC;
76 }
77
78 #controls a:hover, #controls a:active {
79         text-shadow: none;
80         background: #F3F1F1;
81         color: #528CE0;
82 }
83
84 /*table*/
85
86 table {
87         border-collapse: collapse;
88         width: 100%;
89         min-width: 800px;
90         margin: 0;
91         padding: 0;
92 }
93
94 #legend td {
95         padding: 15px;
96 }
97
98 td, th {
99         background: #C8CBD0;
100         padding: 5px 8px;
101         margin: 0;
102         width: 150px;
103         font-weight: bold;
104         border: 3px solid #fff;
105 }
106
107 th {
108         font-weight: bold;
109         background: #D0C8C8;
110         color: #8A7575;
111 }
112
113 th.framework {
114         font-size: 15px;
115         text-shadow: 2px 2px 1px #B9ACAC;
116 }
117
118 td.test, td.empty, th {
119         text-align: right;
120 }
121
122 td.normal {
123         color: #636A75;
124 }
125
126 td.mismatch {
127         color: #AD7520;
128 }
129
130 td.good {
131         color: #657528;
132         background: #CFE773;
133 }
134
135 td.bad {
136         color: #B33F3F;
137         background: #EE9A9A;
138 }
139
140 td.exception {
141         color: #F3F1F1;
142         background: #41464D;
143 }
144
145 span.exception {
146         color: #DBEAF0;
147         text-decoration: underline;
148         cursor: help;
149 }
150
151 td.zero {
152         color: #F3F1F1;
153         background: #41464D;
154 }
155
156 th.selector {
157         background: #D2E0E6;
158         color: #528CE0;
159         text-align: left;
160 }
161
162 th.score-title, th.selectors-title {
163         text-align: left;
164         font-size: 12px;
165         width: 180px;
166 }
167
168 td.score {
169         color: #8A7575;
170         background: #D0C8C8;
171         text-align: center;
172         font-size: 12px;
173 }
174
175 td.mismatch {
176         background: #E8C896;
177 }
178
179 /*page footer*/
180
181 div#footer {
182         padding: 20px 0;
183 }
184
185 div#footer p {
186         font-size: 11px;
187         color: #B9ACAC;
188 }
189