@@ -155,9 +155,9 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
155155}
156156.standards-table th : hover { background : var (--color-gray-6 ); }
157157.standards-table th : last-child , .standards-table td : last-child { border-right : none; }
158- .standards-table th .sortable ::after { margin-left : 8 px ; content : ' ↕' ; font-size : 12px ; opacity : 0.5 ; }
159- .standards-table th .sort-asc ::after { color : var (--link-color ); content : ' ↑' ; opacity : 1 ; }
160- .standards-table th .sort-desc ::after { color : var (--link-color ); content : ' ↓' ; opacity : 1 ; }
158+ .standards-table th .sortable ::after { margin-left : 4 px ; content : '↕' ; font-size : 12px ; opacity : 0.5 ; }
159+ .standards-table th .sort-asc ::after { color : var (--link-color ); content : '↑' ; opacity : 1 ; }
160+ .standards-table th .sort-desc ::after { color : var (--link-color ); content : '↓' ; opacity : 1 ; }
161161.standards-table td { border-bottom : 1px solid var (--border-color ); vertical-align : top; }
162162.standards-table tbody tr { transition : background-color 0.2s ; }
163163.standards-table tbody tr : hover { background-color : var (--color-gray-7 ); }
@@ -169,9 +169,10 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
169169 font-family : Monaco, Menlo, 'Ubuntu Mono' , monospace;
170170 font-weight : 500 ;
171171}
172- .title-col { width : auto; min-width : 400 px ; }
172+ .title-col { width : auto; min-width : 300 px ; }
173173.author-col { width : 250px ; color : var (--text-color-secondary ); }
174174.status-col { width : 120px ; text-align : center; }
175+ .created-col { width : 130px ; }
175176
176177/* Links */
177178.xls-link { font-weight : 600 ; }
@@ -208,9 +209,9 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
208209}
209210
210211.status-badge .stagnant , .xls-status-badge .stagnant {
211- border : 1px solid # FAFF19 ;
212- background-color : # 4B4C00 ;
213- color : # FAFF19 ;
212+ border : 1px solid # CC6666 ;
213+ background-color : # 3D1F1F ;
214+ color : # CC6666 ;
214215}
215216
216217.status-badge .withdrawn , .xls-status-badge .withdrawn {
@@ -219,6 +220,99 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
219220 color : var (--text-color-secondary );
220221}
221222
223+ /* Category badges */
224+ .category-badge {
225+ display : inline-block;
226+ border-radius : 4px ;
227+ font-weight : 600 ;
228+ letter-spacing : 0.5px ;
229+ text-align : center;
230+ text-transform : capitalize;
231+ min-width : 80px ;
232+ padding : 6px 12px ;
233+ font-size : 12px ;
234+ }
235+
236+ .category-badge .amendment {
237+ border : 1px solid # FF6B35 ;
238+ background-color : # 4A1E0E ;
239+ color : # FF6B35 ;
240+ }
241+
242+ .category-badge .community {
243+ border : 1px solid var (--color-purple-4 );
244+ background-color : # 2E1A4C ;
245+ color : var (--color-purple-4 );
246+ }
247+
248+ .category-badge .protocol {
249+ border : 1px solid # FFD700 ;
250+ background-color : # 4C4200 ;
251+ color : # FFD700 ;
252+ }
253+
254+ .category-badge .all {
255+ border : 1px solid var (--color-gray-4 );
256+ background-color : var (--color-gray-7 );
257+ color : var (--color-gray-4 );
258+ }
259+
260+ /* Category navigation */
261+ .category-nav {
262+ margin : 32px 0 ;
263+ padding : 24px ;
264+ background : var (--bg-color-raised );
265+ border : 1px solid var (--border-color );
266+ border-radius : 8px ;
267+ text-align : center;
268+ width : 100% ;
269+ }
270+
271+ .category-nav h3 {
272+ margin : 0 0 16px 0 ;
273+ color : var (--text-color );
274+ font-size : 16px ;
275+ font-weight : 600 ;
276+ text-align : center;
277+ width : 100% ;
278+ }
279+
280+ .category-links {
281+ display : flex;
282+ flex-wrap : wrap;
283+ gap : 12px ;
284+ justify-content : center;
285+ }
286+
287+ .category-link {
288+ display : flex;
289+ align-items : center;
290+ gap : 8px ;
291+ padding : 8px 16px ;
292+ background : var (--bg-color );
293+ border : 1px solid var (--border-color );
294+ border-radius : 6px ;
295+ text-decoration : none;
296+ transition : all 0.2s ;
297+ font-size : 14px ;
298+ }
299+
300+ .category-link : hover {
301+ background : var (--color-gray-7 );
302+ border-color : var (--color-gray-4 );
303+ transform : translateY (-1px );
304+ }
305+
306+ .category-link .active {
307+ background : var (--color-gray-7 );
308+ border-color : var (--link-color );
309+ }
310+
311+ .category-link .count {
312+ color : var (--text-color-secondary );
313+ font-size : 12px ;
314+ }
315+
222316/* XLS document page */
223317.xls-document {
224318 padding : 32px ;
@@ -386,9 +480,16 @@ footer {
386480 .intro { padding : 32px 0 ; }
387481 .intro h2 { font-size : 28px ; }
388482 .intro p { font-size : 16px ; }
483+ .category-nav { margin : 24px 0 ; padding : 16px ; }
484+ .category-nav h3 { font-size : 14px ; }
485+ .category-links { gap : 8px ; }
389486 .xls-meta { flex-direction : column; align-items : flex-start; gap : 16px ; }
390487 .document-nav { flex-direction : column; gap : 12px ; }
391488 .document-nav a { width : 100% ; text-align : center; }
489+
490+ .standards-table .title-col {
491+ min-width : 200px ;
492+ }
392493}
393494
394495/* Mobile - keep table layout but make horizontally scrollable */
@@ -411,10 +512,6 @@ footer {
411512 min-width : 80px ;
412513 }
413514
414- .standards-table .title-col {
415- min-width : 200px ;
416- }
417-
418515 .standards-table .author-col {
419516 min-width : 120px ;
420517 }
@@ -428,3 +525,146 @@ footer {
428525 min-width : 500px ;
429526 }
430527}
528+
529+ /* Contribute Page Styles */
530+ .contribute-page {
531+ max-width : none;
532+ }
533+
534+ .contribute-content {
535+ line-height : 1.7 ;
536+ }
537+
538+ .contribute-content h1 {
539+ color : var (--text-color );
540+ font-weight : 600 ;
541+ margin : 2rem 0 1rem 0 ;
542+ font-size : 2rem ;
543+ }
544+
545+ .contribute-content h2 {
546+ color : var (--text-color );
547+ font-weight : 600 ;
548+ margin : 1.5rem 0 1rem 0 ;
549+ font-size : 1.5rem ;
550+ border-bottom : 1px solid var (--border-color );
551+ padding-bottom : 0.5rem ;
552+ }
553+
554+ .contribute-content h3 {
555+ color : var (--text-color );
556+ font-weight : 500 ;
557+ margin : 1.25rem 0 0.75rem 0 ;
558+ font-size : 1.25rem ;
559+ }
560+
561+ .contribute-content h4 {
562+ color : var (--text-color );
563+ font-weight : 500 ;
564+ margin : 1rem 0 0.5rem 0 ;
565+ font-size : 1.1rem ;
566+ }
567+
568+ .contribute-content h5 {
569+ color : var (--text-color );
570+ font-weight : 500 ;
571+ margin : 0.75rem 0 0.5rem 0 ;
572+ font-size : 1rem ;
573+ }
574+
575+ .contribute-content p {
576+ margin-bottom : 1rem ;
577+ color : var (--text-color );
578+ }
579+
580+ .contribute-content ul ,
581+ .contribute-content ol {
582+ margin : 0.5rem 0 1rem 2rem ;
583+ color : var (--text-color );
584+ }
585+
586+ .contribute-content li {
587+ margin-bottom : 0.5rem ;
588+ }
589+
590+ .contribute-content code {
591+ background : var (--bg-color-raised );
592+ padding : 0.2rem 0.4rem ;
593+ border-radius : 3px ;
594+ font-family : 'Monaco' , 'Menlo' , 'Ubuntu Mono' , monospace;
595+ font-size : 0.9rem ;
596+ color : var (--color-green-4 );
597+ }
598+
599+ .contribute-content pre {
600+ background : var (--bg-color-raised );
601+ padding : 1rem ;
602+ border-radius : 6px ;
603+ overflow-x : auto;
604+ margin : 1rem 0 ;
605+ border : 1px solid var (--border-color );
606+ }
607+
608+ .contribute-content pre code {
609+ background : none;
610+ padding : 0 ;
611+ font-size : inherit;
612+ }
613+
614+ .contribute-content blockquote {
615+ border-left : 4px solid var (--color-blue-4 );
616+ padding : 0.5rem 1rem ;
617+ margin : 1rem 0 ;
618+ background : var (--bg-color-raised );
619+ color : var (--text-color-secondary );
620+ font-style : italic;
621+ }
622+
623+ .contribute-content a {
624+ color : var (--link-color );
625+ text-decoration : underline;
626+ text-decoration-color : transparent;
627+ transition : all 0.2s ;
628+ }
629+
630+ .contribute-content a : hover {
631+ color : var (--link-hover-color );
632+ text-decoration-color : var (--link-hover-color );
633+ background : none;
634+ }
635+
636+ .contribute-content strong {
637+ color : var (--text-color );
638+ font-weight : 600 ;
639+ }
640+
641+ .contribute-content em {
642+ color : var (--text-color-secondary );
643+ }
644+
645+ /* Table styling for contribute page */
646+ .contribute-content table {
647+ width : 100% ;
648+ border-collapse : collapse;
649+ margin : 1rem 0 ;
650+ background : var (--bg-color-raised );
651+ border-radius : 6px ;
652+ overflow : hidden;
653+ }
654+
655+ .contribute-content th ,
656+ .contribute-content td {
657+ padding : 0.75rem 1rem ;
658+ text-align : left;
659+ border-bottom : 1px solid var (--border-color );
660+ color : var (--text-color );
661+ }
662+
663+ .contribute-content th {
664+ background : var (--color-gray-7 );
665+ font-weight : 600 ;
666+ }
667+
668+ .contribute-content tr : last-child td {
669+ border-bottom : none;
670+ }
0 commit comments