fix: move `build directory to resources/shop`
This commit is contained in:
114
resources/shop/css/main.css
Normal file
114
resources/shop/css/main.css
Normal 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;
|
||||
}
|
||||
185
resources/shop/css/shadow.css
Normal file
185
resources/shop/css/shadow.css
Normal 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
351
resources/shop/css/site.css
Normal 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user