diff options
Diffstat (limited to 'alphabetlearning/static/css/project.css')
| -rw-r--r-- | alphabetlearning/static/css/project.css | 51 |
1 files changed, 49 insertions, 2 deletions
diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css index 7fff081..43dde1d 100644 --- a/alphabetlearning/static/css/project.css +++ b/alphabetlearning/static/css/project.css @@ -1,5 +1,6 @@ :root { --link-colour: rgb(64, 21, 92); + --dark-gray: #4c4c4c; } * { @@ -111,17 +112,47 @@ nav > div > ul > li { border-width: 2px; border-radius: 5px; padding: 10px; - /*height: 560px;*/ + /* height: 560px; */ display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; } +.card-title-link { + text-decoration: none; + font-weight: bold; + font-size: 1.3em; +} + +.card-metadata-row { + display: flex; + justify-content: space-between; + font-size: 0.8em; + margin: 10px auto; + font-weight: bold; + color: var(--dark-gray) + position: relative; +} + +.card-category-badge { + padding: 2px 10px; + font-size: 1.0em; + color: white; + border: 1px; + border-radius: 4px; +} + +.card-metadata-row ~ hr { + border: 1px solid lightgray; +} + + .featured-img { display: block; margin-left: auto; margin-right: auto; + margin-bottom: 8px; border: 1px solid #ddd; border-radius: 4px; padding: 3px; @@ -213,10 +244,22 @@ nav > div > ul > li { .add-to-basket-button { background-color: green; + border: none; + text-decoration: none; + text-align: center; + border-radius: 5px; color: white; - padding: 5px; + display: inline-block; + padding: 7px; + transition: background-color 0.5s; } +.add-to-basket-button:hover { + background-color: darkgreen; + color: white; +} + + .add-to-basket-button-disabled { background-color: lightgray; color: black; @@ -249,6 +292,7 @@ nav > div > ul > li { font-size: 1.2rem; } + .new-carousel-wrapper { display: flex; margin-left: auto; @@ -269,3 +313,6 @@ nav > div > ul > li { border-radius: 14px; text-align: center; } + + + |