[iOS] Key code is 0 for many hardware keyboard keys
[WebKit-https.git] / Websites / browserbench.org / resources / main.css
index d2438934e3df992a0428cc60c5dc115a41f3a8e8..20b19dad3c73edf6f7489cc1f091f3f3035cf35f 100644 (file)
@@ -16,12 +16,24 @@ img {
 }
 
 main {
-    width: 800px;
+    max-width: 800px;
     margin: auto;
     text-align: center;
     padding: 10px;
 }
 
+.benchmarks {
+    display: flex;
+    width: 100%;
+    flex-wrap: wrap;
+}
+
+.benchmarks a {
+    display: block;
+    flex: 1;
+    width: 370px;
+}
+
 #logo {
     font-family: "Gill Sans", sans-serif;
     margin-top: 60px;
@@ -61,12 +73,12 @@ hr {
 .benchmark {
     display: block;
     text-decoration: none;
-    margin-top: 40px;
+    margin-top: 20px;
     padding: 30px 0 10px 0;
-    border-radius: 20px;
     cursor: pointer;
     outline: none;
     border: 4px solid transparent;
+    transition: background-color 0.3s ease-out, transform 0.25s ease-in;
 }
 
 .benchmark:focus {
@@ -86,29 +98,14 @@ hr {
 
 .benchmark:hover {
     background-color: rgb(200, 0, 0);
+    transform: scale(1.05);
 }
 
 .benchmark:hover * {
     color: white !important;
 }
 
-#ares-6-logo {
-    width: 625px;
-    height: 137px;
-}
-
-#motionmark-logo {
-    width: 625px;
-    height: 154px;
-}
-
-#speedometer-logo {
-    width: 625px;
-    height: 116px;
-}
-
-#jetstream-logo {
-    width: 621px;
-    height: 96px;
-}
-
+.benchmark img {
+    max-width: 300px;
+    height: auto;
+}
\ No newline at end of file