Subbu1304 commited on
Commit
5ad343f
·
verified ·
1 Parent(s): f339271

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +12 -6
templates/menu.html CHANGED
@@ -11,18 +11,24 @@
11
 
12
 
13
  /* subbu */
14
- .addbutton .btn {
15
- background: linear-gradient(135deg, #28a745, #006400); /* Gradient green */
16
- color: white; /* Make the text color white */
17
- border: none; /* Remove the border */
 
 
18
  padding: 6px 15px; /* Smaller padding */
19
  font-size: 14px; /* Smaller font size */
20
  border-radius: 5px; /* Optional: round the corners */
21
- transition: background 0.3s ease; /* Add transition effect for hover */
 
22
  }
23
 
24
  .addbutton .btn:hover {
25
- background: linear-gradient(135deg, #006400, #28a745); /* Reverse gradient for hover effect */
 
 
 
26
  }
27
 
28
 
 
11
 
12
 
13
  /* subbu */
14
+ .addbutton .btn {
15
+ background: linear-gradient(135deg, #ffffff, #f0f0f0); /* Gradient white background */
16
+ color: transparent; /* Make text color transparent */
17
+ background-clip: text; /* Apply the gradient to the text */
18
+ -webkit-background-clip: text; /* For Safari compatibility */
19
+ border: 1px solid #90ee90; /* Light green border */
20
  padding: 6px 15px; /* Smaller padding */
21
  font-size: 14px; /* Smaller font size */
22
  border-radius: 5px; /* Optional: round the corners */
23
+ transition: background 0.3s ease, border-color 0.3s ease; /* Add transition effect for hover */
24
+ margin-left: 10px; /* Margin for positioning */
25
  }
26
 
27
  .addbutton .btn:hover {
28
+ background: linear-gradient(135deg, #f0f0f0, #ffffff); /* Reverse gradient for hover effect */
29
+ border-color: #28a745; /* Darker green border on hover */
30
+ background-clip: text; /* Ensure the gradient is clipped to the text on hover */
31
+ -webkit-background-clip: text; /* Safari compatibility */
32
  }
33
 
34