/** * DG Mensa weekly print layout. * * This stylesheet is loaded with media="print" and does not affect the normal * website layout. It prints the selected school's complete Monday-Friday week. */ @page { size: A4 landscape; margin: 6mm; } html, body.dgmensa-is-printing { width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: #ffffff !important; } /* * The print view is temporarily moved to be a direct child of by * dgmensa-menu.js. Hiding the other body children with display:none keeps * the theme layout, headers and wrappers from reserving printable space. */ body.dgmensa-is-printing > *:not([data-dgmensa-print-view]):not([data-dgmensa-print-toolbar]) { display: none !important; } .dgmensa-print-view, .dgmensa-print-view * { box-sizing: border-box !important; } body.dgmensa-is-printing > [data-dgmensa-print-view] { display: block !important; position: static !important; inset: auto !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: #ffffff !important; color: #1f2933 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8pt !important; line-height: 1.18 !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .dgmensa-print-view__header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8mm !important; margin: 0 !important; padding: 3mm 4mm !important; background: #003661 !important; color: #ffffff !important; break-after: avoid-page !important; page-break-after: avoid !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .dgmensa-print-view__eyebrow, .dgmensa-print-view__school, .dgmensa-print-view__week { margin: 0 !important; color: inherit !important; } .dgmensa-print-view__eyebrow { display: none !important; font-size: 6pt !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; } .dgmensa-print-view__school { margin-top: 0.6mm !important; font-size: 12pt !important; line-height: 1.05 !important; } .dgmensa-print-view__week { flex: 0 0 auto !important; font-size: 9pt !important; font-weight: 700 !important; white-space: nowrap !important; } .dgmensa-print-view__days { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; align-items: stretch !important; border-top: 0.35mm solid #003661 !important; border-left: 0.35mm solid #003661 !important; break-before: avoid-page !important; page-break-before: avoid !important; } /* * Do not use break-inside:avoid on the whole day column. In Chromium that * can push the complete five-column grid to the next page and leave a nearly * empty first page containing only the blue header. */ .dgmensa-print-day { min-width: 0 !important; height: auto !important; align-self: stretch !important; border-right: 0.35mm solid #003661 !important; border-bottom: 0.35mm solid #003661 !important; break-inside: auto !important; page-break-inside: auto !important; } .dgmensa-print-day__header { min-height: 10mm !important; padding: 1.7mm 2mm !important; background: #eaf2f8 !important; color: #003661 !important; break-after: avoid-page !important; page-break-after: avoid !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .dgmensa-print-day__date, .dgmensa-print-day__weekday { display: block !important; margin: 0 !important; } .dgmensa-print-day__date { font-size: 7pt !important; font-weight: 600 !important; } .dgmensa-print-day__weekday { margin-top: 0.35mm !important; font-size: 9pt !important; line-height: 1.05 !important; } .dgmensa-print-day__content { padding: 0 2mm 2mm !important; } .dgmensa-print-day__empty { margin: 2mm 0 0 !important; color: #667784 !important; font-size: 7pt !important; font-style: italic !important; } .dgmensa-print-view .dgmensa-menu-plan { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .dgmensa-print-view .dgmensa-menu-plan__components { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .dgmensa-print-view .dgmensa-menu-plan__component { display: block !important; margin: 0 !important; padding: 1.45mm 0 !important; border: 0 !important; border-bottom: 0.18mm dotted #aab8c1 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; break-inside: avoid !important; page-break-inside: avoid !important; } .dgmensa-print-view .dgmensa-menu-plan__component:last-child { border-bottom: 0 !important; } .dgmensa-print-view .dgmensa-menu-plan__component-label { margin: 0 0 0.45mm !important; color: #003661 !important; font-size: 6.1pt !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; } .dgmensa-print-view .dgmensa-menu-plan__component-value-row { display: flex !important; align-items: flex-start !important; gap: 1mm !important; } .dgmensa-print-view .dgmensa-menu-plan__component-value { margin: 0 !important; color: #202a32 !important; font-size: 7.6pt !important; font-weight: 700 !important; line-height: 1.15 !important; overflow-wrap: anywhere !important; } .dgmensa-print-view .dgmensa-menu-plan__symbol-list, .dgmensa-print-view .dgmensa-menu-plan__allergen-list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0.65mm !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .dgmensa-print-view .dgmensa-menu-plan__symbol-list { flex: 0 0 auto !important; } .dgmensa-print-view .dgmensa-menu-plan__related { margin: 0.75mm 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .dgmensa-print-view .dgmensa-menu-plan__related-title { margin: 0 0 0.35mm !important; color: #556773 !important; font-size: 5.8pt !important; font-weight: 700 !important; line-height: 1.1 !important; } .dgmensa-print-view .dgmensa-menu-plan__allergen-trigger, .dgmensa-print-view .dgmensa-menu-plan__symbol-trigger { display: inline-flex !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .dgmensa-print-view .dgmensa-menu-plan__related-image, .dgmensa-print-view .dgmensa-menu-plan__symbol-image { display: block !important; width: 4mm !important; height: 4mm !important; object-fit: contain !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .dgmensa-print-view .dgmensa-menu-plan__allergen-fallback, .dgmensa-print-view .dgmensa-menu-plan__symbol-fallback { display: inline-grid !important; place-items: center !important; width: 4mm !important; height: 4mm !important; border: 0.18mm solid #003661 !important; border-radius: 50% !important; color: #003661 !important; font-size: 6pt !important; font-weight: 700 !important; } .dgmensa-print-view .dgmensa-menu-plan__allergen-tooltip, .dgmensa-print-view .dgmensa-menu-plan__symbol-tooltip { display: none !important; } .dgmensa-print-view .dgmensa-menu-plan__related--additives ul { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .dgmensa-print-view .dgmensa-menu-plan__related--additives li { display: inline !important; margin: 0 !important; color: #4f606b !important; font-size: 6.1pt !important; line-height: 1.15 !important; } .dgmensa-print-view .dgmensa-menu-plan__related--additives li:not(:last-child)::after { content: ", " !important; } .dgmensa-print-view__legend { margin-top: 2mm !important; padding-top: 1.5mm !important; border-top: 0.3mm solid #003661 !important; break-inside: auto !important; page-break-inside: auto !important; } .dgmensa-print-view__legend h2 { margin: 0 0 1mm !important; color: #003661 !important; font-size: 8pt !important; } .dgmensa-print-view__legend ul { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 1mm 3mm !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .dgmensa-print-legend__item { display: flex !important; align-items: flex-start !important; gap: 1mm !important; min-width: 0 !important; break-inside: avoid !important; page-break-inside: avoid !important; } .dgmensa-print-legend__image, .dgmensa-print-legend__fallback { flex: 0 0 4mm !important; width: 4mm !important; height: 4mm !important; object-fit: contain !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .dgmensa-print-legend__fallback { display: inline-grid !important; place-items: center !important; border: 0.18mm solid #003661 !important; border-radius: 50% !important; color: #003661 !important; font-size: 6pt !important; font-weight: 700 !important; } .dgmensa-print-legend__name { min-width: 0 !important; font-size: 6pt !important; line-height: 1.1 !important; overflow-wrap: anywhere !important; } .dgmensa-print-view__generated { margin: 1.5mm 0 0 !important; color: #71808a !important; font-size: 5.5pt !important; text-align: right !important; } /** * Standalone print-preview page. * * On the normal website this stylesheet is enqueued with media="print", so * these screen rules do not affect the menu page. The JavaScript opens the * stylesheet with media="all" in the dedicated preview tab. */ .dgmensa-print-toolbar { display: flex; position: sticky; z-index: 20; top: 0; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box; width: 100%; margin: 0 0 16px; padding: 12px 16px; border-bottom: 1px solid #cbd5e1; background: #ffffff; color: #17212b; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); } .dgmensa-print-toolbar__title { font-size: 16px; } .dgmensa-print-toolbar__status { margin-inline-start: auto; color: #64748b; font-size: 14px; } .dgmensa-print-toolbar__actions { display: flex; align-items: center; gap: 8px; } .dgmensa-print-toolbar__button { appearance: none; min-height: 40px; padding: 8px 14px; border: 1px solid #003661; border-radius: 4px; background: #ffffff; color: #003661; font: 700 14px/1 Arial, Helvetica, sans-serif; cursor: pointer; } .dgmensa-print-toolbar__button--primary { background: #003661; color: #ffffff; } .dgmensa-print-toolbar__button:disabled { opacity: 0.5; cursor: wait; } .dgmensa-print-toolbar__button:focus-visible { outline: 3px solid rgba(0, 54, 97, 0.25); outline-offset: 2px; } @media screen { html { background: #e9eef2 !important; } body.dgmensa-print-document { box-sizing: border-box !important; min-width: 1180px !important; padding: 16px !important; background: #e9eef2 !important; } body.dgmensa-print-document > [data-dgmensa-print-view] { box-sizing: border-box !important; width: 285mm !important; margin: 0 auto 24px !important; padding: 4mm !important; background: #ffffff !important; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16) !important; } } @media print { .dgmensa-print-toolbar { display: none !important; } html, body.dgmensa-print-document { background: #ffffff !important; } body.dgmensa-print-document { min-width: 0 !important; padding: 0 !important; } body.dgmensa-print-document > [data-dgmensa-print-view] { width: 100% !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; } } @media print { .dgmensa-print-view .dgmensa-menu-plan__component-group { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; break-inside: avoid !important; } .dgmensa-print-view .dgmensa-menu-plan__group { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 0.18mm dotted #aab8c1 !important; background: transparent !important; box-shadow: none !important; } .dgmensa-print-view .dgmensa-menu-plan__component-group:last-child .dgmensa-menu-plan__group { border-bottom: 0 !important; } .dgmensa-print-view .dgmensa-menu-plan__group-label { margin: 0 !important; padding: 1.45mm 0 0.55mm !important; color: #003661 !important; background: transparent !important; font-size: 6.1pt !important; font-weight: 700 !important; letter-spacing: 0.035em !important; line-height: 1.1 !important; text-transform: uppercase !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item { margin: 0 !important; padding: 0.65mm 0 1.05mm !important; border: 0 !important; break-inside: avoid !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item + .dgmensa-menu-plan__group-item { border-top: 0.12mm dotted #c3cdd4 !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item-label { margin: 0 0 0.35mm !important; color: #5b6872 !important; font-weight: 700 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item-label[hidden] { display: none !important; } .dgmensa-print-view .dgmensa-menu-plan__group-children { display: block !important; margin: 0.7mm 0 0 1.8mm !important; padding: 0 0 0 1.2mm !important; border-left: 0.35mm solid #003661 !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item--child { padding: 0.45mm 0 !important; } .dgmensa-print-view .dgmensa-menu-plan__group-item--child .dgmensa-menu-plan__component-value { font-size: 6.9pt !important; } } /* v1.11.6: weekly matrix inspired by the previous DG Mensa layout. * No decorative/background artwork is used: only the structural weekly grid. */ .dgmensa-print-view__days { display: block !important; border: 0 !important; } .dgmensa-print-week__header-row, .dgmensa-print-week__group-cells { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; width: 100% !important; } .dgmensa-print-week__header-row { border-top: 0.3mm solid #003661 !important; border-left: 0.3mm solid #003661 !important; } .dgmensa-print-week__day-header { min-width: 0 !important; padding: 1.5mm 2mm !important; border-right: 0.3mm solid #003661 !important; border-bottom: 0.3mm solid #003661 !important; color: #003661 !important; background: #ffffff !important; } .dgmensa-print-week__day-date, .dgmensa-print-week__day-weekday { display: block !important; margin: 0 !important; } .dgmensa-print-week__day-date { font-size: 6.8pt !important; font-weight: 600 !important; } .dgmensa-print-week__day-weekday { margin-top: 0.35mm !important; font-size: 8.2pt !important; font-weight: 800 !important; line-height: 1.05 !important; } .dgmensa-print-week__group { margin: 0 !important; padding: 0 !important; break-inside: auto !important; page-break-inside: auto !important; } .dgmensa-print-week__group-title { margin: 0 !important; padding: 0.9mm 2mm !important; border-left: 0.3mm solid #003661 !important; border-right: 0.3mm solid #003661 !important; border-bottom: 0.3mm solid #003661 !important; background: #ffffff !important; color: #003661 !important; font-size: 6.8pt !important; font-weight: 800 !important; letter-spacing: 0.045em !important; line-height: 1.05 !important; text-transform: uppercase !important; } .dgmensa-print-week__group-cells { align-items: stretch !important; border-left: 0.3mm solid #003661 !important; } .dgmensa-print-week__cell { min-width: 0 !important; min-height: 8mm !important; padding: 1.1mm 1.7mm 1.4mm !important; border-right: 0.3mm solid #003661 !important; border-bottom: 0.3mm solid #003661 !important; background: #ffffff !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__group-label { display: none !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__group { border: 0 !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__component-group, .dgmensa-print-week__cell .dgmensa-menu-plan__group-item { break-inside: avoid !important; page-break-inside: avoid !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__group-item { padding: 0.75mm 0 1mm !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__group-item + .dgmensa-menu-plan__group-item { border-top: 0.15mm dotted #aab8c1 !important; } .dgmensa-print-week__cell .dgmensa-menu-plan__group-item--vegetable-side, .dgmensa-print-week__cell .dgmensa-menu-plan__group-item--starchy-side { margin: 0.7mm 0 0 !important; padding: 0.8mm 0 0.8mm 1.2mm !important; border-top: 0.22mm solid #7f9bae !important; /*border-left: 0.55mm solid #003661 !important;*/ } .dgmensa-print-week__cell .dgmensa-menu-plan__group-item--vegetable-side .dgmensa-menu-plan__group-item-label, .dgmensa-print-week__cell .dgmensa-menu-plan__group-item--starchy-side .dgmensa-menu-plan__group-item-label { margin: 0 0 0.35mm !important; color: #003661 !important; font-size: 6pt !important; font-weight: 800 !important; } .dgmensa-print-view__change-note { margin: 2mm 0 0 !important; padding: 1.2mm 0 0 !important; /*border-top: 0.2mm solid #aab8c1 !important;*/ color: #4f5f6b !important; font-size: 6.5pt !important; font-style: italic !important; } @media screen { .dgmensa-print-week__header-row, .dgmensa-print-week__group-cells { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media print { .dgmensa-print-week__group-title { break-after: avoid-page !important; page-break-after: avoid !important; } }