Add a version number to ARES-6
[WebKit-https.git] / Websites / browserbench.org / resources / main.css
1 body {
2     font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
3     font-size: 14px;
4     line-height: 19px;
5     -webkit-user-select: none;
6 }
7
8 ::selection {
9     background-color: rgb(200, 0, 0);
10     color: white;
11 }
12
13 img {
14     -webkit-user-select: none;
15     -webkit-user-drag: none;
16 }
17
18 main {
19     width: 800px;
20     margin: auto;
21     text-align: center;
22     padding: 10px;
23 }
24
25 #logo {
26     font-family: "Gill Sans", sans-serif;
27     margin-top: 60px;
28     line-height: 50px;
29     font-size: 50px;
30     color: color: rgb(50, 50, 50);
31 }
32
33 #logo span {
34     margin: 0 2px;
35     padding: 0 2px;
36 }
37
38 #logo .normal {
39     background-color: rgb(200, 0, 0);
40     color: white;
41 }
42
43 #logo .light {
44     color: rgb(100, 100, 100);
45     font-family: GillSans-Light, sans-serif;
46 }
47
48 #logo .highlight {
49     color: rgb(200, 0, 0);
50     font-weight: bold;
51     padding-right: 0;
52     margin-right: 0;
53 }
54
55 hr {
56     border: 2px solid rgb(200, 0, 0);
57     border-radius: 2px;
58     margin: 20px 0;
59 }
60
61 .benchmark {
62     display: block;
63     text-decoration: none;
64     margin-top: 40px;
65     padding: 30px 0 10px 0;
66     border-radius: 20px;
67     cursor: pointer;
68     outline: none;
69     border: 4px solid transparent;
70 }
71
72 .benchmark:focus {
73     border: 4px solid rgb(200, 0, 0);
74 }
75
76 .benchmark p {
77     color: rgb(128, 128, 128);
78     -webkit-user-select: text;
79 }
80
81 .benchmark:hover img {
82     -moz-filter: invert(100%) brightness(200);
83     -webkit-filter: invert(100%) brightness(200);
84     filter: invert(100%) brightness(200);
85 }
86
87 .benchmark:hover {
88     background-color: rgb(200, 0, 0);
89 }
90
91 .benchmark:hover * {
92     color: white !important;
93 }
94
95 #ares-6-logo {
96     width: 625px;
97     height: 137px;
98 }
99
100 #motionmark-logo {
101     width: 625px;
102     height: 154px;
103 }
104
105 #speedometer-logo {
106     width: 625px;
107     height: 116px;
108 }
109
110 #jetstream-logo {
111     width: 621px;
112     height: 96px;
113 }
114