update styling (#324)

* change theme, update styling * style * missed * shadow * nah * fuck * checkbox space
furthemore · Jul 16, 2024 · edcb334 · edcb334
1 parent b2f933f
commit edcb334
Show file tree

Hide file tree

Showing 4 changed files with 260 additions and 233 deletions.
diff --git a/registration/static/css/bs-cerulean.css b/registration/static/css/bs-cerulean.css
diff --git a/registration/static/css/main.css b/registration/static/css/main.css
@@ -1,189 +1,207 @@
-.artisan {
-    /**
-        background: url('../img/2017/logo.jpg') no-repeat top right;
-    **/
-    min-height: 900px; /* So logo isn't cut off on short-content pages */
-
-}
-
-body {
-    background: #3D67B1;
-}
-
-.containter {
-    background: #EEEEEE !important;
-}
-
-#content-holder {
-    background: white;
-    padding: 3%;
-    border: #8EAFE9 5px solid;
-}
-
-
-.badge {
-    min-width: 500px;
-    min-height: 250px;
-    box-radius: 10px;
-    margin-bottom: 5%;
-    background-color: black;
-}
-
-#badge-text {
-    padding-top: 30%;
-    font-size: 30px;
-}
-
-@media (max-width: 768px) {
-    .mobile-block {
-        display: block;
-        width: 100%;
-    }
-}
-
-.form-control-checkbox {
-    display: inherit;
-    width: auto;
-    height: auto;
-}
-
-/* COMMON PRICING STYLES */
-.panel {
-    border-color: #ddd;
-}
-
-.panel.price,
-.panel.price > .panel-heading {
-    border-radius: 0px;
-    -moz-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    -webkit-transition: all .3s ease;
-}
-
-.panel.price:hover {
-    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
-}
-
-.panel.price > .panel-heading {
-    text-shadow: 0px 3px 0px rgba(50, 50, 50, .2);
-}
-
-.price .list-group-item {
-    border-bottom-: 1px solid rgba(250, 250, 250, .5);
-}
-
-.panel.price .list-group-item:last-child {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px;
-}
-
-.panel.price .list-group-item:first-child {
-    border-top-right-radius: 0px;
-    border-top-left-radius: 0px;
-}
-
-.price .panel-footer {
-    color: #fff;
-    border-bottom: 0px;
-    background-color: rgba(0, 0, 0, .1);
-    box-shadow: 0px 3px 0px rgba(0, 0, 0, .3);
-}
-
-#terms li {
-    margin-bottom: 1em;
-}
-
-/* Use with bs-yetti theme */
-.alert a {
-    color: white;
-    text-decoration: underline;
-    font-weight: bold;
-}
-
-.deleteAttendee {
-    cursor: pointer;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-    /* display: none; <- Crashes Chrome on hover */
-    -webkit-appearance: none;
-    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
-}
-
-input[type=number] {
-    -moz-appearance: textfield; /* Firefox */
-}
-
-.alert-hidden {
-    display: none;
-}
-
-
-#payment-status-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid rgba(0, 0, 0, 0.05);
-    box-sizing: border-box;
-    border-radius: 2px;
-    margin: 0 auto;
-    min-height: 48px;
-    visibility: hidden;
-    padding: 15px;
-}
-
-#payment-status-container.missing-credentials {
-    width: 350px;
-}
-
-#payment-status-container.is-success:before {
-    content: '';
-    background-color: #00b23b;
-    width: 16px;
-    height: 16px;
-    margin-right: 16px;
-    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
-    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
-}
-
-#payment-status-container.is-success:after {
-    content: 'Payment successful';
-    font-size: 14px;
-    line-height: 16px;
-}
-
-#payment-status-container.is-failure:before {
-    content: '';
-    background-color: #cc0023;
-    width: 16px;
-    height: 16px;
-    margin-right: 16px;
-    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
-    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
-}
-
-#payment-status-container.is-failure:after {
-    font-size: 14px;
-    line-height: 16px;
-}
-
-#payment-status-container .error-code {
-    font-weight: bold;
-    color: darkred;
-}
-
-body > footer {
-    right: 0;
-    bottom: 0;
-    left: 0;
-    padding: 1rem;
-    color: white;
-    text-align: center;
-    font-size: x-small;
-}
-
-.footer a {
-    color: white;
-    font-weight: bold;
-}
+.artisan {
+    /**
+        background: url('../img/2017/logo.jpg') no-repeat top right;
+    **/
+    min-height: 900px; /* So logo isn't cut off on short-content pages */
+    padding-top: 20px;
+}
+
+body {
+    background: #3D67B1;
+}
+
+hr {
+    border-top: 2px solid black;
+}
+
+.control-label {
+    padding-left: 10px;
+}
+
+#total {
+    font-size: large;
+    font-weight: bolder;
+}
+
+#sub-item {
+    padding-left: 25px;
+}
+
+.containter {
+    background: #EEEEEE !important;
+}
+
+#content-holder {
+    background: white;
+    padding: 3%;
+    box-shadow: 5px 5px 10px;
+    border: 2px solid black;
+    border-radius: 15px;
+}
+
+.badge {
+    min-width: 500px;
+    min-height: 250px;
+    box-radius: 10px;
+    margin-bottom: 5%;
+    background-color: black;
+}
+
+#badge-text {
+    padding-top: 30%;
+    font-size: 30px;
+}
+
+@media (max-width: 768px) {
+    .mobile-block {
+        display: block;
+        width: 100%;
+    }
+}
+
+.form-control-checkbox {
+    display: inherit;
+    width: auto;
+    height: auto;
+}
+
+/* COMMON PRICING STYLES */
+.panel {
+    border-color: #ddd;
+}
+
+.panel.price,
+.panel.price > .panel-heading {
+    border-radius: 0px;
+    -moz-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    -webkit-transition: all .3s ease;
+}
+
+.panel.price:hover {
+    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
+}
+
+.panel.price > .panel-heading {
+    text-shadow: 0px 3px 0px rgba(50, 50, 50, .2);
+}
+
+.price .list-group-item {
+    border-bottom-: 1px solid rgba(250, 250, 250, .5);
+}
+
+.panel.price .list-group-item:last-child {
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+}
+
+.panel.price .list-group-item:first-child {
+    border-top-right-radius: 0px;
+    border-top-left-radius: 0px;
+}
+
+.price .panel-footer {
+    color: #fff;
+    border-bottom: 0px;
+    background-color: rgba(0, 0, 0, .1);
+    box-shadow: 0px 3px 0px rgba(0, 0, 0, .3);
+}
+
+#terms li {
+    margin-bottom: 1em;
+}
+
+/* Use with bs-yetti theme */
+.alert a {
+    color: white;
+    text-decoration: underline;
+    font-weight: bold;
+}
+
+.deleteAttendee {
+    cursor: pointer;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    /* display: none; <- Crashes Chrome on hover */
+    -webkit-appearance: none;
+    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+}
+
+input[type=number] {
+    -moz-appearance: textfield; /* Firefox */
+}
+
+.alert-hidden {
+    display: none;
+}
+
+
+#payment-status-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    box-sizing: border-box;
+    border-radius: 2px;
+    margin: 0 auto;
+    min-height: 48px;
+    visibility: hidden;
+    padding: 15px;
+}
+
+#payment-status-container.missing-credentials {
+    width: 350px;
+}
+
+#payment-status-container.is-success:before {
+    content: '';
+    background-color: #00b23b;
+    width: 16px;
+    height: 16px;
+    margin-right: 16px;
+    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
+    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7071 6.70711C12.0968 6.31744 12.0978 5.68597 11.7093 5.29509C11.3208 4.90422 10.6894 4.90128 10.2973 5.28852L11 6C10.2973 5.28852 10.2973 5.28853 10.2973 5.28856L10.2971 5.28866L10.2967 5.28908L10.2951 5.29071L10.2886 5.29714L10.2632 5.32224L10.166 5.41826L9.81199 5.76861C9.51475 6.06294 9.10795 6.46627 8.66977 6.90213C8.11075 7.4582 7.49643 8.07141 6.99329 8.57908L5.70711 7.29289C5.31658 6.90237 4.68342 6.90237 4.29289 7.29289C3.90237 7.68342 3.90237 8.31658 4.29289 8.70711L6.29289 10.7071C6.68342 11.0976 7.31658 11.0976 7.70711 10.7071L11.7071 6.70711Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
+}
+
+#payment-status-container.is-success:after {
+    content: 'Payment successful';
+    font-size: 14px;
+    line-height: 16px;
+}
+
+#payment-status-container.is-failure:before {
+    content: '';
+    background-color: #cc0023;
+    width: 16px;
+    height: 16px;
+    margin-right: 16px;
+    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
+    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.70711 4.29289C5.31658 3.90237 4.68342 3.90237 4.29289 4.29289C3.90237 4.68342 3.90237 5.31658 4.29289 5.70711L6.58579 8L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L8 9.41421L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071C12.0976 11.3166 12.0976 10.6834 11.7071 10.2929L9.41421 8L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289C11.3166 3.90237 10.6834 3.90237 10.2929 4.29289L8 6.58579L5.70711 4.29289Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
+}
+
+#payment-status-container.is-failure:after {
+    font-size: 14px;
+    line-height: 16px;
+}
+
+#payment-status-container .error-code {
+    font-weight: bold;
+    color: darkred;
+}
+
+body > footer {
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1rem;
+    color: white;
+    text-align: center;
+    font-size: x-small;
+}
+
+.footer a {
+    color: white;
+    font-weight: bold;
+}