aboutsummaryrefslogtreecommitdiffstats
path: root/pyblackbird_cc/static/css/wrapper.css
diff options
context:
space:
mode:
Diffstat (limited to 'pyblackbird_cc/static/css/wrapper.css')
-rw-r--r--pyblackbird_cc/static/css/wrapper.css493
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;
-}
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-10 03:51:13 +0000