|
|
| Řádek 1: |
Řádek 1: |
| /* ==============================
| |
| Recipe Infobox (Template:Recept)
| |
| Schema.org Recipe microdata
| |
| ============================== */
| |
|
| |
|
| .recipe-infobox {
| |
| float: right;
| |
| clear: right;
| |
| width: 300px;
| |
| margin: 0 0 1em 1.5em;
| |
| padding: 0;
| |
| border: 1px solid var(--border-color-base, #c8ccd1);
| |
| border-radius: 8px;
| |
| background: var(--color-surface-1, #fff);
| |
| font-size: 0.9em;
| |
| line-height: 1.5;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .recipe-infobox-header {
| |
| padding: 12px 16px;
| |
| font-size: 1.15em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| background: var(--color-surface-2, #f8f9fa);
| |
| border-bottom: 1px solid var(--border-color-base, #c8ccd1);
| |
| }
| |
|
| |
| .recipe-infobox-desc {
| |
| padding: 8px 16px;
| |
| color: var(--color-base--subtle, #54595d);
| |
| font-style: italic;
| |
| border-bottom: 1px solid var(--border-color-base, #c8ccd1);
| |
| }
| |
|
| |
| .recipe-infobox-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| .recipe-infobox-table th {
| |
| width: 35%;
| |
| padding: 6px 16px;
| |
| text-align: left;
| |
| font-weight: 600;
| |
| color: var(--color-base--subtle, #54595d);
| |
| border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
| |
| }
| |
|
| |
| .recipe-infobox-table td {
| |
| padding: 6px 16px;
| |
| border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
| |
| }
| |
|
| |
| .recipe-infobox-section {
| |
| border-top: 1px solid var(--border-color-base, #c8ccd1);
| |
| }
| |
|
| |
| .recipe-infobox-section-title {
| |
| padding: 8px 16px 4px;
| |
| font-weight: 600;
| |
| font-size: 0.95em;
| |
| color: var(--color-base--subtle, #54595d);
| |
| }
| |
|
| |
| .recipe-infobox-ingredients,
| |
| .recipe-infobox-instructions {
| |
| padding: 4px 16px 12px;
| |
| }
| |
|
| |
| /* Responsive: na mobilech plná šířka */
| |
| @media (max-width: 720px) {
| |
| .recipe-infobox {
| |
| float: none;
| |
| width: 100%;
| |
| margin: 0 0 1em 0;
| |
| }
| |
| }
| |
