From 72792697e9d49176fdf057bcbee9bc3d9b7fb0ab Mon Sep 17 00:00:00 2001 From: Hugh Ratsch Date: Mon, 3 Mar 2025 18:48:21 -0600 Subject: [PATCH] notes update --- custom.css | 297 ----------------------------------------------------- 1 file changed, 297 deletions(-) delete mode 100644 custom.css diff --git a/custom.css b/custom.css deleted file mode 100644 index 1ef82b7..0000000 --- a/custom.css +++ /dev/null @@ -1,297 +0,0 @@ -/* Custom styling for IT Learning Notes */ - -/* Show the left navigation sidebar and ensure it displays properly */ -.sidebar { - display: block !important; - visibility: visible !important; - width: 300px !important; - min-width: 300px !important; - max-width: 300px !important; - position: fixed !important; - left: 0 !important; - top: 0 !important; - bottom: 0 !important; - height: 100% !important; - overflow-y: auto !important; - z-index: 10 !important; - background-color: rgba(245, 245, 247, 0.95) !important; - border-right: 1px solid #e1e4e8 !important; -} - -.sidebar-scrollbox { - padding: 10px !important; - height: auto !important; - overflow-y: auto !important; -} - -/* Fix main content positioning to accommodate proper sidebar */ -#content { - margin-left: 300px !important; - padding-left: 15px !important; -} - -body { - overflow-x: hidden !important; -} - -/* Hide the floating right-side table of contents - using more specific and aggressive rules */ -.nav-wide-wrapper, -div[class*="toc"], -.page-toc, -.pagetoc, -.table-of-contents, -aside.right-side, -aside.sidebar-right, -.floating-toc, -#toc-container { - display: none !important; - visibility: hidden !important; - width: 0 !important; - height: 0 !important; - position: absolute !important; - right: -9999px !important; - opacity: 0 !important; - pointer-events: none !important; -} - -/* Override any inline styles that might be applied to the TOC */ -[id*="toc"], -[class*="toc"], -[class*="content"] [class*="toc"], -[id*="sidebar-toc"], -[class*="sidebar-toc"] { - display: none !important; - visibility: hidden !important; -} - -/* Make content take up appropriate width */ -.content-wrap { - margin-left: 300px !important; - margin-right: auto !important; - max-width: calc(100% - 300px) !important; - padding: 0 30px !important; -} - -/* Ensure the main content fills the space */ -main, -.content, -.page, -article, -.page-content { - max-width: 100% !important; - margin-right: 0 !important; - padding-right: 0 !important; -} - -/* Fix theme-specific sidebar issues */ -.light .sidebar, -.rust .sidebar, -.coal .sidebar, -.navy .sidebar, -.ayu .sidebar { - display: block !important; - width: 300px !important; - visibility: visible !important; -} - -/* Ensure menu button works with sidebar */ -#menu-bar { - z-index: 11 !important; - position: relative !important; -} - -/* Improve chapter navigation */ -.chapter { - line-height: 1.3 !important; - font-size: 0.9em !important; -} - -.chapter li a { - display: block !important; - padding: 5px 0 !important; - text-overflow: ellipsis !important; - overflow: hidden !important; - white-space: nowrap !important; -} - -.chapter li a:hover { - text-decoration: none !important; - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.chapter .active { - background-color: rgba(0, 0, 0, 0.07) !important; - font-weight: bold !important; -} - -/* Improve nested section visibility */ -.chapter li.chapter-item { - margin-left: 1em !important; -} - -.chapter li.chapter-item.expanded { - margin-left: 0 !important; -} - -/* Navigation buttons */ -.nav-chapters { - min-width: 30px !important; -} - -/* In-page TOC styling */ -.toc { - background-color: #f8f9fa; - border: 1px solid #eaecef; - border-radius: 4px; - padding: 1em; - margin-bottom: 2em; -} - -.toc ul, .toc ol { - list-style-type: none; - padding-left: 1em; -} - -.toc li { - margin: 0.5em 0; -} - -/* Back to top link styling */ -a[href^="#"] { - text-decoration: none; - color: #4183c4; - font-weight: 600; -} - -a[href^="#"]:hover { - text-decoration: underline; -} - -/* Navigation links at bottom of sections */ -a[href="#user-management-solutions-"], -a[href="#storage-management-solutions-"], -a[href="#service-management-solutions-"], -a[href="#network-solutions-"], -a[href="#security-solutions-"], -a[href="#container-management-solutions-"], -a[href="#system-recovery-solutions-"], -a[href="#shell-scripting-solutions-"] { - display: inline-block; - background-color: #f1f8ff; - padding: 0.3em 0.6em; - margin: 1.5em 0; - border-radius: 4px; - border-left: 4px solid #4183c4; - font-size: 0.9em; -} - -/* Section anchor targets */ -div[id^="scenario-"] { - scroll-margin-top: 70px; -} - -/* Ensure all sections are properly visible */ -.section { - display: block !important; - visibility: visible !important; - opacity: 1 !important; -} - -/* Better styling for scenario headers */ -h2 { - margin-top: 2em; - border-bottom: 1px solid #ddd; - padding-bottom: 0.3em; -} - -/* Make anchors more reliable */ -h2:before, h3:before { - content: ""; - display: block; - height: 70px; - margin-top: -70px; - visibility: hidden; -} - -/* Styling for code blocks */ -pre { - background-color: #f5f5f5; - border-radius: 4px; - padding: 1em; - overflow-x: auto; -} - -/* Improve table styling */ -table { - width: 100%; - border-collapse: collapse; - margin: 20px 0; -} - -table, th, td { - border: 1px solid #ddd; -} - -th, td { - padding: 12px; - text-align: left; -} - -th { - background-color: #f5f5f5; -} - -/* Style for tags */ -.tag { - background-color: #f0f0f0; - border-radius: 4px; - padding: 3px 6px; - font-size: 0.85em; - font-family: monospace; -} - -/* Ensure content is visible */ -.content { - display: block !important; -} - -/* Make menu button more visible for navigation */ -#menu-bar i { - font-size: 1.5em !important; -} - -/* Menu items more spaced when menu is opened */ -#menu-bar.open .menu-title { - padding: 10px !important; -} - -/* Dark mode adjustments */ -.ayu .sidebar, -.navy .sidebar, -.coal .sidebar { - background-color: #292c2f !important; - border-right: 1px solid #393f44 !important; -} - -/* Responsive adjustments */ -@media only screen and (max-width: 1300px) { - .content-wrap { - max-width: calc(100% - 250px) !important; - } -} - -@media only screen and (max-width: 1080px) { - .content-wrap { - max-width: calc(100% - 200px) !important; - } - - .chapter { - font-size: 0.85em !important; - } -} - -@media only screen and (max-width: 700px) { - .content-wrap { - max-width: 100% !important; - } -} \ No newline at end of file