PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 11:09:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

bump all font-size values ~10% across all CSS files

Browse Source
This commit is contained in:
Pontoporeia
2026-04-07 15:03:09 +02:00
parent 0c2276d5ad
commit ad06bbbcaf
8 changed files with 126 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
TODO.md
View File

@@ -1,6 +1,7 @@
# TODO # TODO
## Done ## Done
- [x] Bump all font sizes ~10% across all CSS files (admin, system, search, main, apropos, common, tfe)
- [x] Split search logic into search.php - [x] Split search logic into search.php
- [x] `public/search.php` — new page for text-query search results - [x] `public/search.php` — new page for text-query search results
- [x] `public/repertoire.php` — stripped to répertoire index only - [x] `public/repertoire.php` — stripped to répertoire index only

90
public/assets/css/admin.css
View File

@@ -39,7 +39,7 @@
} }
.admin-body main > h1 { .admin-body main > h1 {
font-size: 1.8rem; font-size: 1.98rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: uppercase; text-transform: uppercase;
@@ -68,7 +68,7 @@
.admin-form > div:not(.admin-form-footer) > label, .admin-form > div:not(.admin-form-footer) > label,
.admin-form > div:not(.admin-form-footer) > span.admin-row-label { .admin-form > div:not(.admin-form-footer) > span.admin-row-label {
font-size: 0.92rem; font-size: 1.01rem;
padding-top: 0.5rem; padding-top: 0.5rem;
font-weight: 400; font-weight: 400;
} }
@@ -86,7 +86,7 @@
background: transparent; background: transparent;
border: none; border: none;
border-bottom: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary);
font-size: 0.92rem; font-size: 1.01rem;
font-family: inherit; font-family: inherit;
padding: 0.4rem 0; padding: 0.4rem 0;
border-radius: 0; border-radius: 0;
@@ -109,7 +109,7 @@
.admin-form input::placeholder, .admin-form input::placeholder,
.admin-form textarea::placeholder { .admin-form textarea::placeholder {
font-size: 0.88rem; font-size: 0.97rem;
color: var(--text-tertiary); color: var(--text-tertiary);
} }
@@ -137,7 +137,7 @@
} }
.admin-file-input input[type="file"] { .admin-file-input input[type="file"] {
font-size: 0.85rem; font-size: 0.94rem;
background: transparent; background: transparent;
border: 1px dashed var(--border-primary); border: 1px dashed var(--border-primary);
padding: 0.4rem 0.6rem; padding: 0.4rem 0.6rem;
@@ -151,7 +151,7 @@
} }
.admin-body form small { .admin-body form small {
font-size: 0.78rem; font-size: 0.86rem;
color: var(--text-secondary); color: var(--text-secondary);
margin-top: 0.15rem; margin-top: 0.15rem;
display: block; display: block;
@@ -185,7 +185,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
font-size: 0.9rem; font-size: 0.99rem;
cursor: pointer; cursor: pointer;
} }
@@ -205,7 +205,7 @@
} }
.admin-body legend { .admin-body legend {
font-size: 0.82rem; font-size: 0.9rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.04em; letter-spacing: 0.04em;
text-transform: uppercase; text-transform: uppercase;
@@ -225,7 +225,7 @@
color: var(--accent-foreground); color: var(--accent-foreground);
border: none; border: none;
border-radius: 3px; border-radius: 3px;
font-size: 0.92rem; font-size: 1.01rem;
font-family: inherit; font-family: inherit;
cursor: pointer; cursor: pointer;
letter-spacing: 0.04em; letter-spacing: 0.04em;
@@ -244,7 +244,7 @@
color: var(--text-tertiary); color: var(--text-tertiary);
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
border-radius: 3px; border-radius: 3px;
font-size: 0.88rem; font-size: 0.97rem;
font-family: inherit; font-family: inherit;
cursor: pointer; cursor: pointer;
letter-spacing: 0.04em; letter-spacing: 0.04em;
@@ -261,7 +261,7 @@
/* Small size modifier */ /* Small size modifier */
.admin-btn--sm { .admin-btn--sm {
padding: 0.28rem 0.65rem; padding: 0.28rem 0.65rem;
font-size: 0.82rem; font-size: 0.9rem;
} }
/* Semantic colour modifiers */ /* Semantic colour modifiers */
@@ -288,7 +288,7 @@
[role="status"] { [role="status"] {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
border-radius: 3px; border-radius: 3px;
font-size: 0.9rem; font-size: 0.99rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border-left: 3px solid; border-left: 3px solid;
} }
@@ -324,7 +324,7 @@
} }
.admin-stat__number { .admin-stat__number {
font-size: 2rem; font-size: 2.2rem;
font-weight: 700; font-weight: 700;
color: var(--accent-primary); color: var(--accent-primary);
line-height: 1; line-height: 1;
@@ -333,7 +333,7 @@
} }
.admin-stat__label { .admin-stat__label {
font-size: 0.82rem; font-size: 0.9rem;
color: var(--text-secondary); color: var(--text-secondary);
margin-top: 0.25rem; margin-top: 0.25rem;
order: 2; order: 2;
@@ -350,7 +350,7 @@
border-radius: 4px; border-radius: 4px;
padding: 0.65rem 1rem; padding: 0.65rem 1rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
font-size: 0.88rem; font-size: 0.97rem;
} }
.admin-maintenance-bar--active { .admin-maintenance-bar--active {
@@ -366,7 +366,7 @@
/* Result-count line above the thesis table */ /* Result-count line above the thesis table */
.admin-list-meta { .admin-list-meta {
color: var(--text-secondary); color: var(--text-secondary);
font-size: 0.85rem; font-size: 0.94rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@@ -379,7 +379,7 @@
/* Identifier column in the thesis table */ /* Identifier column in the thesis table */
.admin-table-id { .admin-table-id {
color: var(--text-secondary); color: var(--text-secondary);
font-size: 0.8rem; font-size: 0.88rem;
} }
/* ── Filters bar ────────────────────────────────────────────────────────── */ /* ── Filters bar ────────────────────────────────────────────────────────── */
@@ -395,7 +395,7 @@
.admin-filters select { .admin-filters select {
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
border-radius: 3px; border-radius: 3px;
font-size: 0.88rem; font-size: 0.97rem;
font-family: inherit; font-family: inherit;
padding: 0.45rem 0.75rem; padding: 0.45rem 0.75rem;
background: transparent; background: transparent;
@@ -414,7 +414,7 @@
color: var(--accent-foreground); color: var(--accent-foreground);
border: none; border: none;
border-radius: 3px; border-radius: 3px;
font-size: 0.88rem; font-size: 0.97rem;
font-family: inherit; font-family: inherit;
cursor: pointer; cursor: pointer;
transition: background 0.15s; transition: background 0.15s;
@@ -425,7 +425,7 @@
} }
.admin-filters-reset { .admin-filters-reset {
font-size: 0.88rem; font-size: 0.97rem;
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
@@ -441,7 +441,7 @@
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
border-radius: 4px; border-radius: 4px;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 0.88rem; font-size: 0.97rem;
} }
.admin-bulk-btns { .admin-bulk-btns {
@@ -453,7 +453,7 @@
.admin-body table { .admin-body table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
font-size: 0.88rem; font-size: 0.97rem;
} }
.admin-body main > table { .admin-body main > table {
@@ -462,7 +462,7 @@
.admin-body table th { .admin-body table th {
text-align: left; text-align: left;
font-size: 0.75rem; font-size: 0.83rem;
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: uppercase; text-transform: uppercase;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
@@ -487,7 +487,7 @@
} }
.admin-body table .thesis-subtitle { .admin-body table .thesis-subtitle {
font-size: 0.82rem; font-size: 0.9rem;
color: var(--text-secondary); color: var(--text-secondary);
font-style: italic; font-style: italic;
} }
@@ -497,7 +497,7 @@
display: inline-block; display: inline-block;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
border-radius: 3px; border-radius: 3px;
font-size: 0.78rem; font-size: 0.86rem;
font-weight: 500; font-weight: 500;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -514,7 +514,7 @@
.status-access { .status-access {
display: inline-block; display: inline-block;
font-size: 0.7rem; font-size: 0.77rem;
padding: 0.1rem 0.4rem; padding: 0.1rem 0.4rem;
border-radius: 3px; border-radius: 3px;
background: var(--bg-tertiary); background: var(--bg-tertiary);
@@ -548,7 +548,7 @@
padding: 0.25rem 0.6rem; padding: 0.25rem 0.6rem;
min-height: 2rem; min-height: 2rem;
border-radius: 3px; border-radius: 3px;
font-size: 0.78rem; font-size: 0.86rem;
font-family: inherit; font-family: inherit;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
@@ -610,7 +610,7 @@
.admin-body main > section h2 { .admin-body main > section h2 {
margin: 0 0 1rem; margin: 0 0 1rem;
font-size: 1.2rem; font-size: 1.32rem;
border-bottom: 1px solid var(--border-primary); border-bottom: 1px solid var(--border-primary);
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
@@ -623,13 +623,13 @@
.admin-body main > section dt { .admin-body main > section dt {
font-weight: 600; font-weight: 600;
font-size: 0.88rem; font-size: 0.97rem;
color: var(--text-secondary); color: var(--text-secondary);
} }
.admin-body main > section dd { .admin-body main > section dd {
margin: 0; margin: 0;
font-size: 0.9rem; font-size: 0.99rem;
} }
.admin-action-bar { .admin-action-bar {
@@ -645,7 +645,7 @@
/* ── Section titles (account, etc.) ─────────────────────────────────────── */ /* ── Section titles (account, etc.) ─────────────────────────────────────── */
.admin-section-title { .admin-section-title {
font-size: 1rem; font-size: 1.1rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.07em; letter-spacing: 0.07em;
text-transform: uppercase; text-transform: uppercase;
@@ -675,7 +675,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.75rem; gap: 0.75rem;
font-size: 0.9rem; font-size: 0.99rem;
} }
.admin-account-status__label { .admin-account-status__label {
@@ -685,7 +685,7 @@
.admin-account-status__code { .admin-account-status__code {
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
font-size: 0.82rem; font-size: 0.9rem;
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
border-radius: 3px; border-radius: 3px;
padding: 0.1rem 0.4rem; padding: 0.1rem 0.4rem;
@@ -694,7 +694,7 @@
} }
.admin-account-status__note { .admin-account-status__note {
font-size: 0.85rem; font-size: 0.94rem;
color: var(--text-secondary); color: var(--text-secondary);
margin: 0; margin: 0;
} }
@@ -712,7 +712,7 @@
.admin-danger-zone__description { .admin-danger-zone__description {
flex: 1; flex: 1;
font-size: 0.9rem; font-size: 0.99rem;
} }
/* ── Login page ─────────────────────────────────────────────────────────── */ /* ── Login page ─────────────────────────────────────────────────────────── */
@@ -734,7 +734,7 @@
.admin-login-box h2 { .admin-login-box h2 {
margin: 0 0 1.5rem; margin: 0 0 1.5rem;
font-size: 1.1rem; font-size: 1.21rem;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
} }
@@ -746,7 +746,7 @@
} }
.admin-login-box .admin-form > div:not(.admin-form-footer) > label { .admin-login-box .admin-form > div:not(.admin-form-footer) > label {
font-size: 0.82rem; font-size: 0.9rem;
color: var(--text-secondary); color: var(--text-secondary);
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
} }
@@ -785,7 +785,7 @@
} }
.admin-import-results__title { .admin-import-results__title {
font-size: 1rem; font-size: 1.1rem;
font-weight: 600; font-weight: 600;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
color: var(--text-secondary); color: var(--text-secondary);
@@ -807,7 +807,7 @@
} }
.admin-body fieldset fieldset.admin-jury-lecteurs > legend { .admin-body fieldset fieldset.admin-jury-lecteurs > legend {
font-size: 0.78rem; font-size: 0.86rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.03em; letter-spacing: 0.03em;
text-transform: uppercase; text-transform: uppercase;
@@ -845,7 +845,7 @@
border-radius: 3px; border-radius: 3px;
padding: 0.2rem 0.55rem; padding: 0.2rem 0.55rem;
min-height: 2rem; min-height: 2rem;
font-size: 0.8rem; font-size: 0.88rem;
line-height: 1; line-height: 1;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -870,13 +870,13 @@
.admin-input--inline, .admin-input--inline,
.admin-inline-form input[type="text"] { .admin-inline-form input[type="text"] {
font-size: 0.82rem; font-size: 0.9rem;
width: 160px; width: 160px;
} }
.admin-select--inline, .admin-select--inline,
.admin-inline-form select { .admin-inline-form select {
font-size: 0.82rem; font-size: 0.9rem;
width: 160px; width: 160px;
} }
@@ -912,7 +912,7 @@
/* ── Cancel link ────────────────────────────────────────────────────────── */ /* ── Cancel link ────────────────────────────────────────────────────────── */
.admin-cancel-link { .admin-cancel-link {
font-size: 0.88rem; font-size: 0.97rem;
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: underline; text-decoration: underline;
} }
@@ -944,7 +944,7 @@
border: 1px solid var(--border-secondary); border: 1px solid var(--border-secondary);
border-radius: 3px; border-radius: 3px;
color: var(--text-primary); color: var(--text-primary);
font-size: 0.9rem; font-size: 0.99rem;
text-decoration: none; text-decoration: none;
transition: transition:
border-color 0.15s, border-color 0.15s,
@@ -963,7 +963,7 @@
} }
.admin-body .pagination-info { .admin-body .pagination-info {
font-size: 0.9rem; font-size: 0.99rem;
color: var(--text-secondary); color: var(--text-secondary);
padding: 0 0.5rem; padding: 0 0.5rem;
} }

32
public/assets/css/apropos.css
View File

@@ -44,7 +44,7 @@
.apropos-toc-label { .apropos-toc-label {
font-family: var(--font-body); font-family: var(--font-body);
font-size: 0.72rem; font-size: 0.79rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.12em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;
@@ -63,7 +63,7 @@
.apropos-toc ul a { .apropos-toc ul a {
font-family: var(--font-body); font-family: var(--font-body);
font-size: 0.875rem; font-size: 0.96rem;
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: none; text-decoration: none;
display: block; display: block;
@@ -84,7 +84,7 @@
} }
.apropos-toc-erg a { .apropos-toc-erg a {
font-size: 0.8rem; font-size: 0.88rem;
color: var(--accent-primary); color: var(--accent-primary);
text-decoration: none; text-decoration: none;
transition: opacity 0.15s; transition: opacity 0.15s;
@@ -122,7 +122,7 @@
.apropos-section-title { .apropos-section-title {
font-family: var(--font-display); font-family: var(--font-display);
font-size: 2rem; font-size: 2.2rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 1.75rem 0; margin: 0 0 1.75rem 0;
@@ -135,7 +135,7 @@
.prose { .prose {
font-family: var(--font-body); font-family: var(--font-body);
font-size: 1.45rem; font-size: 1.59rem;
line-height: 1.5; line-height: 1.5;
color: var(--text-primary); color: var(--text-primary);
font-weight: 400; font-weight: 400;
@@ -157,9 +157,9 @@
margin: 1.5em 0 0.5em 0; margin: 1.5em 0 0.5em 0;
} }
.prose h1 { font-size: 2rem; } .prose h1 { font-size: 2.2rem; }
.prose h2 { font-size: 1.5rem; } .prose h2 { font-size: 1.65rem; }
.prose h3 { font-size: 1.2rem; } .prose h3 { font-size: 1.32rem; }
.prose a { .prose a {
color: var(--accent-primary); color: var(--accent-primary);
@@ -210,7 +210,7 @@
.apropos-contact-card strong { .apropos-contact-card strong {
display: block; display: block;
font-size: 0.95rem; font-size: 1.04rem;
font-weight: 600; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
@@ -218,14 +218,14 @@
.apropos-contact-card span { .apropos-contact-card span {
display: block; display: block;
font-size: 0.85rem; font-size: 0.94rem;
color: var(--text-secondary); color: var(--text-secondary);
line-height: 1.4; line-height: 1.4;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.apropos-contact-card a { .apropos-contact-card a {
font-size: 0.85rem; font-size: 0.94rem;
color: var(--accent-primary); color: var(--accent-primary);
text-decoration: underline; text-decoration: underline;
text-underline-offset: 2px; text-underline-offset: 2px;
@@ -262,7 +262,7 @@
} }
.apropos-credits-list dt { .apropos-credits-list dt {
font-size: 0.8rem; font-size: 0.88rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.04em; letter-spacing: 0.04em;
text-transform: uppercase; text-transform: uppercase;
@@ -270,7 +270,7 @@
} }
.apropos-credits-list dd { .apropos-credits-list dd {
font-size: 0.9rem; font-size: 0.99rem;
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
@@ -326,11 +326,11 @@
} }
.prose { .prose {
font-size: 1.2rem; font-size: 1.32rem;
} }
.apropos-section-title { .apropos-section-title {
font-size: 1.6rem; font-size: 1.76rem;
} }
} }
@@ -340,7 +340,7 @@
} }
.prose { .prose {
font-size: 1rem; font-size: 1.1rem;
} }
.apropos-credit-row { .apropos-credit-row {

8
public/assets/css/common.css
View File

@@ -109,7 +109,7 @@ body > header nav {
body > header nav > a { body > header nav > a {
font-family: var(--font-display); font-family: var(--font-display);
font-size: 1.1rem; font-size: 1.21rem;
letter-spacing: 0.12em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;
color: var(--accent-foreground); color: var(--accent-foreground);
@@ -127,7 +127,7 @@ body > header nav > ul {
} }
body > header nav ul a { body > header nav ul a {
font-size: 0.95rem; font-size: 1.04rem;
letter-spacing: 0.12em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;
color: var(--accent-foreground); color: var(--accent-foreground);
@@ -182,7 +182,7 @@ body > header form[role="search"] svg {
body > header form[role="search"] input { body > header form[role="search"] input {
flex: 1; flex: 1;
border: none; border: none;
font-size: 0.95rem; font-size: 1.04rem;
color: var(--text-primary); color: var(--text-primary);
background: transparent; background: transparent;
padding: 0.15rem 0; padding: 0.15rem 0;
@@ -219,7 +219,7 @@ body > header form[role="search"] input::placeholder {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background: var(--accent-primary); background: var(--accent-primary);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.9rem; font-size: 0.99rem;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;

20
public/assets/css/main.css
View File

@@ -100,7 +100,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: var(--text-tertiary); color: var(--text-tertiary);
font-size: 2rem; font-size: 2.2rem;
} }
.card__media--gradient { .card__media--gradient {
@@ -118,7 +118,7 @@
.card__gradient-author { .card__gradient-author {
color: var(--accent-foreground); color: var(--accent-foreground);
font-size: 0.75rem; font-size: 0.83rem;
opacity: .85; opacity: .85;
margin-bottom: .25rem; margin-bottom: .25rem;
display: block; display: block;
@@ -126,7 +126,7 @@
.card__gradient-title { .card__gradient-title {
color: var(--accent-foreground); color: var(--accent-foreground);
font-size: 0.85rem; font-size: 0.94rem;
font-weight: 600; font-weight: 600;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
@@ -139,7 +139,7 @@
font-style: normal; font-style: normal;
background: transparent; background: transparent;
color: var(--text-primary); color: var(--text-primary);
font-size: 0.78rem; font-size: 0.86rem;
font-weight: 600; font-weight: 600;
letter-spacing: 0.1em; letter-spacing: 0.1em;
text-transform: uppercase; text-transform: uppercase;
@@ -151,7 +151,7 @@
/* Card caption — <p> directly inside the card <a> link, below the media */ /* Card caption — <p> directly inside the card <a> link, below the media */
.home-body li > a > p { .home-body li > a > p {
padding: 0.55rem 0.75rem 0.65rem; padding: 0.55rem 0.75rem 0.65rem;
font-size: 0.88rem; font-size: 0.97rem;
line-height: 1.35; line-height: 1.35;
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
@@ -163,7 +163,7 @@
.cards-empty { .cards-empty {
padding: 2rem; padding: 2rem;
color: var(--text-tertiary); color: var(--text-tertiary);
font-size: 0.9rem; font-size: 0.99rem;
list-style: none; list-style: none;
} }
@@ -172,7 +172,7 @@
background: var(--accent-muted); background: var(--accent-muted);
color: var(--accent-secondary); color: var(--accent-secondary);
padding: 0.4rem 1.5rem; padding: 0.4rem 1.5rem;
font-size: 0.85rem; font-size: 0.94rem;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
@@ -185,7 +185,7 @@
padding: 0.15rem 0.6rem; padding: 0.15rem 0.6rem;
background: var(--accent-muted); background: var(--accent-muted);
border-radius: 3px; border-radius: 3px;
font-size: 0.82rem; font-size: 0.9rem;
} }
.clear-filter:hover { .clear-filter:hover {
@@ -219,7 +219,7 @@
border: 1px solid var(--border-secondary); border: 1px solid var(--border-secondary);
border-radius: 3px; border-radius: 3px;
color: var(--text-primary); color: var(--text-primary);
font-size: 0.9rem; font-size: 0.99rem;
text-decoration: none; text-decoration: none;
transition: all 0.15s; transition: all 0.15s;
} }
@@ -236,7 +236,7 @@
} }
.pagination-info { .pagination-info {
font-size: 0.9rem; font-size: 0.99rem;
color: var(--text-secondary); color: var(--text-secondary);
padding: 0 0.5rem; padding: 0 0.5rem;
} }

32
public/assets/css/search.css
View File

@@ -72,7 +72,7 @@
} }
.repertoire-index section > h2 { .repertoire-index section > h2 {
font-size: 0.72rem; font-size: 0.79rem;
letter-spacing: 0.1em; letter-spacing: 0.1em;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-secondary); color: var(--text-secondary);
@@ -99,7 +99,7 @@
padding: 0.1rem 0; padding: 0.1rem 0;
margin: 0; margin: 0;
font-family: inherit; font-family: inherit;
font-size: 0.95rem; font-size: 1.04rem;
color: var(--text-primary); color: var(--text-primary);
line-height: 1.4; line-height: 1.4;
cursor: pointer; cursor: pointer;
@@ -130,7 +130,7 @@
/* Years column — big bold numbers */ /* Years column — big bold numbers */
.repertoire-col[data-col="years"] .rep-entry { .repertoire-col[data-col="years"] .rep-entry {
font-size: 2.2rem; font-size: 2.42rem;
font-weight: 700; font-weight: 700;
line-height: 1.1; line-height: 1.1;
letter-spacing: -0.02em; letter-spacing: -0.02em;
@@ -140,7 +140,7 @@
/* Empty state in students column */ /* Empty state in students column */
.rep-empty { .rep-empty {
color: var(--text-tertiary); color: var(--text-tertiary);
font-size: 0.9rem; font-size: 0.99rem;
padding: 0.1rem 0; padding: 0.1rem 0;
} }
@@ -173,7 +173,7 @@
/* ---- Search results view (grid) ---- */ /* ---- Search results view (grid) ---- */
.search-results-header { .search-results-header {
display: block; display: block;
font-size: 0.85rem; font-size: 0.94rem;
color: var(--text-secondary); color: var(--text-secondary);
margin: 1rem 1.5rem 0.5rem; margin: 1rem 1.5rem 0.5rem;
} }
@@ -196,13 +196,13 @@
} }
.result-card__authors { .result-card__authors {
font-size: 0.9rem; font-size: 0.99rem;
font-weight: 500; font-weight: 500;
color: var(--text-primary); color: var(--text-primary);
} }
.result-card__title { .result-card__title {
font-size: 0.85rem; font-size: 0.94rem;
color: var(--text-secondary); color: var(--text-secondary);
line-height: 1.35; line-height: 1.35;
display: -webkit-box; display: -webkit-box;
@@ -212,7 +212,7 @@
} }
.result-card__meta { .result-card__meta {
font-size: 0.78rem; font-size: 0.86rem;
color: var(--accent-primary); color: var(--accent-primary);
font-style: normal; font-style: normal;
} }
@@ -232,7 +232,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.4rem; gap: 0.4rem;
font-size: 0.78rem; font-size: 0.86rem;
color: var(--text-secondary); color: var(--text-secondary);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.06em; letter-spacing: 0.06em;
@@ -241,7 +241,7 @@
} }
.search-filter-select { .search-filter-select {
font-size: 0.82rem; font-size: 0.9rem;
border: 1px solid var(--border-primary); border: 1px solid var(--border-primary);
border-radius: 3px; border-radius: 3px;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
@@ -256,7 +256,7 @@
} }
.search-apply-btn { .search-apply-btn {
font-size: 0.82rem; font-size: 0.9rem;
padding: 0.2rem 0.8rem; padding: 0.2rem 0.8rem;
background: var(--accent-primary); background: var(--accent-primary);
color: var(--accent-foreground); color: var(--accent-foreground);
@@ -272,7 +272,7 @@
} }
.search-reset-link { .search-reset-link {
font-size: 0.82rem; font-size: 0.9rem;
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
@@ -297,7 +297,7 @@
border: 1px solid var(--border-secondary); border: 1px solid var(--border-secondary);
border-radius: 3px; border-radius: 3px;
color: var(--text-primary); color: var(--text-primary);
font-size: 0.9rem; font-size: 0.99rem;
text-decoration: none; text-decoration: none;
transition: all 0.15s; transition: all 0.15s;
} }
@@ -314,7 +314,7 @@
} }
.pagination-info { .pagination-info {
font-size: 0.9rem; font-size: 0.99rem;
color: var(--text-secondary); color: var(--text-secondary);
padding: 0 0.5rem; padding: 0 0.5rem;
} }
@@ -322,7 +322,7 @@
.search-empty { .search-empty {
padding: 3rem 1.5rem; padding: 3rem 1.5rem;
color: var(--text-secondary); color: var(--text-secondary);
font-size: 1rem; font-size: 1.1rem;
text-align: center; text-align: center;
} }
@@ -332,7 +332,7 @@
border-left: 3px solid var(--search-error-border); border-left: 3px solid var(--search-error-border);
color: var(--search-error-color); color: var(--search-error-color);
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 0.88rem; font-size: 0.97rem;
margin: 0.5rem 1.5rem; margin: 0.5rem 1.5rem;
flex-shrink: 0; flex-shrink: 0;
} }

50
public/assets/css/system.css
View File

@@ -14,7 +14,7 @@
.sys-tab { .sys-tab {
display: inline-block; display: inline-block;
padding: .55rem 1.1rem; padding: .55rem 1.1rem;
font-size: .84rem; font-size: 0.92rem;
font-weight: 500; font-weight: 500;
color: var(--sys-text-dim); color: var(--sys-text-dim);
text-decoration: none; text-decoration: none;
@@ -49,7 +49,7 @@
border: 1px solid var(--sys-border); border: 1px solid var(--sys-border);
color: var(--sys-text-dim); color: var(--sys-text-dim);
border-radius: 3px; border-radius: 3px;
font-size: .72rem; font-size: 0.79rem;
font-family: inherit; font-family: inherit;
padding: .2rem .55rem; padding: .2rem .55rem;
cursor: pointer; cursor: pointer;
@@ -92,25 +92,25 @@
margin-bottom: .4rem; margin-bottom: .4rem;
} }
.srv-card__name { .srv-card__name {
font-size: .82rem; font-size: 0.9rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: .07em; letter-spacing: .07em;
color: var(--sys-text-dim); color: var(--sys-text-dim);
font-weight: 500; font-weight: 500;
} }
.srv-card__detail { .srv-card__detail {
font-size: .8rem; font-size: 0.88rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
margin-top: .25rem; margin-top: .25rem;
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
} }
.status-ok { color: var(--accent-green); font-weight: 600; font-size: .85rem; } .status-ok { color: var(--accent-green); font-weight: 600; font-size: 0.94rem; }
.status-warn { color: var(--warning); font-weight: 600; font-size: .85rem; } .status-warn { color: var(--warning); font-weight: 600; font-size: 0.94rem; }
.status-err { color: var(--error); font-weight: 600; font-size: .85rem; } .status-err { color: var(--error); font-weight: 600; font-size: 0.94rem; }
.status-unknown { color: var(--text-tertiary); font-weight: 600; font-size: .85rem; } .status-unknown { color: var(--text-tertiary); font-weight: 600; font-size: 0.94rem; }
.srv-section-title { .srv-section-title {
font-size: .82rem; font-size: 0.9rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: .1em; letter-spacing: .1em;
color: var(--sys-text-dim); color: var(--sys-text-dim);
@@ -144,13 +144,13 @@
padding: .5rem .75rem; padding: .5rem .75rem;
} }
.php-item__key { .php-item__key {
font-size: .75rem; font-size: 0.83rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: .06em; letter-spacing: .06em;
color: var(--sys-text-dim); color: var(--sys-text-dim);
} }
.php-item__val { .php-item__val {
font-size: .92rem; font-size: 1.01rem;
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
color: var(--sys-text-bright); color: var(--sys-text-bright);
margin-top: .15rem; margin-top: .15rem;
@@ -175,7 +175,7 @@
.disk-stats { .disk-stats {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: .78rem; font-size: 0.86rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
margin-top: .25rem; margin-top: .25rem;
} }
@@ -219,7 +219,7 @@
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
.log-toolbar label { .log-toolbar label {
font-size: .84rem; font-size: 0.92rem;
color: var(--text-secondary); color: var(--text-secondary);
} }
.log-toolbar select { .log-toolbar select {
@@ -228,13 +228,13 @@
color: var(--sys-text-bright); color: var(--sys-text-bright);
border-radius: 4px; border-radius: 4px;
padding: .4rem .7rem; padding: .4rem .7rem;
font-size: .85rem; font-size: 0.94rem;
font-family: inherit; font-family: inherit;
} }
.log-toolbar select:focus { outline: 2px solid var(--accent-primary); } .log-toolbar select:focus { outline: 2px solid var(--accent-primary); }
.log-meta { .log-meta {
font-size: .78rem; font-size: 0.86rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
margin-bottom: .75rem; margin-bottom: .75rem;
@@ -250,22 +250,22 @@
border-radius: 4px; border-radius: 4px;
padding: 1.5rem; padding: 1.5rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
font-size: .88rem; font-size: 0.97rem;
} }
.log-unavail-path { .log-unavail-path {
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
font-size: .8rem; font-size: 0.88rem;
margin-top: .4rem; margin-top: .4rem;
opacity: .7; opacity: .7;
} }
.log-unavail-dev { .log-unavail-dev {
margin-top: .6rem; margin-top: .6rem;
font-size: .8rem; font-size: 0.88rem;
opacity: .7; opacity: .7;
} }
.log-empty { .log-empty {
color: var(--sys-text-dim); color: var(--sys-text-dim);
font-size: .88rem; font-size: 0.97rem;
padding: 1rem 0; padding: 1rem 0;
} }
.log-output { .log-output {
@@ -275,7 +275,7 @@
padding: 1rem; padding: 1rem;
overflow-x: auto; overflow-x: auto;
font-family: ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace; font-family: ui-monospace, "SFMono-Regular", Consolas, "Courier New", monospace;
font-size: .76rem; font-size: 0.84rem;
line-height: 1.55; line-height: 1.55;
max-height: 62vh; max-height: 62vh;
overflow-y: auto; overflow-y: auto;
@@ -306,7 +306,7 @@
background: var(--sys-bg-surface); background: var(--sys-bg-surface);
border: 1px solid var(--sys-border); border: 1px solid var(--sys-border);
border-radius: 3px; border-radius: 3px;
font-size: .76rem; font-size: 0.84rem;
padding: .15rem .5rem; padding: .15rem .5rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
font-family: ui-monospace, monospace; font-family: ui-monospace, monospace;
@@ -319,7 +319,7 @@
border: 1px solid var(--sys-border); border: 1px solid var(--sys-border);
color: var(--sys-text-dim); color: var(--sys-text-dim);
border-radius: 4px; border-radius: 4px;
font-size: .76rem; font-size: 0.84rem;
padding: .25rem .6rem; padding: .25rem .6rem;
cursor: pointer; cursor: pointer;
font-family: inherit; font-family: inherit;
@@ -336,7 +336,7 @@
} }
.sys-refresh-note { .sys-refresh-note {
font-size: .78rem; font-size: 0.86rem;
color: var(--sys-text-dim); color: var(--sys-text-dim);
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
@@ -349,7 +349,7 @@
/* ── Cache freshness badges ────────────────────────────────────────────── */ /* ── Cache freshness badges ────────────────────────────────────────────── */
.sys-cache-badge { .sys-cache-badge {
display: inline-block; display: inline-block;
font-size: .68rem; font-size: 0.75rem;
font-weight: 400; font-weight: 400;
font-family: ui-monospace, monospace; font-family: ui-monospace, monospace;
padding: .1rem .45rem; padding: .1rem .45rem;
@@ -372,7 +372,7 @@
/* ── Nginx config viewer ───────────────────────────────────────────────── */ /* ── Nginx config viewer ───────────────────────────────────────────────── */
.nginx-source-badge { .nginx-source-badge {
display: inline-block; display: inline-block;
font-size: .72rem; font-size: 0.79rem;
font-family: ui-monospace, monospace; font-family: ui-monospace, monospace;
padding: .15rem .55rem; padding: .15rem .55rem;
border-radius: 3px; border-radius: 3px;

18
public/assets/css/tfe.css
View File

@@ -36,7 +36,7 @@
/* Author (p) — above title */ /* Author (p) — above title */
.tfe-author { .tfe-author {
font-family: var(--font-display); font-family: var(--font-display);
font-size: 1.4rem; font-size: 1.54rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
@@ -46,7 +46,7 @@
/* Title (h1) — primary heading, very large */ /* Title (h1) — primary heading, very large */
.tfe-title { .tfe-title {
font-family: var(--font-display); font-family: var(--font-display);
font-size: 2.2rem; font-size: 2.42rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
@@ -59,7 +59,7 @@ article dl {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.45rem; gap: 0.45rem;
font-size: 0.95rem; font-size: 1.04rem;
line-height: 1.4; line-height: 1.4;
margin: 0; margin: 0;
} }
@@ -100,7 +100,7 @@ article dl dd a {
/* Synopsis paragraph */ /* Synopsis paragraph */
.tfe-synopsis-text { .tfe-synopsis-text {
font-size: 0.95rem; font-size: 1.04rem;
line-height: 1.7; line-height: 1.7;
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
@@ -144,7 +144,7 @@ aside figure embed {
/* figcaption under media — target <figcaption> inside <aside> */ /* figcaption under media — target <figcaption> inside <aside> */
aside figcaption { aside figcaption {
font-size: 0.8rem; font-size: 0.88rem;
color: var(--text-secondary); color: var(--text-secondary);
margin: 0.3rem 0 0; margin: 0.3rem 0 0;
font-style: italic; font-style: italic;
@@ -152,7 +152,7 @@ aside figcaption {
/* PDF fallback download link */ /* PDF fallback download link */
.tfe-pdf-fallback { .tfe-pdf-fallback {
font-size: 0.85rem; font-size: 0.94rem;
margin: 0.4rem 0 0; margin: 0.4rem 0 0;
} }
@@ -165,7 +165,7 @@ aside figcaption {
/* "Not available" and "no files" notices */ /* "Not available" and "no files" notices */
.tfe-restricted, .tfe-restricted,
.tfe-no-files { .tfe-no-files {
font-size: 0.95rem; font-size: 1.04rem;
color: var(--text-secondary); color: var(--text-secondary);
font-style: italic; font-style: italic;
padding: 1rem 0; padding: 1rem 0;
@@ -180,7 +180,7 @@ aside figcaption {
} }
.tfe-title { .tfe-title {
font-size: 1.7rem; font-size: 1.87rem;
} }
} }
@@ -190,6 +190,6 @@ aside figcaption {
} }
.tfe-title { .tfe-title {
font-size: 1.4rem; font-size: 1.54rem;
} }
} }