From f4f782230051f1a8dc0c4448a7502c38152ee75b Mon Sep 17 00:00:00 2001 From: doncr Date: Tue, 22 Nov 2016 01:59:30 +0000 Subject: [PATCH] Added styles. --- conjugation/drill.css | 66 +++++++++++++++++++++++++++++++++++++++++- conjugation/drill.html | 37 +++++++++++++---------- conjugation/drill.js | 22 +++++++++++--- 3 files changed, 104 insertions(+), 21 deletions(-) diff --git a/conjugation/drill.css b/conjugation/drill.css index 9d23ceb..e77c693 100644 --- a/conjugation/drill.css +++ b/conjugation/drill.css @@ -1,3 +1,67 @@ body { - font-family: sans-serif; + font-family: 'Source Sans Pro', sans-serif; + margin: 0; +} + +.questionOuter { + background: #a0a0a0; + width: 100%; +} + +#question { + padding-top: 40px; + font-size: 40px; + padding-bottom: 40px; + margin-left: auto; + margin-right: auto; + display: table; +} + +#input { + background: #eee; + width: 100%; +} + +#answer { + width: 100%; + background: #eee; + border: 0; + padding-top: 12px; + padding-bottom: 12px; + font-size: 30px; + margin-left: auto; + margin-right: auto; + display: table; + text-align: center; +} + +#response { + width: 100%; +} + +#message { + width: 100%; +} + +#message > div { + padding-top: 4px; + padding-bottom: 4px; + text-align: center; +} + +.correct, +.incorrect { + padding-top: 12px; + padding-bottom: 12px; + font-size: 30px; + width: 100%; + text-align: center; +} + +.correct { + background: #8f8; +} + +.incorrect { + background: #f88; } diff --git a/conjugation/drill.html b/conjugation/drill.html index ca7cf6f..f5df597 100644 --- a/conjugation/drill.html +++ b/conjugation/drill.html @@ -1,33 +1,38 @@ + + -

Japanese conjugation test

- -

Question

- -
- -

Answer

- -
- -
- -
+
+
-
+
+
+ +
-
- +
+ +
+ +
+ +
+
+ +
+
+
+