diff options
Diffstat (limited to 'static/styles.css')
-rw-r--r-- | static/styles.css | 103 |
1 files changed, 15 insertions, 88 deletions
diff --git a/static/styles.css b/static/styles.css index 6dde6d4..8948d92 100644 --- a/static/styles.css +++ b/static/styles.css @@ -110,10 +110,6 @@ section.banner h1 { padding-top: 1em; } -section.cards { - background-color: transparent; -} - .button img { margin-right: 1em; } @@ -166,15 +162,6 @@ section a { text-decoration: underline; } -.card { - background-color: white; - padding: 1em; - border-radius: 1em; - margin-left: 0; - margin-right: 0; - align-content: center; -} - form input, form textarea { font-family: "PT Sans", sans-serif; @@ -194,34 +181,6 @@ textarea { resize: none; } -/* honeypot */ -textarea#beehive { - display: none; -} - -table { - width: 100%; - border-collapse: collapse; -} - -table caption { - text-align: left; -} - -table th { - text-align: right; - color: var(--darkteal); -} - -table td, -table th { - vertical-align: bottom; -} - -tr:nth-child(even) { - background-color: lightgray; -} - picture img { width: 100%; } @@ -241,20 +200,8 @@ section.flexible { flex-direction: column; } -#reviews .card, -#offerings .card { - margin-left: 1em; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; - padding: 0.3em; - flex: 1 0 21%; - align-items: center; - text-align: center; -} - -#reviews, -#offerings { +section.cards { + background-color: transparent; padding-left: 0; padding-right: 0; display: flex; @@ -262,42 +209,22 @@ section.flexible { justify-content: center; } -#offerings .full { - flex: 1 1 100%; -} - -.modal { - position: fixed; - z-index: 1; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: white; - background-color: rgba(1, 1, 1, 0.4); - overflow: auto; - display: none; - font-size: 1.5em; -} - -.modal .card { - max-height: 90%; - max-width: 60%; -} - -.modal a, -.card a.button { - float: right; -} - -:target.modal { - display: flex; - justify-content: center; +.card { + align-content: center; align-items: center; + background-color: white; + border-radius: 1em; + flex: 1 0 21%; + margin-bottom: 0.5em; + margin-left: 1em; + margin-right: 1em; + margin-top: 0.5em; + padding: 0.3em; + text-align: center; } -:target.modal .card { - overflow: auto; +section.cards .full { + flex: 1 1 100%; } .centered { |