mirror of
https://github.com/executeautomation/mcp-database-server.git
synced 2025-12-09 21:12:57 +08:00
58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
/**
|
|
* CSS files with the .module.css suffix will be treated as CSS modules
|
|
* and scoped locally.
|
|
*/
|
|
|
|
.heroBanner {
|
|
padding: 4rem 0;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: linear-gradient(135deg, var(--ifm-color-primary-darkest) 0%, var(--ifm-color-primary) 100%);
|
|
}
|
|
|
|
@media screen and (max-width: 996px) {
|
|
.heroBanner {
|
|
padding: 2rem;
|
|
}
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.button {
|
|
margin: 0 0.5rem;
|
|
transition: all 0.3s ease;
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.button:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.heroTitle {
|
|
font-size: 3rem;
|
|
font-weight: 800;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.heroSubtitle {
|
|
font-size: 1.5rem;
|
|
margin-bottom: 2rem;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.callToAction {
|
|
background-color: var(--ifm-color-emphasis-100);
|
|
padding: 5rem 0;
|
|
margin-top: 2rem;
|
|
background: linear-gradient(135deg, var(--ifm-color-emphasis-200) 0%, var(--ifm-color-emphasis-100) 100%);
|
|
border-top: 1px solid var(--ifm-color-emphasis-200);
|
|
border-bottom: 1px solid var(--ifm-color-emphasis-200);
|
|
}
|