update for summer theme
This commit is contained in:
@@ -42,7 +42,7 @@
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
/* Light background for contrast */
|
||||
background-image: url('./assets/snowflakes.png');
|
||||
background-image: url('./assets/leafs.png');
|
||||
/* Background image */
|
||||
background-size: cover;
|
||||
/* Cover the entire screen */
|
||||
@@ -114,7 +114,7 @@ section {
|
||||
|
||||
/* Festive Buttons */
|
||||
button {
|
||||
background-color: #b77de5;
|
||||
background-color: #b5bb08;
|
||||
/* Purple with a slight festive flair */
|
||||
color: white;
|
||||
border: none;
|
||||
@@ -126,7 +126,7 @@ button {
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #9b6bb5;
|
||||
background-color: #48844e;
|
||||
/* Darker purple on hover */
|
||||
}
|
||||
|
||||
@@ -177,7 +177,7 @@ table {
|
||||
|
||||
/* Table header styles */
|
||||
th {
|
||||
background-color: #060698;
|
||||
background-color: #06984a;
|
||||
/* Christmas red */
|
||||
color: white;
|
||||
padding: 10px 15px;
|
||||
@@ -218,7 +218,7 @@ table {
|
||||
|
||||
/* Add some festive decorations */
|
||||
th::after {
|
||||
content: '🎄';
|
||||
content: '🌳';
|
||||
/* Small Christmas tree icon in the header */
|
||||
margin-left: 10px;
|
||||
font-size: 1.2em;
|
||||
@@ -234,8 +234,8 @@ td::before {
|
||||
content: '';
|
||||
/* Placeholder for decoration */
|
||||
position: absolute;
|
||||
background-image: url('path/to/snowflake-icon.png');
|
||||
/* Snowflake icon */
|
||||
background-image: url('path/to/leaf-icon.png');
|
||||
/* leaf icon */
|
||||
width: 16px;
|
||||
/* Adjust as necessary */
|
||||
height: 16px;
|
||||
@@ -250,7 +250,7 @@ td::before {
|
||||
|
||||
nav {
|
||||
top: 0; /* Align it to the top */
|
||||
background-color: rgba(0, 42, 255, 0.6);; /* Background color */
|
||||
background-color: #06984aef; /* Background color */
|
||||
border-radius: 20px;
|
||||
z-index: 1000; /* Make sure it stays above other content */
|
||||
padding: 1rem;
|
||||
@@ -293,7 +293,7 @@ nav a:hover {
|
||||
@media (max-width: 768px) {
|
||||
.nav-toggle {
|
||||
display: block;
|
||||
background-color: rgba(0, 42, 255, 0.6); /* Button color */
|
||||
background-color: rgba(255, 255, 0, 0.6); /* Button color */
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
|
||||
Reference in New Issue
Block a user