Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit ec737bf

Browse files
committed
Style.css
1 parent 6e7a240 commit ec737bf

File tree

1 file changed

+89
-0
lines changed

1 file changed

+89
-0
lines changed

style.css

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
* {box-sizing: border-box}
2+
/*Sign Up icon */
3+
div.icon{
4+
text-align: center;
5+
}
6+
/* Sign Up title */
7+
div.signup-title{
8+
position: relative;
9+
text-align: center;
10+
right: 20px;
11+
}
12+
/* Border Icon and Sign Up text */
13+
div.border{
14+
border:1px solid #ccc;
15+
border-radius: 5px;
16+
}
17+
/* Main Image */
18+
.mainImage {
19+
width: 200px;
20+
height: 200px;
21+
padding: 10px;
22+
margin: 10px;
23+
}
24+
/* HR separate line */
25+
hr {
26+
border: 1px solid #f1f1f1;
27+
margin-bottom: 25px;
28+
}
29+
30+
/* Email and Password field */
31+
input[type=email], input[type=password] {
32+
width: 100%;
33+
padding: 15px;
34+
margin: 5px 0 22px 0;
35+
display: inline-block;
36+
border: none;
37+
background: #f1f1f1;
38+
}
39+
40+
input[type=email]:focus, input[type=password]:focus {
41+
background-color: #ddd;
42+
outline: none;
43+
}
44+
45+
/* Styles for all Buttons */
46+
button {
47+
background-color: #2dcab5;
48+
color: white;
49+
padding: 14px 20px;
50+
margin: 8px 0;
51+
border: none;
52+
cursor: pointer;
53+
width: 100%;
54+
opacity: 0.9;
55+
}
56+
57+
/*Buttons styles when onHover */
58+
button:hover {
59+
opacity:1;
60+
}
61+
62+
/* Styles for cancel buttons */
63+
.cancelbtn {
64+
padding: 14px 20px;
65+
background-color: #f44336;
66+
}
67+
68+
.getUserLocationbtn {
69+
padding: 14px 20px;
70+
background-color: #66ccff;
71+
}
72+
73+
.cancelbtn, .signupbtn , .getUserLocationbtn {
74+
float: left;
75+
width: 100%;
76+
border-radius: 5px;
77+
}
78+
79+
/* Add padding to container elements */
80+
.container {
81+
padding: 16px;
82+
}
83+
84+
/* Clear floats */
85+
.clearfix::after {
86+
content: "";
87+
clear: both;
88+
display: table;
89+
}

0 commit comments

Comments
 (0)