Skip to content

Commit 55cd12f

Browse files
codebarzcodebarz
committed
Initial commit
0 parents  commit 55cd12f

30 files changed

+43871
-0
lines changed

‎.idea/modules.xml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/talkative.iml

+18
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/workspace.xml

+205
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.css

+105
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
* {
2+
padding: 0;
3+
margin: 0;
4+
}
5+
body {
6+
padding: 0;
7+
margin: 0;
8+
}
9+
.body {
10+
background: #f5f5f5;
11+
}
12+
.header_area {
13+
width: 100%;
14+
height: 40px;
15+
}
16+
.header {
17+
width: 95%;
18+
height: 40px;
19+
background: url("../img/line_horz1.gif") bottom repeat-x;
20+
margin: auto;
21+
}
22+
.form-area {
23+
margin-top: 100px;
24+
background: #ffffff;
25+
width: 400px;
26+
height: auto;
27+
padding: 20px 0;
28+
-webkit-box-shadow: 0 0 10px #ccc;
29+
-moz-box-shadow: 0 0 10px #ccc;
30+
box-shadow: 0 0 10px #ccc;
31+
border-radius: 5px;
32+
}
33+
.form-area input[type="text"],
34+
.form-area input[type="password"],
35+
.form-area input[type="email"] {
36+
outline: none;
37+
padding: 10px;
38+
display: block;
39+
width: 300px;
40+
border-radius: 3px;
41+
border: 1px solid #eee;
42+
margin: 10px auto;
43+
}
44+
.form-area input[type="text"]:focus, .form-area input[type="password"]:focus, .form-area input[type="email"]:focus {
45+
-webkit-box-shadow: 0 0 4px #2aa6ae;
46+
-moz-box-shadow: 0 0 4px #2aa6ae;
47+
box-shadow: 0 0 4px #2aa6ae;
48+
}
49+
.form-area input[type="submit"] {
50+
padding: 10px;
51+
color: #fff;
52+
background: #2aa6ae;
53+
width: 300px;
54+
margin: 0 auto 10px auto;
55+
border: 0;
56+
border-radius: 3px;
57+
cursor: pointer;
58+
transition: all linear 0.2s;
59+
}
60+
.form-area input[type="submit"]:hover {
61+
background: #0aa7b1;
62+
transition: all linear 0.2s;
63+
width: 280px;
64+
}
65+
.form-area .errorMsg {
66+
width: 300px;
67+
padding: 10px;
68+
color: #dd0d0d;
69+
border-radius: 3px;
70+
background-color: #ffffff;
71+
opacity: 0.7;
72+
font-family: cursive;
73+
}
74+
.form-area a {
75+
color: #111;
76+
text-decoration: none;
77+
transition: all linear 0.2s;
78+
-webkit-transition: all linear 0.2s;
79+
-moz-transition: all linear 0.2s;
80+
-o-transition: all linear 0.2s;
81+
font-family: 'Raleway', sans-serif;
82+
font-size: 12px;
83+
font-weight: bold;
84+
}
85+
.form-area a:last-child {
86+
color: #2aa6ae;
87+
text-decoration: none;
88+
transition: all linear 0.2s;
89+
-webkit-transition: all linear 0.2s;
90+
-moz-transition: all linear 0.2s;
91+
-o-transition: all linear 0.2s;
92+
font-family: 'Raleway', sans-serif;
93+
font-size: 12px;
94+
font-weight: bold;
95+
}
96+
.form-area a:hover {
97+
font-size: 14px;
98+
transition: all linear 0.2s;
99+
-webkit-transition: all linear 0.2s;
100+
-moz-transition: all linear 0.2s;
101+
-o-transition: all linear 0.2s;
102+
}
103+
#reg_form {
104+
display: none;
105+
}

‎img/line_horz1.gif

1.07 KB
Loading

‎img/line_horz2.gif

35 Bytes
Loading

‎img/line_ver1.gif

45 Bytes
Loading

‎index.php

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Talkative</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
8+
<script type="text/javascript" src="js/jquery-ui-1.12.1.custom/jquery-ui.js"></script>
9+
<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
10+
<script type="text/javascript" src="js/main.js"></script>
11+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
13+
</head>
14+
<body class="body">
15+
<div class="header_area">
16+
<div class="header"></div>
17+
</div>
18+
<div align="center">
19+
<div class="form-area">
20+
<form action="" id="log_from" method="post" enctype="multipart/form-data">
21+
<input type="text" name="username" value="" placeholder="Username"><br>
22+
<input type="password" name="password" value="" placeholder="Password"><br>
23+
<input type="submit" name="login" value="Log In"><br>
24+
<a href="#">Forgot Password?</a><a class="reg_form" href="#"> or Register Here</a>
25+
</form>
26+
<form action="" method="post" enctype="multipart/form-data" id="reg_form">
27+
<input type="text" name="fname" value="" placeholder="Full Name"><br>
28+
<input type="email" name="email" value="" placeholder="Email"><br>
29+
<input type="text" name="username" value="" placeholder="Username"><br>
30+
<input type="password" name="password" value="" placeholder="Password"><br>
31+
<input type="submit" name="reg" value="Register"><br>
32+
<a href="#">Have an account? </a><a class="log_form" href="#">Login Here</a>
33+
</form>
34+
</div>
35+
</div>
36+
</body>
37+
</html>

0 commit comments

Comments
 (0)