custom.css (3286B)
1 #mkdocs-nav { 2 position: fixed; 3 top: 0; 4 left: 0; 5 width: 100%; 6 left: 100px; 7 height: 75px; /* Adjust height as needed */ 8 background: white; 9 z-index: 1000; /* Ensure it stays above other elements */ 10 display: flex; 11 border: 2px solid #eeeeee; 12 align-items: center; 13 padding: 0 20px; 14 } 15 16 17 #mkdocs-search-query { 18 position: fixed; 19 top: 5px; 20 width: 75%; /* Adjust as needed (e.g., 80% or 500px) */ 21 padding: 8px; /* Add padding */ 22 font-size: 14px; /* Set font size */ 23 outline: none; 24 color: black; 25 border: 1px solid #000; 26 margin-top: 10px; 27 margin-left: 20px; 28 } 29 30 #mkdocs-search-results { 31 position: fixed; 32 width: 75%; /* Adjust as needed (e.g., 80% or 500px) */ 33 top: 48px; 34 display: none; 35 background: #fff; 36 max-height: 300px; 37 overflow-y: auto; 38 padding: 8px; 39 border: 1px solid #000; 40 z-index: 1000; 41 margin-left: 20px; 42 } 43 44 #mkdocs-search-query:focus + #mkdocs-search-results { 45 display: block; 46 } 47 48 .spacer{ 49 height: 50px; 50 } 51 .pgp-container { 52 text-align: center; 53 padding: 20px; 54 margin-top: 20px; 55 background-color: #ffffff; 56 width: 100%; 57 max-width: 900px; 58 margin-left: auto; 59 margin-right: auto; 60 } 61 62 .pgp-key { 63 white-space: pre-wrap; 64 word-wrap: break-word; 65 } 66 body { 67 font-family:'Lucida Console', monospace; 68 font-size: 18px; 69 color: #111; 70 background-color: white; 71 width: 100%; 72 margin: 0 auto; 73 padding-left: 141px; 74 box-sizing: border-box; 75 } 76 .landing { 77 display: flex; 78 flex-direction: column; 79 align-items: center; 80 justify-content: center; 81 min-height:100vh; min-height:100dvh; 82 text-align: center; 83 } 84 svg { width: 100%; height: auto; } 85 .svg-container { width: 100%; max-width: 400px; display: inline-block; } 86 .separator { letter-spacing: -9px; } 87 hr { border: none; height: 2px; background-color: lightgrey; width: 100%; margin: 30px auto; } 88 table { border-collapse: collapse; text-align: center; width: 100%; } 89 td { 90 padding: 5px 20px; 91 border: 1px solid #dddddd; 92 } 93 .quiet, .links-container a { color: inherit; } 94 .links-container { font-size: 24px; margin: 20px; } 95 .links-container a { text-decoration: none; margin: 0 10px; } 96 .product-photo { display: block; max-height: 640px; width: 100%; margin: 0 auto; } 97 .faqtable dt { margin-bottom: 0.75em; font-style: italic; } 98 .faqtable dd { margin-left: 0; margin-bottom: 2em; } 99 100 101 /* Layout container */ 102 .container { 103 display: flex; 104 } 105 106 /* Sidebar styles */ 107 .sidebar { 108 width: 100px; /* Adjust as needed */ 109 height: 100vh; /* Full height */ 110 background-color: white; /* Light gray background */ 111 position: fixed; /* Keeps it in place */ 112 top: 0; 113 left: 0; 114 padding-top: 0px; 115 overflow-y: auto; /* Scroll if needed */ 116 border-right: 2px solid #eeeeee; 117 } 118 119 /* Sidebar navigation links */ 120 .sidebar ul { 121 list-style: none; 122 padding: 0px; 123 } 124 125 .sidebar li { 126 padding: 10px; 127 } 128 129 .sidebar a { 130 text-decoration: none; 131 color: #000000; 132 padding: 10px; 133 } 134 135 .sidebar a:hover { 136 background-color: #eee; 137 color: black; 138 } 139 140 /* Content area to avoid overlap */ 141 .content { 142 padding-top: 75px; 143 width: 86%; 144 }