diff options
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/style.css | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css index 52d19af..55b9080 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -356,6 +356,19 @@ body > footer > div > p { overflow: auto; /* Not specific to overline. */ } +div.about-current-focus table { + text-align: left; +} + +table.about-elsewhere { + width: 0; +} + +table.about-elsewhere img { + max-height: 16px; + margin: 4px 0px; +} + /* Tables. */ table { @@ -426,6 +439,7 @@ tr:nth-child(even) { .portrait { max-width: 30%; + padding-left: 1em; float: right; } @@ -555,3 +569,63 @@ fieldset { #rsvp-input input { margin: 0px 16px; } + +.food-diary img { + width: 8em; +} + +.cookbook-image-gallery { + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-gap: 15px; +} + +.cookbook-image-gallery img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.cookbook-entry { + display: grid; + grid-template-columns: 20% 80%; +} +.cookbook-entry-container .cookbook-entry { border: solid 1px; border-bottom: 0; padding: 8px; } +.cookbook-entry-container .cookbook-entry:last-child { border-bottom: solid 1px; } + +.cookbook-entry div { + margin: 8px; +} + +.cookbook-entry img { + max-width: 100%; +} + +span.cookbook-tag { + border: 1px solid black; + border-radius: 4px; + padding: 1px 4px; + background-color: orange; + margin: 2px; + display: inline-block; +} + +span.cookbook-tag-difficulty-trivial { background-color: lightgreen; } +span.cookbook-tag-difficulty-trivial:before { content: "Difficulty: Trivial"; } +span.cookbook-tag-difficulty-easy { background-color: green; color: white; } +span.cookbook-tag-difficulty-easy:before { content: "Difficulty: Easy"; } +span.cookbook-tag-difficulty-medium { background-color: yellow; } +span.cookbook-tag-difficulty-medium:before { content: "Difficulty: Medium"; } +span.cookbook-tag-cuisine-american:before { content: "Cuisine: πΊπΈ American"; } +span.cookbook-tag-cuisine-texmex:before { content: "Cuisine: π€ Tex-Mex"; } +span.cookbook-tag-flavor-profile-savory:before { content: "Flavor Profile: π§ Savory"; } +span.cookbook-tag-dish-type-sauce:before { content: "Type: π₯« Sauce"; } +span.cookbook-tag-dish-type-soup:before { content: "Type: π₯£ Soup"; } +span.cookbook-tag-dish-type-meat:before { content: "Type: π Meat"; } +span.cookbook-tag-dish-type-main:before { content: "Type: π½οΈ Main Course"; } +span.cookbook-tag-dish-type-side:before { content: "Type: π΄ Side Dish"; } +span.cookbook-tag-dish-type-baked-good:before { content: "Type: π Baked Good"; } + +div.figure img { + max-width: 80%; +} |