@museumwnf/viewer-layout 2.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/LICENSE.md +44 -0
  2. package/README.md +433 -0
  3. package/dist/PageShell-CbJ9lQoQ.js +961 -0
  4. package/dist/TimelineEventList-59g_1ksf.js +1174 -0
  5. package/dist/components.js +154 -0
  6. package/dist/content-BvhCFMQ9.js +446 -0
  7. package/dist/content.js +3 -0
  8. package/dist/index.js +4 -0
  9. package/dist/viewer-layout.css +2 -0
  10. package/dist/views.js +1740 -0
  11. package/package.json +51 -0
  12. package/src/tokens.reference.css +684 -0
package/src/tokens.reference.css ADDED
@@ -0,0 +1,684 @@
1
+ /*
2
+ * @museumwnf/viewer-layout — token reference.
3
+ *
4
+ * Complete list of every CSS custom property the package consumes, with the
5
+ * neutral fallback the layout uses when a token is not set. Copy this file
6
+ * into your website as theme/tokens.css, uncomment, and set your values.
7
+ * All tokens are optional.
8
+ */
9
+
10
+ :root {
11
+ /* ---------- Global ---------- */
12
+ /* --mwnf-font-body: system-ui, sans-serif; Body font stack */
13
+ /* --mwnf-font-heading: inherit; Heading/title font stack */
14
+ /* --mwnf-line-height: 1.6; Base line height */
15
+ /* --mwnf-weight-heading: 700; Weight for titles */
16
+ /* --mwnf-color-text: #1c1c1c; Default text color */
17
+ /* --mwnf-color-background: #ffffff; Page background */
18
+ /* --mwnf-color-accent: #1c1c1c; Links and accents */
19
+ /* --mwnf-color-muted: #555555; Secondary text */
20
+ /* --mwnf-color-border: #dddddd; Default border color */
21
+ /* --mwnf-content-width: 64rem; Max content width (all sections) */
22
+ /* --mwnf-content-padding: 1rem; Min horizontal padding (all sections) */
23
+ /* --mwnf-space: 0.75rem; Base spacing unit */
24
+ /* --mwnf-radius: 0.25rem; Corner radius (form controls) */
25
+ /* --mwnf-section-border: 1px solid #dddddd; Divider above hyperlinks/sponsors/footer */
26
+ /* --mwnf-section-title-size: 1rem; Hyperlinks/sponsors title size */
27
+
28
+ /* ---------- AppHeader ---------- */
29
+ /* --mwnf-header-padding: 1.25rem; Vertical padding */
30
+ /* --mwnf-header-background: transparent; Background */
31
+ /* --mwnf-header-text: inherit; Text color */
32
+ /* --mwnf-header-gap: 1rem; Gap between the mark, the title cell and the tools */
33
+ /* --mwnf-header-logos-title-size: 0.75rem; Heading above the logo group */
34
+ /* --mwnf-header-logo-gap: 0.625rem; Gap between logos */
35
+ /* --mwnf-header-logo-height: 2.875rem; Logo height */
36
+ /* --mwnf-header-eyebrow-size: 0.875rem; Line above the title */
37
+ /* --mwnf-header-eyebrow-color: inherit; Its color */
38
+ /* --mwnf-header-title-size: 1.75rem; Title size */
39
+ /* --mwnf-header-title-line-height: 1.1; Title line height */
40
+ /* --mwnf-header-subtitle-size: 1rem; Subtitle size */
41
+ /* --mwnf-header-subtitle-color: #555555; Subtitle color */
42
+ /* --mwnf-header-tools-gap: 0.5rem; Gap between links, search and switcher */
43
+ /* --mwnf-header-tools-size: 0.875rem; Their font size */
44
+ /* --mwnf-header-links-gap: 0.5rem; Gap between header links */
45
+ /* --mwnf-header-links-separator: "|"; Separator between header links */
46
+ /* --mwnf-header-link-color: inherit; Header link color */
47
+ /* --mwnf-header-search-gap: 0.3125rem; Gap between the field and the button */
48
+ /* --mwnf-header-control-padding: 0.25rem 0.375rem; Padding of the field, the button and the select */
49
+ /* --mwnf-header-control-border: 2px solid currentColor; Border of the field and the select */
50
+ /* --mwnf-header-control-background: #ffffff; Their background */
51
+ /* --mwnf-header-control-text: #1c1c1c; Their text color */
52
+ /* --mwnf-header-button-border: 2px solid currentColor; Border of the search button and the language buttons */
53
+ /* --mwnf-header-button-background: transparent; Their background */
54
+ /* --mwnf-header-button-text: inherit; Their text color */
55
+ /* --mwnf-header-button-active-background: #1c1c1c; The active language button */
56
+ /* --mwnf-header-button-active-text: #ffffff; Its text color */
57
+ /* --mwnf-header-language-gap: 0.25rem; Gap between language buttons */
58
+
59
+ /* ---------- AppBanner ---------- */
60
+ /* --mwnf-banner-padding: 0; Vertical padding */
61
+ /* --mwnf-banner-background: transparent; Background */
62
+ /* --mwnf-banner-text-color: inherit; Text color */
63
+ /* --mwnf-banner-text-size: 1.25rem; Text size (plain banner) */
64
+ /* --mwnf-banner-max-height: 20rem; Max image height (plain banner) */
65
+ /* --mwnf-banner-media-background: #555555; Behind the image, and when there is none */
66
+ /* --mwnf-banner-fallback: none; A background-image for when the image fails */
67
+ /* --mwnf-banner-caption-margin: 1rem; Caption box margin */
68
+ /* --mwnf-banner-caption-padding: 1rem; Caption box padding */
69
+ /* --mwnf-banner-caption-width: 25%; Caption box max width */
70
+ /* --mwnf-banner-caption-size: 0.9rem; Caption text size */
71
+ /* --mwnf-banner-caption-text: #ffffff; Caption text color */
72
+ /* --mwnf-banner-caption-background: rgba(0,0,0,0.6); Caption box background */
73
+ /* --mwnf-banner-headline-width: 30rem; Headline max width (split) */
74
+ /* --mwnf-banner-headline-size: 0.9375rem; Headline size */
75
+ /* --mwnf-banner-strapline-size: 0.875rem; Strapline size */
76
+ /* --mwnf-banner-enter-size: 1.25rem; Entry link size (split) */
77
+ /* --mwnf-banner-enter-gap: 0.625rem; Space before the entry link (strip) */
78
+ /* --mwnf-banner-overlay-text: #ffffff; Text over the image (strip, section) */
79
+ /* --mwnf-banner-overlay-shadow: 0 0 1.5rem #000000; Its shadow (strip) */
80
+ /* --mwnf-banner-overlay-background: rgba(0,0,0,0.6); The bar over the image (section) */
81
+ /* --mwnf-banner-strip-height: 45vh; Strip height */
82
+ /* --mwnf-banner-strip-max-height: 28rem; Strip max height */
83
+ /* --mwnf-banner-strip-padding: 0 3rem; Padding of the text over the strip */
84
+ /* --mwnf-banner-strip-eyebrow-size: 1.875rem; Eyebrow size (strip) */
85
+ /* --mwnf-banner-strip-title-size: 4.375rem; Title size (strip) */
86
+ /* --mwnf-banner-strip-eyebrow-size-narrow: 1.125rem; … on a narrow screen */
87
+ /* --mwnf-banner-strip-title-size-narrow: 2rem; … on a narrow screen */
88
+ /* --mwnf-banner-split-media-width: 60%; Image column width (split) */
89
+ /* --mwnf-banner-split-body-width: 40%; Text column width (split) */
90
+ /* --mwnf-banner-split-min-height: 43.75rem; Image column min height (split) */
91
+ /* --mwnf-banner-split-min-height-narrow: 18.75rem; … on a narrow screen */
92
+ /* --mwnf-banner-split-padding: 3rem 1.25rem; Text column padding (split) */
93
+ /* --mwnf-banner-split-gap: 1.5rem; Gap between the text column's parts */
94
+ /* --mwnf-banner-split-title-size: calc(0.75rem + 1.2vw); Title size (split) */
95
+ /* --mwnf-banner-split-subtitle-size: 1rem; Subtitle size (split) */
96
+ /* --mwnf-banner-body-background: transparent; Text column background (split) */
97
+ /* --mwnf-banner-body-text: inherit; Text column text color (split) */
98
+ /* --mwnf-banner-body-accent: inherit; Title, subtitle and entry link color (split) */
99
+ /* --mwnf-banner-section-height: 20vh; Section strip height */
100
+ /* --mwnf-banner-section-min-height: 3.125rem; Section strip min height */
101
+ /* --mwnf-banner-section-max-height: 9.375rem; Section strip max height */
102
+ /* --mwnf-banner-section-padding: 0.625rem 3.125rem; Padding of the bar over the section strip */
103
+ /* --mwnf-banner-section-title-size: clamp(1.25rem, 3vw, 2.375rem); Section title size */
104
+ /* --mwnf-banner-section-caption-width: 37.5rem; Caption max width (section) */
105
+
106
+ /* ---------- AppNavigation ---------- */
107
+ /* --mwnf-nav-padding: 0.5rem; Vertical padding */
108
+ /* --mwnf-nav-background: transparent; Background */
109
+ /* --mwnf-nav-border: 1px solid #dddddd; Top+bottom border */
110
+ /* --mwnf-nav-gap: 1rem; Gap between links */
111
+ /* --mwnf-nav-link-color: #1c1c1c; Link color */
112
+ /* --mwnf-nav-link-active-color: inherit; Active link color */
113
+ /* --mwnf-nav-link-weight: 500; Link weight */
114
+ /* --mwnf-nav-toggle-padding: 0.375rem 0.75rem; Hamburger button padding (narrow screens) */
115
+ /* --mwnf-nav-toggle-background: transparent; Its background */
116
+ /* --mwnf-nav-toggle-color: #1c1c1c; Its text color */
117
+ /* --mwnf-nav-toggle-gap: 0.5rem; Gap between its icon and its label */
118
+ /* --mwnf-nav-notice-margin: 0.5rem 0 0; Notice bar margin */
119
+ /* --mwnf-nav-notice-padding: 0.3125rem 1rem; Notice bar padding */
120
+ /* --mwnf-nav-notice-size: 0.9rem; Notice text size */
121
+ /* --mwnf-nav-notice-background: #dddddd; Notice bar background */
122
+ /* --mwnf-nav-notice-color: inherit; Notice text color */
123
+
124
+ /* ---------- AppContent ---------- */
125
+ /* --mwnf-content-padding-block: 1.5rem; Vertical padding */
126
+ /* --mwnf-content-background: transparent; Background */
127
+
128
+ /* ---------- AppHyperlinks ---------- */
129
+ /* --mwnf-hyperlinks-padding: 1rem; Vertical padding */
130
+ /* --mwnf-hyperlinks-background: transparent; Background */
131
+ /* --mwnf-hyperlinks-link-color: #1c1c1c; Link color */
132
+ /* --mwnf-hyperlinks-tiles-padding: 3rem; Vertical padding (tiles) */
133
+ /* --mwnf-hyperlinks-tiles-gap: 0.625rem; Gap between the title block and the tiles */
134
+ /* --mwnf-hyperlinks-tiles-text: inherit; Text color (tiles) */
135
+ /* --mwnf-hyperlinks-tiles-size: 1.125rem; Text size (tiles) */
136
+
137
+ /* ---------- AppSponsors ---------- */
138
+ /* --mwnf-sponsors-padding: 1rem; Vertical padding */
139
+ /* --mwnf-sponsors-background: transparent; Background */
140
+ /* --mwnf-sponsors-gap: 1.5rem; Gap between sponsors */
141
+ /* --mwnf-sponsors-logo-height: 2.5rem; Logo height */
142
+ /* --mwnf-sponsors-groups-justify: center; How the groups are distributed */
143
+ /* --mwnf-sponsors-groups-gap: 2.5rem; Gap between groups */
144
+ /* --mwnf-sponsors-group-gap: 0.5rem; Gap between a group's heading and its logos */
145
+ /* --mwnf-sponsors-group-title-size: 0.75rem; Group heading size */
146
+ /* --mwnf-sponsors-group-title-color: #555555; Group heading color */
147
+
148
+ /* ---------- AppFooter ---------- */
149
+ /* --mwnf-footer-padding: 1.25rem; Vertical padding */
150
+ /* --mwnf-footer-background: transparent; Background */
151
+ /* --mwnf-footer-text-color: #555555; Text color */
152
+ /* --mwnf-footer-text-size: 0.875rem; Text size */
153
+ /* --mwnf-footer-justify: flex-start; How links and text are distributed */
154
+ /* --mwnf-footer-gap: 0.5rem; Gap between footer links */
155
+ /* --mwnf-footer-links-separator: "|"; Separator between footer links */
156
+ /* --mwnf-footer-link-color: inherit; Footer link color */
157
+ /* --mwnf-footer-attribution-gap: 0.25rem; Gap before the rights-holder label */
158
+ /* --mwnf-footer-terms-color: inherit; Terms-of-use link color */
159
+
160
+ /* ---------- Content: SectionCards ---------- */
161
+ /* --mwnf-card-columns: 3; Cards per row */
162
+ /* --mwnf-card-columns-narrow: 1; … on a narrow screen */
163
+ /* --mwnf-card-gap: 1rem; Gap between cards */
164
+ /* --mwnf-card-inner-gap: 0.5rem; Gap between a card's title, text and action */
165
+ /* --mwnf-card-padding: 1rem; Card padding */
166
+ /* --mwnf-card-border: 1px solid #dddddd; Card border */
167
+ /* --mwnf-card-radius: 0; Card corner radius */
168
+ /* --mwnf-card-background: transparent; Card background */
169
+ /* --mwnf-card-title-size: 1.125rem; Card title size */
170
+ /* --mwnf-card-title-color: inherit; Card title color */
171
+ /* --mwnf-card-text-size: 0.875rem; Card text size */
172
+ /* --mwnf-card-text-color: #555555; Card text color */
173
+ /* --mwnf-card-action-weight: 600; Weight of the action line */
174
+ /* --mwnf-card-action-color: #1c1c1c; Color of the action line (cards and featured record) */
175
+ /* --mwnf-card-number-size: 0.875rem; Number (Roman/decimal) size */
176
+ /* --mwnf-card-number-weight: 600; Number weight */
177
+ /* --mwnf-card-number-color: #555555; Number color */
178
+ /* --mwnf-card-image-background: #dddddd; Behind card images when absent */
179
+ /* --mwnf-card-row-image-width: 12.5rem; Row variant image width */
180
+ /* --mwnf-card-row-image-height: 10rem; Row variant image height */
181
+ /* --mwnf-card-row-image-transition: 0.3s ease; Row variant image fade-in duration */
182
+ /* --mwnf-card-covers-columns: 3; Covers variant cards per row */
183
+ /* --mwnf-card-covers-padding: 1rem; Covers variant card padding */
184
+ /* --mwnf-card-covers-text-color: #ffffff; Covers variant text color */
185
+ /* --mwnf-card-covers-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); Text shadow on cover images */
186
+ /* --mwnf-card-cover-height: 15rem; Covers variant card height */
187
+ /* --mwnf-card-cover-title-size: 1.125rem; Covers variant title size */
188
+ /* --mwnf-card-accordion-transition: 0.2s ease; Accordion variant transition duration */
189
+ /* --mwnf-card-accordion-marker-width: 1rem; Accordion variant marker width */
190
+ /* --mwnf-card-accordion-padding: 1rem; Accordion variant subsection padding */
191
+ /* --mwnf-card-accordion-child-gap: 0.5rem; Accordion variant gap between subsections */
192
+ /* --mwnf-card-accordion-child-padding: 0.5rem 0; Accordion variant subsection padding */
193
+ /* --mwnf-card-accordion-child-border: 1px solid #dddddd; Border above accordion subsections */
194
+
195
+ /* ---------- Content: FeaturedRecord ---------- */
196
+ /* --mwnf-featured-heading-size: 1rem; Heading over the spotlight */
197
+ /* --mwnf-featured-heading-color: inherit; Its color */
198
+ /* --mwnf-featured-gap: 1.25rem; Gap between the image and the text */
199
+ /* --mwnf-featured-body-gap: 0.375rem; Gap between the text lines */
200
+ /* --mwnf-featured-image-width: 12.5rem; Image width */
201
+ /* --mwnf-featured-image-height: 10rem; Image height */
202
+ /* --mwnf-featured-image-border: 1px solid #dddddd; Image border */
203
+ /* --mwnf-featured-eyebrow-size: 0.625rem; Line above the name */
204
+ /* --mwnf-featured-name-size: 1.125rem; Name size */
205
+ /* --mwnf-featured-name-color: inherit; Name color */
206
+ /* --mwnf-featured-meta-size: 0.8125rem; Size of the lines under the name */
207
+ /* --mwnf-featured-meta-color: #555555; Their color */
208
+
209
+ /* ---------- Content: RecordList ---------- */
210
+ /* --mwnf-list-gap: 0.875rem; Gap between the thumbnail and the text */
211
+ /* --mwnf-list-row-padding: 0.75rem 0; Row padding */
212
+ /* --mwnf-list-row-border: 1px solid #dddddd; Line between rows */
213
+ /* --mwnf-list-thumb-width: 5rem; Thumbnail width */
214
+ /* --mwnf-list-thumb-height: 4rem; Thumbnail height */
215
+ /* --mwnf-list-thumb-background: #dddddd; Behind the thumbnail, and when there is none */
216
+ /* --mwnf-list-body-gap: 0.25rem; Gap between the name and the metadata */
217
+ /* --mwnf-list-name-size: 1rem; Name size */
218
+ /* --mwnf-list-name-color: inherit; Name color */
219
+ /* --mwnf-list-meta-gap: 0.5rem; Gap between metadata items */
220
+ /* --mwnf-list-meta-size: 0.8125rem; Metadata size */
221
+ /* --mwnf-list-meta-color: #555555; Metadata color */
222
+ /* --mwnf-list-meta-separator: "·"; Separator between metadata items */
223
+ /* --mwnf-list-badge-size: 0.625rem; Badge size */
224
+ /* --mwnf-list-badge-color: #555555; Badge color */
225
+
226
+ /* ---------- Content: RecordGrid ---------- */
227
+ /* --mwnf-grid-columns: 3; Tiles per row */
228
+ /* --mwnf-grid-columns-narrow: 2; … on a narrow screen (one below 31.25rem) */
229
+ /* --mwnf-grid-gap: 0.25rem; Gap between tiles */
230
+ /* --mwnf-grid-tile-background: #dddddd; Behind the image, and when there is none */
231
+ /* --mwnf-grid-image-height-narrow: 13.75rem; Image height on a narrow screen */
232
+ /* --mwnf-grid-card-background: rgba(0,0,0,0.85); The card over the tile */
233
+ /* --mwnf-grid-card-text: #ffffff; Its text color */
234
+ /* --mwnf-grid-card-padding: 0.625rem; Its padding */
235
+ /* --mwnf-grid-card-gap: 0.625rem; Gap between its image and its text */
236
+ /* --mwnf-grid-card-size: 0.8125rem; Its text size */
237
+ /* --mwnf-grid-card-line-height: 1.35; Its line height */
238
+ /* --mwnf-grid-card-line-gap: 0.1875rem; Gap between its lines */
239
+
240
+ /* ---------- Content: Pagination ---------- */
241
+ /* --mwnf-pagination-gap: 0.25rem; Gap between the buttons */
242
+ /* --mwnf-pagination-padding: 0.75rem 0; Vertical padding */
243
+ /* --mwnf-pagination-size: 0.8125rem; Text size */
244
+ /* --mwnf-pagination-button-padding: 0.1875rem 0.5625rem; Button padding */
245
+ /* --mwnf-pagination-button-border: 1px solid #dddddd; Button border */
246
+ /* --mwnf-pagination-button-background: transparent; Button background */
247
+ /* --mwnf-pagination-button-hover-background: #dddddd; … on hover */
248
+ /* --mwnf-pagination-button-text: #1c1c1c; Button text color */
249
+ /* --mwnf-pagination-active-background: #1c1c1c; The current page */
250
+ /* --mwnf-pagination-active-text: #ffffff; Its text color */
251
+ /* --mwnf-pagination-position-color: #555555; The "3 / 12" position */
252
+ /* --mwnf-pagination-jump-width: 3.75rem; The "go to page" field */
253
+
254
+ /* ---------- Content: FilterPanel, FacetSelect, ResultsSummary ---------- */
255
+ /* --mwnf-filter-gap: 0.75rem; Gap between the controls */
256
+ /* --mwnf-filter-padding: 1rem; Panel padding */
257
+ /* --mwnf-filter-border: 1px solid #dddddd; Panel border */
258
+ /* --mwnf-filter-background: transparent; Panel background */
259
+ /* --mwnf-filter-title-size: 0.75rem; Panel title size */
260
+ /* --mwnf-filter-title-color: #555555; Panel title color */
261
+ /* --mwnf-filter-label-size: 0.8125rem; Label and button size */
262
+ /* --mwnf-filter-label-color: #555555; Label color */
263
+ /* --mwnf-facet-gap: 0.25rem; Gap between a label and its select */
264
+ /* --mwnf-filter-control-padding: 0.25rem 0.375rem; Select padding */
265
+ /* --mwnf-filter-control-border: 1px solid #dddddd; Select border */
266
+ /* --mwnf-filter-control-background: #ffffff; Select background */
267
+ /* --mwnf-filter-control-text: #1c1c1c; Select text color */
268
+ /* --mwnf-filter-button-padding: 0.375rem 0.875rem; Button padding */
269
+ /* --mwnf-filter-button-border: 1px solid #1c1c1c; Apply button border */
270
+ /* --mwnf-filter-button-background: #1c1c1c; Apply button background */
271
+ /* --mwnf-filter-button-text: #ffffff; Apply button text color */
272
+ /* --mwnf-filter-reset-background: transparent; Reset button background */
273
+ /* --mwnf-filter-reset-text: #1c1c1c; Reset button text color */
274
+ /* --mwnf-summary-gap: 0.75rem; Gap between the parts of the summary line */
275
+ /* --mwnf-summary-part-gap: 0.25rem; Gap between a label and its count */
276
+ /* --mwnf-summary-padding: 0 0 0.5rem; Summary padding */
277
+ /* --mwnf-summary-border: 1px solid #dddddd; Line under the summary */
278
+ /* --mwnf-summary-size: 0.8125rem; Summary text size */
279
+ /* --mwnf-summary-color: #555555; Summary text color */
280
+ /* --mwnf-summary-value-color: inherit; Color of the counts and values */
281
+
282
+ /* ---------- Content: RecordLanguages ---------- */
283
+ /* --mwnf-languages-gap: 0.25rem; Gap between the buttons */
284
+ /* --mwnf-languages-button-padding: 0.125rem 0.5rem; Button padding */
285
+ /* --mwnf-languages-button-border: 1px solid #dddddd; Button border */
286
+ /* --mwnf-languages-button-background: transparent; Button background */
287
+ /* --mwnf-languages-button-text: inherit; Button text color */
288
+ /* --mwnf-languages-button-size: 0.75rem; Button text size */
289
+ /* --mwnf-languages-active-background: #1c1c1c; The active language */
290
+ /* --mwnf-languages-active-text: #ffffff; Its text color */
291
+
292
+ /* ---------- Content: RecordSheet, SheetSection, RecordCredits, RelatedRecords ---------- */
293
+ /* --mwnf-sheet-text-size: 0.875rem; Value text size */
294
+ /* --mwnf-sheet-text-color: inherit; Value text color */
295
+ /* --mwnf-sheet-label-size: 0.8125rem; Label size */
296
+ /* --mwnf-sheet-label-weight: 600; Label weight */
297
+ /* --mwnf-sheet-label-color: inherit; Label color */
298
+ /* --mwnf-sheet-label-background: transparent; Label cell background (table) */
299
+ /* --mwnf-sheet-label-width: 36%; Label column width (table) */
300
+ /* --mwnf-sheet-cell-padding: 0.375rem 0.625rem; Cell padding (table) */
301
+ /* --mwnf-sheet-cell-border: 1px solid #dddddd; Cell border (table) */
302
+ /* --mwnf-sheet-gap: 0.75rem; Gap between rows (list) */
303
+ /* --mwnf-sheet-paragraph-gap: 0.75em; Gap between paragraphs of a block */
304
+ /* --mwnf-sheet-list-indent: 1.5em; Indent of a list in a block */
305
+ /* --mwnf-sheet-toggle-color: #1c1c1c; The short-description toggle */
306
+ /* --mwnf-sheet-term-color: inherit; A glossary term in a text */
307
+ /* --mwnf-sheet-term-underline: #1c1c1c; Its dotted underline */
308
+ /* --mwnf-sheet-section-gap: 1.25rem; Space above a section, the credits, the related block */
309
+ /* --mwnf-sheet-section-padding: 1rem; Space under their top border */
310
+ /* --mwnf-sheet-section-border: 1px solid #dddddd; That border */
311
+ /* --mwnf-sheet-heading-size: 0.8125rem; Section heading size */
312
+ /* --mwnf-sheet-heading-color: #555555; Section heading color */
313
+ /* --mwnf-credits-border: 2px solid #1c1c1c; Line above the credits */
314
+ /* --mwnf-credits-size: 0.75rem; Credits text size */
315
+ /* --mwnf-credits-color: #555555; Credits text color */
316
+ /* --mwnf-credits-gap: 0.25rem 1rem; Gap in the credits list */
317
+
318
+ /* ---------- Content: SourceCredit ---------- */
319
+ /* --mwnf-source-credit-size: 0.8125rem; Text size */
320
+ /* --mwnf-source-credit-color: #555555; Text color */
321
+ /* --mwnf-source-credit-link-color: inherit; Address link color */
322
+
323
+ /* ---------- Content: MediaGallery ---------- */
324
+ /* --mwnf-media-gap: 0.75rem; Gap between the image and the thumbnails, and between row images */
325
+ /* --mwnf-media-background: #dddddd; Behind an image */
326
+ /* --mwnf-media-row-width: 11.25rem; Image width (row variant) */
327
+ /* --mwnf-media-row-height: 8.75rem; Image height (row variant) */
328
+ /* --mwnf-media-row-border: 1px solid #dddddd; Image border (row variant) */
329
+ /* --mwnf-media-thumb-gap: 0.375rem; Gap between thumbnails */
330
+ /* --mwnf-media-thumb-size: 4rem; Thumbnail size */
331
+ /* --mwnf-media-thumb-border: 2px solid transparent; Thumbnail border */
332
+ /* --mwnf-media-thumb-active-border: 2px solid #1c1c1c; The current thumbnail */
333
+ /* --mwnf-media-caption-margin: 0.375rem 0 0; Caption margin */
334
+ /* --mwnf-media-caption-gap: 0.125rem; Gap between caption and credit */
335
+ /* --mwnf-media-caption-size: 0.8125rem; Caption size */
336
+ /* --mwnf-media-caption-color: #555555; Caption color */
337
+ /* --mwnf-media-lightbox-background: rgba(0,0,0,0.9); The lightbox */
338
+ /* --mwnf-media-lightbox-text: #ffffff; Its controls */
339
+ /* --mwnf-media-lightbox-max-width: 88vw; The image's max width in it */
340
+ /* --mwnf-media-lightbox-max-height: 88vh; The image's max height in it */
341
+ /* --mwnf-media-lightbox-control-size: 3.75rem; Size of the previous/next controls */
342
+ /* --mwnf-media-lightbox-control-padding: 0 1.25rem; Their padding */
343
+ /* --mwnf-media-lightbox-close-size: 1.75rem; Size of the close control */
344
+ /* --mwnf-media-lightbox-close-inset: 0.75rem; Its distance from the corner */
345
+
346
+ /* ---------- Content: GlossaryPopover ---------- */
347
+ /* --mwnf-popover-inset: 1.5rem; Distance from the corner */
348
+ /* --mwnf-popover-inset-narrow: 0.75rem; … on a narrow screen */
349
+ /* --mwnf-popover-width: 23.75rem; Width */
350
+ /* --mwnf-popover-max-height: 20rem; Height of the scrolling body */
351
+ /* --mwnf-popover-border: 2px solid #1c1c1c; Border */
352
+ /* --mwnf-popover-background: #ffffff; Background */
353
+ /* --mwnf-popover-text: inherit; Text color */
354
+ /* --mwnf-popover-shadow: 0 4px 16px rgba(0,0,0,0.35); Shadow */
355
+ /* --mwnf-popover-title-padding: 0.375rem 0.75rem; Title bar padding */
356
+ /* --mwnf-popover-title-background: #1c1c1c; Title bar background */
357
+ /* --mwnf-popover-title-text: #ffffff; Title bar text color */
358
+ /* --mwnf-popover-close-size: 1rem; Close control size */
359
+ /* --mwnf-popover-padding: 0.625rem 0.75rem; Body padding */
360
+ /* --mwnf-popover-term-size: 1rem; The term's size */
361
+
362
+ /* ---------- Content: GlossaryTool ---------- */
363
+ /* --mwnf-glossary-tool-gap: 0.5rem; Gap between the panel's own rows */
364
+ /* --mwnf-glossary-tool-toggle-color: #1c1c1c; The toggle line's color */
365
+ /* --mwnf-glossary-tool-instructions-color: #555555; Instructions text color */
366
+ /* --mwnf-glossary-tool-instructions-size: 0.8125rem; Instructions text size */
367
+ /* --mwnf-glossary-tool-input-padding: 0.375rem 0.5rem; Input padding */
368
+ /* --mwnf-glossary-tool-input-border: 1px solid #dddddd; Input border */
369
+ /* --mwnf-glossary-tool-hits-max-height: 11.25rem; Max height of the scrolling hit list */
370
+ /* --mwnf-glossary-tool-hits-border: 1px solid #dddddd; Hit list border */
371
+ /* --mwnf-glossary-tool-hit-padding: 0.25rem 0.5rem; Padding of one hit */
372
+ /* --mwnf-glossary-tool-hit-hover-background: #dddddd; Hovered/active hit background */
373
+ /* --mwnf-glossary-tool-definition-label-weight: 600; "Definition" label weight */
374
+
375
+ /* ---------- Content: DynastyPopout, DynastyList ---------- */
376
+ /* --mwnf-dynasty-list-gap: 0.75rem; Gap between dynasty popouts */
377
+ /* --mwnf-dynasty-summary-weight: 700; The dynasty name's weight, in the toggle line */
378
+ /* --mwnf-dynasty-eyebrow-size: 0.75rem; The frame label ("Dynasties") size */
379
+ /* --mwnf-dynasty-eyebrow-color: #555555; Its color */
380
+ /* --mwnf-dynasty-field-size: 0.875rem; Also known as / area / dates size */
381
+ /* --mwnf-dynasty-field-color: inherit; Their color */
382
+
383
+ /* ---------- Content: Prose, LinkListView, TextPageView ---------- */
384
+ /* --mwnf-prose-width: 42rem; Max width of readable text */
385
+ /* --mwnf-prose-size: 0.9375rem; Body text size */
386
+ /* --mwnf-prose-line-height: 1.75; Line height for readable measure */
387
+ /* --mwnf-prose-text-color: inherit; Text color */
388
+ /* --mwnf-prose-paragraph-gap: 1rem; Gap between paragraphs */
389
+ /* --mwnf-prose-list-indent: 1.5em; Left indent of lists */
390
+ /* --mwnf-prose-list-item-gap: 0.5rem; Gap between list items */
391
+ /* --mwnf-prose-link-hover-color: #555555; Link hover color */
392
+ /* --mwnf-link-list-gap: 1.5rem; Gap between sections */
393
+ /* --mwnf-link-list-back-size: 0.8125rem; Back link size */
394
+ /* --mwnf-link-list-title-size: 1.5rem; Page title size */
395
+ /* --mwnf-link-list-title-color: inherit; Page title color */
396
+ /* --mwnf-link-list-group-gap: 1.5rem; Gap between groups */
397
+ /* --mwnf-link-list-heading-gap: 0.75rem; Gap between heading and links */
398
+ /* --mwnf-link-list-heading-size: 1.125rem; Group heading size */
399
+ /* --mwnf-link-list-heading-color: inherit; Group heading color */
400
+ /* --mwnf-link-list-item-gap: 0.5rem; Gap between links */
401
+ /* --mwnf-link-list-note-gap: 0.25rem; Gap between link and note */
402
+ /* --mwnf-link-list-link-weight: 500; Link font weight */
403
+ /* --mwnf-link-list-note-size: 0.8125rem; Link note size */
404
+ /* --mwnf-link-list-note-color: #555555; Link note color */
405
+ /* --mwnf-link-list-empty-padding: 1rem; Empty state padding */
406
+ /* --mwnf-link-list-empty-size: 0.875rem; Empty state size */
407
+ /* --mwnf-link-list-empty-color: #555555; Empty state color */
408
+ /* --mwnf-text-page-gap: 1.5rem; Gap between heading and body */
409
+ /* --mwnf-text-page-back-size: 0.8125rem; Back link size */
410
+ /* --mwnf-text-page-heading-size: 1.75rem; Page heading size */
411
+ /* --mwnf-text-page-heading-color: inherit; Page heading color */
412
+
413
+ /* ---------- Content: TimelineEventList ---------- */
414
+ /* --mwnf-timeline-gap: 1rem; Gap between the date and the body, and between actions */
415
+ /* --mwnf-timeline-row-padding: 0.875rem 0; Row padding */
416
+ /* --mwnf-timeline-row-border: 1px solid #dddddd; Line between rows */
417
+ /* --mwnf-timeline-date-width: 9rem; Date column width */
418
+ /* --mwnf-timeline-date-size: 0.875rem; Date text size */
419
+ /* --mwnf-timeline-date-color: inherit; Date text color */
420
+ /* --mwnf-timeline-caption-size: 0.75rem; Caption size */
421
+ /* --mwnf-timeline-caption-color: #555555; Caption color */
422
+ /* --mwnf-timeline-caption-gap: 0.25rem; Gap under the caption, and above media/actions */
423
+ /* --mwnf-timeline-description-size: 0.9375rem; Description text size */
424
+ /* --mwnf-timeline-description-color: inherit; Description text color */
425
+ /* --mwnf-timeline-media-gap: 0.5rem; Gap between media items */
426
+ /* --mwnf-timeline-media-width: 20rem; Max width of one media item */
427
+ /* --mwnf-timeline-media-height: 4rem; Media image height */
428
+ /* --mwnf-timeline-media-caption-size: 0.75rem; Media caption size */
429
+ /* --mwnf-timeline-action-size: 0.8125rem; Per-event action link size */
430
+ /* --mwnf-timeline-action-color: inherit; Per-event action link color */
431
+
432
+ /* ---------- Content: PartnerListView ---------- */
433
+ /* --mwnf-partner-list-gap: 1.5rem; Gap between the title, the toggle and the groups */
434
+ /* --mwnf-partner-list-title-size: 1.5rem; Page title size */
435
+ /* --mwnf-partner-list-title-color: inherit; Page title color */
436
+ /* --mwnf-partner-list-count-size: 0.8125rem; "Partners found: N" size */
437
+ /* --mwnf-partner-list-toggle-border: 1px solid currentColor; The A-Z / Z-A button's border */
438
+ /* --mwnf-partner-list-toggle-size: 0.8125rem; Its text size */
439
+ /* --mwnf-partner-list-toggle-padding: 0.375rem 0.75rem; Its padding */
440
+ /* --mwnf-partner-list-group-gap: 1rem; Gap between country groups */
441
+ /* --mwnf-partner-list-group-border: 1px solid #dddddd; Divider between groups */
442
+ /* --mwnf-partner-list-group-title-size: 1.125rem; A group's own country heading size */
443
+ /* --mwnf-partner-list-group-title-color: inherit; Its color */
444
+ /* --mwnf-partner-list-group-marker-closed: '▸ '; The accordion's own disclosure triangle, collapsed */
445
+ /* --mwnf-partner-list-group-marker-open: '▾ '; Its expanded form */
446
+ /* --mwnf-partner-list-tier-gap: 0.5rem; Space above a tier, and above the associated column */
447
+ /* --mwnf-partner-list-tier-border: 1px dashed #dddddd; Line above the associated column */
448
+ /* --mwnf-partner-list-tier-label-size: 0.75rem; "Associated Partners" size */
449
+ /* --mwnf-partner-list-row-gap: 0.5rem; Gap between rows, and between a row and its nested children */
450
+ /* --mwnf-partner-list-row-inline-gap: 0.5rem; Gap between a row's own logo, name and count */
451
+ /* --mwnf-partner-list-logo-width: 6rem; Row logo max width */
452
+ /* --mwnf-partner-list-logo-height: 3rem; Row logo max height */
453
+ /* --mwnf-partner-list-name-weight: 500; Row name font weight */
454
+ /* --mwnf-partner-list-meta-size: 0.8125rem; The item-count line's size */
455
+ /* --mwnf-partner-list-children-indent: 1.5rem; Indent of a nested (`nested: true`) associated row */
456
+ /* --mwnf-partner-list-empty-padding: 1rem; Empty state padding */
457
+ /* --mwnf-partner-list-empty-size: 0.875rem; Empty state size */
458
+ /* --mwnf-partner-list-empty-color: #555555; Empty state color */
459
+
460
+ /* ---------- The composed views: HomeView, CatalogueResultsView, RecordView, EssayView, SearchFormView, TimelineResultsView ---------- */
461
+ /* Only the arrangement: the parts a view is made of carry the tokens above,
462
+ and a website themes a composed page by theming its parts. */
463
+ /* --mwnf-view-gap: 1rem; Between the parts of a page, and between the results and the aside */
464
+ /* --mwnf-view-title-size: 1.5rem; The page title */
465
+ /* --mwnf-view-title-color: inherit; Its color */
466
+ /* --mwnf-view-intro-width: 42rem; The landing page's welcome text */
467
+ /* --mwnf-view-aside-width: 16rem; The column beside the results, the sheet, or the essay */
468
+ /* --mwnf-view-back-size: 0.8125rem; The record page's back link, the essay's panel link and nav row */
469
+ /* --mwnf-view-back-color: inherit; Its color */
470
+ /* --mwnf-view-status-size: 0.75rem; "Loading…" on the record page and the essay */
471
+
472
+ /* ---------- Content: EssayView ---------- */
473
+ /* --mwnf-view-essay-breadcrumb-gap: 0.375rem; Gap between breadcrumb parts */
474
+ /* --mwnf-view-essay-breadcrumb-size: 0.8125rem; Breadcrumb text size */
475
+ /* --mwnf-view-essay-breadcrumb-color: #555555; Breadcrumb text color */
476
+ /* --mwnf-view-essay-breadcrumb-separator: "›"; Separator between breadcrumb links */
477
+ /* --mwnf-view-essay-tabs-gap: 0.25rem; Gap between tabs */
478
+ /* --mwnf-view-essay-tabs-border: 1px solid #dddddd; Line under the tab strip */
479
+ /* --mwnf-view-essay-tab-padding: 0.5rem 1rem; Tab padding */
480
+ /* --mwnf-view-essay-tab-color: #555555; Tab text color */
481
+ /* --mwnf-view-essay-tab-size: 0.8125rem; Tab text size */
482
+ /* --mwnf-view-essay-tab-weight: 500; Tab font weight */
483
+ /* --mwnf-view-essay-tab-active-color: #1c1c1c; The active tab's text and underline */
484
+ /* --mwnf-view-essay-tab-active-border-width: 3px; The active tab's underline thickness */
485
+ /* --mwnf-view-essay-number-gap: 0.5rem; Space after the theme number, before the title */
486
+ /* --mwnf-view-essay-number-color: #555555; Theme number color */
487
+ /* --mwnf-view-essay-quote-color: inherit; The pull quote's color */
488
+ /* --mwnf-view-essay-quote-size: 1rem; The pull quote's size */
489
+ /* --mwnf-view-essay-panel-border: 1px solid #dddddd; The picture panel's border */
490
+ /* --mwnf-view-essay-panel-padding: 0.875rem; The picture panel's padding */
491
+ /* --mwnf-view-essay-panel-name-size: 1rem; The selected item's name size */
492
+ /* --mwnf-view-essay-panel-name-color: inherit; Its color */
493
+ /* --mwnf-view-essay-panel-field-gap: 0.25rem; Gap between panel field rows */
494
+ /* --mwnf-view-essay-panel-field-size: 0.8125rem; Panel field text size */
495
+ /* --mwnf-view-essay-panel-field-color: #555555; Panel field text color */
496
+ /* --mwnf-view-essay-thumbs-columns: 4; Thumbnail strip columns */
497
+ /* --mwnf-view-essay-thumbs-gap: 0.375rem; Gap between thumbnails */
498
+ /* --mwnf-view-essay-thumb-border: 2px solid transparent; Thumbnail border */
499
+ /* --mwnf-view-essay-thumb-active-border: #1c1c1c; The selected thumbnail's border color */
500
+ /* --mwnf-view-essay-variant-columns: 5; Variant strip columns, under the panel image */
501
+ /* --mwnf-view-essay-variant-gap: 0.3125rem; Gap between variant thumbnails */
502
+ /* --mwnf-view-essay-variant-border: 2px solid transparent; Variant thumbnail border */
503
+ /* --mwnf-view-essay-variant-active-border: #1c1c1c; The selected variant's border color */
504
+
505
+ /* ---------- Content: PartnerMap ---------- */
506
+ /* --mwnf-partner-map-padding: 1.25rem 0; Vertical padding */
507
+ /* --mwnf-partner-map-title-size: 1rem; Title size */
508
+ /* --mwnf-partner-map-title-color: inherit; Title color */
509
+ /* --mwnf-partner-map-title-gap: 0.375rem; Gap between title and map */
510
+ /* --mwnf-partner-map-height: 20rem; Map embed height */
511
+ /* --mwnf-partner-map-border: 1px solid #dddddd; Map border */
512
+ /* --mwnf-partner-map-link-gap: 0.375rem; Gap before the full-map link */
513
+ /* --mwnf-partner-map-link-size: 0.875rem; Full-map link text size */
514
+
515
+ /* ---------- Content: FeaturedPartners ---------- */
516
+ /* --mwnf-featured-partners-padding: 1.25rem 0; Vertical padding */
517
+ /* --mwnf-featured-partners-background: transparent; Background color */
518
+ /* --mwnf-featured-partners-heading-size: 1.5rem; Heading size */
519
+ /* --mwnf-featured-partners-heading-color: inherit; Heading color */
520
+ /* --mwnf-featured-partners-heading-gap: 1rem; Gap after heading */
521
+ /* --mwnf-featured-partners-carousel-min-height: 16rem; Minimum carousel height */
522
+ /* --mwnf-featured-partners-gap: 1.5rem; Gap between image and text */
523
+ /* --mwnf-featured-partners-image-width: 20rem; Partner image width */
524
+ /* --mwnf-featured-partners-image-height: 15rem; Partner image height */
525
+ /* --mwnf-featured-partners-body-gap: 0.625rem; Gap between text elements */
526
+ /* --mwnf-featured-partners-name-size: 1.25rem; Partner name size */
527
+ /* --mwnf-featured-partners-name-color: inherit; Partner name color */
528
+ /* --mwnf-featured-partners-location-size: 0.875rem; Location text size */
529
+ /* --mwnf-featured-partners-description-size: 0.95rem; Description text size */
530
+ /* --mwnf-featured-partners-description-color: inherit; Description text color */
531
+ /* --mwnf-featured-partners-bullet-gap: 0.5rem; Gap between carousel bullets */
532
+ /* --mwnf-featured-partners-controls-padding: 0.875rem; Padding above controls */
533
+ /* --mwnf-featured-partners-bullet-size: 0.75rem; Carousel bullet size */
534
+ /* --mwnf-featured-partners-bullet-bg: #dddddd; Inactive bullet color */
535
+ /* --mwnf-featured-partners-bullet-transition: 0.2s ease; Bullet transition */
536
+ /* --mwnf-featured-partners-bullet-radius: 50%; Bullet border radius */
537
+ /* --mwnf-featured-partners-bullet-active-bg: #1c1c1c; Active bullet color */
538
+
539
+ /* ---------- Content: SiblingGalleries ---------- */
540
+ /* --mwnf-sibling-galleries-padding: 1.5rem 0; Vertical padding */
541
+ /* --mwnf-sibling-galleries-galleries-bg: transparent; Galleries block background */
542
+ /* --mwnf-sibling-galleries-museums-bg: #ffffff; Museums block background */
543
+ /* --mwnf-sibling-galleries-header-gap: 1rem; Gap in the heading row */
544
+ /* --mwnf-sibling-galleries-heading-size: 1.375rem; Heading text size */
545
+ /* --mwnf-sibling-galleries-heading-color: inherit; Heading text color */
546
+ /* --mwnf-sibling-galleries-see-more-size: 0.875rem; "See more" link size */
547
+ /* --mwnf-sibling-galleries-see-more-color: #555555; "See more" link color */
548
+ /* --mwnf-sibling-galleries-columns: 4; Galleries per row */
549
+ /* --mwnf-sibling-galleries-gap: 0.75rem; Gap between gallery tiles */
550
+ /* --mwnf-sibling-galleries-image-height: 9.375rem; Gallery image height */
551
+ /* --mwnf-sibling-galleries-image-bg: #dddddd; Gallery image placeholder */
552
+ /* --mwnf-sibling-galleries-empty-bg: repeating-linear-gradient(…); Empty gallery pattern */
553
+ /* --mwnf-sibling-galleries-image-gap: 0.375rem; Gap between image and name */
554
+ /* --mwnf-sibling-galleries-name-size: 0.875rem; Gallery name size */
555
+ /* --mwnf-sibling-galleries-name-color: inherit; Gallery name color */
556
+ /* --mwnf-sibling-galleries-museums-columns: 3; Museums per row */
557
+ /* --mwnf-sibling-galleries-museums-gap: 0.75rem; Gap between museum tiles */
558
+ /* --mwnf-sibling-galleries-museum-text-size: 2.125rem; Museum initials size */
559
+ /* --mwnf-museum-bg: #1c1c1c; Museum tile background */
560
+ /* --mwnf-museum-text: #ffffff; Museum tile text color */
561
+
562
+ /* ---------- Content: PopupLogo ---------- */
563
+ /* --mwnf-popup-logo-width: min(40rem, 92vw); Popup width */
564
+ /* --mwnf-popup-logo-max-height: 80vh; Popup max height */
565
+ /* --mwnf-popup-logo-padding: 2.5rem 1.875rem 1.875rem; Popup padding */
566
+ /* --mwnf-popup-logo-bg: #ffffff; Popup background */
567
+ /* --mwnf-popup-logo-color: inherit; Popup text color */
568
+ /* --mwnf-popup-logo-border: 5px solid #1c1c1c; Popup border */
569
+ /* --mwnf-popup-logo-shadow: 0 4px 20px 4px rgba(0,0,0,0.1); Popup shadow */
570
+ /* --mwnf-popup-logo-animation: none; Popup animation */
571
+ /* --mwnf-popup-logo-close-top: 0.5rem; Close button top offset */
572
+ /* --mwnf-popup-logo-close-right: 0.75rem; Close button right offset */
573
+ /* --mwnf-popup-logo-close-size: 1.25rem; Close button size */
574
+ /* --mwnf-popup-logo-close-color: inherit; Close button color */
575
+ /* --mwnf-popup-logo-close-hover-color: #555555; Close button hover color */
576
+ /* --mwnf-popup-logo-close-line-height: 1; Close button line height */
577
+ /* --mwnf-popup-logo-content-size: 1rem; Content text size */
578
+ /* --mwnf-popup-logo-paragraph-gap: 0.5rem; Gap between paragraphs */
579
+
580
+ /* ---------- Content: BackLink ---------- */
581
+ /* --mwnf-back-link-padding: 0.625rem 0; Back link vertical padding */
582
+ /* --mwnf-back-link-button-padding: 0.375rem 0.75rem; Back link button padding */
583
+ /* --mwnf-back-link-size: 0.875rem; Back link text size */
584
+ /* --mwnf-back-link-line-height: 1; Back link line height */
585
+
586
+ /* ---------- Content: SearchFormView ---------- */
587
+ /* --mwnf-search-form-row-gap: 0.5rem; Gap between a row's own parts, and between facet columns */
588
+ /* --mwnf-search-form-label-width: 8rem; Width of a row's own label, or a radio's own choice */
589
+ /* --mwnf-search-form-operator-width: 4.5rem; Width of the AND/OR select, and of a radio's year input */
590
+ /* --mwnf-search-form-field-width: 12rem; Width of the field select */
591
+
592
+ /* ---------- Content: TimelineResultsView ---------- */
593
+ /* --mwnf-timeline-error-size: 0.8125rem; The entrance form's validation line */
594
+ /* --mwnf-timeline-error-color: #1c1c1c; Its color */
595
+ /* --mwnf-timeline-gallery-size: 0.875rem; The "See gallery" cross-link size */
596
+ /* --mwnf-timeline-gallery-color: inherit; Its color */
597
+
598
+ /* ---------- Shared content blocks (legacy sites) ---------- */
599
+ /* --mwnf-panel-background: #ffffff; Panel background color */
600
+ /* --mwnf-panel-border: 1px solid #dddddd; Panel border */
601
+ /* --mwnf-panel-padding: 1.25rem; Panel padding */
602
+ /* --mwnf-panel-margin-bottom: 1rem; Panel bottom margin */
603
+
604
+ /* --mwnf-heading-size: 1.125rem; Standard section heading size */
605
+ /* --mwnf-heading-weight: 400; Standard section heading weight */
606
+ /* --mwnf-heading-color: inherit; Standard section heading color */
607
+ /* --mwnf-heading-border: 2px solid #1c1c1c; Standard section heading border */
608
+ /* --mwnf-heading-padding-bottom: 0.25rem; Standard section heading padding below text */
609
+ /* --mwnf-heading-margin-bottom: 0.875rem; Standard section heading bottom margin */
610
+ /* --mwnf-heading-page-size: 1.25rem; Page heading variant size */
611
+ /* --mwnf-heading-page-weight: 700; Page heading variant weight */
612
+ /* --mwnf-heading-page-color: inherit; Page heading variant color */
613
+ /* --mwnf-heading-page-margin-bottom: 1.25rem; Page heading variant bottom margin */
614
+ /* --mwnf-heading-label-size: 1.25rem; Label heading variant size */
615
+ /* --mwnf-heading-label-weight: 700; Label heading variant weight */
616
+ /* --mwnf-heading-label-color: inherit; Label heading variant color */
617
+
618
+ /* --mwnf-form-table-size: 0.8125rem; Form table base text size */
619
+ /* --mwnf-form-table-th-padding: 0.375rem 0.75rem 0.375rem 0; Form table header cell padding */
620
+ /* --mwnf-form-table-th-weight: 500; Form table header cell weight */
621
+ /* --mwnf-form-table-th-size: 0.75rem; Form table header cell text size */
622
+ /* --mwnf-form-table-th-color: #555555; Form table header cell text color */
623
+ /* --mwnf-form-table-th-width: 10rem; Form table header cell width */
624
+ /* --mwnf-form-table-td-padding: 0.375rem 0; Form table data cell padding */
625
+
626
+ /* --mwnf-button-padding: 0.375rem 1.125rem; Button padding */
627
+ /* --mwnf-button-background: #1c1c1c; Button background color */
628
+ /* --mwnf-button-text: #ffffff; Button text color */
629
+ /* --mwnf-button-size: 0.8125rem; Button text size */
630
+ /* --mwnf-button-weight: 500; Button text weight */
631
+ /* --mwnf-button-radius: 0; Button corner radius */
632
+ /* --mwnf-button-letter-spacing: 0.02em; Button letter spacing */
633
+ /* --mwnf-button-hover-background: #555555; Button hover background color */
634
+ /* --mwnf-button-secondary-background: #999999; Secondary button background color */
635
+ /* --mwnf-button-secondary-text: inherit; Secondary button text color */
636
+ /* --mwnf-button-secondary-hover-background: #666666; Secondary button hover background color */
637
+
638
+ /* --mwnf-select-height: 2.1875rem; Select element height */
639
+ /* --mwnf-select-max-width: 18.75rem; Select element max width */
640
+ /* --mwnf-select-margin-top: 0.625rem; Select element top margin */
641
+ /* --mwnf-select-padding: 0.3125rem; Select element padding */
642
+ /* --mwnf-select-size: 0.875rem; Select element text size */
643
+ /* --mwnf-select-border: 1px solid #999999; Select element border */
644
+ /* --mwnf-select-background: #ffffff; Select element background color */
645
+ /* --mwnf-select-text: #1a1a1a; Select element text color */
646
+ /* --mwnf-select-radius: 0; Select element corner radius */
647
+ /* --mwnf-select-focus-outline: 1px solid #1c1c1c; Select element focus outline */
648
+
649
+ /* --mwnf-back-bar-padding: 0.75rem 1.25rem; Back bar padding */
650
+ /* --mwnf-back-bar-background: transparent; Back bar background color */
651
+ /* --mwnf-back-bar-text: inherit; Back bar text color */
652
+ /* --mwnf-back-bar-size: 0.9375rem; Back bar text size */
653
+ /* --mwnf-back-bar-hover-text: inherit; Back bar hover text color */
654
+
655
+ /* --mwnf-chip-padding: 0.0625rem 0.5rem; Chip padding */
656
+ /* --mwnf-chip-size: 0.75rem; Chip text size */
657
+ /* --mwnf-chip-text: #ffffff; Chip text color */
658
+ /* --mwnf-chip-background: #1c1c1c; Chip background color (default fallback) */
659
+ /* --mwnf-chip-radius: 0; Chip corner radius */
660
+ /* --mwnf-project-ISLandEPM: #ffcc00; Discover Islamic Art / Exhibitions colours chip */
661
+ /* --mwnf-project-ISLandEPM-text: #222222; Discover Islamic Art / Exhibitions chip text */
662
+ /* --mwnf-project-DBA: #001d66; Discover Baroque Art chip colour */
663
+ /* --mwnf-project-DBA-text: #ffffff; Discover Baroque Art chip text */
664
+ /* --mwnf-project-AWE: #900000; Sharing History chip colour */
665
+ /* --mwnf-project-AWE-text: #ffffff; Sharing History chip text */
666
+ /* --mwnf-project-DCA: #6b612b; Discover Carpets chip colour */
667
+ /* --mwnf-project-DCA-text: #ffffff; Discover Carpets chip text */
668
+ /* --mwnf-project-DGA: #263238; Discover Galleries chip colour */
669
+ /* --mwnf-project-DGA-text: #ffffff; Discover Galleries chip text */
670
+ /* --mwnf-project-EXH: #7f01d4; Exhibitions chip colour */
671
+ /* --mwnf-project-EXH-text: #ffffff; Exhibitions chip text */
672
+ /* --mwnf-project-Galleries: #263238; Galleries chip colour */
673
+ /* --mwnf-project-Galleries-text: #ffffff; Galleries chip text */
674
+
675
+ /* --mwnf-popout-padding: 1rem; Popout box padding */
676
+ /* --mwnf-popout-background: #ffffff; Popout box background color */
677
+ /* --mwnf-popout-border: 1px solid #dddddd; Popout box border */
678
+
679
+ /* --mwnf-loader-padding: 2.5rem; Loader padding */
680
+ /* --mwnf-loader-text: #1c1c1c; Loader text color */
681
+ /* --mwnf-loader-size: 0.875rem; Loader text size */
682
+
683
+ /* --mwnf-link-text: #0000ff; Link text color */
684
+ }