143 lines
2.9 KiB
CSS
143 lines
2.9 KiB
CSS
/* Custom CSS for HCFS Documentation */
|
|
|
|
/* Brand colors */
|
|
:root {
|
|
--hcfs-primary: #2E86AB;
|
|
--hcfs-secondary: #A23B72;
|
|
--hcfs-accent: #F18F01;
|
|
--hcfs-success: #C73E1D;
|
|
--hcfs-dark: #1A1A1A;
|
|
--hcfs-light: #F8F9FA;
|
|
}
|
|
|
|
/* Header customization */
|
|
.wy-nav-top {
|
|
background-color: var(--hcfs-primary) !important;
|
|
}
|
|
|
|
/* Sidebar customization */
|
|
.wy-nav-side {
|
|
background-color: var(--hcfs-dark);
|
|
}
|
|
|
|
.wy-menu-vertical li.current > a {
|
|
background-color: var(--hcfs-primary);
|
|
border-right: 3px solid var(--hcfs-accent);
|
|
}
|
|
|
|
.wy-menu-vertical li.current a:hover {
|
|
background-color: var(--hcfs-secondary);
|
|
}
|
|
|
|
/* Code blocks */
|
|
.highlight {
|
|
background-color: #f8f8f8;
|
|
border: 1px solid #e1e4e5;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* API documentation styling */
|
|
.openapi-spec {
|
|
border: 1px solid #ddd;
|
|
border-radius: 8px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.http-method {
|
|
font-weight: bold;
|
|
padding: 2px 6px;
|
|
border-radius: 3px;
|
|
color: white;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.http-method.get { background-color: #61affe; }
|
|
.http-method.post { background-color: #49cc90; }
|
|
.http-method.put { background-color: #fca130; }
|
|
.http-method.patch { background-color: #50e3c2; }
|
|
.http-method.delete { background-color: #f93e3e; }
|
|
|
|
/* SDK documentation styling */
|
|
.sdk-example {
|
|
background-color: #f8f9fa;
|
|
border-left: 4px solid var(--hcfs-primary);
|
|
padding: 15px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.sdk-example .highlight {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* Badges */
|
|
.badge {
|
|
display: inline-block;
|
|
padding: 0.25em 0.4em;
|
|
font-size: 75%;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: 0.25rem;
|
|
margin: 2px;
|
|
}
|
|
|
|
.badge-new { background-color: var(--hcfs-success); color: white; }
|
|
.badge-deprecated { background-color: #6c757d; color: white; }
|
|
.badge-async { background-color: var(--hcfs-accent); color: white; }
|
|
.badge-sync { background-color: var(--hcfs-secondary); color: white; }
|
|
|
|
/* Version information */
|
|
.version-info {
|
|
background-color: #e7f3ff;
|
|
border: 1px solid #b8daff;
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
/* Performance notes */
|
|
.performance-note {
|
|
background-color: #fff3cd;
|
|
border: 1px solid #ffeaa7;
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
/* Security warnings */
|
|
.security-warning {
|
|
background-color: #f8d7da;
|
|
border: 1px solid #f5c6cb;
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
/* Tables */
|
|
.wy-table-responsive table td,
|
|
.wy-table-responsive table th {
|
|
white-space: normal;
|
|
}
|
|
|
|
/* Mobile responsiveness */
|
|
@media screen and (max-width: 768px) {
|
|
.rst-content .sidebar {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Print styles */
|
|
@media print {
|
|
.wy-nav-side,
|
|
.wy-nav-top,
|
|
.rst-versions {
|
|
display: none;
|
|
}
|
|
|
|
.wy-nav-content-wrap {
|
|
margin-left: 0;
|
|
}
|
|
} |