-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
130 lines (95 loc) · 2.22 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
/*-------------------- navbar and login part---------------------- */
/* body{
background-image: url(image.jpg);
padding-top: 5px;
background-repeat: no-repeat;
background-size: 100%;
} */
.navbar img{
width: 100px;
padding-left: 20px;
}
h1{
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Teko', sans-serif;
font-weight: bold;
}
#size{
height: 30px;
width: 100%;
}
#shadow{
border-radius: 10px;
box-shadow: 5px 5px 10px gray;
width: 50%;
margin: auto;
padding-top: 5px;
}
#wel{
color: rgb(219, 34, 34);
}
#ab-bank{
color: rgb(2, 146, 2);
}
.submit-area{
width: 50%;
margin: auto;
margin-top: 50px;
padding: 40px;
border-radius: 10px;
box-shadow: 5px 5px 10px gray;
}
#login-area{
margin-top: 15px;
margin-bottom: 20px;
}
/*----------------------- navbar and login page end---------------------------- */
/*------------------------ Money transaction box--------------------------------- */
#transaction-area{
display: none;
}
#headingText{
font-weight: bold;
text-align: center;
margin-top: 80px;
}
#bg-line{
height: 8px;
width: 320px;
display: block;
margin: 10px auto 30px;
background-image: linear-gradient(380deg, #e01c2c, #19ff4b);
border-radius: 5px;
}
.transaction-fluid{
padding: 0px 100px;
}
.status{
margin: 10px 20px;
padding: 18px;
border-radius: 10px;
color: white;
}
.deposit{
background-color: slateblue;
}
.withdraw{
background-color: lightsalmon;
}
.balance{
background-color: orange;
padding-right: 0px;
}
/*------------------------------ money transaction box end----------------------------- */
/*--------------------------- Deposite and Widthdraw part ------------------------------*/
.submit{
box-shadow: 5px 5px 10px gray;
padding: 50px 40px;
border-radius: 20px;
margin-top: 50px;
}
/*---------------------------- Footer Part -----------------------------------------*/
.footer-end{
padding-left: 45%;
padding-top: 100px;
}