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  }