Add about page for MotionMark
[WebKit-https.git] / PerformanceTests / MotionMark / resources / runner / motionmark.css
index 05b45f8..86da6be 100644 (file)
@@ -278,10 +278,13 @@ button:disabled {
     }
 }
 
-/* Intro section */
+/* Intro section, About page */
 
-#intro {
+#intro, #about {
     padding: 2em;
+}
+
+#intro {
     opacity: 0;
     transition: opacity 500ms ease-in;
 }
@@ -290,6 +293,40 @@ body.images-loaded #intro {
     opacity: 1;
 }
 
+#about .body {
+    transform: none;
+    margin: 0;
+    max-width: initial;
+}
+
+#about li {
+    line-height: 1.5em;
+}
+
+#about button {
+    padding: .75em 2em;
+    margin: 1.5em auto 0;
+    min-width: initial;
+    transform: skewX(-10deg);
+}
+
+@media screen and (min-width: 667px) {
+    #about .body {
+        font-size: .7em;
+        margin: 1em;
+    }
+
+    #about ol, #about ul {
+        padding-left: 3em;
+    }
+}
+
+
+#intro a, #about a,
+#intro a:visited, #about a:visited {
+    color: black;
+}
+
 /* Running test section */
 
 .frame-container {