diff --git a/Website/GUI/FindWork.php b/Website/GUI/FindWork.php new file mode 100644 index 0000000..ed2fc16 --- /dev/null +++ b/Website/GUI/FindWork.php @@ -0,0 +1,22 @@ + + + + + + + DevLancer - Developer jobs for freelancers + + + + + + \ No newline at end of file diff --git a/Website/GUI/PostAProject.php b/Website/GUI/PostAProject.php new file mode 100644 index 0000000..cab3c50 --- /dev/null +++ b/Website/GUI/PostAProject.php @@ -0,0 +1,28 @@ + + + + + + + DevLancer - Developer jobs for freelancers + + + +
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/Website/GUI/index.php b/Website/GUI/index.php index f3cb2b8..54b4a9e 100644 --- a/Website/GUI/index.php +++ b/Website/GUI/index.php @@ -1,13 +1,22 @@ + - + DevLancer - Developer jobs for freelancers -
- this is header -
+ + - + \ No newline at end of file diff --git a/Website/Media/devlancer_horizontal.png b/Website/Media/devlancer_horizontal.png new file mode 100644 index 0000000..a46f056 Binary files /dev/null and b/Website/Media/devlancer_horizontal.png differ diff --git a/Website/Media/devlancer_vertical.png b/Website/Media/devlancer_vertical.png new file mode 100644 index 0000000..ec897c5 Binary files /dev/null and b/Website/Media/devlancer_vertical.png differ diff --git a/Website/Media/messages_icon.png b/Website/Media/messages_icon.png new file mode 100644 index 0000000..4f97955 Binary files /dev/null and b/Website/Media/messages_icon.png differ diff --git a/Website/WebServices/dbConnect.php b/Website/WebServices/dbConnect.php index 03a9d4f..c8fb06b 100644 --- a/Website/WebServices/dbConnect.php +++ b/Website/WebServices/dbConnect.php @@ -1,8 +1,24 @@ connect_error) { + die("Couldn't connect"); + return -1; + } + return $conn; + } + function openPerConn() { + $conn = mysqli_connect('p:' . HOST, USER, PASS, DBNAME); + if($conn->connect_error) { + die("Couldn't connect"); + return -1; + } + return $conn; + } + function closeConn($conn) { + mysqli_close($conn); + } diff --git a/Website/WebServices/functions.php b/Website/WebServices/functions.php new file mode 100644 index 0000000..6180144 --- /dev/null +++ b/Website/WebServices/functions.php @@ -0,0 +1,164 @@ += 33) { + $publickey = substr($_COOKIE['publickey'], -32); + $userid = substr($_COOKIE['publickey'], 0, -32); + if($results = $link->query("SELECT * FROM `autologin` WHERE `user_id` = ".$userid." AND `publickey` = '".$publickey."'")) { + $resultArr = mysqli_fetch_all($results, MYSQLI_ASSOC); + foreach ($resultArr as $row) { + foreach($row['privatekey'] as $value) { + if($value === genPrivateString($userid)) { + $_SESSION["USER_ID"] = $userid; + $_SESSION["USERAGENT"] = $_SERVER["HTTP_USER_AGENT"]; + loginSuccessfulSetters(); + return; + } + } + } + goto Guest; + } else { + goto Guest; + } + } else { + goto Guest; + } + } else { + goto Guest; + Guest: { + $result = $link->query("SELECT * FROM `groups` WHERE `group_name` LIKE 'Guest'"); + $arr = mysqli_fetch_all($result, MYSQLI_ASSOC); + $groupid = intval($arr[0]['id']); + $_SESSION["GROUP_ID"] = $groupid; + } + } + closeConn($link); +} +function checkUserExist($username, $email, $conn) { + if($stmt = $conn->prepare("SELECT * FROM `users` WHERE `username` LIKE ?")) { + $stmt->bind_param('s', $username); + $stmt->execute(); + $result = $stmt->get_result(); + $row_cnt=$result->num_rows; + if($row_cnt>0) { + return 1; + } + $result=NULL; + } else { + $error = $conn->errno . ' ' . $conn->error; + echo $error; // 1054 Unknown column 'foo' in 'field list' + } + $stmt = $conn->prepare("SELECT * FROM users WHERE email LIKE ?"); + $stmt->bind_param('s', $email); + if($stmt->execute()) { + $result = $stmt->get_result(); + $row_cnt=$result->num_rows; + if($row_cnt>0) { + return 2; + } + } else { + $error = $conn->errno . ' ' . $conn->error; + echo $error; // 1054 Unknown column 'foo' in 'field list' + } + return 0; +} +function checkEmailBanned($email, $conn) { + if($stmt = $conn->prepare("SELECT notes FROM `banned_emails` WHERE ? LIKE `email_regex`")) { + $stmt->bind_param('s', $email); + $stmt->execute(); + $result = $stmt->get_result(); + $row_cnt=$result->num_rows; + if($row_cnt>0) { + $error = mysqli_fetch_assoc($result)['notes']; + return $error; + } + } else { + $error = $conn->errno . ' ' . $conn->error; + echo $error; // 1054 Unknown column 'foo' in 'field list' + } + return 0; +} +function genSalt($max) { + $characterList = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*?"; + $i = 0; + $salt = ""; + while ($i < $max) { + $salt .= $characterList{mt_rand(0, (strlen($characterList) - 1))}; + $i++; + } + return $salt; +}; +function hashPass($password) { + return md5($password); +} +function genHash($salt, $passHash) { + return md5($passHash.md5($salt)); +} +function insertUser($conn, $username, $email, $salt, $passHash, $regIp) { + if($stmt = $conn->prepare("INSERT INTO `users`(`username`, `email`, `salt`, `passhash`, `reg_date`, `last_login_date`, `reg_ip`, `last_login_ip`, `must_validate`) VALUES (?,?,?,?,now(),now(),?,?, 1)")) { + $stmt->bind_param('ssssii', $username, $email, $salt, $passHash, $regIp, $regIp); + $result = $stmt->execute(); + if($conn->errno===0) { + return 0; + } else { + return 'Couldn\'t complete the registration. please contact us at "Webmaster@devlancer.com" for further info' ; + } + } else { + $error = $conn->errno . ' ' . $conn->error; + echo $error; // 1054 Unknown column 'foo' in 'field list' + } +} +function genPrivateKey($userid) { + $link = openPerConn(); + $stmt = $conn->prepare("SELECT salt FROM `users` WHERE `id` = :userid"); + $stmt->bindParam(':userid', $userid); + if($result = $stmt->execute()) { + $result = $stmt->get_result(); + $arr = mysqli_fetch_array($result, MYSQLI_NUM); + $salt = $arr[0]; + } + return md5(md5($salt).md5($_SERVER['HTTP_USER_AGENT'])); +} +function grabPofileImage($userid) { + $image = '../profile_images/'.$userid.'.*'; + $res = glob($image); + if(!empty($res)) { + return $res[0]; + } else { + return '../profile_images/default.jpg'; + } + +} +function loginSuccessfulSetters() { + $link = openPerConn(); + $stmt = $link->prepare("SELECT * FROM users WHERE id LIKE ?"); + $stmt->bind_param('i', $_SESSION['USER_ID']); + $stmt->execute(); + $result = $stmt->get_result(); + $arr = mysqli_fetch_all($result, MYSQLI_ASSOC); + $arr = $arr[0]; + + $_SESSION['full_name'] = $arr['full_name']; + closeConn($link); +} + ?> \ No newline at end of file diff --git a/Website/WebServices/login.php b/Website/WebServices/login.php new file mode 100644 index 0000000..96fec84 --- /dev/null +++ b/Website/WebServices/login.php @@ -0,0 +1,84 @@ +prepare("SELECT * FROM users WHERE email LIKE ?"); + $stmt->bind_param('s', $email); + $stmt->execute(); + $result = $stmt->get_result(); + $arr = mysqli_fetch_all($result, MYSQLI_ASSOC); + $arr = $arr[0]; + if(md5(md5($password).md5($arr['salt'])) == md5($arr['passhash'].md5($arr['salt']))) { + if($arr['must_validate'] == 1) { + if(isset($_GET['verify'])) { + if(md5() == $_GET['verify']) { + $stmt = $link->prepare("UPDATE users SET must_validate=0 WHERE `id`= ?"); + $stmt->bind_param('i',$arr['id']); + $stmt->execute(); + $_SESSION['USER_ID'] = $arr['id']; + + } else { + header("Location: ../GUI/index.php?popup=login&username=$email&error=3"); + } + } else { + //check if login allowed, if yes login with not verified user permissions, if no show error message + + } + } else { + $_SESSION['USER_ID'] = intval($arr['id']); + //$_SESSION['USER_NAME'] + + header('Location: ../GUI/index.php'); + } + } else { + header("Location: ../GUI/index.php?popup=login&username=$email&error=2"); + } + } else { + header("Location: ../GUI/index.php?popup=login&username=$email&error=1"); + } + } else { + $username = $_POST['username']; + $password = $_POST['password']; + $link = openPerConn(); + if(checkUserExist($username, '1', $link) == 1) { + $stmt = $link->prepare("SELECT * FROM users WHERE username LIKE ?"); + $stmt->bind_param('s', $username); + $stmt->execute(); + $result = $stmt->get_result(); + $arr = mysqli_fetch_all($result, MYSQLI_ASSOC); + $arr = $arr[0]; + if(md5(md5($password).md5($arr['salt'])) == md5($arr['passhash'].md5($arr['salt']))) { + if($arr['must_validate'] == 1) { + if(isset($_GET['verify'])) { + if(md5() == $_GET['verify']) { + $stmt = $link->prepare("UPDATE users SET must_validate=0 WHERE `id`= ?"); + $stmt->bind_param('i',$arr['id']); + $stmt->execute(); + $_SESSION['USER_ID'] = $arr['id']; + } else { + header("Location: ../GUI/index.php?popup=login&username=$username&errno=3"); + } + } else { + //check if login allowed, if yes login with not verified user permissions, if no show error message + } + } else { + $_SESSION['USER_ID'] = intval($arr['id']); + $_SESSION["USERAGENT"] = $_SERVER["HTTP_USER_AGENT"]; + loginSuccessfulSetters(); + header('Location: ../GUI/index.php'); + } + } else { + header("Location: ../GUI/index.php?popup=login&username=$username&errno=2"); + } + } else { + header("Location: ../GUI/index.php?popup=login&username=$username&errno=1"); + } + } +} +closeConn($link); +?> \ No newline at end of file diff --git a/Website/WebServices/logout.php b/Website/WebServices/logout.php new file mode 100644 index 0000000..9720400 --- /dev/null +++ b/Website/WebServices/logout.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/Website/WebServices/psl-config.php b/Website/WebServices/psl-config.php new file mode 100644 index 0000000..92257f3 --- /dev/null +++ b/Website/WebServices/psl-config.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/Website/includes/frmLogin.php b/Website/includes/frmLogin.php new file mode 100644 index 0000000..71cd93b --- /dev/null +++ b/Website/includes/frmLogin.php @@ -0,0 +1,38 @@ +
> +
+
+ '.$errmsg.''; + } + ?> +

Login

+ >
+
+
+ Forgot your Password? +

+
+ Remember Me

+ Not A Member?Register +
+
+
\ No newline at end of file diff --git a/Website/includes/frmRegister.php b/Website/includes/frmRegister.php new file mode 100644 index 0000000..04fa1cc --- /dev/null +++ b/Website/includes/frmRegister.php @@ -0,0 +1,23 @@ +
+
+
+

Register

+

+
+
+
+
+
+
+
+ What do want to do? + + +
+ Already A Member?Log In +
+
+
\ No newline at end of file diff --git a/Website/includes/header.php b/Website/includes/header.php new file mode 100644 index 0000000..7120708 --- /dev/null +++ b/Website/includes/header.php @@ -0,0 +1,51 @@ +
+ +
+ + +
+
+ \ No newline at end of file diff --git a/Website/includes/header_signed-in.php b/Website/includes/header_signed-in.php new file mode 100644 index 0000000..82f7492 --- /dev/null +++ b/Website/includes/header_signed-in.php @@ -0,0 +1,54 @@ +
+ +
+ + +
+
+ \ No newline at end of file diff --git a/Website/includes/userMenu.php b/Website/includes/userMenu.php new file mode 100644 index 0000000..f24ef61 --- /dev/null +++ b/Website/includes/userMenu.php @@ -0,0 +1,24 @@ +
+ +
\ No newline at end of file diff --git a/Website/index.php b/Website/index.php new file mode 100644 index 0000000..bfd863b --- /dev/null +++ b/Website/index.php @@ -0,0 +1,2 @@ + - - org.netbeans.modules.php.project - - - Website - - - diff --git a/Website/profile_images/default.jpg b/Website/profile_images/default.jpg new file mode 100644 index 0000000..80c1bed Binary files /dev/null and b/Website/profile_images/default.jpg differ diff --git a/Website/scripts.js b/Website/scripts.js new file mode 100644 index 0000000..68a9674 --- /dev/null +++ b/Website/scripts.js @@ -0,0 +1,19 @@ +window.onclick = function(event) { + if(event.target === document.getElementById('frmLogin')) { + document.getElementById('frmLogin').style.display = 'none'; + } + if(event.target === document.getElementById('frmRegister')) { + document.getElementById('frmRegister').style.display = 'none'; + } + if(event.target === document.getElementById('userMenu')) { + document.getElementById('userMenu').style.display = 'none'; + } +}; +function check(input) { + if (input.value !== document.getElementById('password1').value) { + input.setCustomValidity('Password Must be Matching.'); + } else { + // input is valid -- reset the error message + input.setCustomValidity(''); + } +} diff --git a/Website/style.css b/Website/style.css index 35154d9..5e2ccd9 100644 --- a/Website/style.css +++ b/Website/style.css @@ -1,7 +1,2 @@ -header { - width: 100%; - position: fixed; - top: 0px; - height: 250px; - left: 0px; -} \ No newline at end of file +@keyframes black2green{from{color:black}to{color:#0fa20f}}@keyframes green2black{from{color:#0fa20f}to{color:black}}@keyframes border-black2green{from{border-color:black}to{border-color:#0fa20f}}@keyframes border-green2black{from{border-color:#0fa20f}to{border-color:black}}.dimBackground{font-family:sans-serif;top:0;left:0;position:fixed;display:none;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.header_full{width:100%;position:fixed;top:0px;height:128px;left:0px;box-shadow:0 0 4px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.12)}.header_full .logo{position:absolute;display:inline;margin:0px 50px;height:128px;width:128px;background-color:red}.header_full .header_content{display:inline-block;position:absolute;left:229px;border-left:solid 1px #ececec;top:0px;width:calc(100% - 230px);height:128px}.header_full .header_content .header_top{display:block;width:100%;height:87px;border-bottom:solid 1px #ececec}.header_full .header_content .header_top .nav{top:0;margin:0;padding:0;height:87px;list-style-type:none;padding-left:40px}.header_full .header_content .header_top .nav li{position:relative;top:-32px;display:inline;font-family:sans-serif;font-size:20px;font-weight:bold;margin-left:20px;margin-right:20px;height:87px}.header_full .header_content .header_top .nav li input[type="search"]{position:relative;padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;font-family:sans-serif;top:-5px}.header_full .header_content .header_top .nav li img{position:relative;top:0;display:inline;padding:0;height:87px;border-radius:50px}.header_full .header_content .header_top .nav li img:hover{cursor:pointer}.header_full .header_content .header_top .nav li a:link{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .nav li a:visited{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .nav li a:hover{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_top .nav li a:active{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .left_nav{display:inline;float:left;vertical-align:middle;list-style-type:none;margin:0}.header_full .header_content .header_top .left_nav li{position:relative;top:32px;bottom:32px;display:inline;font-family:sans-serif;font-size:20px;font-weight:bold;margin-left:20px;margin-right:20px}.header_full .header_content .header_top .left_nav li a:link{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .left_nav li a:visited{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .left_nav li a:hover{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_top .left_nav li a:active{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.header_full .header_content .header_top .right_nav{display:inline;float:right;padding-right:40px;vertical-align:middle;list-style-type:none;margin:0}.header_full .header_content .header_top .right_nav li{padding:10px;border-style:solid;border-color:#0fa20f;border-radius:15px;position:relative;top:32px;bottom:32px;display:inline;font-family:sans-serif;font-size:20px;font-weight:bold;margin-left:10px;margin-right:10px;animation-name:border-black2green;animation-duration:.5s}.header_full .header_content .header_top .right_nav li a:link{text-decoration:none;color:black}.header_full .header_content .header_top .right_nav li a:visited{text-decoration:none;color:black}.header_full .header_content .header_top .right_nav li a:hover{text-decoration:none;color:#0fa20f}.header_full .header_content .header_top .right_nav li a:active{text-decoration:none;color:black}.header_full .header_content .header_top .right_nav li:hover{padding:10px;border-style:solid;border-color:black;border-radius:15px;position:relative;top:32px;bottom:32px;display:inline;font-family:sans-serif;font-size:20px;font-weight:bold;margin-left:10px;margin-right:10px;animation-name:border-green2black;animation-duration:.5s}.header_full .header_content .header_top .right_nav li:hover a:link{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_top .right_nav li:hover a:visited{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_top .right_nav li:hover a:hover{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_top .right_nav li:hover a:active{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.header_full .header_content .header_bottom{display:block;width:100%;height:41px}.header_full .header_content .header_bottom .left_nav{display:inline;float:left;margin:0}.header_full .header_content .header_bottom .left_nav li{top:11px;bottom:11px;position:relative;display:inline;font-family:sans-serif;font-size:16px;font-weight:bold;margin-left:20px;margin-right:10px}.header_full .header_content .header_bottom .right_nav{display:inline;float:right;margin:0;padding-right:40px;padding-left:0}.header_full .header_content .header_bottom .right_nav li{top:11px;bottom:11px;position:relative;display:inline;font-family:sans-serif;font-size:16px;font-weight:bold;margin-left:10px;margin-right:10px}.regFrm{top:50%;left:50%;position:fixed;background-color:white;width:410px;height:410px;border-radius:30px;margin-left:-205px;margin-top:-225px;vertical-align:middle}.regFrm div{position:fixed;top:50%;left:50%;height:390px;width:265px;margin-left:-132px;margin-top:-215px}.regFrm div h2{font-family:sans-serif;margin-top:0;margin-bottom:5px}.regFrm div input[type="text"]{padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;width:239px}.regFrm div input[type="password"]{padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;width:239px}.regFrm div input[type="email"]{padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;width:239px}.regFrm div .submit{position:relative;top:10px;width:76px;left:50%;margin-left:-38px;padding:10px;border-style:solid;border-width:3px;border-radius:10px;font-size:16px;background-color:white}.regFrm div .submit:hover{color:#0fa20f;animation:black2green .5s, border-green2black .5s;border-color:black}.regFrm div .submit:not(:hover){color:black;border-color:#0fa20f;animation:green2black .5s, border-black2green .5s}.regFrm div a:link{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.regFrm div a:visited{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.regFrm div a:hover{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.regFrm div a:active{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.logFrm{top:50%;left:50%;position:fixed;background-color:white;width:410px;height:310px;border-radius:30px;margin-left:-205px;margin-top:-225px;vertical-align:middle}.logFrm div{position:fixed;top:calc(50% - 5px);left:50%;height:300px;width:265px;margin-left:-132px;margin-top:-210px}.logFrm div h2{font-family:sans-serif;margin-top:0}.logFrm div input[type="text"]{padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;width:239px}.logFrm div input[type="password"]{padding:10px;border-style:solid;border-color:#0fa20f;border-width:3px;border-radius:10px;font-size:16px;width:239px}.logFrm div .submit{position:relative;width:76px;left:50%;margin-left:-38px;padding:10px;border-style:solid;border-width:3px;border-radius:10px;font-size:16px;background-color:white}.logFrm div .submit:hover{color:#0fa20f;animation:black2green .5s, border-green2black .5s;border-color:black}.logFrm div .submit:not(:hover){color:black;border-color:#0fa20f;animation:green2black .5s, border-black2green .5s}.logFrm div a:link{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.logFrm div a:visited{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.logFrm div a:hover{text-decoration:none;color:#0fa20f;animation-name:black2green;animation-duration:.5s}.logFrm div a:active{text-decoration:none;color:black;animation-name:green2black;animation-duration:.5s}.user_menu{position:absolute;top:0;right:0;list-style-type:none;width:20%;background-color:white;margin:0} +/*# sourceMappingURL=style.css.map */ diff --git a/Website/style.css.map b/Website/style.css.map new file mode 100644 index 0000000..ac92076 --- /dev/null +++ b/Website/style.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAAA,sBAOC,CANG,IAAK,CACD,KAAK,CAAE,KAAK,CAEhB,EAAG,CACC,KAAK,CAAE,OAAO,EAGtB,sBAOC,CANG,IAAK,CACD,KAAK,CAAE,OAAO,CAElB,EAAG,CACC,KAAK,CAAE,KAAK,EAGpB,6BAOC,CANG,IAAK,CACD,YAAY,CAAE,KAAK,CAEvB,EAAG,CACC,YAAY,CAAE,OAAO,EAG7B,6BAOC,CANG,IAAK,CACD,YAAY,CAAE,OAAO,CAEzB,EAAG,CACC,YAAY,CAAE,KAAK,EAG3B,cAAe,CACX,WAAW,CAAE,UAAU,CACvB,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,QAAQ,CAAE,KAAK,CACf,OAAO,CAAE,IAAI,CACb,OAAO,CAAE,CAAC,CACV,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,gBAAgB,CAAE,eAAe,CAErC,YAAa,CACT,KAAK,CAAE,IAAI,CACX,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,GAAG,CACR,MAAM,CAAE,KAAK,CACb,IAAI,CAAE,GAAG,CACT,UAAU,CAAE,uDAAsD,CAClE,kBAAM,CACF,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,MAAM,CACf,MAAM,CAAE,QAAQ,CAChB,MAAM,CAAC,KAAK,CACZ,KAAK,CAAE,KAAK,CACZ,gBAAgB,CAAE,GAAG,CAEzB,4BAAgB,CACZ,OAAO,CAAE,YAAY,CACrB,QAAQ,CAAE,QAAQ,CAClB,IAAI,CAAE,KAAK,CACX,WAAW,CAAE,iBAAiB,CAC9B,GAAG,CAAE,GAAG,CACR,KAAK,CAAE,kBAAkB,CACzB,MAAM,CAAE,KAAK,CACb,wCAAY,CACR,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,MAAM,CAAC,IAAI,CACX,aAAa,CAAE,iBAAiB,CAChC,6CAAK,CACD,GAAG,CAAC,CAAC,CACL,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,MAAM,CAAE,IAAI,CACZ,eAAe,CAAE,IAAI,CACrB,YAAY,CAAE,IAAI,CAClB,gDAAG,CACC,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,KAAK,CACV,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,UAAU,CACvB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAClB,MAAM,CAAE,IAAI,CACZ,qEAAqB,CACjB,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,UAAU,CACvB,GAAG,CAAC,IAAI,CAEZ,oDAAI,CACA,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,CAAC,CACN,OAAO,CAAE,MAAM,CACf,OAAO,CAAE,CAAC,CACV,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,IAAI,CAEvB,0DAAU,CACN,MAAM,CAAC,OAAO,CAElB,uDAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,0DAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,wDAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,yDAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAInC,kDAAU,CACN,OAAO,CAAE,MAAM,CACf,KAAK,CAAC,IAAI,CACV,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,CAAC,CACL,qDAAG,CACC,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,UAAU,CACvB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAElB,4DAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,+DAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,6DAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,8DAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAIvC,mDAAW,CACP,OAAO,CAAE,MAAM,CACf,KAAK,CAAC,KAAK,CACX,aAAa,CAAE,IAAI,CACnB,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,CAAC,CACL,sDAAG,CACC,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,aAAa,CAAE,IAAI,CACnB,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,UAAU,CACvB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAClB,cAAc,CAAE,kBAAkB,CAClC,kBAAkB,CAAE,GAAG,CAEvB,6DAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CAEhB,gEAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CAEhB,8DAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CAElB,+DAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CAGpB,4DAAS,CACL,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,KAAK,CACnB,aAAa,CAAE,IAAI,CACnB,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,UAAU,CACvB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAClB,cAAc,CAAE,kBAAkB,CAClC,kBAAkB,CAAE,GAAG,CAEvB,mEAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,sEAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,oEAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,qEAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAK3C,2CAAe,CACX,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,qDAAU,CACN,OAAO,CAAE,MAAM,CACf,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,CAAC,CACT,wDAAG,CACC,GAAG,CAAE,IAAI,CACT,MAAM,CAAE,IAAI,CACZ,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,UAAU,CACvB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAG1B,sDAAW,CACP,OAAO,CAAE,MAAM,CACf,KAAK,CAAE,KAAK,CACZ,MAAM,CAAE,CAAC,CACT,aAAa,CAAE,IAAI,CACnB,YAAY,CAAE,CAAC,CACf,yDAAG,CACC,GAAG,CAAE,IAAI,CACT,MAAM,CAAE,IAAI,CACZ,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,MAAM,CACf,WAAW,CAAC,UAAU,CACtB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,IAAI,CACjB,YAAY,CAAE,IAAI,CAMtC,OAAQ,CACJ,GAAG,CAAE,GAAG,CACR,IAAI,CAAE,GAAG,CACT,QAAQ,CAAE,KAAK,CACf,gBAAgB,CAAE,KAAK,CACvB,KAAK,CAAE,KAAK,CACZ,MAAM,CAAE,KAAK,CACb,aAAa,CAAE,IAAI,CACnB,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,cAAc,CAAE,MAAM,CACtB,WAAI,CACA,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,GAAG,CACR,IAAI,CAAE,GAAG,CACT,MAAM,CAAE,KAAK,CACb,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,cAAG,CACC,WAAW,CAAE,UAAU,CACvB,UAAU,CAAE,CAAC,CACb,aAAa,CAAE,GAAG,CAEtB,8BAAmB,CACf,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CAEhB,kCAAuB,CACnB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CAEhB,+BAAoB,CAChB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CAEhB,mBAAQ,CACJ,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,IAAI,CACT,KAAK,CAAE,IAAI,CACX,IAAI,CAAE,GAAG,CACT,WAAW,CAAE,KAAK,CAClB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,gBAAgB,CAAE,KAAK,CAE3B,yBAAc,CACV,KAAK,CAAE,OAAO,CACd,SAAS,CAAE,uCAAuC,CAClD,YAAY,CAAE,KAAK,CAEvB,+BAAoB,CAChB,KAAK,CAAE,KAAK,CACZ,YAAY,CAAE,OAAO,CACrB,SAAS,CAAE,uCAAuC,CAEtD,kBAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,qBAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,mBAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,oBAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAInC,OAAQ,CACJ,GAAG,CAAE,GAAG,CACR,IAAI,CAAE,GAAG,CACT,QAAQ,CAAE,KAAK,CACf,gBAAgB,CAAE,KAAK,CACvB,KAAK,CAAE,KAAK,CACZ,MAAM,CAAE,KAAK,CACb,aAAa,CAAE,IAAI,CACnB,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,cAAc,CAAE,MAAM,CACtB,WAAI,CACA,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,eAAe,CACpB,IAAI,CAAE,GAAG,CACT,MAAM,CAAE,KAAK,CACb,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,cAAG,CACC,WAAW,CAAE,UAAU,CACvB,UAAU,CAAE,CAAC,CAEjB,8BAAmB,CACf,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CAEhB,kCAAuB,CACnB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CAEhB,mBAAQ,CACJ,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,IAAI,CACX,IAAI,CAAE,GAAG,CACT,WAAW,CAAE,KAAK,CAClB,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,KAAK,CACnB,YAAY,CAAE,GAAG,CACjB,aAAa,CAAE,IAAI,CACnB,SAAS,CAAE,IAAI,CACf,gBAAgB,CAAE,KAAK,CAE3B,yBAAc,CACV,KAAK,CAAE,OAAO,CACd,SAAS,CAAE,uCAAuC,CAClD,YAAY,CAAE,KAAK,CAEvB,+BAAoB,CAChB,KAAK,CAAE,KAAK,CACZ,YAAY,CAAE,OAAO,CACrB,SAAS,CAAE,uCAAuC,CAEtD,kBAAO,CACH,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,qBAAU,CACN,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,mBAAQ,CACJ,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAE3B,oBAAS,CACL,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,WAAW,CAC3B,kBAAkB,CAAE,GAAG,CAInC,UAAW,CACP,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,CAAC,CACN,KAAK,CAAE,CAAC,CACR,eAAe,CAAE,IAAI,CACrB,KAAK,CAAE,GAAG,CACV,gBAAgB,CAAE,KAAK,CACvB,MAAM,CAAE,CAAC", +"sources": ["style.scss"], +"names": [], +"file": "style.css" +} \ No newline at end of file diff --git a/Website/style.scss b/Website/style.scss new file mode 100644 index 0000000..d3d36ed --- /dev/null +++ b/Website/style.scss @@ -0,0 +1,509 @@ +@keyframes black2green { + from { + color: black; + } + to { + color: #0fa20f; + } +} +@keyframes green2black { + from { + color: #0fa20f; + } + to { + color: black; + } +} +@keyframes border-black2green { + from { + border-color: black; + } + to { + border-color: #0fa20f; + } +} +@keyframes border-green2black { + from { + border-color: #0fa20f; + } + to { + border-color: black; + } +} +.dimBackground { + font-family: sans-serif; + top: 0; + left: 0; + position: fixed; + display: none; + z-index: 1; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.5); +} +.header_full { + width: 100%; + position: fixed; + top: 0px; + height: 128px; + left: 0px; + box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12); + .logo { + position: absolute; + display: inline; + margin: 0px 50px; + height:128px; + width: 128px; + background-color: red; + } + .header_content { + display: inline-block; + position: absolute; + left: 229px; + border-left: solid 1px #ececec; + top: 0px; + width: calc(100% - 230px); + height: 128px; + .header_top { + display: block; + width: 100%; + height:87px; + border-bottom: solid 1px #ececec; + .nav { + top:0; + margin: 0; + padding: 0; + height: 87px; + list-style-type: none; + padding-left: 40px; + li { + position: relative; + top: -32px; + display: inline; + font-family: sans-serif; + font-size: 20px; + font-weight: bold; + margin-left: 20px; + margin-right: 20px; + height: 87px; + input[type="search"] { + position: relative; + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + font-family: sans-serif; + top:-5px; + } + img { + position: relative; + top: 0; + display: inline; + padding: 0; + height: 87px; + border-radius: 50px; + } + img:hover { + cursor:pointer; + } + a:link { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:visited { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:hover { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:active { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + } + } + .left_nav { + display: inline; + float:left; + vertical-align: middle; + list-style-type: none; + margin: 0; + li { + position: relative; + top: 32px; + bottom: 32px; + display: inline; + font-family: sans-serif; + font-size: 20px; + font-weight: bold; + margin-left: 20px; + margin-right: 20px; + + a:link { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:visited { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:hover { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:active { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + } + } + .right_nav { + display: inline; + float:right; + padding-right: 40px; + vertical-align: middle; + list-style-type: none; + margin: 0; + li { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-radius: 15px; + position: relative; + top: 32px; + bottom: 32px; + display: inline; + font-family: sans-serif; + font-size: 20px; + font-weight: bold; + margin-left: 10px; + margin-right: 10px; + animation-name: border-black2green; + animation-duration: .5s; + + a:link { + text-decoration: none; + color: black; + } + a:visited { + text-decoration: none; + color: black; + } + a:hover { + text-decoration: none; + color: #0fa20f; + } + a:active { + text-decoration: none; + color: black; + } + } + li:hover { + padding: 10px; + border-style: solid; + border-color: black; + border-radius: 15px; + position: relative; + top: 32px; + bottom: 32px; + display: inline; + font-family: sans-serif; + font-size: 20px; + font-weight: bold; + margin-left: 10px; + margin-right: 10px; + animation-name: border-green2black; + animation-duration: .5s; + + a:link { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:visited { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:hover { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:active { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + } + } + } + .header_bottom { + display: block; + width: 100%; + height: 41px; + .left_nav { + display: inline; + float: left; + margin: 0; + li { + top: 11px; + bottom: 11px; + position: relative; + display: inline; + font-family: sans-serif; + font-size: 16px; + font-weight: bold; + margin-left: 20px; + margin-right: 10px; + } + } + .right_nav { + display: inline; + float: right; + margin: 0; + padding-right: 40px; + padding-left: 0; + li { + top: 11px; + bottom: 11px; + position: relative; + display: inline; + font-family:sans-serif; + font-size: 16px; + font-weight: bold; + margin-left: 10px; + margin-right: 10px; + } + } + } + } +} +.regFrm { + top: 50%; + left: 50%; + position: fixed; + background-color: white; + width: 410px; + height: 410px; + border-radius: 30px; + margin-left: -205px; + margin-top: -225px; + vertical-align: middle; + div { + position: fixed; + top: 50%; + left: 50%; + height: 390px; + width: 265px; + margin-left: -132px; + margin-top: -215px; + h2 { + font-family: sans-serif; + margin-top: 0; + margin-bottom: 5px; + } + input[type="text"] { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + width: 239px; + } + input[type="password"] { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + width: 239px; + } + input[type="email"] { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + width: 239px; + } + .submit { + position: relative; + top: 10px; + width: 76px; + left: 50%; + margin-left: -38px; + padding: 10px; + border-style: solid; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + background-color: white; + } + .submit:hover { + color: #0fa20f; + animation: black2green .5s, border-green2black .5s; + border-color: black; + } + .submit:not(:hover) { + color: black; + border-color: #0fa20f; + animation: green2black .5s, border-black2green .5s; + } + a:link { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:visited { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:hover { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:active { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + } +} +.logFrm { + top: 50%; + left: 50%; + position: fixed; + background-color: white; + width: 410px; + height: 310px; + border-radius: 30px; + margin-left: -205px; + margin-top: -225px; + vertical-align: middle; + div { + position: fixed; + top: calc(50% - 5px); + left: 50%; + height: 300px; + width: 265px; + margin-left: -132px; + margin-top: -210px; + h2 { + font-family: sans-serif; + margin-top: 0; + } + input[type="text"] { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + width: 239px; + } + input[type="password"] { + padding: 10px; + border-style: solid; + border-color: #0fa20f; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + width: 239px; + } + .submit { + position: relative; + width: 76px; + left: 50%; + margin-left: -38px; + padding: 10px; + border-style: solid; + border-width: 3px; + border-radius: 10px; + font-size: 16px; + background-color: white; + } + .submit:hover { + color: #0fa20f; + animation: black2green .5s, border-green2black .5s; + border-color: black; + } + .submit:not(:hover) { + color: black; + border-color: #0fa20f; + animation: green2black .5s, border-black2green .5s; + } + a:link { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:visited { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + a:hover { + text-decoration: none; + color: #0fa20f; + animation-name: black2green; + animation-duration: .5s; + } + a:active { + text-decoration: none; + color: black; + animation-name: green2black; + animation-duration: .5s; + } + } +} +.user_menu { + position: absolute; + top: 0; + right: 0; + list-style-type: none; + width: 20%; + background-color: white; + margin: 0; + li { + + .logout { + + } + } +} \ No newline at end of file