From e07281bbff058e60f27554691ef486593ed7fc79 Mon Sep 17 00:00:00 2001
From: Joey Lai <joeylai96@hotmail.com>
Date: Fri, 13 Jan 2017 11:38:55 +0100
Subject: [PATCH] FIXED things

---
 website/login.php        |  9 +++----
 website/styles/index.css | 56 ++++++++++++++++++++++++++++++++++++++--
 2 files changed, 58 insertions(+), 7 deletions(-)
diff --git a/website/login.php b/website/login.php
index 9211818..cefaf52 100644
--- a/website/login.php
+++ b/website/login.php
@@ -3,6 +3,7 @@
     <head>
         <link rel="stylesheet" type="text/css" href="styles/index.css">
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+        <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>        
     		<script src="js/dobPicker.min.js"></script>
         <meta charset="utf-8">
         <title>MyHyvesbook+</title>
@@ -14,6 +15,7 @@
 
         <form action="../profile.php" method="post">
             <h1>Welkom bij MyHyvesbook+</h1>
+
             <div class="login_containerlogin">
                 <label><b>Gebruikersnaam</b></label>
                 <input type="text" placeholder="Voer uw gebruikersnaam in" name="uname"
@@ -60,12 +62,12 @@
                     <div class="login_containerregister">
                         <label><b>Geboortedatum</b></label>
                         <!-- These are the select elements we will target -->
-                    		<select id="dobday" title="Voer een dag in" ></select>
+                    		<select id="dobday" title="Voer een dag in" required></select>
                     		<select id="dobmonth" title="Voer een maand in" required></select>
                     		<select id="dobyear" title="Voer een jaar in" required></select>
                     		<!-- And here's the library being called! -->
                     		<script>
-                    			$(document).ready(function() {
+                    			  $(document).ready(function() {
                         				$.dobPicker({
                           					daySelector: '#dobday',
                           					monthSelector: '#dobmonth',
@@ -124,9 +126,6 @@
                 </form>
             </div>
         </div>
-        <script>
-        $("#default-settings").birthdayPicker();
-        </script>
     </body>
 </html>
 
diff --git a/website/styles/index.css b/website/styles/index.css
index 4f6ed16..14c01ea 100644
--- a/website/styles/index.css
+++ b/website/styles/index.css
@@ -1,6 +1,11 @@
 /* Body */
 body {
-    background-color: #B78996;
+  height: 100%;
+
+  background-color: #B78996;
+  color: #333;
+
+  font-family: Arial, sans-serif;
 }
 
 /* inlogform */
@@ -17,15 +22,16 @@ form {
 h1 {
     padding: 16px;
     text-align: center;
+    font-size: 2.2em;
 }
 
 /* registreer titel*/
 h2 {
     padding: 16px;
     text-align: left;
+    font-size: 2.0em;
 }
 
-/* text */
 label {
     display: block;
 }
@@ -40,6 +46,8 @@ select {
     padding: 12px 20px;
     margin: 8px 0;
     width: 15%;
+    font-family: Arial;
+    font-size: 16px;    
 }
 
 input[type=text], input[type=password], input[type=email] {
@@ -51,6 +59,8 @@ input[type=text], input[type=password], input[type=email] {
     padding: 12px 20px;
     margin: 8px 0;
     width: 50%;
+    font-family: Arial;
+    font-size: 16px;
 }
 
 input[type=submit]{
@@ -63,6 +73,8 @@ input[type=submit]{
     margin: 8px 0;
     padding: 14px 20px;
     width: 50%;
+    font-family: Arial;
+    font-size: 16px;
 }
 
 /* stijl voor alle buttons */
@@ -76,6 +88,8 @@ button {
     margin: 8px 0;
     padding: 14px 20px;
     width: 25%;
+    font-family: Arial;
+    font-size: 16px;
 }
 
 /* padding voor registreer container */
@@ -149,3 +163,41 @@ button {
     from {transform: scale(0)}
     to {transform: scale(1)}
 }
+
+::selection {
+    background: #845663;
+    color: white;
+}
+
+::-moz-selection {
+    background: #845663;
+    color: white;
+}
+
+a, a:link, a:visited, a:hover, a:active {
+    color: inherit;
+    text-decoration: none;
+}
+
+
+a[data-title]:hover:after, img[data-title]:hover:after, span[data-title]:hover:after,
+div[data-title]:hover:after{
+    content: attr(data-title);
+    padding: 4px 4px;
+    color: #FFFFFF;
+    position: absolute;
+    left: 0;
+    top: 100%;
+    z-index: 20;
+    white-space: nowrap;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-box-shadow: 0px 0px 4px #222;
+    -webkit-box-shadow: 0px 0px 4px #222;
+    box-shadow: 0px 0px 4px #222;
+    background-color: #333;
+    font-size: 15px;
+    line-height: normal;
+    font-family: Arial, sans-serif;
+}
