@@ -236,7 +236,6 @@ div.table-wrapper {
236236table {
237237 width : 100% ;
238238 border-collapse : collapse;
239- border : 1px solid var (--colour-background-accent-strong );
240239}
241240table caption {
242241 margin : 1rem 0 .75rem ;
@@ -245,22 +244,16 @@ table thead tr {
245244 background-color : var (--colour-background-accent-medium );
246245 color : var (--colour-text-strong );
247246}
248- table tbody tr {
249- border-top : 1px solid var (--colour-background-accent-strong );
250- }
251247table th ,
252248table td {
253249 text-align : left;
254250 padding : 0.25rem 0.5rem 0.2rem ;
251+ border : 1px solid var (--colour-background-accent-strong );
255252}
256253table .pep-zero-table tr td : nth-child (1 ),
257254table .pep-zero-table tr td : nth-child (2 ) {
258255 white-space : nowrap;
259256}
260- table th + th ,
261- table td + td {
262- border-left : 1px solid var (--colour-background-accent-strong );
263- }
264257/* Common column widths for PEP status tables */
265258table .pep-zero-table tr td : nth-child (1 ) {
266259 width : 5% ;
@@ -427,6 +420,182 @@ dl.footnote > dd {
427420 padding-bottom : 2rem ;
428421 font-weight : bold;
429422}
423+ /* Pagefind search styling (custom, no default CSS) */
424+ .pagefind-ui {
425+ --pagefind-ui-primary : var (--colour-links );
426+ --pagefind-ui-text : var (--colour-text );
427+ --pagefind-ui-background : var (--colour-background );
428+ --pagefind-ui-border : var (--colour-background-accent-strong );
429+ font-family : inherit;
430+ width : 100% ;
431+ }
432+
433+ /* Search form */
434+ .pagefind-ui__form {
435+ position : relative;
436+ }
437+
438+ /* Search icon */
439+ .pagefind-ui__form ::before {
440+ background-color : var (--pagefind-ui-text );
441+ width : 14px ;
442+ height : 14px ;
443+ top : 8px ;
444+ left : 8px ;
445+ content : "" ;
446+ position : absolute;
447+ display : block;
448+ opacity : 0.5 ;
449+ -webkit-mask-image : url ("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A" );
450+ mask-image : url ("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z' fill='%23000000'/%3E%3C/svg%3E%0A" );
451+ -webkit-mask-size : 100% ;
452+ mask-size : 100% ;
453+ z-index : 9 ;
454+ pointer-events : none;
455+ }
456+
457+ /* Search input */
458+ .pagefind-ui__search-input {
459+ height : 30px ;
460+ padding : 4px 28px 4px 28px ;
461+ background-color : var (--pagefind-ui-background );
462+ border : 1px solid var (--pagefind-ui-border );
463+ border-radius : 3px ;
464+ font-size : 0.875rem ;
465+ font-family : inherit;
466+ appearance : none;
467+ -webkit-appearance : none;
468+ width : 100% ;
469+ box-sizing : border-box;
470+ color : var (--pagefind-ui-text );
471+ }
472+ .pagefind-ui__search-input : focus {
473+ outline : none;
474+ border-color : var (--pagefind-ui-primary );
475+ }
476+ .pagefind-ui__search-input ::placeholder {
477+ color : var (--pagefind-ui-text );
478+ opacity : 0.5 ;
479+ }
480+
481+ /* Clear button - fixed position relative to input (30px height, center button) */
482+ .pagefind-ui__search-clear {
483+ position : absolute;
484+ top : 5px ;
485+ right : 4px ;
486+ padding : 2px 6px ;
487+ color : var (--pagefind-ui-text );
488+ font-size : 0.75rem ;
489+ cursor : pointer;
490+ background-color : var (--pagefind-ui-background );
491+ border : none;
492+ opacity : 0.6 ;
493+ }
494+ .pagefind-ui__search-clear : hover {
495+ opacity : 1 ;
496+ }
497+
498+ /* Results container */
499+ .pagefind-ui__results-area {
500+ margin-top : 0.5rem ;
501+ }
502+
503+ /* Results list */
504+ # pep-sidebar .pagefind-ui__results {
505+ list-style : none;
506+ padding : 0 ;
507+ margin : 0 ;
508+ }
509+
510+ /* Individual result */
511+ .pagefind-ui__result {
512+ padding : 0.5rem 0 0.5rem 0.5rem ;
513+ border-bottom : 1px solid var (--colour-rule-light );
514+ }
515+ .pagefind-ui__result : last-child {
516+ border-bottom : none;
517+ }
518+
519+ /* Result link */
520+ .pagefind-ui__result-link {
521+ font-weight : bold;
522+ font-size : 0.9rem ;
523+ text-decoration : none;
524+ color : var (--colour-links );
525+ }
526+ .pagefind-ui__result-link : hover {
527+ text-decoration : underline;
528+ }
529+
530+ /* Result title */
531+ .pagefind-ui__result-title {
532+ margin : 0 ;
533+ }
534+
535+ /* Result excerpt/snippet */
536+ .pagefind-ui__result-excerpt {
537+ font-size : 0.8rem ;
538+ color : var (--colour-text );
539+ margin : 0.25rem 0 0 ;
540+ line-height : 1.4 ;
541+ }
542+
543+ /* Highlight matches in results */
544+ .pagefind-ui__result-excerpt mark ,
545+ mark .pagefind-ui__highlight {
546+ background-color : var (--colour-caution );
547+ color : inherit;
548+ padding : 0 2px ;
549+ }
550+
551+ /* Message when no results */
552+ .pagefind-ui__message {
553+ font-size : 0.85rem ;
554+ color : var (--colour-text );
555+ padding : 0.5rem 0 ;
556+ }
557+
558+ /* Loading state */
559+ .pagefind-ui__loading {
560+ font-size : 0.85rem ;
561+ color : var (--colour-text );
562+ opacity : 0.7 ;
563+ }
564+
565+ /* Sub-results (nested) */
566+ .pagefind-ui__result-nested {
567+ margin-left : 1rem ;
568+ padding : 0.25rem 0 ;
569+ }
570+ .pagefind-ui__result-nested .pagefind-ui__result-link {
571+ font-weight : normal;
572+ font-size : 0.85rem ;
573+ }
574+
575+ /* Button styling */
576+ .pagefind-ui__button {
577+ background : var (--colour-background-accent-light );
578+ border : 1px solid var (--colour-background-accent-strong );
579+ padding : 0.4rem 0.8rem ;
580+ border-radius : 4px ;
581+ cursor : pointer;
582+ font-size : 0.85rem ;
583+ color : var (--colour-text );
584+ margin-top : 0.5rem ;
585+ }
586+ .pagefind-ui__button : hover {
587+ background : var (--colour-background-accent-medium );
588+ }
589+
590+ /* Drawer (expandable results container) */
591+ .pagefind-ui__drawer {
592+ overflow : hidden;
593+ }
594+
595+ /* Suppress unused pagefind elements */
596+ .pagefind-ui__suppressed {
597+ display : none;
598+ }
430599
431600.reference .external > strong {
432601 font-weight : normal; /* Fix strong links for :pep: and :rfc: roles */
0 commit comments