view(css): add style to main menu.

2024-08-17 19:07:06 -05:00
parent 0e15192f37
commit f250cdada2
3 changed files with 42 additions and 7 deletions
--- a/tienda_ilusion/don_confiao/static/css/main_menu.css
+++ b/tienda_ilusion/don_confiao/static/css/main_menu.css
@@ -0,0 +1,33 @@
+
+nav#main_menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 1em;
+}
+
+nav#main_menu li {
+  margin-right: 20px;
+}
+
+nav#main_menu a {
+  text-decoration: none;
+  color: #333;
+  background-color: #f0f0f0;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+nav#main_menu a:hover {
+  background-color: #ccc;
+  color: #666;
+}
+
+nav#main_menu a:active {
+  background-color: #aaa;
+  color: #444;
+}