custom.css
1 nav.pdoc { 2 box-shadow: none; 3 background: var(--pdoc-nav-background); 4 } 5 6 nav.pdoc a:hover { 7 color: var(--link); 8 background: var(--nav-hover); 9 } 10 11 nav.pdoc a:active, 12 nav.pdoc a.active { 13 color: var(--link); 14 background: var(--active); 15 } 16 17 nav.pdoc h2 { 18 font-size: 0.875rem; 19 font-weight: 600; 20 text-transform: uppercase; 21 letter-spacing: 0.05em; 22 color: var(--muted); 23 margin: 2rem 0 0.75rem 0; 24 padding: 0; 25 } 26 27 .pdoc h1 { 28 font-size: 2.5rem; 29 font-weight: 700; 30 margin: 0 0 1.5rem 0; 31 padding: 0; 32 line-height: 1.2; 33 color: var(--text); 34 } 35 36 .pdoc h3 { 37 font-size: 1.5rem; 38 font-weight: 600; 39 margin: 2rem 0 0.75rem 0; 40 padding: 0; 41 line-height: 1.4; 42 color: var(--text); 43 } 44 45 .pdoc a { 46 color: var(--link); 47 text-decoration: none; 48 transition: color 0.15s ease; 49 } 50 51 .pdoc a:hover { 52 color: var(--link-hover); 53 text-decoration: underline; 54 } 55 56 .pdoc .pdoc-button { 57 border: 1px solid var(--border); 58 box-shadow: none; 59 border-radius: 6px; 60 padding: 0.5rem 1rem; 61 transition: all 0.15s ease; 62 background: var(--accent); 63 color: var(--text); 64 } 65 66 .pdoc .pdoc-button:hover { 67 border-color: var(--link); 68 background: var(--active); 69 } 70 71 .pdoc .pdoc-button.git-button:hover, 72 .pdoc .pdoc-button.module-list-button:hover { 73 border-color: var(--border); 74 background: var(--accent); 75 color: var(--link) !important; 76 } 77 78 .pdoc .pdoc-button.module-list-button { 79 border-color: var(--border); 80 width: calc(100% - var(--pad-global)); 81 82 } 83 84 .pdoc input[type="search"] { 85 border: 1px solid var(--border); 86 border-radius: 6px; 87 padding: 0.5rem 0.75rem; 88 width: 100%; 89 margin: 0.5rem 0; 90 background: var(--accent); 91 color: var(--text); 92 font-size: 0.875rem; 93 transition: border-color 0.15s ease; 94 } 95 96 .pdoc input[type="search"]:focus { 97 outline: none; 98 border-color: var(--link); 99 box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1); 100 } 101 102 .pdoc input[type="search"]::placeholder { 103 color: var(--muted); 104 } 105 106 nav.pdoc a.class:hover:before { 107 color: var(--link) !important; 108 } 109 110 nav.pdoc a:hover.function:after { 111 color: var(--link) !important; 112 } 113 114 .version-header { 115 display: flex; 116 gap: 1rem; 117 justify-content: space-between; 118 align-items: center; 119 } 120 121 .all-versions-link { 122 font-size: 0.875rem; 123 color: var(--muted); 124 display: inline-block; 125 padding-right: var(--pad); 126 white-space: nowrap; 127 padding: 0.5rem !important; 128 border-radius: 0.5rem; 129 text-decoration: underline !important; 130 } 131 132 .version-info { 133 padding-right: var(--pad); 134 font-size: 0.8125rem; 135 color: var(--muted); 136 font-weight: 400; 137 text-overflow: ellipsis; 138 overflow: hidden; 139 white-space: nowrap; 140 margin: 0; 141 } 142 143 main.pdoc { 144 max-width: 1400px; 145 width: unset !important; 146 } 147 148 .pdoc .attr { 149 border-radius: 0.5rem; 150 border: 1px solid var(--border); 151 } 152 153 :target { 154 outline: 2px solid rgba(96, 165, 250, 0.7); 155 outline-offset: 0rem; 156 border-radius: 0.5rem; 157 box-shadow: none !important; 158 } 159 160 .pdoc *:target > .attr { 161 background-color: var(--accent) !important; 162 }