mirror of
https://github.com/PrefectHQ/fastmcp.git
synced 2026-08-09 15:19:10 +02:00
119 lines
2.5 KiB
CSS
119 lines
2.5 KiB
CSS
/* Code highlighting -- target only inline code elements, not code blocks */
|
|
p code:not(pre code),
|
|
table code:not(pre code),
|
|
li code:not(pre code),
|
|
h1 code:not(pre code),
|
|
h2 code:not(pre code),
|
|
h3 code:not(pre code),
|
|
h4 code:not(pre code),
|
|
h5 code:not(pre code),
|
|
h6 code:not(pre code) {
|
|
color: #f72585 !important;
|
|
background-color: rgba(247, 37, 133, 0.09);
|
|
}
|
|
|
|
/* Banner styling -- improve readability with better contrast */
|
|
#banner {
|
|
background: #f1f5f9 !important;
|
|
color: #1e293b !important;
|
|
font-size: 0.95rem !important;
|
|
font-weight: 600 !important;
|
|
padding-top: 12px !important;
|
|
padding-bottom: 12px !important;
|
|
position: relative !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
#banner::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgba(6, 182, 212, 0.25) 0%,
|
|
rgba(6, 182, 212, 0.05) 25%,
|
|
rgba(6, 182, 212, 0.35) 50%,
|
|
rgba(6, 182, 212, 0.08) 75%,
|
|
rgba(6, 182, 212, 0.28) 100%
|
|
);
|
|
background-size: 300% 100%;
|
|
animation: colorWave 14s ease-in-out infinite alternate;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.dark #banner {
|
|
background: #475569 !important;
|
|
color: #f1f5f9 !important;
|
|
}
|
|
|
|
.dark #banner::before {
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgba(247, 37, 133, 0.35) 0%,
|
|
rgba(247, 37, 133, 0.08) 25%,
|
|
rgba(247, 37, 133, 0.45) 50%,
|
|
rgba(247, 37, 133, 0.12) 75%,
|
|
rgba(247, 37, 133, 0.38) 100%
|
|
);
|
|
background-size: 300% 100%;
|
|
}
|
|
|
|
@keyframes colorWave {
|
|
0% {
|
|
background-position: 0% 0%;
|
|
}
|
|
100% {
|
|
background-position: 100% 0%;
|
|
}
|
|
}
|
|
|
|
#banner * {
|
|
color: #1e293b !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.dark #banner * {
|
|
color: #f1f5f9 !important;
|
|
}
|
|
|
|
/* Version badge -- display a badge with the current version of the documentation */
|
|
.version-badge {
|
|
display: inline-block;
|
|
align-items: center;
|
|
gap: 0.3em;
|
|
font-size: 1em;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
font-family: "Inter", sans-serif;
|
|
color: #ff5400;
|
|
background: #fef2f2;
|
|
border: 1px solid rgba(220, 38, 38, 0.3);
|
|
border-radius: 12px;
|
|
box-shadow: none;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
transition: box-shadow 0.2s, transform 0.15s;
|
|
}
|
|
|
|
.version-badge-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.version-badge:hover {
|
|
box-shadow: 0 2px 8px 0 rgba(160, 132, 252, 0.1);
|
|
transform: translateY(-1px) scale(1.03);
|
|
}
|
|
|
|
.dark .version-badge {
|
|
color: #f1f5f9;
|
|
background: #334155;
|
|
border: 1px solid #64748b;
|
|
}
|