MediaWiki:Common.css: Difference between revisions
Recipedius seed |
0.013 T014: deploy AI ingredient draft import (ac09cdd) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 21: | Line 21: | ||
.rp-subs td:nth-child(4) { width: 46%; } | .rp-subs td:nth-child(4) { width: 46%; } | ||
.rp-subs .rp-qty, .rp-rules .rp-qty { white-space: normal; } | .rp-subs .rp-qty, .rp-rules .rp-qty { white-space: normal; } | ||
/* Optional AI-assisted ingredient draft import */ | |||
.rp-ai-import { border: 1px solid #a2a9b1; background: #f8f9fa; margin: 0 0 1em; padding: 1em; max-width: 70ch; } | |||
.rp-ai-import > :first-child { margin-top: 0; } | |||
.rp-ai-import textarea { box-sizing: border-box; max-width: 100%; font-family: ui-monospace, Menlo, Consolas, monospace; } | |||
.rp-ai-import a, .rp-ai-import button { margin-right: 0.35em; } | |||
.rp-ai-status { min-height: 1.4em; font-weight: 600; } | |||
.rp-ai-status-error { color: #b32424; } | |||
.rp-ai-status-success { color: #14866d; } | |||
/* Main Page actions */ | |||
.rp-main-layout { display: grid; grid-template-columns: minmax(11rem, 0.28fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; } | |||
.rp-main-actions { background: #f8f9fa; border: 1px solid #c8ccd1; padding: 1rem; } | |||
.rp-main-actions h2 { border: 0; font-size: 1.1em; margin: 0 0 0.65rem; padding: 0; } | |||
.rp-main-actions ul { list-style: none; margin: 0; } | |||
.rp-main-actions li + li { margin-top: 0.5rem; } | |||
.rp-main-actions a { font-weight: bold; } | |||
/* Cookbook */ | /* Cookbook */ | ||
| Line 40: | Line 57: | ||
.rp-book-method ol { margin-left: 1.2em; } | .rp-book-method ol { margin-left: 1.2em; } | ||
.rp-book-foot { margin-top: 18px; font-size: 0.8em; color: #7a7c6e; border-top: 1px solid #ddd; padding-top: 8px; } | .rp-book-foot { margin-top: 18px; font-size: 0.8em; color: #7a7c6e; border-top: 1px solid #ddd; padding-top: 8px; } | ||
@media (max-width: 720px) { .rp-book-cols { grid-template-columns: 1fr; } .rp-infobox { float: none; width: auto; margin: 0 0 1em; } } | @media (max-width: 720px) { .rp-book-cols, .rp-main-layout { grid-template-columns: 1fr; } .rp-infobox { float: none; width: auto; margin: 0 0 1em; } } | ||
Latest revision as of 16:02, 24 September 2026
/* Recipedius styling */
.rp-infobox { float: right; clear: right; margin: 0 0 1em 1.5em; width: 300px; font-size: 0.92em; }
.rp-infobox caption { font-weight: bold; font-size: 1.1em; padding: 0.4em; }
.rp-infobox th { text-align: left; width: 38%; }
.rp-lede { font-size: 1.15em; margin: 0.5em 0 1em; max-width: 65ch; }
.rp-qty { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.92em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rp-was { text-decoration: line-through; color: #72777d; }
.rp-prep { color: #54595d; }
.rp-role { color: #54595d; font-size: 0.9em; }
.rp-warn { color: #b32424; }
.rp-note { color: #54595d; max-width: 70ch; }
.rp-role-tag { color: #6b4fbb; }
.rp-missing { background: #fef6e7; border-left: 4px solid #edab00; padding: 0.5em 1em; margin: 0.8em 0; }
.rp-missing-mark { color: #b32424; }
.rp-conf { white-space: nowrap; font-size: 0.85em; letter-spacing: 0.02em; }
.rp-conf-high { color: #14866d; }
.rp-conf-medium { color: #ac6600; }
.rp-conf-low { color: #b32424; }
.rp-ingredients, .rp-subs, .rp-sale, .rp-rules { width: 100%; }
.rp-subs td:nth-child(3) { white-space: normal; width: 18%; }
.rp-subs td:nth-child(4) { width: 46%; }
.rp-subs .rp-qty, .rp-rules .rp-qty { white-space: normal; }
/* Optional AI-assisted ingredient draft import */
.rp-ai-import { border: 1px solid #a2a9b1; background: #f8f9fa; margin: 0 0 1em; padding: 1em; max-width: 70ch; }
.rp-ai-import > :first-child { margin-top: 0; }
.rp-ai-import textarea { box-sizing: border-box; max-width: 100%; font-family: ui-monospace, Menlo, Consolas, monospace; }
.rp-ai-import a, .rp-ai-import button { margin-right: 0.35em; }
.rp-ai-status { min-height: 1.4em; font-weight: 600; }
.rp-ai-status-error { color: #b32424; }
.rp-ai-status-success { color: #14866d; }
/* Main Page actions */
.rp-main-layout { display: grid; grid-template-columns: minmax(11rem, 0.28fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.rp-main-actions { background: #f8f9fa; border: 1px solid #c8ccd1; padding: 1rem; }
.rp-main-actions h2 { border: 0; font-size: 1.1em; margin: 0 0 0.65rem; padding: 0; }
.rp-main-actions ul { list-style: none; margin: 0; }
.rp-main-actions li + li { margin-top: 0.5rem; }
.rp-main-actions a { font-weight: bold; }
/* Cookbook */
.rp-book { max-width: 820px; }
.rp-page { background: #fbfaf4; color: #22251c; border: 1px solid #ddd; padding: 40px 48px; margin: 0 0 18px; min-height: 420px; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.rp-cover { background: #2e3a2a; color: #f3efd8; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; min-height: 380px; }
.rp-orn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #e2a600; display: grid; place-items: center; font-size: 1.2em; }
.rp-cover-title { font-size: 2.4em; font-weight: bold; line-height: 1.05; }
.rp-cover-sub { font-style: italic; opacity: 0.8; }
.rp-dedication { display: flex; align-items: center; justify-content: center; text-align: center; font-style: italic; font-size: 1.2em; }
.rp-chapter { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.rp-chapter-title { font-size: 2em; font-weight: bold; }
.rp-chap-label { font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.12em; color: #7a7c6e; margin-bottom: 10px; }
.rp-recipe-title { font-size: 1.7em; font-weight: bold; margin-bottom: 4px; }
.rp-toc-chapter { font-weight: bold; margin-top: 10px; }
.rp-toc-row { display: flex; justify-content: space-between; border-bottom: 1px dotted #c9c7b4; padding: 3px 0; }
.rp-book-cols { display: grid; grid-template-columns: 1fr 1.4fr; gap: 28px; margin-top: 14px; }
.rp-book-ing { display: grid; grid-template-columns: 5em 1fr; gap: 8px; padding: 2px 0; font-size: 0.95em; }
.rp-book-method ol { margin-left: 1.2em; }
.rp-book-foot { margin-top: 18px; font-size: 0.8em; color: #7a7c6e; border-top: 1px solid #ddd; padding-top: 8px; }
@media (max-width: 720px) { .rp-book-cols, .rp-main-layout { grid-template-columns: 1fr; } .rp-infobox { float: none; width: auto; margin: 0 0 1em; } }