You've already forked developer-portal
mirror of
https://github.com/m5stack/developer-portal.git
synced 2026-05-20 11:30:04 -07:00
aa5b4196d7
* fix: Change github URL in footer from Espressif organization to actual repo Fixes #47 * fix: Add Espressif logo in place of missing author images * fix: Run pre-commit hook on all repo files and fix reported issues * blog: Replace existing espresso cover picture with one featuring John Lee
43 lines
1.4 KiB
CSS
43 lines
1.4 KiB
CSS
.banner {
|
|
width: 100%;
|
|
height: auto; /* Adjust the height as needed */
|
|
background-color: #e78c8c; /* Set your desired background color */
|
|
color: #ffffff; /* Set your desired text color */
|
|
text-align: center;
|
|
padding: 20px; /* Adjust the padding as needed */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Optional: Add styling for the text inside the banner */
|
|
.banner h1 {
|
|
font-size: 24px;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Optional: Add styling for website navigation bar */
|
|
.menu-ul {
|
|
padding-right: 0.8rem !important;
|
|
}
|
|
|
|
.menu-ul .mt-1{
|
|
width: 7rem !important;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.menu-ul .mb-2 {
|
|
display: none !important;
|
|
}
|
|
|
|
.menu-close {
|
|
margin-right: 1rem !important;
|
|
}
|
|
|
|
/* Fix transparency of menu */
|
|
.backdrop-blur {
|
|
--tw-backdrop-blur: blur(8px);
|
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
--tw-backdrop-brightness: brightness(7);
|
|
--tw-backdrop-opacity: opacity(0.9);
|
|
}
|