| 1 |
body,html { color:#000; box-sizing:border-box; padding:0; margin:0; width:100%; height:100%; font-family:sans-serif; font-size:1rem; line-height:1.6rem; } |
| 2 |
body * { box-sizing:border-box; } |
| 3 |
body img { max-width:100%; height:auto; } |
| 4 |
body { padding:0 30px; max-width:800px; margin:0 auto; } |
| 5 |
body a { color:inherit; text-decoration:none; } |
| 6 |
body h1 { font-size:1.75rem; line-height:1.5; margin:0 0 1rem; padding:0; } |
| 7 |
body p { font-size:1rem; line-height:1.6; margin:0 0 1rem; padding:0; } |
| 8 |
#cooked-print-logo { margin:1.5rem 0 1rem; } |
| 9 |
#cooked-print-logo img.cooked-print-logo-image { display:block; max-height:80px; width:auto; height:auto; } |
| 10 |
#cooked-print-logo .cooked-print-logo-text { display:block; font-size:1.5rem; font-weight:800; line-height:1.3; } |
| 11 |
.cooked-clearfix:after { content: ""; display: table; clear: both; } |
| 12 |
.cooked-button, button.cooked-button { cursor:pointer; border:none; display:inline-block; padding:8px 10px; line-height:1; font-size:13px; font-weight:600; color:#fff; background:#666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } |
| 13 |
.cooked-button:hover, button.cooked-button:hover { background:#333; } |
| 14 |
.cooked-servings-switcher { display:block; } |
| 15 |
.cooked-servings-switcher .cooked-button:first-child { margin-right:1rem; } |
| 16 |
.cooked-servings-switcher .cooked-button:last-child { margin-left:1rem; } |
| 17 |
.cooked-post-featured-image { width:100%; max-width:100%; height:auto; border:none; display:block; margin:0 0 2rem; padding:0; } |
| 18 |
.cooked-post-featured-image img { width:100%; max-width:100%; } |
| 19 |
.cooked-recipe-ingredients { display:block; padding:0; margin:0 0 2rem; } |
| 20 |
.cooked-recipe-ingredients .cooked-heading { margin:1rem 0 .3rem; display:block; font-weight:600; font-size:1.25rem; line-height:1.5; } |
| 21 |
.cooked-recipe-ingredients .cooked-heading:first-child { margin:0; } |
| 22 |
.cooked-recipe-ingredients .cooked-ingredient { position:relative; padding:0.5rem 0 0 2rem; margin:0; font-size:inherit; } |
| 23 |
.cooked-recipe-ingredients .cooked-ingredient .cooked-ing-name { line-height:1.4rem; padding:1px 0; } |
| 24 |
.cooked-recipe-ingredients .cooked-ingredient-checkbox { transform:scale(1); position:absolute; top:0.5rem; left:0; display:inline-block; width:1rem; height:1rem; line-height:1rem; border:1px solid #ddd; border-color:rgba(0,0,0,0.2); margin:0.20rem 0.8rem 0 0; } |
| 25 |
.cooked-recipe-ingredients .cooked-ingredient-checkbox.cooked-checked:after { font-family:'CookedIcons'; content:'\f01d'; position:absolute; top:0; left:0; font-size:0.6rem; line-height:1.8rem; width:100%; height:100%; text-align:center; } |
| 26 |
.cooked-recipe-ingredients .cooked-ingredient.cooked-checked { text-decoration:line-through; opacity:0.5; } |
| 27 |
.cooked-recipe-directions { display:block; padding:0; margin:0 0 2rem; } |
| 28 |
.cooked-recipe-directions .cooked-heading { margin:0 0 1rem; display:block; font-weight:600; font-size:1.25rem; line-height:1.5; } |
| 29 |
.cooked-recipe-directions .cooked-direction { position:relative; padding:0; margin:0; font-size:inherit; } |
| 30 |
.cooked-recipe-directions .cooked-direction img { max-width:100%; height:auto; display:block; margin:0 0 2rem; padding:0; border:none; } |
| 31 |
.cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content { padding-left:2.75rem; } |
| 32 |
.cooked-recipe-directions .cooked-direction.cooked-direction-has-number-wide .cooked-dir-content { padding-left:2.75rem; } |
| 33 |
.cooked-recipe-directions .cooked-direction.cooked-direction-has-number-wide .cooked-direction-number { width:2ch; text-align:right; font-variant-numeric: tabular-nums; } |
| 34 |
.cooked-recipe-directions .cooked-direction-number { opacity:0.35; position:absolute; display:inline-block; width:auto; height:1rem; line-height:1rem; font-weight:800; top:0; left:0; font-size:1.5rem; } |
| 35 |
.cooked-recipe-notes { |
| 36 |
display:block; padding:0; margin:0 0 2rem; |
| 37 |
} |
| 38 |
|
| 39 |
.cooked-recipe-notes ol, |
| 40 |
.cooked-recipe-notes ul { padding-left: 1.5rem; } |
| 41 |
|
| 42 |
.cooked-recipe-notes .cooked-heading { margin:0 0 1rem; display:block; font-weight:600; font-size:1.25rem; line-height:1.5; } |
| 43 |
.cooked-recipe-excerpt { display:block; padding:0; margin:0 0 1rem; } |
| 44 |
.cooked-recipe-info { display:block; padding:0; margin:0 0 1rem; line-height:2.25rem; } |
| 45 |
.cooked-recipe-info > span, .cooked-recipe-info > section.cooked-left > span { line-height:1.3rem; position:relative; box-sizing:border-box; vertical-align:top; margin:0 2rem 1rem 0; font-size:0.85rem; display:inline-block; width:auto; } |
| 46 |
.cooked-recipe-info > section.cooked-right > span { line-height:1.4rem; position:relative; box-sizing:border-box; vertical-align:top; margin:0 0 1rem 2rem; font-size:0.85rem; display:inline-block; width:auto; } |
| 47 |
.cooked-recipe-info > span:last-child, .cooked-recipe-info > section.cooked-left > span:last-child { margin-right:0; } |
| 48 |
.cooked-recipe-info > section.cooked-right > span:first-child { margin-left:0; } |
| 49 |
.cooked-recipe-info strong { font-size:0.75rem; font-weight:800; text-transform:uppercase; display:block; } |
| 50 |
.cooked-recipe-info span.cooked-time { padding-left:3rem; } |
| 51 |
.cooked-recipe-info span.cooked-time-icon { opacity:0.5; width:1rem; height:1rem; font-size:2.2rem; display:block; position:absolute; top:50%; left:0; margin:-1.1rem 0 0 0; } |
| 52 |
.cooked-recipe-info span.cooked-time-icon i.cooked-icon { display:block; } |
| 53 |
.cooked-recipe-info span.cooked-servings { padding-left:3rem; } |
| 54 |
.cooked-recipe-info span.cooked-servings select.cooked-servings-changer { opacity:0; position:absolute; bottom:3px; left:0; -webkit-appearance:none; cursor:pointer; border:none; background:none; width:100%; padding:0; margin:0; } |
| 55 |
.cooked-recipe-info span.cooked-servings-icon { opacity:0.5; width:1rem; height:1rem; font-size:2.2rem; display:block; position:absolute; top:50%; left:0; margin:-1.1rem 0 0 0; } |
| 56 |
.cooked-recipe-info span.cooked-servings-icon i.cooked-icon { display:block; } |
| 57 |
.cooked-left { float:left; display:inline-block; width:auto; } |
| 58 |
.cooked-right { float:right; display:inline-block; width:auto; } |
| 59 |
.cooked-nutrition-label { width:100%; max-width:400px; margin:0 auto 2rem; background:#fff; font-size:0.9rem; border:1px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:15px; } |
| 60 |
.cooked-nutrition-label .cooked-nutrition-title { font-size:2rem; line-height:1; letter-spacing:0; font-weight:800; padding:0; margin:0 0 0.4rem; color:#333; } |
| 61 |
.cooked-nutrition-label.cooked-float-right { max-width:45%; margin:0 0 3rem 3rem; float:right; } |
| 62 |
.cooked-nutrition-label.cooked-float-left { max-width:45%; margin:0 3rem 3rem 0; float:left; } |
| 63 |
body .cooked-nutrition-label p { margin:0 !important; padding:0 !important; } |
| 64 |
body .cooked-nutrition-label p.cooked-daily-value-text { padding:0.5rem 0 0 0 !important; margin:0 !important; font-size:0.9rem; } |
| 65 |
body .cooked-nutrition-label dl { margin:0 !important; padding:0 !important; } |
| 66 |
body .cooked-nutrition-label dt { position:relative; margin:0; padding:2px 0; border-top:1px solid #aaa; } |
| 67 |
body .cooked-nutrition-label dt dt { padding:2px 0 0; margin:2px 0 0; } |
| 68 |
body .cooked-nutrition-label dt:after { content: ""; display: table; clear: both; } |
| 69 |
body .cooked-nutrition-label dt.cooked-nut-spacer, body .cooked-nutrition-label div.cooked-nut-spacer { border:none; height:0.5rem; padding:0; background:#333; } |
| 70 |
body .cooked-nutrition-label > dl > dt:first-child, |
| 71 |
body .cooked-nutrition-label dl dt.cooked-nut-no-border { border:none; } |
| 72 |
body .cooked-nutrition-label dt dl { padding:0; margin:0 0 0 1.5rem; } |
| 73 |
body .cooked-nutrition-label .cooked-nut-hr { border:none; border-top:1rem solid #333; margin:1rem 0 0; padding:0; } |
| 74 |
body .cooked-nutrition-label strong { font-weight:800; } |
| 75 |
body .cooked-nutrition-label strong.cooked-nut-heading { font-size:0.75rem; } |
| 76 |
body .cooked-nutrition-label strong.cooked-nut-label, |
| 77 |
body .cooked-nutrition-label span.cooked-calories-fat { font-weight:400; } |
| 78 |
body .cooked-nutrition-label .cooked-nut-right { float:right; } |
| 79 |
body .cooked-nutrition-label dl.cooked-nut-bottom dt { border-top:none; border-bottom:1px solid #aaa; float:left; width:50%; box-sizing:border-box; } |
| 80 |
body .cooked-nutrition-label dl.cooked-nut-bottom dt strong { font-weight:400; } |
| 81 |
body .cooked-nutrition-label dl.cooked-nut-bottom dt:last-child, body .cooked-nutrition-label dl.cooked-nut-bottom dt:nth-last-child(2) { border:none; } |
| 82 |
body .cooked-nutrition-label dl.cooked-nut-bottom dt:nth-last-child(2):nth-child(even) { border-bottom:1px solid #aaa; } |
| 83 |
|
| 84 |
#cooked-print-options { margin:0 0 2rem; background:transparent; padding:2.2rem 0 2.5rem; border-bottom:1px dashed rgba(0,0,0,0.25); } |
| 85 |
#cooked-print-options h3 { margin:0 0 0.25rem; font-size:0.75rem; text-transform:uppercase; font-weight:800; } |
| 86 |
#cooked-print-options label { font-size:0.9rem; cursor:pointer; position:relative; display:inline-block; top:1px; margin-right:1rem; } |
| 87 |
#cooked-print-options .cooked-button { float:right; margin-top:1.45rem; } |
| 88 |
|
| 89 |
.cooked-button {-webkit-transition:all 200ms cubic-bezier(0.420,0.000,0.150,1.000);-moz-transition:all 200ms cubic-bezier(0.420,0.000,0.150,1.000);-o-transition:all 200ms cubic-bezier(0.420,0.000,0.150,1.000);transition:all 200ms cubic-bezier(0.420,0.000,0.150,1.000);-webkit-transition-timing-function:cubic-bezier(0.420,0.000,0.150,1.000);-moz-transition-timing-function:cubic-bezier(0.420,0.000,0.150,1.000);-o-transition-timing-function:cubic-bezier(0.420,0.000,0.150,1.000);transition-timing-function:cubic-bezier(0.420,0.000,0.150,1.000);} |
| 90 |
|
| 91 |
@media print { |
| 92 |
body { padding:20px 30px; font-size:0.9rem; } |
| 93 |
#cooked-print-options { display:none; } |
| 94 |
} |
| 95 |
|
