From d772e8edecbbb8a780478de7b6482e1f59d02180 Mon Sep 17 00:00:00 2001 From: jeff Date: Thu, 22 Dec 2022 23:10:45 -0400 Subject: [PATCH] CSS recipe card --- static/css-include/recipecard.css | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/static/css-include/recipecard.css b/static/css-include/recipecard.css index 731e91e..3737a15 100644 --- a/static/css-include/recipecard.css +++ b/static/css-include/recipecard.css @@ -1,19 +1,18 @@ /*Heavily influenced by Emily Gagne (https://codepen.io/ceg9498/) from their CodePen post here - https://codepen.io/ceg9498/post/creating-lined-paper - /* Styling specific to an index card */ +/* Styling specific to an index card */ .card{ font-family: Courier, monospace; background-color: white; background: repeating-linear-gradient(white, white 25px, #9198e5 26px, #9198e5 27px); background-position-y: 34px; - height: 500px; - width: 800px; + height: 592px; + width: 840px; padding: 0; margin: 1em; border-style:solid; border-width: 2px; border-color: #555; - } .card header { background: linear-gradient(white, white 33px, pink 35px, pink 36px); @@ -21,15 +20,17 @@ } .card-title { position: relative; - left: 1em; + /*left: 1em;*/ top: 6px; font-size: 1.5em; font-weight: bold; + margin-bottom: 0.2em; + margin-left:25px; } .card-subtitle { position: relative; font-size: 1em; - margin: 0 20px; + margin: 0 25px; line-height: 27px; font-style:italic; } @@ -40,7 +41,6 @@ margin: 27px 1em; line-height: 27px; } - .card-ingredients { position: relative; top: 30px; @@ -53,8 +53,6 @@ width:5em; text-align:left; } - .ingredient-type { margin-left:4px; -} - +} \ No newline at end of file