Added a settings box for personal choice of glossary

nyson · Jan 13, 2012 · 8d4c9e9 · 8d4c9e9
1 parent b3ef46b
commit 8d4c9e9
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -21,10 +21,14 @@
       </p>
     </div>
 
+    <div id="settings">
+      <p>Hello, I am settings</p>
+    </div>
+
     <div id="main">
-      <h1>Simple Hiragana Tester</h1>
+      <h1>Simple Vocabulary/Charachter set tester</h1>
       <div id="info">
-	A simple hiragana tester. Just write your answer in the box below!
+	Just write your answer in the box below!
       </div>
       <div id="checker">
 

diff --git a/style.css b/style.css
@@ -4,18 +4,34 @@ h2#question {
     margin-top: 5px;
 }
 body {
+    margin: 0px;
+    padding: 0px;
     text-align: center;
 }
+
+#main, #settings, #log {
+    border: 1px dashed #000;
+}
+
 #main {
-    position: absolute;
+    position: relative;
+    margin-left: auto;
+    margin-right: auto;
     width: 600px;
-    padding-left: 260px;
+    margin-top: 0px;
+
+}
+#settings {
+    position: fixed; 
+    width: 200px;
+    right: 0px;
+    top: 0px;
 }
 
 #log {
     margin: 0px;
-    font-size: 12px;
-    width: 250px;
+    font-size: 11px;
+    width: 200px;
     padding-left: 2px;
     position: fixed;
     left: 0px;