/* Custom CSS for the Ashby job board. Not part of the Hugo build — upload it by hand in the Ashby console (Job Board settings). Palette is duplicated from assets/css/extended/theme-vars.css; keep the two in sync. */ @font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://intseclab.org/fonts/SourceSerif4-Regular.woff2") format("woff2"); } @font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://intseclab.org/fonts/SourceSerif4-Semibold.woff2") format("woff2"); } @font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("https://intseclab.org/fonts/SourceSerif4-Italic.woff2") format("woff2"); } :root { --colorAppBackground: #f3ede1; /* !important is required: the Ashby admin theme sets these inline on . */ --colorPrimary900: #1f3a5f !important; --colorPrimary600: #2d5486 !important; --fontFamily: "Source Serif 4", Georgia, "Times New Roman", serif; --borderRadiusContainer: 3px; --borderRadiusControl: 3px; --borderRadiusButton: 3px; --widthMaxJobBoard: 720px; } body { color: #2e2c28; } /* ── Text ── */ .ashby-job-board-heading { color: #1a1916; font-weight: 600; } .ashby-job-board-heading-count { color: #67645c; } .ashby-department-heading, .ashby-job-posting-brief-department-heading { color: #1a1916; font-weight: 600; } .ashby-job-posting-brief-title, .ashby-job-posting-heading { color: #1a1916; font-weight: 600; } .ashby-job-posting-brief-details { color: #57544d; } .ashby-job-board-filters-label, .ashby-job-board-reset-filters-label { color: #67645c; } /* ── Cards and controls ── Ashby leaves these transparent and relies on its own white page for contrast. On parchment they inherit the ground and stop reading as raised surfaces, so give them an explicit fill one step lighter than the page. */ .ashby-job-posting-brief, .ashby-job-board-filter, .ashby-job-board-filter select { background-color: #fdfbf7; border: 1px solid #cfc3a9; color: #2e2c28; } .ashby-job-posting-brief { margin-bottom: 10px; } /* Inner panels default to white, one level in from --colorAppBackground. */ .ashby-job-posting-left-pane, .ashby-job-posting-description-container, .ashby-application-form-container, .ashby-application-form-autofill-pane, .ashby-application-form-autofill-input-root { background-color: transparent; } /* Translucent overlays: need a colour, not transparent. */ .ashby-application-form-autofill-input-drag-layer, .ashby-application-form-autofill-input-pending-layer { background-color: rgba(243, 237, 225, 0.92); } /* ── Form fields ── Same reasoning as the cards above: Ashby's inputs have no background of their own, so on parchment they were beige-on-beige with only a hairline to mark them as editable. */ .ashby-application-form-container input, .ashby-application-form-container textarea, .ashby-application-form-container select { background-color: #fdfbf7; border-color: #cfc3a9; color: #2e2c28; } /* Yes/No toggles, plus the per-field Upload File button. Ashby's unselected label is #a8aebd, which is 1.9:1 against parchment — unreadable. The selected state is left alone: it carries an _active_ class that paints itself in --colorPrimary900 at a higher specificity than this rule, so it still wins. */ .ashby-application-form-field-entry button { background-color: #fdfbf7; border-color: #cfc3a9; color: #67645c; } input[type="file"] { font-family: inherit; color: #2e2c28; } input[type="file"]::file-selector-button { font-family: inherit; background-color: transparent; border: 1px solid #b3a894; border-radius: 3px; color: #2e2c28; } /* ── Controls ── */ .ashby-application-form-submit-button { background-color: #1f3a5f; color: #f3ede1; border-radius: 3px; font-family: "Source Serif 4", Georgia, "Times New Roman", serif; } .ashby-job-board-back-to-all-jobs-button { border-radius: 3px; font-family: "Source Serif 4", Georgia, "Times New Roman", serif; } .ashby-application-form-question-title, .ashby-application-form-section-header-title { color: #1a1916; } .ashby-application-form-question-description, .ashby-application-form-section-header-description, .ashby-application-form-texting-consent-description { color: #57544d; } /* The "Apply for this Job" button has no ashby-* hook and cannot be restyled here; set the theme's primary colour in the Ashby admin instead. */