final checkout and card
This commit is contained in:
Kevin Adametz
parent
4bd21bd986
commit
1953c97cd0
33 changed files with 2131 additions and 1084 deletions
|
|
@ -153,3 +153,535 @@ div.heading-title p {
|
|||
border: #b5c49b 1px solid;
|
||||
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
font-size: 14px;
|
||||
}
|
||||
.btn {
|
||||
font-size: 16px;
|
||||
}
|
||||
.btn-text-500{
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
div.shop-item-buttons .btn-xs {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#header li.quick-cart .quick-cart-box {
|
||||
padding-bottom: 0;
|
||||
border: 1px solid #9ca985;
|
||||
}
|
||||
|
||||
|
||||
form input.form-control, form select.form-control, form textarea.form-control {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
form .row {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
form .select2-container .select2-selection--single .select2-selection__rendered {
|
||||
padding: 12px 20px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes burst {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
75% {
|
||||
-webkit-transform: scale(1.6);
|
||||
transform: scale(1.6);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
85% {
|
||||
-webkit-transform: scale(1.7);
|
||||
transform: scale(1.7);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes burst {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
75% {
|
||||
-webkit-transform: scale(1.6);
|
||||
transform: scale(1.6);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
85% {
|
||||
-webkit-transform: scale(1.7);
|
||||
transform: scale(1.7);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
.faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst {
|
||||
-webkit-animation: burst 3s infinite linear;
|
||||
animation: burst 3s infinite linear;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px
|
||||
}
|
||||
|
||||
.faa-burst.animated-hover.faa-fast:hover, .faa-burst.animated.faa-fast,
|
||||
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
|
||||
-webkit-animation: burst 1s infinite linear;
|
||||
animation: burst 1s infinite linear
|
||||
}
|
||||
|
||||
.faa-burst.animated-hover.faa-slow:hover, .faa-burst.animated.faa-slow,
|
||||
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
|
||||
-webkit-animation: burst 3s infinite linear;
|
||||
animation: burst 3s infinite linear
|
||||
}
|
||||
|
||||
/* HORIZONTAL */
|
||||
|
||||
@-webkit-keyframes horizontal {
|
||||
0% {
|
||||
-webkit-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
6% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
12% {
|
||||
-webkit-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
18% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
24% {
|
||||
-webkit-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
36% {
|
||||
-webkit-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes horizontal {
|
||||
0% {
|
||||
-webkit-transform: translate(0,0);
|
||||
-ms-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
6% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
-ms-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
12% {
|
||||
-webkit-transform: translate(0,0);
|
||||
-ms-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
18% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
-ms-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
24% {
|
||||
-webkit-transform: translate(0,0);
|
||||
-ms-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: translate(5px,0);
|
||||
-ms-transform: translate(5px,0);
|
||||
transform: translate(5px,0);
|
||||
}
|
||||
|
||||
36% {
|
||||
-webkit-transform: translate(0,0);
|
||||
-ms-transform: translate(0,0);
|
||||
transform: translate(0,0);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-horizontal.animated,
|
||||
.faa-horizontal.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-horizontal {
|
||||
-webkit-animation: horizontal 4s ease infinite;
|
||||
animation: horizontal 4s ease infinite;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* BOUNCE */
|
||||
|
||||
@-webkit-keyframes bounce {
|
||||
0%, 10%, 20%, 50%, 80% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: translateY(-15px);
|
||||
transform: translateY(-15px);
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-transform: translateY(-15px);
|
||||
transform: translateY(-15px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
0%, 10%, 20%, 50%, 80% {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: translateY(-15px);
|
||||
-ms-transform: translateY(-15px);
|
||||
transform: translateY(-15px);
|
||||
}
|
||||
|
||||
60% {
|
||||
-webkit-transform: translateY(-15px);
|
||||
-ms-transform: translateY(-15px);
|
||||
transform: translateY(-15px);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-bounce.animated,
|
||||
.faa-bounce.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-bounce {
|
||||
-webkit-animation: bounce 2s ease infinite;
|
||||
animation: bounce 2s ease infinite;
|
||||
}
|
||||
|
||||
/* SPIN */
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-spin.animated,
|
||||
.faa-spin.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-spin {
|
||||
-webkit-animation: spin 1.5s linear infinite;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
/* FLOAT */
|
||||
|
||||
@-webkit-keyframes float {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateY(-6px);
|
||||
transform: translateY(-6px);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateY(-6px);
|
||||
-ms-transform: translateY(-6px);
|
||||
transform: translateY(-6px);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-float.animated,
|
||||
.faa-float.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-float {
|
||||
-webkit-animation: float 2s linear infinite;
|
||||
animation: float 2s linear infinite;
|
||||
}
|
||||
|
||||
/* PULSE */
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-pulse.animated,
|
||||
.faa-pulse.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-pulse {
|
||||
-webkit-animation: pulse 2s linear infinite;
|
||||
animation: pulse 2s linear infinite;
|
||||
}
|
||||
|
||||
/* SHAKE */
|
||||
|
||||
.faa-shake.animated,
|
||||
.faa-shake.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-shake {
|
||||
-webkit-animation: wrench 2.5s ease infinite;
|
||||
animation: wrench 2.5s ease infinite;
|
||||
}
|
||||
|
||||
/* TADA */
|
||||
|
||||
@-webkit-keyframes tada {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
10%, 20% {
|
||||
-webkit-transform: scale(.9) rotate(-8deg);
|
||||
transform: scale(.9) rotate(-8deg);
|
||||
}
|
||||
|
||||
30%, 50%, 70% {
|
||||
-webkit-transform: scale(1.3) rotate(8deg);
|
||||
transform: scale(1.3) rotate(8deg);
|
||||
}
|
||||
|
||||
40%, 60% {
|
||||
-webkit-transform: scale(1.3) rotate(-8deg);
|
||||
transform: scale(1.3) rotate(-8deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: scale(1) rotate(0);
|
||||
transform: scale(1) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tada {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
10%, 20% {
|
||||
-webkit-transform: scale(.9) rotate(-8deg);
|
||||
-ms-transform: scale(.9) rotate(-8deg);
|
||||
transform: scale(.9) rotate(-8deg);
|
||||
}
|
||||
|
||||
30%, 50%, 70% {
|
||||
-webkit-transform: scale(1.3) rotate(8deg);
|
||||
-ms-transform: scale(1.3) rotate(8deg);
|
||||
transform: scale(1.3) rotate(8deg);
|
||||
}
|
||||
|
||||
40%, 60% {
|
||||
-webkit-transform: scale(1.3) rotate(-8deg);
|
||||
-ms-transform: scale(1.3) rotate(-8deg);
|
||||
transform: scale(1.3) rotate(-8deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: scale(1) rotate(0);
|
||||
-ms-transform: scale(1) rotate(0);
|
||||
transform: scale(1) rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.faa-tada.animated,
|
||||
.faa-tada.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-tada {
|
||||
-webkit-animation: tada 2s linear infinite;
|
||||
animation: tada 2s linear infinite;
|
||||
}
|
||||
|
||||
/* PASSING */
|
||||
|
||||
@-webkit-keyframes passing {
|
||||
0% {
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes passing {
|
||||
0% {
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateX(50%);
|
||||
-ms-transform: translateX(50%);
|
||||
transform: translateX(50%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.faa-passing.animated,
|
||||
.faa-passing.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-passing {
|
||||
-webkit-animation: passing 3s linear infinite;
|
||||
animation: passing 3s linear infinite;
|
||||
}
|
||||
|
||||
/* WAVE */
|
||||
|
||||
@-webkit-keyframes burst {
|
||||
0% {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: scale(1.8);
|
||||
transform: scale(1.8);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes burst {
|
||||
0% {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: scale(1.8);
|
||||
-ms-transform: scale(1.8);
|
||||
transform: scale(1.8);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.faa-burst.animated,
|
||||
.faa-burst.animated-hover:hover,
|
||||
.faa-parent.animated-hover:hover > .faa-burst {
|
||||
-webkit-animation: burst 3s infinite linear;
|
||||
animation: burst 3s infinite linear;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue