|
| 1 | +/* ParaVT-specific extras on top of the WorldReasonBench base style. */ |
| 2 | + |
| 3 | +/* --- Hero bottom padding + tighter gap above the stat-grid --- */ |
| 4 | +.hero { padding-bottom: 36px; } |
| 5 | +.section-tight { padding: 0 28px 40px; } |
| 6 | + |
| 7 | +/* --- Hero figure: shrink so the architecture diagram stays readable --- */ |
| 8 | +.hero-figure { max-width: 720px; } |
| 9 | + |
| 10 | +/* --- Method section Architecture figure: shrink slightly so it stays sharp --- */ |
| 11 | +.method-fig { max-width: 820px; } |
| 12 | + |
| 13 | +/* --- Motivation: keep the two failure-mode/TPP figures side-by-side at the |
| 14 | + same height; figcaption content can wrap below independently --- */ |
| 15 | +.motivation-grid { margin-top: 28px; } |
| 16 | + |
| 17 | +/* --- Ablation section: table on the left, training-dynamics figure on the |
| 18 | + right; widen the section a touch so the table fits cleanly --- */ |
| 19 | +#dynamics { max-width: 1240px; } |
| 20 | +.ablation-grid { |
| 21 | + display: grid; |
| 22 | + grid-template-columns: 1fr 1fr; |
| 23 | + gap: 22px; |
| 24 | + max-width: 1240px; |
| 25 | + margin: 0 auto; |
| 26 | + align-items: start; |
| 27 | +} |
| 28 | +@media (max-width: 980px) { .ablation-grid { grid-template-columns: 1fr; } } |
| 29 | +.ablation-table-wrap { |
| 30 | + background: var(--surface); |
| 31 | + border: 1px solid var(--border); |
| 32 | + border-radius: var(--radius); |
| 33 | + box-shadow: var(--shadow-md); |
| 34 | + overflow-x: auto; |
| 35 | +} |
| 36 | +.ablation-table { |
| 37 | + width: 100%; |
| 38 | + border-collapse: collapse; |
| 39 | + font-size: 13px; |
| 40 | + line-height: 1.5; |
| 41 | +} |
| 42 | +.ablation-table th, |
| 43 | +.ablation-table td { |
| 44 | + padding: 8px 10px; |
| 45 | + text-align: right; |
| 46 | + border-bottom: 1px solid #eef0f3; |
| 47 | + white-space: nowrap; |
| 48 | +} |
| 49 | +.ablation-table th { font-weight: 700; color: #34495e; background: #fafbfc; } |
| 50 | +.ablation-table th.th-model, |
| 51 | +.ablation-table td:first-child { text-align: left; } |
| 52 | +.ab-row-section td { |
| 53 | + background: #fafbfc; |
| 54 | + font-weight: 700; |
| 55 | + color: #34495e; |
| 56 | + text-align: center; |
| 57 | + letter-spacing: 0.02em; |
| 58 | + font-size: 12.5px; |
| 59 | + padding: 10px 10px 8px; |
| 60 | + border-top: 1px solid #e4e7ec; |
| 61 | + border-bottom: 1px solid #e4e7ec; |
| 62 | +} |
| 63 | +.ab-row-ours { background: #f3f7ff; font-weight: 600; } |
| 64 | +.ab-row-ours td { color: #1a5fb4; } |
| 65 | +.ablation-fig { margin: 0; } |
| 66 | + |
| 67 | +/* --- Author homepage links: inherit color, underline only on hover --- */ |
| 68 | +.author .aname { |
| 69 | + color: inherit; |
| 70 | + text-decoration: none; |
| 71 | + border-bottom: 1px solid transparent; |
| 72 | + transition: border-color 0.2s ease, color 0.2s ease; |
| 73 | +} |
| 74 | +.author .aname:hover { |
| 75 | + color: var(--primary); |
| 76 | + border-bottom-color: var(--primary); |
| 77 | +} |
| 78 | + |
| 79 | +/* --- Pipeline cards: push the image down so the card-tag badge does not |
| 80 | + sit on top of the figure title text --- */ |
| 81 | +.pipeline-card { padding-top: 44px; } |
| 82 | +.pipeline-card .card-tag { top: 14px; left: 18px; } |
| 83 | + |
| 84 | +/* --- Single figure-card layout: breathing room above/below when the card |
| 85 | + sits directly between prose paragraphs (Motivation) or between |
| 86 | + section-head and formula-row (Method) --- */ |
| 87 | +.method-fig { margin: 0 auto 36px; } |
| 88 | + |
| 89 | +/* --- Tighter inter-section spacing for a denser overall layout --- */ |
| 90 | +.section { padding: 48px 28px; } |
| 91 | + |
| 92 | +/* --- Results table: in-row section labels (centered so they read as |
| 93 | + group separators rather than blending with model-name cells) --- */ |
| 94 | +.rb-row-section td.lb-section { |
| 95 | + background: #fafbfc; |
| 96 | + font-weight: 700; |
| 97 | + font-size: 0.92rem; |
| 98 | + letter-spacing: 0.02em; |
| 99 | + color: #34495e; |
| 100 | + text-align: center; |
| 101 | + padding: 14px 16px 10px; |
| 102 | + border-top: 1px solid #e4e7ec; |
| 103 | + border-bottom: 1px solid #e4e7ec; |
| 104 | +} |
| 105 | + |
| 106 | +/* --- Highlight the "Ours" row --- */ |
| 107 | +.lb-row-ours { |
| 108 | + background: #f3f7ff !important; |
| 109 | + font-weight: 600; |
| 110 | +} |
| 111 | +.lb-row-ours .col-num.is-best { color: #1a5fb4; } |
| 112 | +.lb-row-ours .col-num.is-2nd { color: #1a5fb4; } |
| 113 | + |
| 114 | +/* --- Grey-out proprietary baseline rows --- */ |
| 115 | +.grey-row td { color: #888; font-style: italic; } |
| 116 | +.grey-row .col-num { color: #aaa; } |
| 117 | + |
| 118 | +/* --- Second-best marker: underline (paper convention) --- */ |
| 119 | +.col-num.is-2nd { |
| 120 | + text-decoration: underline; |
| 121 | + text-decoration-thickness: 1px; |
| 122 | + text-underline-offset: 2px; |
| 123 | + font-weight: 600; |
| 124 | +} |
| 125 | + |
| 126 | +/* --- Tighter formula cards (we only have two) --- */ |
| 127 | +.formula-card .formula-eq .big { font-size: 1.4em; line-height: 0.8; } |
| 128 | +.formula-card .formula-eq .mono { font-family: 'JetBrains Mono', monospace; font-weight: 500; } |
| 129 | + |
| 130 | +/* --- bibtex block: monospace, dark, scrollable --- */ |
| 131 | +pre.bibtex { |
| 132 | + background: #101418; |
| 133 | + color: #e6edf3; |
| 134 | + padding: 1.1em 1.3em; |
| 135 | + border-radius: 10px; |
| 136 | + overflow-x: auto; |
| 137 | + font-family: 'JetBrains Mono', monospace; |
| 138 | + font-size: 0.88rem; |
| 139 | + line-height: 1.55; |
| 140 | + white-space: pre; |
| 141 | + border: 1px solid #1f242c; |
| 142 | +} |
| 143 | + |
| 144 | +/* --- Quickstart pre block --- */ |
| 145 | +.prose pre { |
| 146 | + background: #101418; |
| 147 | + color: #e6edf3; |
| 148 | + padding: 1em 1.2em; |
| 149 | + border-radius: 8px; |
| 150 | + overflow-x: auto; |
| 151 | + font-family: 'JetBrains Mono', monospace; |
| 152 | + font-size: 0.86rem; |
| 153 | + line-height: 1.5; |
| 154 | +} |
| 155 | +.prose pre code { background: transparent; padding: 0; color: inherit; } |
| 156 | +.prose code { |
| 157 | + background: #eef2f6; |
| 158 | + padding: 0.15em 0.4em; |
| 159 | + border-radius: 4px; |
| 160 | + font-family: 'JetBrains Mono', monospace; |
| 161 | + font-size: 0.86em; |
| 162 | +} |
| 163 | + |
| 164 | +/* --- Footer --- */ |
| 165 | +.site-footer { |
| 166 | + margin-top: 4rem; |
| 167 | + padding: 2.5rem 1.5rem 3rem; |
| 168 | + border-top: 1px solid #e4e7ec; |
| 169 | + text-align: center; |
| 170 | + font-size: 0.9rem; |
| 171 | + color: #5d6b7a; |
| 172 | +} |
| 173 | +.site-footer a { color: #1a5fb4; text-decoration: none; } |
| 174 | +.site-footer a:hover { text-decoration: underline; } |
0 commit comments