Food-Ordering-System-DBMS/mystyle.css at main · Ahmed-Shahzad10/Food-Ordering-System-DBMS · GitHub

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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
body {
    margin: 0;
}

.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.logidddddn {
    text-align: center;
}

.form-group {
    text-align: left; /* Align the form group contents to the left */
}

label {
    display: block; /* Make the label a block element to control its layout */
    margin-bottom: 5px; /* Add some bottom margin for spacing */
}

#login {
    background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}

#signup {
    background-color: #008CBA;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}
.header_section{
    background-color: black;
}

.buttons{
    display: flex;
}

.login, .signup{
    margin-left: 15px;
}

.signin-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.signinnn {
    text-align: center;
}

.greeting{
    margin-top: 30px;
    margin-left: 30px;
    font-size: 3ch;
    font-family: 'Dancing Script', cursive;
}


.table-container {
    width: 80%;
    margin: auto;
    font-family: 'Dancing Script', cursive;
}

.tblr {
    display: flex;
    justify-content: space-between;
    text-align: center;
    background-color: #f2f2f2; /* Add a background color for the row */
    border-bottom: 1px solid gray; /* Add a border at the bottom of each row */
}

.tblc {
    text-align: center;
    flex: 1;
    padding: 10px; /* Add padding for spacing */
}

.tblc:nth-child(even) {
    background-color: #e6e6e6; /* Add a background color for alternating cells */
}

.tblc:first-child {
    border-right: 1px solid gray; /* Add a border for the right edge of the first cell */
}

.tblc:last-child {
    border-left: 1px solid gray; /* Add a border for the left edge of the last cell */
}

.place
{
    text-align: center;
}

.header_section{
    margin-bottom: 100px;
}

.footer_section{
    margin-top: 100px;
}


.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown content initially hidden */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style for the dropdown link */
.user_link {
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 8px 16px;
}

/* Show the dropdown content when the dropdown is hovered */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Style for the dropdown items */
.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    display: block;
    text-decoration: none;
}

/* Change styles on hover for dropdown items */
.dropdown-content a:hover {
    background-color: #ddd;
}