mirror of
https://github.com/pretix/pretix.git
synced 2026-05-10 16:04:02 +00:00
Moved static files and celery.py
This commit is contained in:
78
src/pretix/static/pretixpresale/scss/_cart.scss
Normal file
78
src/pretix/static/pretixpresale/scss/_cart.scss
Normal file
@@ -0,0 +1,78 @@
|
||||
.cart-row {
|
||||
/* Cart grid */
|
||||
padding: 10px 0;
|
||||
|
||||
.count form {
|
||||
display: inline;
|
||||
}
|
||||
.price, .count, .download-desktop {
|
||||
text-align: right;
|
||||
}
|
||||
.price small,
|
||||
.availability-box small {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&.total {
|
||||
border-top: 1px solid $table-border-color;
|
||||
}
|
||||
|
||||
dl {
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
|
||||
dd {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
||||
&>div {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: ceil(($grid-gutter-width / 2));
|
||||
padding-right: floor(($grid-gutter-width / 2));
|
||||
float: left;
|
||||
}
|
||||
.download-mobile {
|
||||
display: none;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.download-desktop {
|
||||
display: block;
|
||||
width: percentage((4 / $grid-columns));
|
||||
}
|
||||
.product {
|
||||
width: percentage((4 / $grid-columns));
|
||||
}
|
||||
.count {
|
||||
width: percentage((2 / $grid-columns));
|
||||
}
|
||||
.singleprice, .totalprice {
|
||||
width: percentage((3 / $grid-columns));
|
||||
}
|
||||
&.has-downloads .product {
|
||||
width: percentage((5 / $grid-columns));
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: $screen-sm-max) {
|
||||
.cart-row {
|
||||
.download-mobile {
|
||||
display: block;
|
||||
}
|
||||
.download-desktop {
|
||||
display: none;
|
||||
}
|
||||
&.has-downloads .product, .product, .count, .singleprice, .totalprice {
|
||||
width: 50%;
|
||||
}
|
||||
.singleprice {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
117
src/pretix/static/pretixpresale/scss/_event.scss
Normal file
117
src/pretix/static/pretixpresale/scss/_event.scss
Normal file
@@ -0,0 +1,117 @@
|
||||
.product-row {
|
||||
border-top: 1px solid $table-border-color;
|
||||
|
||||
&:last-child {
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.input-item-count {
|
||||
text-align: center;
|
||||
}
|
||||
.input-group-price {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.input-item-price {
|
||||
text-align: right;
|
||||
}
|
||||
.availability-box {
|
||||
text-align: center;
|
||||
|
||||
&.gone {
|
||||
color: $alert-danger-text;
|
||||
}
|
||||
&.unavailable {
|
||||
color: $alert-warning-text;
|
||||
}
|
||||
}
|
||||
|
||||
.productpicture {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.radio-box {
|
||||
text-align: center;
|
||||
label {
|
||||
display: block;
|
||||
width: 100%;
|
||||
line-height: 19px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.voucher-row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#voucher-toggle {
|
||||
display: none;
|
||||
}
|
||||
.item-with-variations .product-row.headline, .product-row.simple {
|
||||
border-top: 2px solid $table-border-color;
|
||||
}
|
||||
.item-with-variations:last-child {
|
||||
border-bottom: 2px solid $table-border-color;
|
||||
}
|
||||
|
||||
.panel-body address:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.product-row {
|
||||
padding: 10px 0;
|
||||
|
||||
.count form {
|
||||
display: inline;
|
||||
}
|
||||
.price, .count {
|
||||
text-align: right;
|
||||
}
|
||||
.price small,
|
||||
.availability-box small {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&.total {
|
||||
border-top: 1px solid $table-border-color;
|
||||
}
|
||||
}
|
||||
.panel-contact dl {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.panel-primary .panel-heading a {
|
||||
color: white;
|
||||
}
|
||||
.checkout-button-row {
|
||||
padding-top: 15px;
|
||||
}
|
||||
section.front-page {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.offline-banner {
|
||||
background: $brand-danger;
|
||||
color: white;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
#questions_group .panel-title a {
|
||||
line-height: 22px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
.page-header h1 small {
|
||||
display: block;
|
||||
}
|
||||
.row-voucher > div:first-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
16
src/pretix/static/pretixpresale/scss/_forms.scss
Normal file
16
src/pretix/static/pretixpresale/scss/_forms.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
.panel-title .radio {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.form-control + .form-control-feedback {
|
||||
/* Fix for https://github.com/FortAwesome/Font-Awesome/issues/4313 */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2; // Ensure icon is above input groups
|
||||
display: block;
|
||||
width: $input-height-base;
|
||||
height: $input-height-base;
|
||||
line-height: $input-height-base;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
2
src/pretix/static/pretixpresale/scss/_variables.scss
Normal file
2
src/pretix/static/pretixpresale/scss/_variables.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
$font-family-sans-serif: "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
||||
$brand-primary: #8E44B3 !default;
|
||||
27
src/pretix/static/pretixpresale/scss/index.scss
Normal file
27
src/pretix/static/pretixpresale/scss/index.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
@import "../../bootstrap/scss/_bootstrap.scss";
|
||||
@import "../../fontawesome/scss/font-awesome.scss";
|
||||
@import "../../pretixbase/scss/colors.scss";
|
||||
|
||||
|
||||
body {
|
||||
background: #ececec;
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.big-rotating-icon {
|
||||
margin-top: 50px;
|
||||
-webkit-animation: fa-spin 8s infinite linear;
|
||||
animation: fa-spin 8s infinite linear;
|
||||
font-size: 200px;
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 330px;
|
||||
margin: auto;
|
||||
display: block;
|
||||
margin-top: 10%;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
149
src/pretix/static/pretixpresale/scss/main.scss
Normal file
149
src/pretix/static/pretixpresale/scss/main.scss
Normal file
@@ -0,0 +1,149 @@
|
||||
@import "_variables.scss";
|
||||
@import "../../pretixbase/scss/colors.scss";
|
||||
@import "../../bootstrap/scss/_bootstrap.scss";
|
||||
@import "../../fontawesome/scss/font-awesome.scss";
|
||||
|
||||
@import "_event.scss";
|
||||
@import "_cart.scss";
|
||||
@import "_forms.scss";
|
||||
@import "../../pretixbase/scss/webfont.scss";
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
.page-header {
|
||||
position: relative;
|
||||
padding-bottom: 9px;
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
.loginbox {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.event-logo {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.js-only {
|
||||
display: none;
|
||||
}
|
||||
.locales {
|
||||
display: inline;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
border-bottom: 2px solid $gray-light;
|
||||
}
|
||||
a.active {
|
||||
border-bottom: 2px solid $brand-primary;
|
||||
}
|
||||
img {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
}
|
||||
.huge {
|
||||
font-size: 40px;
|
||||
}
|
||||
a:hover .panel-primary > .panel-heading {
|
||||
background-color: darken($btn-primary-bg, 10%);
|
||||
border-color: darken($btn-primary-border, 12%);
|
||||
}
|
||||
|
||||
.thank-you {
|
||||
margin-bottom: 25px;
|
||||
|
||||
.fa {
|
||||
font-size: 150px;
|
||||
line-height: 170px;
|
||||
display: block;
|
||||
color: $brand-success;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $brand-success;
|
||||
}
|
||||
}
|
||||
|
||||
body.loading .container {
|
||||
-webkit-filter: blur(2px);
|
||||
-moz-filter: blur(2px);
|
||||
-ms-filter: blur(2px);
|
||||
-o-filter: blur(2px);
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
#loadingmodal, #ajaxerr {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(255, 255, 255, .7);
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
z-index: 900000;
|
||||
visibility: hidden;
|
||||
padding: 10px;
|
||||
|
||||
.big-icon {
|
||||
margin-top: 50px;
|
||||
font-size: 200px;
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
.big-rotating-icon {
|
||||
-webkit-animation: fa-spin 8s infinite linear;
|
||||
animation: fa-spin 8s infinite linear;
|
||||
margin-top: 50px;
|
||||
font-size: 200px;
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
#ajaxerr {
|
||||
background: rgba(236, 236, 236, .9);
|
||||
}
|
||||
|
||||
.loading #loadingmodal, .ajaxerr #ajaxerr {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transition: opacity .5s ease-in-out;
|
||||
-moz-transition: opacity .5s ease-in-out;
|
||||
-webkit-transition: opacity .5s ease-in-out;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md-min) {
|
||||
.thank-you {
|
||||
min-height: 170px;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
|
||||
.fa {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-left: 158px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
.thank-you {
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.checkout-button-row > div {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
18
src/pretix/static/pretixpresale/scss/waiting.scss
Normal file
18
src/pretix/static/pretixpresale/scss/waiting.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
@import "../../bootstrap/scss/_bootstrap.scss";
|
||||
@import "../../fontawesome/scss/font-awesome.scss";
|
||||
@import "../../pretixbase/scss/colors.scss";
|
||||
|
||||
|
||||
body {
|
||||
background: #ececec;
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.big-rotating-icon {
|
||||
margin-top: 50px;
|
||||
-webkit-animation: fa-spin 8s infinite linear;
|
||||
animation: fa-spin 8s infinite linear;
|
||||
font-size: 200px;
|
||||
color: $brand-primary;
|
||||
}
|
||||
Reference in New Issue
Block a user