fix: move `build directory to resources/shop`

This commit is contained in:
Valentin Lab
2025-10-04 10:00:24 +02:00
parent 0d0e7c4652
commit c94d815e5a
93 changed files with 26 additions and 25 deletions

114
resources/shop/css/main.css Normal file
View File

@@ -0,0 +1,114 @@
ul .jqtree_common {
list-style: none;
padding-left: 0;
}
.select2 {
width: 100%;
}
.select2-selection__choice, .select2-selection__choice__remove {
background-color: rgba(0,163,203, 1)!important;
color: #FFF!important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #ced4da;
padding: .46875rem .75rem;
height: calc(2.25rem + 2px);
}
.select2-container--default .select2-selection--single {
border: 1px solid #ced4da;
padding: .46875rem .75rem;
height: calc(2.25rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 31px!important;
right: 6px;
}
.navbar-green, .bg-green {
background-color: #527C39!important;
}
.green {
color: #527C39!important;
}
.sidebar-dark-green, .bg-dark-green {
background-color: #344F16!important;
}
.dark-green {
color: #344F16!important;
}
.bg-yellow {
background-color: #F2B90F!important;
}
.yellow {
color: #F2B90F!important;
}
body {
font-size: 0.8rem;
}
.dashboard {
color: #527C39!important;
}
.dashboard .counter .index {
font-size: 1.6em;
font-weight: 600;
}
.dashboard .counter .value {
font-size: 24px;
font-weight: 600;
}
.dashboard .counter .table {
font-size: 14px;
font-weight: 600;
}
.dashtable .card-header {
padding: 4px 0 4px 10px;
background-color: #527C39!important;
color: white;
}
.dashtable .card-title {
margin: 0;
}
.dashtable td {
padding: 0px;
}
.dashtable .text-muted {
font-size: 0.8em;
}
.dashtable .counter .index {
color: #527C39!important;
font-size: 1.2em;
font-weight: 400;
}
.dashtable .counter .value {
color: #527C39!important;
font-size: 1.4em;
}
.bg-lighter {
background-color: rgba(255,255,255,0.05)!important;
}
.bg-darker {
background-color: rgba(0,0,0,0.05)!important;
}

View File

@@ -0,0 +1,185 @@
.drop-shadow {
position:relative;
float:left;
width:100%;
background:#fff;
box-shadow: 0px 10px 21px #344f17;
}
.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}
/* Lifted corners */
.lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lifted:before,
.lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
max-height:100px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
/* Curled corners */
.curled {
border:1px solid #efefef;
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
border-radius:0 0 120px 120px / 0 0 6px 6px;
}
.curled:before,
.curled:after {
bottom:12px;
left:10px;
width:50%;
height:55%;
max-width:200px;
max-height:100px;
-webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
-webkit-transform:skew(-8deg) rotate(-3deg);
-moz-transform:skew(-8deg) rotate(-3deg);
-ms-transform:skew(-8deg) rotate(-3deg);
-o-transform:skew(-8deg) rotate(-3deg);
transform:skew(-8deg) rotate(-3deg);
}
.curled:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/* Perspective */
.perspective:before {
left:80px;
bottom:5px;
width:50%;
height:35%;
max-width:200px;
max-height:50px;
-webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
-webkit-transform:skew(50deg);
-moz-transform:skew(50deg);
-ms-transform:skew(50deg);
-o-transform:skew(50deg);
transform:skew(50deg);
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin:0 100%;
}
.perspective:after {
display:none;
}
/* Raised shadow - no pseudo-elements needed */
.raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* Curved shadows */
.curved:before {
top:10px;
bottom:10px;
left:0;
right:50%;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
box-shadow:0 0 15px rgba(0,0,0,0.6);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}
.curved-vt-2:before {
right:0;
}
.curved-hz-1:before {
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.curved-hz-2:before {
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
/* Rotated box */
.rotated {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.rotated > :first-child:before {
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

351
resources/shop/css/site.css Normal file
View File

@@ -0,0 +1,351 @@
body {
font-family: 'noto_sanscondensed', sans-serif;
background: rgb(52,91,71);
background: linear-gradient(180deg, rgba(52,91,71,1) 0%, rgba(45,81,63,1) 10%, rgba(24,48,39,1) 90%, rgba(28,54,45,1) 100%);
background-size: cover;
background-attachment: fixed;
}
.h1, h1 {
font-size: 2.5rem;
color: #527C39;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
}
.h2, h2 {
font-size: 2rem;
color: #527C39;
}
.h3, h3 {
font-size: 1.75rem;
color: #527c39;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
}
.h4, h4 {
font-size: 1.2rem;
font-weight: bold;
color: #527C39;
text-transform: uppercase;
}
p {
margin-top: 0;
margin-bottom: 1rem;
color: #344f17;
}
a {
color: #669d48;
text-decoration: none;
}
a:hover, a:focus {
color: #527C39;
font-weight: bold;
}
a.active {
color: #F2B90F;
}
.card-body {
background-color: #eeeee8;
}
label {
margin-top: 0.5rem;
}
.gradient-green1 {
background: linear-gradient(to right top, #395339, #3c573a, #3f5b3c, #425f3d, #45633e);
}
.gradient-green2 {
background: linear-gradient(to right top, #2c5f45, #25503c, #1e4233, #19342a, #142620);
}
.gradient-yellow1 {
background-image: linear-gradient(to left top, #efeac9, #e3dcb8, #d7cea6, #cbc196, #bfb385);
}
.content-wrapper {
min-height: calc(100vh - 340px);
}
.bg-green {
background-color: #517C39;
}
.bg-green-dark {
background-color: #335012;
}
.bg-green-ultra-dark {
background: linear-gradient(to left top, #102723, #112723, #122724, #122724, #132724);
color: #a5b94f;
}
.bg-green-ultra-dark a {
color: #a5b94f;
}
.green-fluo {
color: #a5b94f!important;
}
.bg-green-light {
background-color: #f3f8f1;
}
.green, a.green {
color: #517C39 !important;
}
.green-dark, a.green-dark {
color: #335012;
text-decoration: none;
}
a.green-dark:hover {
color: #335012;
text-decoration: none;
text-shadow: 4px black;
}
.btn-success {
color: #fff;
border-color: #527c39;
background-color: #527c39;
}
.btn-success:hover {
color: #fff;
border-color: #669d48;
background-color: #669d48;
}
.btn-link {
color: #527c39;
}
.btn-green-dark {
color: #fff;
background-color: #344f17;
border: 1px solid #527C39;
}
.btn-green-dark:hover {
color: #335012;
background-color: #f1f7ee;
}
.green-light {
color: #F1F7EE;
}
.bg-yellow {
background-color: #f4c234;
color: #19342a;
}
.bg-yellow-light {
background-color: #f9e7b4;
}
.bg-grey {
background-color: #AAA;
}
.yellow {
color: #e5c551;
}
.yellow2 {
color: #F2B90F;
}
.light {
color: #F5F5F5;
}
.megamenu {
position: static
}
.megamenu .dropdown-menu {
background: none;
border: none;
width: 100%
}
div.megamenu ul.megamenu a, div#megamenu ul.megamenu span.separator
{
color: #517C39;
font-family: 'noto_sanscondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.05em;
font-weight: normal;
}
div.megamenu ul.megamenu li.megamenu.level1
{
list-style: none;
text-align: left;
cursor: pointer;
}
#navbarContent > ul > li:hover, #navbarContent > ul > li.show, #navbarContent > ul > li.active
{
border-bottom: 3px solid #F2B90F!important;
margin-bottom: -3px;
}
#navbarContent > ul > li > a
{
color: #FFF;
}
#navbarContent > ul > li.show > a, #navbarContent > ul > li:hover > a
{
color: #F2B90F;
}
.dropdown-menu a > div.w-100:hover, .dropdown-menu a > div.w-100.active
{
color: #335012;
background-color: #F2B90F;
}
.slick-prev:before, .slick-next:before {
color: #335012!important;
}
.shadow2 {
box-shadow: 0px 10px 21px #344f17;
}
.filters-width {
width: 192px;
}
.content {
position: relative;
width: 100%;
max-width: 400px;
margin: auto;
overflow: hidden
}
.content .content-overlay {
background: rgba(0, 0, 0, 0.7);
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s
}
.content:hover .content-overlay {
opacity: 1
}
.content-image {
width: 100%
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.content:hover .content-details {
top: 50%;
left: 50%;
opacity: 1
}
.content-details h3 {
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
text-transform: uppercase
}
.content-details p {
color: #fff;
font-size: 0.8em
}
.sp-lightbox {
z-index: 1300;
}
@font-face {
font-family: 'noto_sanscondensed';
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot');
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/notosans-condensed/notosans-condensed-webfont.woff2') format('woff2'),
url('/fonts/notosans-condensed/notosans-condensed-webfont.woff') format('woff'),
url('/fonts/notosans-condensed/notosans-condensed-webfont.ttf') format('truetype'),
url('/fonts/notosans-condensed/notosans-condensed-webfont.svg#noto_sanscondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@media (min-width: 992px){
.dropdown-menu .dropdown-toggle:after{
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid;
}
.dropdown-menu .dropdown-menu{
margin-left:0; margin-right: 0;
}
.dropdown-menu li{
position: relative;
}
.nav-item .submenu{
display: none;
position: absolute;
left:100%; top:-7px;
}
.nav-item .submenu-left{
right:100%; left:auto;
}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{
display: block;
}
}