diff options
author | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
commit | eeaddb27560d723ca7d61359744ceb2709fccd2d (patch) | |
tree | 04ddbc49ae7b73d5f5a9e1716d7227aecd3b9f85 /pyblackbird_cc/static/css/wrapper.css | |
parent | 7a3044c859043837e6c7c95bb4894d04e9b2cbc2 (diff) |
Renamed from pyblackbird_cc to alphabetlearning - everywhere
Diffstat (limited to 'pyblackbird_cc/static/css/wrapper.css')
-rw-r--r-- | pyblackbird_cc/static/css/wrapper.css | 493 |
1 files changed, 0 insertions, 493 deletions
diff --git a/pyblackbird_cc/static/css/wrapper.css b/pyblackbird_cc/static/css/wrapper.css deleted file mode 100644 index f84b87e..0000000 --- a/pyblackbird_cc/static/css/wrapper.css +++ /dev/null @@ -1,493 +0,0 @@ -*::before, -*::after { - box-sizing: border-box; -} - -* { - font-family: 'Franklin'; - margin: 0; - padding: 0; -} - -header { - padding-left: 10px; - max-width: fit-content; - margin-left: auto; - margin-right: auto; - margin-top: 50px; -} - -@font-face { - font-family: 'Franklin'; - src: url(../fonts/LibreFranklin-VariableFont_wght.ttf); -} - -@font-face { - font-family: 'Franklin-Italic'; - src: url(../fonts/LibreFranklin-Italic.ttf); -} - -body { - background: rgb(224, 221, 217, 0.27); -} - -h1 { - color: #657c76; - font-size: 2.0rem; -} - -h2 { - color: #4e8273; - /* color: white; */ - font-size: 1.8rem; - padding-bottom: 10px; - margin-right: 20px; - margin-top: 20px; - border-radius: 3px 3px 0 0; - padding-left: 2px; - background-size: 100% 50px; - background-repeat: no-repeat; - border-bottom: 10px solid #E4E5E7; - overflow: auto; -} - -.container { - max-width: 87%; - margin: 0 auto; - display: grid; - gap: 0.2rem; -} - -.cell { - background: white; - margin-bottom: 20px; - margin-left: 20px; - margin-right: 20px; - padding-bottom: 10px; - padding-left: 50px; - padding-top: 20px; - border: 0px solid lightgray; - border-radius: 5px; -} - -.cell#create-form-intro p { - background: #bcd8d0; - color: black; - font-size: 0.9rem; - margin: 10px 20px 10px 0px; - max-width: max-content; -} - -.cell p { - color: rgb(37, 95, 140, 0.8); - font-size: 1.2rem; - padding-left: 15px; -} - -q { - display: inline; -} - -q:before { - content: open-quote; -} - -q:after { - content: close-quote; -} - -img { - border-radius: 5px; - margin-right: 20px; - box-shadow: 3px 2px 2px lightgray; - max-width: 400px; - height: auto; - width: 100%; -} - -.inner-grid_1 { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 20px; - margin: 22px 10px 10px 0px; -} - -.inner-grid_1 p { - font-size: 1.6rem; - color: darkgray; - padding-right: 100px; - padding-top: 20px; - padding-bottom: 100px; - text-align: right; -} - -.inner-grid_1 p#sewing-blurb { - font-size: 1.5rem; - color: darkgray; - padding-right: 100px; - padding-top: 20px; - padding-bottom: 100px; - text-align: right; -} - -.inner-grid_2 { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 20px; - margin: 10px 10px 10px 0px; - padding-right: 18px; -} - -.inner_grid_2-img { - box-shadow: 2px 2px 2px lightgray; - border-radius: 2px; -} - -.divider { - color: #e0d9de; - border-width: 1; - margin: 10px 20px 20px 0px; -} - - -a { - font-size: inherit; - color: #394f49; - text-decoration: none; -} - -/* a nice style for a large h2 link*/ -a.no-underline:hover { - font-size: 1.8rem; - color: #4e8273; - text-decoration: none; -} - - -.inner-header { - display: grid; - grid-template-columns: 1fr 2fr 1fr; - gap: 10px; - margin-bottom: 20px; -} - -.info { - margin-left: auto; - margin-right: auto; - color: darkgray; - text-align: center; -} - -.info p { - font-size: 1.1rem; - padding: 10px; -} - - -.jumplist { - font-size: 1.1rem; - display: grid; - grid-template-columns: repeat(3, 1fr); - margin-top: 20px; -} - -.jumplist a { - font-weight: bold; - color: #657c76; -} - -a:hover { - color: #2c3d38; - text-decoration: underline; -} - - -.reviews_quote { - font-size: 1.3rem; - font-family: "Franklin-Italic"; - line-height: 1.2em; - color: #4e8273; - margin-left: 2rem; - padding-right: 30px; - padding-top: 20px; - padding-bottom: 100px -} - -.hs_image { - margin-left: auto; - margin-right: 20px; - margin-top: 20px; - max-width: 95%; -} - -/* this means a p subling to reviews_quote */ -.reviews_quote ~ p { - color: darkgray; - padding: 10px 0px; - margin-bottom: 20px; -} - -.reviews_quote_container { - padding: 0px 100px 0px 100px; - border-bottom: 5px solid #f4f4f4; - margin: 30px 25px 20px 25px; -} - -.footer { - margin-left: auto; - margin-right: auto; - margin-bottom: 10px; - color: darkgray; - font-size: 0.8rem; - text-align: center; -} - -.footer > p { - padding: 5px; -} - -/* Media query for narrow screens */ -@media only screen and (max-width: 600px) { - .inner-grid_1 { - grid-template-columns: 1fr; /* Switch to single column layout */ - } - - .inner-grid_1 p { - text-align: left; - font-size: 1.5rem; - padding-top: 1px; - margin-bottom: 5px; - } - - .inner-grid_1 p#sewing-blurb { - font-size: 1.5rem; - color: darkgray; - padding-right: 10px; - } - - .inner-grid_2 { - grid-template-columns: 1fr; /* Switch to single column layout */ - } - - .container { - max-width: 97%; - } - - .cell { - padding-left: 20px; - } - - img { - padding: 0; - } - - .reviews_quote_container { - padding-left: 10px; - padding-right: 10px; - } -} - -@media only screen and (max-width: 1200px) { - .inner-grid_1 p { - text-align: left; - font-size: 1.7rem; - padding-top: 10px; - padding-right: 20px; - } - - .inner-grid_1 p#sewing-blurb { - font-size: 1.4rem; - padding-top: 5px; - padding-right: 20px; - } -} - -@media only screen and (max-width: 900px) { - .inner-grid_1 p { - text-align: left; - font-size: 1.2rem; - padding-top: 10px; - padding-right: 20px; - } - - .inner-grid_1 p#sewing-blurb { - font-size: 1.2rem; - padding-top: 5px; - } - - .reviews_quote_container { - padding-left: 10px; - padding-right: 10px; - } -} - -:root { - box-sizing: border-box; - --co-body-bg: #eee; - --co-body-text: #444; - --co-body-accent: #4834d4; - --co-body-accent-contrast: #fff; - --co-textfld-bg: #fff; - --co-textfld-border: #ccc; - --co-textfld-active-border: #aaa; - --co-textfld-focus-border: var(--co-body-accent); - --co-textfld-valid-border: hsl(140 50% 75%); - --co-textfld-valid-active-border: hsl(140 50% 65%); - --co-textfld-valid-focus-border: hsl(140 50% 50%); - --co-textfld-invalid-border: hsl(20 65% 75%); - --co-textfld-invalid-active-border: hsl(20 65% 65%); - --co-textfld-invalid-focus-border: hsl(20 65% 50%); - --co-btn-text: var(--co-body-accent-contrast); - --co-btn-bg: var(--co-body-accent); - --co-btn-active-bg: #333; - --co-btn-focus-bg: #333; -} - -.dark-mode { - --co-body-bg: #111; - --co-body-text: #ddd; - --co-body-accent: #6c5ce7; - --co-body-accent-contrast: #fff; - - --co-textfld-bg: #222; - --co-textfld-border: #333; - --co-textfld-active-border: #444; - --co-textfld-focus-border: var(--co-body-accent); - - --co-textfld-valid-border: hsl(140 90% 20%); - --co-textfld-valid-active-border: hsl(140 90% 30%); - --co-textfld-valid-focus-border: hsl(140 90% 45%); - - --co-textfld-invalid-border: hsl(20 90% 20%); - --co-textfld-invalid-active-border: hsl(20 90% 30%); - --co-textfld-invalid-focus-border: hsl(20 90% 45%); - - --co-btn-text: var(--co-body-accent-contrast); - --co-btn-bg: var(--co-body-accent); - --co-btn-active-bg: #333; - --co-btn-focus-bg: #333; -} - -.dark-mode { - color-scheme: dark; -} - -*, -*::before, -*::after { - box-sizing: inherit; -} - -body { - font: 1em/160% sans-serif; - background-color: var(--co-body-bg); - color: var(--co-body-text); -} - - -.resource-metadata-panel { - max-width: 95%; - border-radius: 6px; - background-color: lightgray; /* Choose a nice green color */ - padding: 20px; - box-sizing: border-box; - color: #393939; - margin-top: 20px; - margin-right: 20px; -} - -.resource-title { - color: #242424; - margin: 10px 0px 20px 0px; - font-size: 1.5rem; -} - -.resource-details { - display: flex; - justify-content: space-between; -} - -.resource-details div { - font-size: 1.1rem; - font-weight: bold; -} - -.resource-img-detail { - margin-top: 24px; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 10px; -} - -.resource-img-detail img { - max-height: 400px; - width: auto; - object-fit: contain; - flex: 0 0 calc(33.33% - 10px); -} - -@media screen and (max-width: 768px) { - .resource-img-detail img { - flex: 0 0 calc(50% - 10px); - } -} - -@media screen and (max-width: 480px) { - .resource-img-detail img { - flex: 0 0 100%; - } -} - -.resource-download-panel { - max-width: 95%; - margin-bottom: 16px; - margin-top: 16px; - padding: 16px 24px 24px; - background-color: #fff; - border-radius: 4px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .12); -} - -.resource-download-panel h4 { - color: green; - font-size: 1.2rem; -} - -.resource-description-panel { - max-width: 95%; - margin-bottom: 16px; - margin-top: 16px; - padding: 16px 24px 24px; - background-color: #fff; - border-radius: 4px; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .12); -} - -.resource-description-panel h3 { - margin-top: 12px; -} - -/* to select any h3 tag after a div of class resource-metadata-panel */ -.feature-pdf-page-title { - background: #598268; - margin: 20px 0px 10px 0px; - max-width: 95%; - padding: 10px 12px 10px; - color: white; - border-radius: 4px; -} - -.admin-links { - display: flex; - justify-content: space-between; - margin-right: 40px; -} - -.admin-links a { - padding: 10px 20px; - background-color: #f4b938; - color: black; - border-radius: 4px; - text-decoration: none; -} |