no-agenda-producers/podcastartgenerator
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

feat/factory_creation (#1)

Browse Source 
Prepping for launch.

Reviewed-on: #1
Co-authored-by: Paul Couture <paul@paulcouture.com>
Co-committed-by: Paul Couture <paul@paulcouture.com>
This commit was merged in pull request #1.
This commit is contained in:
Paul Couture
2023-12-14 11:33:03 -06:00
committed by Paul Couture
parent 8eb4d14909
commit c4398c641e
342 changed files with 60893 additions and 2557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
site/resources/scss/app.scss Normal file
View File

@@ -0,0 +1,78 @@
/* CSS Document */
/*
Created on : 04/03/2022.
Theme Name : Banu NFT Marketplace HTML Template
Version : 1.0.
Developed by : (ib-themes21@gmail.com) / (https://themeforest.net/user/ib-themes)
Primary use : ib-themes
Modified by : Paul Couture (bonked@noagendaartgenerator.com)
*/
/**
01 - Font Import
02 - Vendor CSS
03 - Dafault Base CSS
04 - All Component Base CSS
**/
// font import
@import url("../fonts/gothamultra.css");
@import url("../fonts/remixicon.css");
@import url("../fonts/poppins.css");
@import url("../fonts/bakbakone.css");
@import url("../fonts/chakrapetch.css");
// vendor css
@import url("../css/vendor/bootstrap.min.css");
@import url("../css/vendor/slick.css");
@import url("../css/vendor/slick-theme.css");
@import url("../css/vendor/aos.css");
// default
@import "defaults/variables";
@import "defaults/mixin";
@import "defaults/typography";
@import "defaults/base";
@import "defaults/spacing";
@import "defaults/helper-class";
@import "defaults/form";
@import "defaults/button";
@import "defaults/breadcrumb";
@import "defaults/browserhacks";
@import "defaults/preloader";
@import "defaults/slick-custom";
@import "defaults/animation";
@import "defaults/section-title";
@import "defaults/switcher";
// components
@import "components/menu";
@import "components/header";
@import "components/hero";
@import "components/explore";
@import "components/top-seller";
@import "components/popular-collection";
@import "components/wallet-setup";
@import "components/tabs";
@import "components/modal";
@import "components/inner-page";
@import "components/counter";
@import "components/sidebar_filter";
@import "components/single-product";
@import "components/activity";
@import "components/blog";
@import "components/blog-details";
@import "components/authors";
@import "components/wallet";
@import "components/create-item";
@import "components/file-upload";
@import "components/signup";
@import "components/not-found";
@import "components/footer";
@import "components/auth";
@import "components/nft-gallery";
@import "./../css/vendor/nice-select.css";
@import "components/light-version";
@import "components/pagination";

124
site/resources/scss/components/_activity.scss Normal file
View File

@@ -0,0 +1,124 @@
.bar-title {
position: relative;
&::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: $color-primary;
}
}
.filter-tag-wrapper {
.bar-title {
padding-bottom: 8px;
margin-bottom: 16px;
}
}
.filter-group {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
.btn {
margin: 8px;
border-radius: 6px;
padding: 6px 15px;
color: $body-color;
&:hover {
color: #fff;
}
}
}
.activity-wrapper {
.custom-tab-content {
background: transparent;
padding: 0;
}
.custom-history {
margin-right: 60px;
@include xs-device {
margin-right: 0;
}
&:not(:last-child) {
margin-bottom: 20px;
}
.single-item-history {
background: $bg-color-1;
padding: 15px;
border-radius: 10px;
border: none;
display: flex;
align-items: center;
h3 {
font-size: 20px;
margin-bottom: 5px;
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
}
.avatar {
width: 80px;
height: 80px;
}
.date {
font-weight: 500;
color: #999;
font-size: 16px;
}
}
&.notification-history {
h4 {
margin-bottom: 5px;
a {
color: #fff;
}
}
.reaction {
font-size: 22px;
cursor: pointer;
width: 55px;
height: 55px;
background: rgba(255, 255, 255, 0.1);
align-items: center;
justify-content: center;
border-radius: 50%;
display: flex;
i {
transition: 0.3s;
}
&:hover {
i {
color: $color-primary;
}
}
}
.single-item-history {
background: $bg-color-1;
@include tiny-device {
padding: 15px 10px;
.reaction {
width: auto;
height: auto;
background: transparent;
}
}
}
}
}
}
.flex-md-wrap {
@include xs-device {
align-items: flex-start;
flex-direction: column;
}
}

10
site/resources/scss/components/_auth.scss Normal file
View File

@@ -0,0 +1,10 @@
.authbox {
background: $bg-color-1;
padding: 15px;
border-radius: 10px;
transition: 0.3s;
border: 1px solid $bg-color-1;
&.button[type=submit] {
background: $color-primary;
}
}

153
site/resources/scss/components/_authors.scss Normal file
View File

@@ -0,0 +1,153 @@
.single-author {
background: $bg-color-1;
padding: 15px 15px 25px 15px;
border-radius: 8px;
transition: 0.3s;
.thumb {
position: relative;
overflow: hidden;
border-radius: 8px;
img {
width: 100%;
}
}
.content {
text-align: center;
position: relative;
z-index: 2;
margin-top: -35px;
.btn-small {
padding-left: 25px;
padding-right: 25px;
min-width: 104px;
justify-content: center;
&:hover {
transform: none;
color: #fff;
}
}
.author-thumb {
width: 65px;
height: 65px;
position: relative;
overflow: hidden;
border-radius: 50%;
border: 2px solid $body-color;
display: block;
margin: 0 auto 10px;
transition: 0.3s;
img {
transition: 0.5s;
}
}
.title {
margin-bottom: 15px;
a {
color: #fff;
}
}
.btn-inner {
i {
display: none;
font-size: 22px;
}
&.active {
.btn-text {
display: none;
}
i {
display: block;
color: $color-primary;
}
}
}
}
&:hover {
.content {
.author-thumb {
border-color: $color-primary;
img {
transform: scale(1.1);
}
}
}
transform: translateY(-5px);
}
&.profile {
.author-thumb {
border-color: $color-primary;
}
.title {
margin-bottom: 8px;
text-transform: capitalize;
a {
color: #fff;
}
}
p {
font-weight: 400;
font-size: 16px;
}
.social {
a {
width: 35px;
height: 35px;
font-size: 18px;
}
}
.content .author-thumb {
width: 70px;
height: 70px;
margin-bottom: 15px;
}
}
}
// author filter tabs
.custom-tabs {
&.author-tabs {
padding: 15px 15px 5px 15px;
.btn {
border-radius: 6px;
padding: 8px 16px;
color: $body-color;
&::before {
display: none;
}
&:hover {
transform: none;
border-color: $color-primary;
color: $color-primary;
background: transparent;
}
&.active {
background: $color-primary;
border-color: $color-primary;
color: #fff;
}
}
li {
margin-bottom: 10px;
&:not(:last-of-type) {
margin-right: 15px;
}
}
}
}
.author-profile-wrapper {
padding-left: 30px;
@include md-device {
padding-left: 0;
}
}
div.alert {
&.alert-warning {
strong {
color: #664d03;
}
}
}

303
site/resources/scss/components/_blog-details.scss Normal file
View File

@@ -0,0 +1,303 @@
.blog-details-wrapper {
h2 {
font-size: 36px;
line-height: 52px;
@include sm-device {
font-size: 32px;
line-height: 48px;
}
@include xs-device {
font-size: 24px;
line-height: 36px;
}
}
h3,
h2 {
margin-bottom: 20px;
}
p {
margin-bottom: 30px;
line-height: 30px;
}
img {
margin-bottom: 30px;
border-radius: 8px;
}
ul {
margin-bottom: 30px;
padding-left: 20px;
li {
margin-bottom: 10px;
list-style: disc;
font-size: 16px;
@include sm-device {
font-size: 16px;
}
}
}
figure {
margin-bottom: 30px;
}
blockquote {
background: $body-light;
padding: 25px 25px 25px 40px;
color: #fff;
font-size: 20px;
line-height: 32px;
border-radius: 4px;
font-family: $font-1;
border-left: 6px solid $color-primary;
margin-bottom: 30px;
@include xs-device {
padding: 25px 25px 25px 25px;
font-size: 17px;
}
}
}
.blog-content {
background: $bg-color-1;
padding: 25px;
border-radius: 6px;
}
.post-media {
background: $border-color;
padding: 10px;
border-radius: 6px;
}
// comment box
.styler-1 {
background: $bg-color-1;
padding: 40px;
border-radius: 6px;
margin-top: 40px;
@include xs-device {
padding: 40px 15px;
}
}
.comment-box-wrapper {
ul {
padding-left: 0;
li {
p {
margin-bottom: 0;
}
&:not(:last-child) {
margin-bottom: 45px;
}
&:nth-child(3) {
margin-left: 40px;
@include xs-device {
margin-left: 0;
}
}
}
}
}
.single-comment-box {
@include xs-device {
flex-direction: column;
align-items: flex-end;
}
.inner {
.avatar {
width: 60px;
height: 60px;
overflow: hidden;
position: relative;
border-radius: 50%;
margin-right: 16px;
@include sm-device {
width: 45px;
height: 45px;
margin-right: 10px;
}
img {
width: 100%;
border-radius: 0;
}
}
}
.content {
flex: 1;
.title {
display: inline-flex;
align-items: center;
margin-bottom: 7px;
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
span {
padding-left: 10px;
color: $body-color;
position: relative;
margin-left: 5px;
&::before {
content: "|";
position: absolute;
left: 0;
color: #d1d1d1;
}
}
}
p {
padding-right: 190px;
@include md-device {
padding-right: 40px;
}
@include xs-device {
padding-right: 20px;
font-size: 16px;
}
}
}
.reply {
height: 36px;
border: 2px solid #a1a1a1;
border-radius: 50%;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
transition: 0.3s;
i {
transition: 0.3s;
}
&:hover {
border-color: $color-primary;
i {
color: $color-primary;
}
transform: translateX(5px);
}
}
}
.wallet-activation,
.related-blog-activation {
@include xs-device {
padding-bottom: 25px;
}
}
// contact form
.contact-form-wrapper {
input,
textarea {
background: #09080d;
border: none;
color: #fff;
}
input {
min-height: 50px;
}
}
// sidebar
.sidebar {
margin-left: 25px;
@include md-device {
margin-left: 0;
}
.category-list {
li {
list-style: none;
margin-bottom: 10px;
a {
display: flex;
justify-content: space-between;
&:hover {
color: $color-primary;
}
}
&:hover {
.count-text {
color: $color-primary;
}
}
&:not(:last-child) {
a {
border-bottom: 1px solid #323232;
padding-bottom: 10px;
}
}
}
}
}
.single-widget {
background: $bg-color-1;
padding: 25px 20px;
border-radius: 8px;
.title {
position: relative;
padding-bottom: 10px;
font-family: $font-1;
&::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
background: rgb(255, 81, 47);
width: 80px;
}
}
ul {
margin-bottom: 0;
padding-left: 0;
li {
list-style: none;
a {
font-size: 17px;
}
}
}
}
.category-list {
.count-text {
background: #3d3d3d;
padding: 2px 15px;
border-radius: 20px;
color: #fff;
transition: 0.3s;
font-size: 15px;
font-family: $font-1;
}
}
.recent-post {
ul {
li {
color: #dedede;
&:not(:last-child) {
padding-bottom: 10px;
border-bottom: 1px solid #323232;
}
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
.cate {
color: $body-color;
font-size: 14px;
display: inline-block;
margin-top: 5px;
}
}
}
}
.widget-tag {
.filter-group .btn {
color: #bbb;
&:hover {
color: #fff;
}
}
}

66
site/resources/scss/components/_blog.scss Normal file
View File

@@ -0,0 +1,66 @@
.single-blog {
background: $bg-color-1;
padding: 20px;
border-radius: 8px;
.title {
font-size: 20px;
line-height: 28px;
padding-right: 20%;
a {
color: #fff;
}
}
.content {
padding-top: 30px;
padding-bottom: 15px;
}
.thumb {
position: relative;
display: block;
overflow: hidden;
border-radius: 8px;
img {
width: 100%;
min-height: 260px;
object-fit: cover;
transition: 0.5s;
}
}
&:hover {
.thumb {
img {
transform: scale(1.2);
}
}
.title a {
color: $color-primary;
}
}
}
.meta {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
margin-left: -8px;
margin-right: -8px;
padding-left: 0 !important;
li {
padding: 0 8px;
margin-bottom: 10px;
position: relative;
list-style: none !important;
font-size: 15px;
i {
padding-right: 5px;
}
}
.date {
display: inline-flex;
align-items: center;
}
}

140
site/resources/scss/components/_counter.scss Normal file
View File

@@ -0,0 +1,140 @@
.counter-style-1 {
font-family: $font-3;
color: #fff;
margin-bottom: 40px;
&:last-child {
margin-bottom: 0;
}
.number {
font-size: 50px;
font-weight: 400;
line-height: 1.3;
text-transform: uppercase;
@include xl-device {
font-size: 40px;
}
}
.counter-title {
font-size: 18px;
line-height: 1.3;
font-family: $font-2;
text-transform: capitalize;
@include xl-device {
font-size: 20px;
}
}
.count-kilo {
font-size: 30px;
display: flex;
align-self: center;
padding-top: 5px;
}
}
// style two
.counter-wrapper-style-two {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -30px;
margin-right: -30px;
margin-top: 40px;
.counter-style-1 {
margin-bottom: 40px;
padding: 0 30px;
}
}
.countdown.countdown-style-two {
background: transparent;
left: 0;
transform: none;
width: 100%;
padding: 0;
justify-content: flex-start;
margin-bottom: 10px;
height: auto;
@include sm-device {
justify-content: center;
width: auto;
}
> div {
.countdown-heading {
display: none;
}
}
.countdown-value {
font-weight: 600;
font-size: 18px;
background: #343434;
height: 40px;
width: 35px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
margin: 5px;
padding: 5px;
@include sm-device {
margin: 0 3px;
font-size: 14px;
}
}
}
.product-style-trendy {
.over-content-2 {
width: 210px;
right: 10px;
left: auto;
transform: none;
padding: 11px 15px 15px 15px;
display: flex;
flex-direction: column;
align-items: center;
@include sm-device {
width: 175px;
.btn {
padding: 6px 20px;
}
}
}
.content-left {
transform: none;
left: 10px;
display: flex;
flex-direction: column;
width: 170px;
padding: 12px 15px;
@include sm-device {
width: 125px;
}
.title {
font-size: 16px;
line-height: 26px;
margin-bottom: 5px;
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
}
small {
font-size: 12px;
font-weight: 300;
}
strong {
color: $color-primary;
}
}
.reaction-btn {
height: 30px;
border-radius: 20px;
i {
position: relative;
left: -6px;
}
}
}

8
site/resources/scss/components/_create-item.scss Normal file
View File

@@ -0,0 +1,8 @@
.create-item-wrapper {
background: $bg-color-1;
padding: 50px;
border-radius: 10px;
@include sm-device {
padding: 50px 15px;
}
}

430
site/resources/scss/components/_explore.scss Normal file
View File

@@ -0,0 +1,430 @@
// style one
.explore-style-one {
background: $bg-color-1;
padding: 15px;
border-radius: 10px;
transition: 0.3s;
border: 1px solid $bg-color-1;
&.selected {
background: $bg-color-selected;
border-color: $selected-border;
}
.thumb {
position: relative;
overflow: hidden;
display: block;
border-radius: 10px;
img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
transition: 0.5s;
}
}
.content {
.title {
font-size: 20px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
}
}
.profile-share {
a {
position: relative;
z-index: 1;
display: block;
&:nth-child(2),
&:nth-child(3) {
margin-left: -15px;
}
&.more-author-text {
padding-left: 7px;
}
&:hover:not(.more-author-text) {
z-index: 2;
transform: translateY(-5px);
}
}
}
.profile-share {
a:not(.more-author-text) {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
}
.product-owner {
.bid-owner {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
flex-basis: 174px;
}
strong a {
color: #fff;
font-weight: 500;
&:hover {
color: $color-primary;
}
}
.biding-price {
color: #fff;
font-weight: 600;
i {
color: $color-primary;
padding-right: 5px;
}
}
}
.btn-small {
padding: 6px 15px;
}
.history {
font-weight: 600;
font-size: 14px;
i {
font-size: 20px;
padding-right: 5px;
font-weight: 500;
}
}
.action-wrapper {
border-top: 1px dashed #515151;
}
transition: 0.3s;
&:hover {
border: 1px solid $color-error;
.thumb {
img {
transform: scale(1.1);
}
}
}
&.selected:hover {
border-color: lighten($selected-border, 10%);
}
}
.slider-activation-banner-4 {
.explore-style-one {
&.selected {
background: $bg-color-1;
border-color: $bg-color-1;
}
}
}
.reaction-btn {
border: none;
font-size: 14px;
font-weight: 500;
position: absolute;
top: 15px;
right: 15px;
color: #fff;
background: #343444;
border-radius: 6px;
padding: 5px 6px;
min-width: 45px;
height: 24px;
display: flex;
align-items: center;
justify-content: space-between;
i {
color: $color-error;
font-size: 20px;
padding-right: 5px;
}
&.left {
right: auto;
left: 15px;
}
}
.more-dropdown {
color: #fff;
cursor: pointer;
padding: 0 5px;
text-align: right;
position: relative;
left: 5px;
font-size: 20px;
i {
color: $body-color;
transition: 0.3s;
&:hover {
color: #fff;
}
}
}
// countdown css
.countdown {
width: 190px;
position: absolute;
display: flex;
justify-content: center;
bottom: 0;
left: 50%;
transform: translate(-50%);
bottom: 12px;
cursor: pointer;
padding: 5px 8px;
border-radius: 5px;
z-index: 2;
&.btn:hover {
transform: translateY(0);
transform: translate(-50%);
}
.countdown-value {
font-size: 16px;
font-weight: 400;
color: #fff;
}
.countdown-heading {
padding: 0 10px;
}
.seconds {
.countdown-heading {
padding: 0;
}
}
&.btn-gradient {
cursor: default;
&::before {
display: none;
}
}
}
// style tow
.explore-style-two {
background-color: #000000;
background-image: linear-gradient(147deg, #000000 0%, #2c3e50 74%);
padding: 30px;
border-radius: 35px;
position: relative;
.thumb {
img {
border-radius: 30px;
width: 100%;
}
}
.slick-list {
border-radius: 30px;
}
.explore-content {
background: #ffffff;
padding: 17px;
backdrop-filter: blur(25px);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 301px;
position: absolute;
bottom: 60px;
right: -35px;
animation: jumpTwo 5.5s linear infinite;
@include md-device {
right: 0;
}
@include sm-device {
right: auto;
left: 50%;
transform: translate(-50%);
width: 95%;
max-width: 420px;
bottom: 20px;
animation: none;
}
@include xs-device {
width: 83%;
padding: 10px;
bottom: 30px;
}
@include tiny-device {
padding: 10px;
.btn {
font-size: 12px;
}
}
.btn {
padding-left: 18px;
padding-right: 18px;
@include tiny-device {
padding-left: 8px;
padding-right: 8px;
}
}
.price {
padding-right: 28px;
span {
font-size: 12px;
line-height: 18px;
font-weight: 500;
margin-bottom: 5px;
color: #a1a1a1;
display: inline-block;
}
h6 {
font-size: 16px;
font-weight: 500;
line-height: 23px;
font-family: $font-1;
margin: 0;
color: #343444;
}
}
}
}
.explore-style-two {
@include xs-device {
padding: 15px;
}
@include tiny-device {
padding: 10px;
.explore-content {
width: 85%;
bottom: 22px;
}
}
}
.sticker {
font-size: 14px;
background: #ff512f;
color: #fff;
padding: 4px 10px;
border-radius: 4px;
position: absolute;
top: 50px;
left: 50px;
}
.explore-style-three {
margin-left: -20px;
margin-right: -20px;
.thumb-wrapper,
.counter-wrapper {
padding: 0 20px;
}
@include md-device {
justify-content: center;
margin-bottom: 40px;
}
@include sm-device {
flex-wrap: wrap;
.shape {
display: block;
max-width: 100%;
&.shape-6 {
right: 20px;
}
&.shape-5 {
bottom: 10px;
left: 22px;
}
}
.counter-wrapper {
display: flex;
}
.counter-style-1 {
margin: 15px;
.counter-title {
font-size: 20px;
}
.count-kilo {
font-size: 20px;
}
.number {
font-size: 35px;
}
}
}
}
// filter
.filter-style-one {
@include sm-device {
flex-wrap: wrap;
margin: -10px;
}
.filter-left-cate {
flex: 0 0 50%;
max-width: 50%;
margin: -10px;
@include md-device {
flex: 0 0 58%;
max-width: 58%;
}
@include sm-device {
flex: 0 0 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
}
.filter-right-cate {
flex: 0 0 35%;
max-width: 35%;
margin: -10px;
@include md-device {
flex: 0 0 42%;
max-width: 42%;
}
@include sm-device {
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
@include xs-device {
flex-wrap: wrap;
}
}
}
.filter-left-cate {
.nice-select {
width: 100%;
}
.filter-select-option {
flex-basis: 33.333333%;
padding: 10px;
@include sm-device {
flex-basis: 100%;
}
}
}
.filter-right-cate {
.nice-select {
width: 100%;
}
.filter-select-option {
flex-basis: 50%;
padding: 10px;
@include xs-device {
flex-basis: 100%;
}
}
}
// hero explore
.slider-activation-banner-3 .slick-dots {
position: absolute;
bottom: -65px;
}

98
site/resources/scss/components/_file-upload.scss Normal file
View File

@@ -0,0 +1,98 @@
.upload-area label {
border: 2px solid rgb(74, 74, 74);
width: 100%;
height: 250px;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
flex-direction: column;
margin-bottom: 15px;
}
.upload-area label i {
font-size: 40px;
stroke-width: 1px;
color: $color-primary;
margin-bottom: 10px;
}
.upload-area label .file-type {
font-size: 14px;
font-family: $font-2;
}
.upload-area label span {
font-size: 20px;
}
.upload-area .upload-formate h6.title {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.upload-area .upload-formate p.formate {
font-size: 16px;
font-weight: 400;
}
.upload-area .browse-file-wrapper {
position: relative;
background: #1a1a1a;
border-radius: 10px;
transition: 0.3s;
&:hover {
background: #000;
}
}
.upload-area .browse-file-wrapper input {
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
.upload-btn-wrapper {
padding: 20px 30px 10px;
border-radius: 10px;
background: $bg-color-1;
margin-top: 30px;
.btn {
margin-bottom: 10px;
}
@include xs-device {
padding: 20px 15px 10px;
.input-box {
width: 100%;
.btn {
width: 100%;
}
}
.d-flex-center {
justify-content: center;
width: 100%;
margin-bottom: 10px;
}
}
}
.form-field-wrapper {
background: #1a1a1a;
border-radius: 10px;
padding: 20px 40px 0 40px;
@include xs-device {
padding: 20px 15px 0 15px;
}
.nice-select {
width: 100%;
background: #1a1a1a;
border-color: rgb(74, 74, 74);
}
input,
textarea {
border-color: rgb(74, 74, 74);
color: #fff;
&:focus {
border-color: $color-primary;
}
}
}

148
site/resources/scss/components/_footer.scss Normal file
View File

@@ -0,0 +1,148 @@
.footer-inner {
background: #000;
}
.copyright {
padding-top: 40px;
padding-bottom: 40px;
p {
margin: 0;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.75);
font-family: $font-3;
}
}
.footer-widget {
&.first-block {
padding-right: 27%;
@include sm-device {
padding-right: 0;
}
}
p {
font-size: 16px;
line-height: 27px;
color: rgba(255, 255, 255, 0.75);
}
h4 {
margin-bottom: 30px;
text-transform: capitalize;
position: relative;
&::after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
background: $gradient-primary;
width: 50px;
height: 3px;
}
}
ul,
ol {
li {
font-size: 16px;
line-height: 26px;
a {
color: rgba(255, 255, 255, 0.75);
&:hover {
color: $color-primary;
margin-left: -6px;
}
}
&:not(:last-child) {
margin-bottom: 14px;
}
}
}
}
.social {
display: flex;
align-items: center;
margin: 0 -8px;
a {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.75);
margin: 0 8px;
font-size: 20px;
color: rgba(255, 255, 255, 0.9);
&:hover {
background: $color-primary;
border-color: $color-primary;
color: #fff;
transform: translateY(-3px);
}
}
}
.subscribe-mail {
position: relative;
input {
width: 100%;
border: 2px solid $border-color-light;
height: 52px;
border-radius: 10px;
padding: 20px 75px 20px 15px;
background: transparent;
font-weight: 500;
font-size: 14px;
color: $body-color;
&:focus {
border-color: $color-primary;
}
}
button {
padding: 0;
justify-content: center;
border: none;
position: absolute;
right: 5px;
top: 5px;
background: $gradient-primary;
width: 61px;
height: 42px;
border-radius: 10px;
font-size: 20px;
color: #fff;
line-height: 42px;
i {
padding-right: 0;
transition: 0.5s;
}
&:hover {
i {
transform: rotate(45deg);
}
}
}
}
.icon-facebook {
&:hover {
background: #3b5998 !important;
border-color: #3b5998 !important;
}
}
.icon-twitter {
&:hover {
background: #1da1f2 !important;
border-color: #1da1f2 !important;
}
}
.icon-instagram {
&:hover {
background: #c32aa3 !important;
border-color: #c32aa3 !important;
}
}
.icon-linkedin {
&:hover {
background: #0a66c2 !important;
border-color: #0a66c2 !important;
}
}

295
site/resources/scss/components/_header.scss Normal file
View File

@@ -0,0 +1,295 @@
.fluid-header {
@media (min-width: 1920px) {
padding: 15px 172px;
}
@include xl-device {
padding: 15px 118px;
}
@include lg-device {
padding: 20px 15px;
}
}
.header-fixed {
background: transparent;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
transition: 0.3s;
border-bottom: 2px solid transparent;
&.sticky {
background: #000;
border-color: #1a1a1a;
}
}
// header right
.header-right-inner {
display: flex;
align-items: center;
margin-bottom: 0;
.btn-gradient {
i {
color: #fff;
}
}
.avatar-info > a {
width: 46px;
height: 46px;
border-radius: 50%;
overflow: hidden;
display: inline-flex;
img {
width: 100%;
}
@include xs-device {
width: 35px;
height: 35px;
}
}
> li {
position: relative;
margin-right: 15px;
display: flex;
@include xs-device {
margin-right: 10px;
}
@include tiny-device {
margin-right: 5px;
}
.list-group {
&.submenu {
width: 320px;
padding: 0;
.list-group-item {
position: relative;
display: block;
padding: 20px 24px;
color: #fff;
text-decoration: none;
background-color: #09080d;
&.active,
&:hover {
border-color: #1a1a1a;
background-color: #1a1a1a;
}
&:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}
h5 {
font-size: 16px;
}
p {
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
}
}
}
.submenu {
min-width: 230px;
height: auto;
position: absolute;
z-index: 99;
top: 90%;
right: 0;
z-index: 90;
opacity: 0;
visibility: hidden;
text-align: left;
padding: 12px 0;
transition: 0.3s;
background-color: #111;
border-radius: 10px;
border: 1px solid #333;
li {
a {
font-weight: 500;
padding: 8px 14px;
font-size: 15px;
color: #dadada;
margin: 0 10px;
border-radius: 4px;
transition: 0.3s;
display: inline-flex;
align-items: center;
&.active,
&:hover {
color: $color-primary;
}
&:hover {
padding-left: 5px;
}
i {
padding-right: 8px;
}
}
}
}
&:last-child {
margin-right: 0;
}
&:hover {
.submenu {
opacity: 1;
visibility: visible;
top: 100%;
}
}
}
.wallet-button {
@include xs-device {
span {
font-size: 0;
}
.btn {
padding: 0;
width: 35px;
height: 35px;
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
i {
padding: 0;
font-size: 18px;
}
}
}
@include xs-device {
.btn {
width: 35px;
height: 35px;
}
}
}
}
.new {
color: #fff;
margin-left: 5px;
font-size: 14px;
}
// nitification bar
.notification-bar > a {
width: 46px;
height: 46px;
border: 2px solid $body-color;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
.ni-badge {
font-size: 14px;
font-weight: 500;
background: $color-primary;
color: #fff;
position: absolute;
right: -15px;
top: 0;
z-index: 3;
min-width: 30px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
i {
font-size: 20px;
}
}
// searchbar
.search-bar {
border: 2px solid #c1c1c1;
border-radius: 10px;
position: relative;
max-width: 260px;
input {
width: 100%;
background: transparent;
border: none;
padding: 0 15px;
font-size: 15px;
color: $body-color;
height: 42px;
padding-left: 55px;
font-weight: 500;
color: #fff;
}
.search-btn {
position: absolute;
left: 10px;
top: 5px;
font-size: 20px;
color: #efefef;
background: transparent;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: none;
}
&:hover {
i {
background: transparent;
}
}
}
.large-mobile-blog-search {
@include sm-device {
position: absolute;
top: 100%;
width: 300px;
right: 0;
margin-bottom: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
&.active {
opacity: 1;
visibility: visible;
}
}
@include xs-device {
right: auto;
left: -122px;
top: 45px;
}
@include tiny-device {
width: 290px;
}
input {
background: #000;
}
}
.search-mobile-icon {
button {
background: transparent;
color: #fff;
font-size: 22px;
border: none;
cursor: pointer;
}
}
.wallet-button {
.btn {
padding-left: 15px;
padding-right: 15px;
}
}
.logo-dark {
display: none;
}

445
site/resources/scss/components/_hero.scss Normal file
View File

@@ -0,0 +1,445 @@
.bg-1 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-2 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-3 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-4 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-5 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-6 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-7 {
background-image: url(../img/headerbg-dark.jpg);
}
.bg-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.hero-banner-style {
.banner-content {
position: relative;
z-index: 1;
.title {
color: #fff;
font-family: $font-1;
span {
color: #14141f;
background: #fff;
background-size: 100% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-stroke: 3px transparent;
}
@include lg-device {
font-size: 70px;
}
@include md-device {
font-size: 55px;
}
@include xs-device {
font-size: 35px;
margin-bottom: 20px !important;
}
}
p {
font-size: 19px;
line-height: 30px;
@include xs-device {
font-size: 16px;
}
}
}
.hero-banner_inner {
display: flex;
align-items: center;
min-height: 100vh;
padding-top: 50px;
padding-bottom: 50px;
@include lg-device {
padding: 180px 0 170px;
min-height: auto;
}
@include md-device {
min-height: auto;
}
@include xs-device {
padding: 90px 0;
}
}
.col-xxl-8 {
@include sm-device {
order: 2;
}
}
.col-xxl-4 {
@include sm-device {
order: 1;
margin-bottom: 80px;
}
}
@include xs-device {
overflow-x: hidden;
}
&.hero-banner-style-one {
.banner-content {
.title {
font-family: $font-3;
font-weight: 700;
}
}
}
}
.group-btn {
margin-left: -7px;
margin-right: -7px;
@include xs-device {
margin-left: -5px;
margin-right: -5px;
}
a {
margin: 0 7px;
@include xs-device {
margin: 0 5px;
}
}
&.mt-8 {
@include xs-device {
margin-top: 30px !important;
}
}
}
.shape {
position: absolute;
@include xs-device {
display: none;
}
}
.shape-2 {
right: 22%;
bottom: 5%;
}
.shape-3 {
top: -28%;
left: 33%;
}
.slider-wrapper {
position: relative;
}
.top-section-gap {
@media (max-width: 1919px) {
padding-top: 30px;
}
}
// hero banner style two
.hero-banner-style-2 {
.banner-content {
z-index: 1;
.shape-4 {
top: 88px;
left: -21px;
max-width: 185px;
z-index: -1;
}
.title {
font-weight: 300;
@include md-device {
br,
.shape {
display: none;
}
}
}
}
.shape-7 {
top: 100px;
right: 0;
}
.thumb-wrapper {
position: relative;
.large {
border-radius: 185px;
}
.shape-5 {
bottom: 0;
left: 0;
}
.shape-6 {
top: 0;
right: 0;
}
}
}
// hero banner style three
.hero-banner-style {
&.hero-banner-style-6 {
.title {
font-family: $font-1;
font-weight: 700;
}
.banner-content {
p {
color: rgba(255, 255, 255, 0.8);
padding: 0 13%;
@include sm-device {
padding: 0;
}
}
.color_primary {
background: -webkit-linear-gradient(#ff512f, #dd2476);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0;
}
}
}
&.hero-banner-style-3 .title {
font-weight: 600;
}
// hero banner style five
&.hero-banner-style-5 {
.title {
line-height: 85px;
@include xl-device {
font-size: 65px;
}
@include md-device {
font-size: 55px;
line-height: 1.5;
}
@include xs-device {
font-size: 35px;
}
}
.hero-banner_inner {
@include xs-device {
padding-top: 25px;
}
}
.banner-content {
p {
padding: 0;
}
}
.sub-title {
font-size: 60px;
font-weight: 200;
display: inline-block;
}
}
&.hero-banner-style-6 {
@extend .hero-banner-style-5;
.title {
line-height: 90px;
@include xl-device {
line-height: 90px;
}
@include md-device {
font-size: 55px;
line-height: 1.5;
}
@include xs-device {
font-size: 35px;
line-height: 1.3;
}
}
.sub-title {
font-size: 45px;
}
}
}
// hero banner style four
.hero-banner-style-4 {
padding: 0 8%;
@include md-device {
padding: 0 15px;
}
@include xs-device {
padding: 0;
}
.slick-list {
padding-top: 60px;
}
.slick-current {
transition: transform 0.3s !important;
}
.banner-content {
.title {
font-weight: 600;
@include xl-device {
font-size: 60px;
}
@include xs-device {
font-size: 35px;
}
}
padding-right: 20px;
@include xs-device {
padding-right: 0;
}
.color_primary {
background: -webkit-linear-gradient(#ff512f, #dd2476);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0;
}
}
@include xl-device {
.slick-list {
padding-top: 0;
}
.slick-current.slick-active + .slick-active {
margin-top: 0 !important;
}
.col-xl-7,
.col-xl-5 {
width: 50%;
}
padding-top: 30px;
}
@include md-device {
.col-xl-7 {
width: 60%;
}
.col-xl-5 {
width: 40%;
}
}
@include md-device {
.col-xl-7,
.col-xl-5 {
width: 100%;
}
.counter-wrapper-style-two {
margin-left: -20px;
margin-right: -20px;
}
.counter-wrapper-style-two .counter-style-1 {
padding: 0 20px;
}
.counter-style-1 .number {
font-size: 28px;
}
.counter-style-1 .counter-title {
font-size: 16px;
}
}
}
.hero-banner-style-6 {
.top-0 {
top: -60px !important;
z-index: -1;
}
.left-0 {
left: -35px;
}
&.top-section-gap {
@media (max-width: 767px) {
padding-top: 105px;
}
}
}
.hero-banner-style-2 {
&.hero-banner-style .banner-content .title span {
&.color_primary {
background: -webkit-linear-gradient(#ff512f, #dd2476);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0;
}
}
}
// home 7
.trendy-banner {
.hero-banner_inner {
padding: 150px 0;
@media (max-width: 1700px) {
min-height: auto;
padding: 100px 0;
}
@include xs-device {
padding: 50px 0 65px;
}
}
}
.thumb-wrapper {
position: relative;
.thumb {
position: relative;
overflow: hidden;
border-radius: 20px;
.title {
font-size: 16px;
line-height: 24px;
a {
color: #fff;
&:hover {
color: $color-primary;
}
}
}
.btn {
position: relative;
left: 20px;
pointer-events: none;
}
}
.over-content {
position: absolute;
left: 50%;
bottom: 10px;
background: #000;
transform: translateX(-50%);
width: 350px;
border-radius: 12px;
padding: 5px 0 5px 20px;
@include sm-device {
width: 260px;
}
}
.countdown {
transform: none !important;
}
.reaction-btn {
i {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: #fff;
border-radius: 50%;
padding: 0;
}
}
&:hover {
img {
transform: scale(1.2);
opacity: 0.85;
}
}
}

36
site/resources/scss/components/_inner-page.scss Normal file
View File

@@ -0,0 +1,36 @@
.inner-page-banner {
padding: 150px 0 90px;
background-image: url(../img/dark-inner.jpg);
@include xs-device {
padding: 100px 0 55px;
}
.title {
font-size: 30px;
font-family: $font-1;
line-height: 1;
@include xs-device {
font-size: 28px;
margin-bottom: 10px;
}
}
.inner {
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
background: rgba(0, 0, 0, 0.25);
border-radius: 10px;
@include xs-device {
flex-direction: column;
padding: 15px;
}
}
nav.mt-4 {
margin-top: 0 !important;
}
}
.breadcrumb-item.active {
color: #fff;
}

758
site/resources/scss/components/_light-version.scss Normal file
View File

@@ -0,0 +1,758 @@
body {
.shape.light {
display: none;
@include xs-device {
display: none;
}
}
&.theme-dark {
.logo-light {
display: block;
}
.logo-dark {
display: none;
}
.shape.light {
display: none;
}
}
&.theme-light {
color: rgba(0, 0, 0, 0.7);
background: #fff;
.shape.light {
display: block;
@include xs-device {
display: none;
}
}
.search-mobile-icon button,
.hamburger-button {
color: $body-light;
}
.slick-dots {
margin-top: 10px;
@include xs-device {
margin-top: 0;
}
}
.large-mobile-blog-search input {
background: #fff;
}
.footer-inner,
.section-bg-separation-2 {
background: $body-bg-light;
}
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(0, 0, 0, 0.7);
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(0, 0, 0, 0.7);
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: $body-light;
}
p {
color: rgba(0, 0, 0, 0.68);
}
.btn-outline,
.btn-black {
border: 2px solid rgba(0, 0, 0, 0.35);
color: $body-light;
&:hover {
border-color: #dd2476;
color: #fff;
}
}
.default-tab-list button {
border-color: $border-color;
&.is-checked {
border-color: $color-primary;
}
&:hover {
color: $color-primary;
border-color: $color-primary;
}
}
// header light css
.mainmenu-nav .mainmenu li a,
.single-comment-box .content .title a {
color: $body-light;
&.active,
&:hover {
color: $color-primary;
}
}
.search-bar {
border-color: rgba(0, 0, 0, 0.5);
input,
.search-btn {
color: $body-light;
}
}
.subscribe-mail input {
border-color: rgba(0, 0, 0, 0.5);
}
.logo-light {
display: none;
}
.logo-dark {
display: block;
}
.theme-swithcher-wrap .theme-switcher-label .mode span,
.single-comment-box .content .title span {
color: rgba(0, 0, 0, 0.7);
}
.mainmenu-nav .mainmenu li .submenu,
.header-right-inner > li .submenu {
background-color: #fff;
border: 1px none;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.header-right-inner > li .submenu li a,
.single-blog .title a,
.avatar-info .content .title a {
color: $body-light;
&:hover {
color: $color-primary;
}
}
.mainmenu-nav .mainmenu li .submenu::after {
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
.aw-h1,
.aw-h2,
.aw-h3,
.aw-h4,
.aw-h5,
.aw-h6 {
color: $body-light;
a {
&:hover {
color: $color-primary;
}
}
}
a {
color: rgba(0, 0, 0, 0.75);
&:hover {
color: $color-primary;
}
&.btn-gradient {
color: #fff;
}
&.color-primary {
color: $color-primary;
font-weight: 500;
}
}
.breadcrumb-item {
color: rgba(0, 0, 0, 0.75);
a {
&:hover {
color: $color-primary;
}
}
&.active {
color: $color-primary;
}
}
.header-fixed.sticky {
background: #fff;
border-color: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.bg-1,
.bg-4,
.bg-3,
.bg-5 {
background-image: url(../img/headerbg.jpg);
background-color: $body-bg-light;
}
// .bg-5 {
// background-image: url(.../../img/bg/bg-10.jpg);
// }
.bg-6 {
background-image: url(../img/headerbg.jpg);
}
.bg-7 {
background-image: url(../img/headerbg.jpg);
}
.hero-banner-style .banner-content p {
font-weight: 400;
}
.hero-banner-style .banner-content .title {
color: $body-light;
}
.slick-dots li button {
border-color: $color-primary;
}
.hero-banner-style .banner-content .title span {
// -webkit-text-stroke-width: 0;
// -webkit-text-fill-color: $color-primary;
background: linear-gradient(-45deg, #ff512f, #dd2476, #ff512f, #dd2476);
background-size: 100% 100%;
-webkit-background-clip: text;
-webkit-text-stroke: 3px transparent;
-webkit-text-fill-color: #fff;
}
.hero-banner-style-3,
.hero-banner-style-4 {
&.hero-banner-style .banner-content .title span {
background: linear-gradient(-45deg, #ff512f, #dd2476, #ff512f, #dd2476);
background-size: 100% 100%;
-webkit-background-clip: text;
-webkit-text-stroke: 3px transparent;
-webkit-text-fill-color: #fff;
}
}
.hero-banner-style-6,
.hero-banner-style-2 {
&.hero-banner-style .banner-content .title span {
-webkit-text-stroke: 0;
-webkit-text-fill-color: transparent;
}
}
.default-tab-list button {
color: $color-placeholder;
&.is-checked {
color: #fff;
}
}
.explore-style-one .content .title a,
.explore-style-one .product-owner strong a,
.explore-style-one .product-owner .biding-price,
.more-dropdown i,
.popular-collection-style-one .title a,
.popular-collection-style-two .content .title a,
.single-author .content .title a,
.activity-wrapper .custom-history.notification-history h4 a,
.activity-wrapper .custom-history .single-item-history h3 a {
color: $body-light;
&:hover {
color: $color-primary;
}
}
.explore-style-one {
border: 1px solid $border-color;
&.selected {
background: $bg-color-selected-light;
border-color: $color-primary;
}
&:hover {
border: 1px solid $color-error;
border-color: $color-primary-2;
}
}
.slider-activation-banner-4 {
.explore-style-one {
&.selected {
border-color: $body-bg-light2;
background: $body-bg-light;
}
}
}
.explore-style-two,
.signin-form,
.signup-wrapper.header-free-signin .signin-form-2 {
background: #ffffff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.signin-form-2 {
box-shadow: none;
}
.explore-style-one {
background: #fff;
border: 1px solid $body-bg-light2;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.slick-list {
margin-top: -25px;
margin-bottom: -25px;
@include xs-device {
margin-top: 15px;
margin-bottom: 15px;
}
}
.slider {
.explore-style-one,
.single-blog,
.card-block-style-one,
.popular-collection-style-one {
margin-top: 25px;
margin-bottom: 25px;
@include xs-device {
margin-top: 15px;
margin-bottom: 15px;
}
}
}
.hero-banner-style-4 {
.slider {
.explore-style-one {
margin-top: 0;
}
}
}
.hero-banner_inner {
.slick-list {
margin-top: 0;
margin-bottom: 0;
}
}
.slick-pagination-50 .slick-dots {
bottom: -10px;
}
button.slide-arrow {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
i {
color: $body-light;
}
}
.top-seller-style-one,
.popular-collection-style-one,
.top-seller-style-two,
.dropdown-menu-dark,
.filter-wrapper,
.custom-tabs,
.custom-tab-content,
.blog-content,
.single-widget,
.styler-1,
.blog-details-wrapper blockquote,
.contact-form-wrapper input,
.contact-form-wrapper textarea,
.post-media {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.custom-tab-content {
box-shadow: none;
}
.top-seller-style-one .title a,
.top-seller-style-two .title a {
color: $body-light;
}
.top-seller-style-one .price {
color: rgba(0, 0, 0, 0.65);
}
.slick-activation-01 .slick-track {
padding-bottom: 15px;
}
.card-block-style-one {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.reaction-btn {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
background: #fff;
color: $body-light;
border: 1px solid $border-color;
}
.footer-widget ul li a,
.footer-widget ol li a {
color: rgba(0, 0, 0, 0.75);
&:hover {
color: $color-primary;
}
}
.social a {
border-color: rgba(0, 0, 0, 0.5);
&:hover {
color: #fff;
}
}
.explore-style-one .action-wrapper {
border-top: 1px dashed #999;
}
.modal-content {
background-color: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.btn-custom-closer {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.modal-header {
border-bottom-color: $border-color;
}
.modal-footer {
border-top-color: $border-color;
}
.single-item-history:not(:last-child) {
border-bottom-color: $border-color;
}
.modal-content label,
.bidding-list li strong,
.modal-content input,
.blog-details-wrapper blockquote {
color: $body-light;
}
.bidding-list li {
color: #555;
font-weight: 400;
}
.bid-success-content strong {
color: $body-light;
}
.modal-content input {
border-color: $border-color;
}
.shape.dark {
display: none;
}
.single-blog,
.popular-collection-style-two .content,
.single-author,
.top-seller-style-two,
.top-seller-style-one,
.popular-collection-style-one,
.popular-collection-style-two,
.wallet-block,
.form-field-wrapper,
.upload-area .browse-file-wrapper,
.signup-content,
.contact-inner-contnet {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.signup-content .medium {
color: rgba(0, 0, 0, 0.7);
}
label {
color: $body-light;
}
b,
strong {
color: $body-light;
}
.upload-area label {
border: none;
}
.upload-area label span {
color: $body-light;
}
.form-field-wrapper input,
.form-field-wrapper textarea {
border-color: $border-color;
color: $body-light;
}
.top-seller-style-one {
margin-top: 25px;
margin-bottom: 25px;
}
.counter-style-1,
.top-seller-style-two .items-number strong,
.dropdown-menu-dark .dropdown-item {
color: $body-light;
}
.hero-banner-style-2 .shape-7 {
display: none;
}
.top-seller-style-two .items-number::before {
background: #f5f8fa;
}
.top-seller-style-two .thumb {
border-color: $color-primary;
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
color: #fff;
background-color: $color-primary;
}
.card-block-style-one p {
font-weight: 400;
}
.nice-select {
background-color: #fff;
border-color: $border-color;
color: $body-light;
}
.nice-select:after {
border-bottom-color: $body-color-light;
border-right-color: $body-color-light;
}
.nice-select .list,
.biding-block {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.biding-block {
h3 {
color: $color-primary;
}
}
.details-content .custom-tabs li a {
&.active {
color: $color-primary;
}
}
.details-content .subtitle,
.custom-tab-content .tab-pane .content p,
.details-content .custom-history .single-item-history .content span,
.custom-tab-content .tab-pane p,
.details-content .owner,
.biding-block span {
font-weight: 400;
}
.price-history,
.avatar-info .content .title {
font-weight: 500;
}
.custom-history {
/* Track */
&::-webkit-scrollbar-track {
background: #ddd;
border-radius: 6px;
}
/* Handle */
&::-webkit-scrollbar-thumb {
background: #999;
border-radius: 6px;
}
}
.price-history,
.price-history span,
.details-content .custom-tabs li a {
color: $body-light;
}
.nice-select .list .option.selected,
.filter-wrapper .form-check label,
.widget-tag .filter-group .btn {
color: $body-light;
}
.hero-banner-style.hero-banner-style-6 .sub-title {
color: $body-light !important;
}
.custom-tabs,
.custom-tab-content,
.details-dropdown .ri-more-fill,
.bidder {
background: #fff;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background: #efefef;
}
.bidder {
border: none;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
.text-white {
color: $body-light !important;
font-weight: 500;
}
}
.form-check-input {
border: 2px solid $border-color;
}
.filter-wrapper {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.accordion-button,
.accordion-button:not(.collapsed) {
background: $body-bg-light2;
color: $body-light;
}
.bg-overlay::before {
background: transparent;
}
.hero-banner-style.hero-banner-style-3 .banner-content p,
.hero-banner-style.hero-banner-style-5 .banner-content p {
color: rgba(0, 0, 0, 0.6);
}
.btn-play {
font-weight: 500;
color: $body-light;
}
.dropdown-menu-dark {
border: none;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus,
.nice-select:hover {
border-color: $color-primary;
}
.single-item-history {
a.text-white {
font-weight: 500;
color: $body-light !important;
&:hover {
color: $color-primary !important;
}
}
}
.blog-content,
.single-widget,
.styler-1,
.upload-btn-wrapper,
.create-item-wrapper,
.signup-wrapper {
background: #fff;
color: $body-light;
}
.create-item-wrapper,
.upload-btn-wrapper {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.category-list .count-text,
.post-media,
.contact-form-wrapper input,
.contact-form-wrapper textarea,
.blog-details-wrapper blockquote {
background: #fff;
color: $body-light;
}
.sidebar .category-list li:not(:last-child) a,
.recent-post ul li:not(:last-child) {
border-bottom-color: $border-color;
}
.recent-post ul li a {
color: $body-color-light;
&:hover {
color: $color-primary;
}
}
.recent-post ul li .cate {
color: rgba(0, 0, 0, 0.65);
}
.widget-tag .filter-group .btn:hover {
color: #fff;
}
.title.text-white {
color: $body-light !important;
}
.single-comment-box .content .title span::before {
color: $body-color-light;
}
hr {
border-top-color: $border-color;
}
.custom-tabs.author-tabs .btn:not(.active) {
color: rgba(0, 0, 0, 0.75);
&:hover {
color: $color-primary;
}
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
border-color: $border-color;
&:focus {
border-color: $color-primary;
}
}
.signup-wrapper .register-with {
border-color: $border-color;
}
.popup-mobile-menu {
background-color: rgba(255, 255, 255, 0.8);
}
.popup-mobile-menu .inner,
.activity-wrapper .custom-history .single-item-history,
.signup {
background: #fff;
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
.popup-mobile-menu .mainmenu li a {
color: $body-light;
}
.popup-mobile-menu .inner .header-top {
border-bottom-color: $border-color;
}
.activity-wrapper .custom-history .single-item-history .date {
color: #7b7b7b;
}
.activity-wrapper .custom-history.notification-history .reaction {
background: rgba(0, 0, 0, 0.1);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
color: $body-light;
}
.normal {
font-weight: 500;
}
.subscribe-mail input {
border-color: $border-color-light;
}
.inner-page-banner {
background-image: url(../img/light-inner.jpg);
}
.inner-page-banner {
.inner {
background: rgba(255, 255, 255, 0.25);
}
}
.explore-style-one .profile-share a.more-author-text,
.biding-price {
font-weight: 500;
}
.meta li,
.single-item-history .content span {
font-weight: 400;
}
// hero 7
.section-bg-separation-3,
.hero-banner-style-one {
background: #fff;
}
.product-style-trendy .content-left .title a,
.product-style-trendy .content-left small {
color: #fff;
}
.product-style-trendy .content-left .title a:hover {
color: $color-primary;
}
.product-style-trendy .reaction-btn {
color: #fff;
background: #343444;
}
.new {
color: $body-color-light;
}
.gallery-thumb .thumb::before,
.gallery-thumb .thumb::after,
.gallery-thumb .thumb {
background: #fff;
}
.gallery-thumb .thumb::before,
.gallery-thumb .thumb::after {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
}
}
}

327
site/resources/scss/components/_menu.scss Normal file
View File

@@ -0,0 +1,327 @@
.mainmenu-nav .mainmenu {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 0 20px;
justify-content: flex-start;
flex-wrap: wrap;
@media (min-width: 1200px) and (max-width: 1280px) {
margin: 0;
}
}
.mainmenu-nav .mainmenu li {
position: relative;
margin: 0 10px;
@media (min-width: 1200px) and (max-width: 1280px) {
margin: 0 7px;
}
}
.mainmenu-nav .mainmenu li a {
color: rgba(255, 255, 255, 0.9);
font-weight: 500;
padding: 28px 12px;
font-size: 18px;
display: block;
border-radius: 3px;
font-family: $font-1;
@media (min-width: 1200px) and (max-width: 1280px) {
font-size: 15px;
}
&.active {
color: $color-primary;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.mainmenu-nav .mainmenu li a {
padding: 28px 6px;
}
}
.mainmenu-nav .mainmenu li .submenu {
min-width: 230px;
height: auto;
position: absolute;
z-index: 99;
top: 90%;
left: 0;
z-index: 90;
opacity: 0;
visibility: hidden;
text-align: left;
padding: 12px 0;
transition: 0.3s;
background-color: #111;
border-radius: 10px;
border: 1px solid #333;
&::after {
content: "";
position: absolute;
left: 15px;
top: -8px;
width: 15px;
height: 15px;
background: #111;
transform: rotate(45deg);
z-index: -1;
}
}
.mainmenu-nav .mainmenu li .submenu li {
margin: 0;
a {
font-weight: 600;
padding: 6px 14px;
font-size: 15px;
color: #dadada;
margin: 0 10px;
border-radius: 4px;
transition: 0.3s;
display: inline-flex;
align-items: center;
justify-content: space-between;
&.active {
color: $color-primary;
}
}
}
.mainmenu-nav .mainmenu li .submenu li a svg,
.mainmenu-nav .mainmenu li .submenu li a i {
stroke-width: 2px;
width: 22px;
height: auto;
background: transparent;
padding: 2px;
border-radius: 2px;
transition: 0.3s;
width: 22px;
left: -10px;
position: relative;
opacity: 0;
margin: 0 -3px;
}
.mainmenu-nav .mainmenu li .submenu li a:hover {
color: $color-primary;
margin-left: 5px;
}
.mainmenu-nav .mainmenu li .submenu li a:hover svg,
.mainmenu-nav .mainmenu li .submenu li a:hover i {
opacity: 1;
left: 0;
}
.mainmenu-nav .mainmenu li:hover .submenu {
opacity: 1;
visibility: visible;
top: 100%;
}
.has-dropdown > a {
position: relative;
}
.has-dropdown > a::after {
content: "\EA4E";
position: absolute;
top: 50%;
font-family: "remixicon" !important;
right: -12px;
font-size: 22px;
transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.has-dropdown > a::after {
right: -11px;
}
}
.rn-header.header--fixed.position-absolute {
background: #00000042;
backdrop-filter: blur(1px);
}
.rn-header.header--fixed.position-absolute .mainmenu-nav .mainmenu li.nav-item .submenu {
background: #00000042 !important;
}
.rn-header.header--fixed.position-absolute .mainmenu-nav .mainmenu li.nav-item .submenu li a {
color: #c7c7cf;
}
.rn-header.header--fixed.position-absolute .mainmenu-nav .mainmenu li.nav-item .submenu li a svg,
.rn-header.header--fixed.position-absolute .mainmenu-nav .mainmenu li.nav-item .submenu li a i {
color: #c7c7cf;
}
.rn-header.header--fixed.sticky {
background: transparent;
backdrop-filter: blur(15px);
}
.rn-header.header--fixed.sticky .mainmenu-nav .mainmenu li.nav-item .submenu {
}
span.rn-badge-card {
margin-left: 7px;
padding: 1px 7px;
font-weight: 400;
position: relative;
z-index: 2;
font-size: 14px;
}
span.rn-badge-card::before {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: linear-gradient(95deg, #000000 15%, #0074b9 45%, #0400ff 75%, #2a1b95) 95%/200% 100%;
z-index: -1;
border-radius: 100px;
opacity: 0.5;
}
// mobile menu css
.popup-mobile-menu {
z-index: 9999;
position: fixed;
content: "";
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-out;
}
.popup-mobile-menu .inner {
width: 320px;
z-index: 999;
position: absolute;
background-color: #212e48;
height: 100%;
height: 100vh;
display: flex;
flex-direction: column;
opacity: 0;
left: -150px;
transition: all 0.5s ease-out;
}
.popup-mobile-menu .inner .header-top {
display: flex;
border-bottom: 1px solid #444;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
}
.popup-mobile-menu .inner .header-top .logo a img {
max-height: 36px;
}
.popup-mobile-menu .inner .header-top .close-menu .close-button {
background: $gradient-primary;
border: 1px solid $color-primary-2;
color: #fff;
width: 38px;
height: 38px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.popup-mobile-menu.active {
visibility: visible;
opacity: 1;
}
.popup-mobile-menu.active .inner {
opacity: 1;
left: 0;
overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
list-style: none;
padding: 0;
margin: 0;
padding: 15px 20px;
}
.popup-mobile-menu .mainmenu li {
margin: 0;
}
.popup-mobile-menu .mainmenu li a {
padding: 10px 0;
display: block;
font-size: 18px;
font-weight: 400;
color: #ddd;
display: flex;
justify-content: space-between;
font-family: $font-1;
}
.popup-mobile-menu .mainmenu li a svg {
width: 19px;
height: auto;
}
.popup-mobile-menu .mainmenu li a.active {
color: $color-primary !important;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu {
padding: 0;
max-width: 100%;
list-style: none;
padding-left: 14px;
display: none;
font-size: 16px;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
font-size: 16px;
padding: 7px 0;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active {
color: $color-primary !important;
}
.popup-mobile-menu .mainmenu .rn-megamenu {
padding: 0;
max-width: 100%;
list-style: none;
padding-left: 14px;
display: none;
}
.popup-mobile-menu .mainmenu .mega-menu-item {
list-style: none;
padding: 0;
margin: 0;
padding-left: 0;
}
.popup-mobile-menu .mainmenu .mega-menu-item li a {
font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.popup-mobile-menu .mainmenu .single-mega-item {
width: 100%;
}
}
.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
border-bottom-color: transparent;
}
.popup-mobile-menu .has-dropdown > a::after {
right: 0;
}
.hamburger-button {
background: transparent;
color: #fff;
border: none;
font-size: 24px;
}
.mainmenu-nav .mainmenu li.has-menu-child-item > a {
padding-right: 12px;
}
.dropdown-menu {
border-radius: 10px;
@include xs-device {
inset: 0px 0px auto auto !important;
margin: 0px !important;
transform: translate3d(-35px, 0px, 0px) !important;
}
}

145
site/resources/scss/components/_modal.scss Normal file
View File

@@ -0,0 +1,145 @@
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #202027;
background-clip: padding-box;
border: none;
border-radius: 10px;
outline: 0;
label {
margin-bottom: 10px;
color: #fff;
}
input {
color: #fff;
height: 46px;
border-color: $body-color-light;
}
.modal-title {
font-family: $font-1;
font-size: 22px;
}
}
.btn-custom-closer {
background: #fff;
border: none;
border-radius: 20px;
width: 35px;
height: 35px;
font-size: 20px;
line-height: 35px;
position: absolute;
right: -12px;
top: -12px;
transition: 0.3s;
z-index: 3;
@include sm-device {
right: -5px;
}
&:hover {
background: $color-primary;
i {
color: #fff;
}
}
}
.modal-footer {
border-top-color: #333;
}
.modal-header {
border-bottom-color: #333;
}
.bidding-list {
margin: 0;
padding-top: 20px;
li {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
color: #ccc;
&:not(:last-child) {
margin-bottom: 10px;
}
strong {
color: #fff;
font-weight: 500;
padding-left: 15px;
}
}
}
.bid-success-content {
h3 {
font-size: 22px;
}
p {
font-size: 14px;
}
strong {
color: #fff;
font-weight: 500;
}
}
// single history
.single-item-history {
margin-top: 15px;
&:not(:last-child) {
border-bottom: 1px solid #414141;
padding-bottom: 15px;
}
.avatar {
width: 80px;
height: 80px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding-right: 7.5px;
border-radius: 6px;
i {
width: 20px;
height: 20px;
background: #ff512f;
color: #fff;
border-radius: 50%;
position: absolute;
right: 6px;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
img {
width: 100%;
border-radius: 50%;
}
}
.content {
flex: auto;
padding-left: 7.5px;
p {
margin-bottom: 0;
}
span {
font-size: 15px;
&.time {
@include xs-device {
display: block;
margin-left: 0 !important;
}
}
}
}
}
.modal {
z-index: 9999;
}

55
site/resources/scss/components/_nft-gallery.scss Normal file
View File

@@ -0,0 +1,55 @@
.nft-gallery-activation {
.slick-dots {
margin-top: 0;
}
}
.gallery-thumb {
.thumb {
position: relative;
border-radius: 10px;
background: #20202d;
padding: 15px;
margin: 50px 15px 50px;
@include xs-device {
margin: 40px 10px 40px;
}
&:nth-child(2) {
transform: translateX(140px);
}
img {
width: 100%;
}
.inner {
overflow: hidden;
border-radius: 10px;
}
&::before,
&::after {
content: "";
position: absolute;
left: 0;
bottom: -14px;
z-index: -1;
background: $bg-color-1;
width: 70%;
height: 100%;
border-radius: 10px;
@include sm-device {
width: 50px;
}
}
&::after {
left: auto;
bottom: auto;
top: -14px;
right: 0;
}
&:hover {
img {
opacity: 0.8;
transform: scale(1.2);
}
}
}
}

41
site/resources/scss/components/_not-found.scss Normal file
View File

@@ -0,0 +1,41 @@
.not-found-inner {
padding-top: 100px;
@include xs-device {
padding-top: 20px;
}
.title {
margin-bottom: 35px;
@media screen and (min-width: 1200px) {
font-size: 75px;
}
@include md-device {
font-size: 60px;
}
@include sm-device {
font-size: 40px;
margin-bottom: 20px;
}
@include xs-device {
font-size: 30px;
margin-bottom: 20px;
}
}
p {
font-size: 20px;
margin-bottom: 35px;
line-height: 32px;
@include md-device {
margin-bottom: 20px;
}
@include xs-device {
font-size: 16px;
line-height: 28px;
}
}
.not-found-content {
padding-left: 20px;
@include xs-device {
padding-left: 0;
}
}
}

80
site/resources/scss/components/_pagination.scss Normal file
View File

@@ -0,0 +1,80 @@
.pagination {
.page-item {
a {
&.page-link {
color: $body-color;
background-color: $bg-color-1;
border-color: $body-bg;
transition: transform 0.5s;
&:hover,
&:focus {
background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
border-color: $bg-color-1;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #dd2476 0%, #ff512f 100%);
transition: transform 0.5s;
transform-origin: right;
transform: scaleX(0);
z-index: 0;
border-radius: inherit;
}
}
}
}
}
.page-item.disabled .page-link {
background-color: $bg-color-1;
border-color: $body-bg;
cursor: default;
}
.page-item.active .page-link {
background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
border-color: $body-bg;
cursor: default;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #dd2476 0%, #ff512f 100%);
transition: transform 0.5s;
transform-origin: right;
transform: scaleX(0);
z-index: 0;
border-radius: inherit;
}
}
}
.theme-light {
.pagination {
.page-item {
a {
&.page-link {
color: $body-light;
background-color: $body-bg-light2;
border-color: $body-bg-light;
&:hover,
&:focus {
border-color: $body-bg-light;
color: $body-bg-light;
}
}
}
}
.page-item.disabled .page-link {
background-color: $body-bg-light2;
border-color: $body-bg-light;
}
.page-item.active .page-link {
border-color: $body-bg-light;
}
}
}

103
site/resources/scss/components/_popular-collection.scss Normal file
View File

@@ -0,0 +1,103 @@
.popular-collection-style-one {
background: $bg-color-1;
border-radius: 20px;
padding: 20px;
a {
display: block;
}
img {
border-radius: 10px;
width: 100%;
}
.large-thumbnail {
border-radius: 20px;
position: relative;
overflow: hidden;
img {
width: 100%;
}
}
.small-thumb-group {
display: flex;
margin-left: -10px;
margin-right: -10px;
img {
flex-basis: 33.333333%;
max-width: 33.333333%;
margin: 20px 10px 0;
@include sm-device {
flex-basis: 27.333333%;
max-width: 27.333333%;
}
}
}
.title {
margin-bottom: 3px;
a {
color: #fff;
}
}
&:hover {
.large-thumbnail {
img {
transform: scale(1.1);
}
}
}
}
.popular-collection-active {
@include xs-device {
.slick-dots {
bottom: -35px;
}
}
}
// style two
.popular-collection-style-two {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 10px;
background: $bg-color-1;
.thumb {
display: block;
position: relative;
overflow: hidden;
img {
transition: 0.3s linear;
width: 100%;
}
}
.content {
background: $bg-color-1;
padding: 20px 25px 10px;
.title {
font-size: 16px;
a {
color: #fff;
}
}
.item-code {
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
}
&:hover {
.title {
font-size: 16px;
a {
color: $color-primary;
}
}
.thumb {
img {
transform: scale(1.2);
}
}
}
}

64
site/resources/scss/components/_sidebar_filter.scss Normal file
View File

@@ -0,0 +1,64 @@
.accordion-button,
.accordion-button:not(.collapsed) {
color: #fff;
background-color: #30303d;
box-shadow: none;
border-radius: 6px;
margin-bottom: 15px;
padding: 7px 15px;
cursor: pointer;
}
.filter-item-list {
padding-left: 15px;
}
.filter-wrapper {
background: $bg-color-1;
padding: 20px;
border: none;
border-radius: 10px;
margin-right: 25px;
@include lg-device {
margin-right: 0;
}
@include sm-device {
margin-bottom: 40px;
}
.filter-custom-item {
&:not(:last-child) {
margin-bottom: 30px;
}
}
.form-check {
margin-bottom: 12px;
cursor: pointer;
label {
color: #ddd;
padding-left: 5px;
}
input,
label {
cursor: pointer;
}
input {
&:checked {
background-color: $color-primary;
border-color: $color-primary;
}
&:focus {
box-shadow: rgb(255, 81, 47, 0.25) 0px 0px 0px 0;
}
}
}
}
.accordion-button::after {
content: "\EA4E";
font-family: remixicon !important;
font-size: 22px;
background-image: none;
width: auto;
height: auto;
}
.accordion-button:not(.collapsed)::after {
background-image: none;
}

178
site/resources/scss/components/_signup.scss Normal file
View File

@@ -0,0 +1,178 @@
.signup-wrapper {
background: $bg-color-1;
position: relative;
overflow: hidden;
height: 100%;
&.signin-wrapper {
background: #111;
}
&.header-free-signin {
height: 100vh;
display: flex;
justify-content: center;
flex-direction: column;
background: #111;
.signin-form-2 {
background: $bg-color-1;
}
.signin-content {
max-width: 550px;
margin: 0 auto;
.signin-form {
@media (max-width: 1700px) {
padding: 30px;
}
}
}
@media (max-width: 1700px) {
height: auto;
margin: 50px 0;
}
@include xs-device {
height: auto;
margin: 30px 0;
}
}
@include xs-device {
padding: 2px;
}
.register-with {
border: 2px solid $body-color-light;
padding: 10px 15px;
justify-content: center;
border-radius: 30px;
font-weight: 500;
i {
font-size: 18px;
padding-right: 8px;
&.ri-facebook-fill {
color: #4267b2;
}
&.ri-google-fill {
color: #db4437;
}
}
&.metamask-btn {
&:hover {
background: #ee811a;
border-color: #ee811a;
color: #fff;
i {
color: #fff;
}
}
}
&.google-btn {
&:hover {
background: #db4437;
border-color: #db4437;
color: #fff;
i {
color: #fff;
}
}
}
&.fb-btn {
&:hover {
background: #4267b2;
border-color: #4267b2;
color: #fff;
i {
color: #fff;
}
}
}
}
}
.checkbox {
cursor: pointer;
font-family: $font-2;
font-weight: 400;
}
.signup-content,
.contact-inner-contnet {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
@include xs-device {
padding: 40px 15px;
}
}
.signin-content {
&.w-50 {
@media (max-width: 1919px) {
width: 60% !important;
}
@media (max-width: 767px) {
width: 100% !important;
padding: 0 15px;
}
}
h2 {
font-size: 32px;
}
}
.medium {
color: rgba(255, 255, 255, 0.7);
}
.contact-inner-contnet {
.nice-select {
background: transparent;
}
}
.row.gutter-0 {
margin-left: 0;
margin-right: 0;
> [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
}
.contact-wrapper {
box-shadow: 0px 3px 16px rgb(47 83 109 / 12%);
.contact-inner-contnet {
padding: 40px;
}
}
.signin-form {
background: $bg-color-1;
border-radius: 10px;
padding: 50px;
@include xs-device {
padding: 25px 15px;
}
}
.sign-wrapeer h2 {
font-size: 32px;
}
.signup {
padding: 50px;
border-radius: 10px;
@include xs-device {
padding: 25px 15px;
}
}
.rounded {
border-radius: 10px !important;
}
.signin-wrapper {
@include md-device {
height: 100vh;
display: flex;
}
@include xs-device {
padding: 100px 0;
height: auto;
}
}

259
site/resources/scss/components/_single-product.scss Normal file
View File

@@ -0,0 +1,259 @@
.custom-tabs {
background: $bg-color-1;
color: $body-color;
padding: 10px 20px;
font-size: 16px;
font-weight: 500;
border-radius: 30px;
display: inline-flex;
li {
&:not(:last-of-type) {
margin-right: 25px;
}
a {
border-radius: 30px !important;
&.active {
color: $color-primary;
}
}
}
}
.custom-tab-content {
background: $bg-color-1;
padding: 15px 25px;
border-radius: 6px;
@include xs-device {
padding: 10px;
}
.tab-pane {
padding: 0;
.single-item-history {
&:first-child {
margin-top: 0;
}
.avatar {
width: 55px;
height: 55px;
display: flex;
align-items: center;
}
}
.notification-history {
.avatar {
width: 75px;
height: 75px;
@include md-device {
width: 55px;
height: 55px;
}
}
}
p {
font-size: 15px;
line-height: 24px;
}
.content p {
a {
font-weight: 400;
}
}
p:last-child {
margin-bottom: 0;
}
}
}
.details-content {
padding-left: 35px;
@include md-device {
padding-left: 0;
}
.main_title {
font-size: 32px;
line-height: 48px;
margin-bottom: 20px;
@include xs-device {
font-size: 23px;
line-height: 36px;
}
}
.subtitle {
font-size: 15px;
line-height: 25px;
margin-bottom: 30px;
}
.custom-tabs {
li a {
color: #fff;
font-weight: 400;
font-family: $font-1;
&.active {
color: $color-primary;
}
}
}
.custom-history {
height: 230px;
overflow-y: auto;
padding-right: 30px;
@include xs-device {
padding-right: 10px;
}
&::-webkit-scrollbar {
width: 6px;
}
/* Track */
&::-webkit-scrollbar-track {
background: #555;
border-radius: 6px;
}
/* Handle */
&::-webkit-scrollbar-thumb {
background: #999;
border-radius: 6px;
}
/* Handle on hover */
&::-webkit-scrollbar-thumb:hover {
background: #555;
}
.single-item-history .content span {
font-size: 13px;
}
}
.custom-tab-content {
padding-right: 10px;
}
.owner {
font-size: 14px;
}
.avatar-info .thumb {
min-width: 50px;
height: 50px;
border: none;
}
}
.avatar-info-wrapper {
@include xs-device {
flex-direction: column;
align-items: flex-start;
.avatar-info {
margin-bottom: 20px;
}
}
}
.bidder {
background: $bg-color-1;
padding: 6px 15px;
border-radius: 5px;
border: 1px solid #3e3e3e;
min-width: 248px;
min-height: 40px;
.text-white {
padding-right: 10px;
}
> span {
font-weight: 500;
}
}
.biding-block {
background: $bg-color-1;
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 20px;
span {
display: inline-block;
margin-bottom: 8px;
}
h3 {
color: $color-primary;
}
.countdown {
position: static;
transform: none;
width: auto;
padding: 0;
justify-content: flex-start;
height: 28px;
.countdown-value {
color: $color-primary;
font-size: 24px;
}
}
}
.avatar-info {
.thumb {
border: 2px solid $color-primary;
overflow: hidden;
min-width: 60px;
height: 60px;
display: flex;
border-radius: 50%;
img {
width: 100%;
}
}
.content {
margin-left: 10px;
.title a {
color: #fff;
}
.title {
font-weight: 400;
}
}
}
.details-dropdown {
.ri-more-fill {
background: $bg-color-1;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
color: #fff;
}
}
.product-details {
.explore-style-one {
&:hover {
transform: translateY(0);
}
.thumb img {
transform: scale(1);
}
}
}
.price-history {
display: flex;
flex-direction: column;
color: #fff;
font-family: $font-1;
@include xs-device {
flex-basis: 100px;
}
span {
color: rgba(255, 255, 255, 0.65);
font-family: $font-2;
font-size: 14px;
}
}
// .zoomLens {
// width: 200px !important;
// height: 200px !important;
// }
@include md-device {
.zoomWindowContainer,
.zoomLens {
display: none !important;
}
}

59
site/resources/scss/components/_tabs.scss Normal file
View File

@@ -0,0 +1,59 @@
.default-tab-list {
margin: 0 -7.5px;
button {
border: 2px solid $border-color;
font-size: 15px;
font-weight: 500;
line-height: 20px;
text-transform: capitalize;
color: $body-color;
padding: 10px 18px;
margin: 0 7.5px;
background: transparent;
border-radius: 30px;
margin-bottom: 20px;
@include xs-device {
margin-bottom: 15px;
}
&:hover {
border-color: $color-primary;
color: $color-primary;
}
&.is-checked {
background: $color-primary;
border-color: $color-primary;
color: #fff;
}
}
}
.grid-filter-wrapper {
margin-left: -15px;
margin-right: -15px;
.resizer {
width: 25%;
@include lg-device {
width: 33.33%;
}
@include sm-device {
width: 50%;
}
@include xs-device {
width: 100%;
}
}
.grid-item {
width: 25%;
padding: 0 15px;
margin-bottom: 30px;
@include lg-device {
width: 33.33%;
}
@include sm-device {
width: 50%;
}
@include xs-device {
width: 100%;
}
}
}

187
site/resources/scss/components/_top-seller.scss Normal file
View File

@@ -0,0 +1,187 @@
.top-seller-style-one {
background: $bg-color-1;
padding: 25px;
border-radius: 20px;
text-align: center;
@include xs-device {
padding: 20px 10px;
}
.thumb {
display: block;
position: relative;
width: 70px;
height: 70px;
border-radius: 50px;
margin: 0 auto;
transition: 0.3s;
img {
border-radius: 50%;
width: 100%;
}
}
.title {
a {
color: #fff;
}
line-height: 1;
@include tiny-device {
font-size: 14px;
padding-bottom: 0 !important;
}
}
.price {
font-weight: 400;
color: $body-color;
line-height: 27px;
}
h4 {
font-size: 80%;
}
&:hover {
.thumb {
transform: scale(1.1);
}
}
}
.top-seller-activation-1 {
@include xs-device {
&.slick-gutter-15 {
.slick-list {
margin-left: -6px;
margin-right: -6px;
}
.slick-slide {
margin-left: 6px;
margin-right: 6px;
}
}
}
}
.ri-check-line {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: $color-primary;
color: #fff;
border-radius: 50%;
position: absolute;
right: 0;
bottom: 0;
}
.seller-group-vertical {
.top-seller-style-one {
margin-bottom: 30px;
@include xs-device {
margin-bottom: 15px;
}
}
}
// top-seller-style-two
.top-seller-style-two {
background: $bg-color-1;
border-radius: 10px;
padding: 28px 26px 28px 30px;
transition: 0.3s;
font-size:85%;
@include xs-device {
padding: 15px;
}
.thumb-wrapper {
position: relative;
margin-right: 20px;
@include xs-device {
margin-right: 10px;
}
}
.thumb {
display: block;
border: 2px solid #3a3a3a;
width: 70px;
height: 70px;
border-radius: 50%;
position: relative;
overflow: hidden;
@include xs-device {
width: 50px;
height: 50px;
}
img {
width: 100%;
}
}
.items-number {
font-size: 30px;
position: relative;
@include xs-device {
font-size: 20px;
}
&::before {
content: "";
position: absolute;
left: -26px;
top: -15px;
height: 80px;
width: 2px;
background: #3a3a3a;
@include xs-device {
top: -7px;
height: 65px;
}
}
strong {
color: #fff;
}
span {
font-size: 16px;
@include xs-device {
font-size: 14px;
}
}
sup {
font-weight: normal;
font-size:50%;
}
}
.price {
font-size: 15px;
@include xs-device {
font-size: 14px;
}
}
.title {
@include xs-device {
margin-bottom: 0;
font-size: 15px;
}
a {
color: #fff;
}
}
&:hover {
.thumb {
border-color: $color-primary;
img {
transform: scale(1.2);
}
}
transform: translateY(-4px);
}
}
.text-large {
font-size: 20px;
text-decoration: underline;
font-family: $font-1;
word-spacing: 2px;
@include xs-device {
font-size: 17px;
}
a {
color: #eee;
&:hover {
color: $color-primary;
}
}
}

35
site/resources/scss/components/_wallet-setup.scss Normal file
View File

@@ -0,0 +1,35 @@
.wallet-setup {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
background-image: url(../img/headerbg-dark.jpg);
}
.card-block-style-one {
background: $bg-color-1;
padding: 40px;
border-radius: 10px;
@include xs-device {
padding: 25px;
}
.title {
text-transform: capitalize;
font-weight: 600;
@include xs-device {
font-size: 20px;
}
}
p {
font-size: 17px;
margin-bottom: 0;
line-height: 30px;
@include xs-device {
font-size: 16px;
}
}
}
.theme-light {
.wallet-setup {
background-image: url(../img/headerbg.jpg);
}
}

33
site/resources/scss/components/_wallet.scss Normal file
View File

@@ -0,0 +1,33 @@
.wallet-block {
background: $bg-color-1;
padding: 30px 24px;
border-radius: 10px;
display: block;
text-align: center;
transition: 0.3s;
.thumb {
width: 80px;
height: 80px;
position: relative;
overflow: hidden;
border-radius: 50%;
margin: 0 auto 15px;
}
.title {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
text-transform: capitalize;
}
p {
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
}
&:hover {
background: rgb(32, 32, 45);
transform: translateY(-5px);
}
}

42
site/resources/scss/defaults/_animation.scss Normal file
View File

@@ -0,0 +1,42 @@
.rotate-360 {
animation: loading 20s linear infinite;
@keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
}
@keyframes jumpTwo {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.jump {
animation: jumpTwo 8s linear infinite;
@keyframes jumpTwo {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
}

179
site/resources/scss/defaults/_base.scss Normal file
View File

@@ -0,0 +1,179 @@
/* -- Base css
-------------------------------------------- -- */
a,
img,
i {
transition: 0.3s;
}
a {
text-decoration: none;
color: $body-color;
&:hover {
text-decoration: none;
color: $color-primary;
}
}
h4 a:hover,
a.text-white:hover {
color: $color-primary !important;
}
hr {
border-top: 1px solid #515151;
}
.btn,
button {
transition: 0.5s;
}
ul,
li {
list-style: none;
padding-left: 0;
}
dl,
ol,
ul {
padding-left: 0;
margin-top: 0;
margin-bottom: 15px;
}
.breadcrumb {
margin-bottom: 0;
margin-top: 0;
li {
font-weight: 500;
}
}
::-moz-selection {
background: #323da5;
color: #fff;
text-shadow: none;
}
.theme--light.v-btn.v-btn--icon {
color: #767695;
}
::selection {
background: #323da5;
color: #fff;
text-shadow: none;
}
br {
@include xs-device {
display: none;
}
}
.dropdown-menu {
li {
font-size: 14px;
}
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
color: #fff;
background: $gradient-primary;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
padding-right: 15px;
padding-left: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row > * {
padding-left: 15px;
padding-right: 15px;
}
body {
@include xs-device {
overflow-x: hidden;
}
}
br {
@include sm-device {
display: none;
}
}
/* -- Print Media query
---------------------------------------- -- */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* -- Print styles- Inlined to avoid the additional HTTP request:
----------------------------------------------------------------------------- */
@media print {
*,
*:before,
*:after {
background: transparent !important;
// color: $typo-heading !important;
/* Black prints faster */
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/* -- Don't show links that are fragment identifiers -- */
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
// border: 1px solid $border-color;
page-break-inside: avoid;
}
/* -- Printing Tables -- */
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}

0
site/resources/scss/defaults/_breadcrumb.scss Normal file
View File

13
site/resources/scss/defaults/_browserhacks.scss Normal file
View File

@@ -0,0 +1,13 @@
// Browser Hacks
/* -- Chrome hacks -- */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {}
/* -- Firefox hacks -- */
@-moz-document url-prefix() {
}
/* -- IE hacks -- */
@media screen and (min-width:0\0) {}

258
site/resources/scss/defaults/_button.scss Normal file
View File

@@ -0,0 +1,258 @@
.btn {
position: relative;
overflow: hidden;
font-size: 16px;
padding: 9px 35px;
display: inline-flex;
align-items: center;
color: #fff;
border-radius: 50px;
height: 50px;
min-height: 50px;
font-weight: 600;
@include xs-device {
font-size: 14px;
padding: 7px 35px;
height: 42px;
min-height: 42px;
}
@include tiny-device {
padding: 7px 25px;
}
span {
display: inline-flex;
z-index: 1;
line-height: 1;
font-family: $font-1;
}
&:focus {
box-shadow: none;
}
i {
padding-right: 8px;
}
&:hover {
color: #fff;
transform: translateY(-1px);
}
}
.btn-medium {
font-size: 15px;
padding: 8px 30px;
height: 46px;
min-height: 46px;
@include xs-device {
font-size: 14px;
}
}
.btn-small {
font-size: 14px;
padding: 6px 25px;
height: 40px;
min-height: 40px;
@include tiny-device {
font-size: 15px;
height: 36px;
min-height: 36px;
}
}
.btn-xs {
font-size: 12px;
padding: 1px 12px;
height: 32px;
min-height: 32px;
@include tiny-device {
font-size: 15px;
height: 34px;
min-height: 34px;
}
}
.btn-outline {
border: 2px solid rgba(255, 255, 255, 0.7);
padding-top: 9px;
padding-bottom: 9px;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #dd2476 0%, #ff512f 100%);
transition: transform 0.5s;
transform-origin: right;
transform: scaleX(0);
z-index: 0;
border-radius: inherit;
}
&:hover {
&::before {
transform: scaleX(1);
transform-origin: left;
transition: transform 0.5s;
}
border-color: #dd2476;
background: $color-primary;
}
i {
transition: 0.1s;
}
&.no-hover {
&::before {
display: none;
}
}
&.btn-medium {
padding-top: 8px;
padding-bottom: 8px;
}
}
.btn-gradient {
background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #dd2476 0%, #ff512f 100%);
transition: transform 0.5s;
transform-origin: right;
transform: scaleX(0);
z-index: 0;
border-radius: inherit;
}
&:hover {
&::before {
transform: scaleX(1);
transform-origin: left;
transition: transform 0.5s;
}
}
}
.btn-prime {
background: $color-primary;
}
.btn-black {
background: transparent;
@extend .btn-outline;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #dd2476 0%, #ff512f 100%);
transition: transform 0.5s;
transform-origin: right;
transform: scaleX(0);
z-index: 0;
border-radius: inherit;
}
&:hover {
&::before {
transform: scaleX(1);
transform-origin: left;
transition: transform 0.5s;
}
}
}
.btn-play {
padding: 0;
&:hover {
color: $color-primary;
}
span {
text-decoration: underline;
}
i {
font-size: 40px;
color: $color-primary;
@include xs-device {
font-size: 35px;
}
}
}
// back to top
.rn-progress-parent {
position: fixed;
right: 30px;
bottom: 30px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px #0d0d12;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.rn-progress-parent.rn-backto-top-active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rn-progress-parent::after {
position: absolute;
font-family: "remixicon" !important;
content: "\EA76";
text-align: center;
line-height: 46px;
font-size: 24px;
color: $color-primary;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.rn-progress-parent:hover::after {
color: $color-primary;
}
.rn-progress-parent::before {
position: absolute;
font-family: "remixicon" !important;
content: "\EA76";
text-align: center;
line-height: 46px;
font-size: 24px;
opacity: 0;
background: #0d0d12;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.rn-progress-parent:hover::before {
opacity: 1;
}
.rn-progress-parent svg path {
fill: none;
}
.rn-progress-parent svg.rn-back-circle path {
stroke: $color-primary;
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}

120
site/resources/scss/defaults/_form.scss Normal file
View File

@@ -0,0 +1,120 @@
input:focus,
textarea:focus {
box-shadow: none;
outline: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
width: 100%;
border: none;
background: transparent;
padding: 10px 15px;
border-radius: 8px;
border: 2px solid $border-color-light;
transition: 0.3s;
color: #fff;
&:focus {
border-color: $color-primary;
}
}
.form-check-input:checked {
background-color: $color-primary;
border-color: $color-primary;
}
.form-check-input {
margin-top: 0.2em;
&:focus {
box-shadow: none;
}
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-check-input {
width: 1.2em;
height: 1.2em;
border: 2px solid $body-color-light;
background: transparent;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
.modal-dialog {
max-width: 450px;
}
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: $body-color;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: $body-color;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: $body-color;
}
.nice-select {
background-color: $bg-color-1;
border: solid 2px $border-color-light;
font-size: 16px;
color: #dedede;
height: 47px;
line-height: 45px;
padding-right: 45px;
font-weight: 600;
&.open {
color: #fff;
}
.current {
font-size: 15px;
}
}
.nice-select:after {
border-bottom: 2px solid #efefef;
border-right: 2px solid #efefef;
height: 7px;
width: 7px;
right: 15px;
}
.nice-select .list {
background: #111;
width: 100%;
li {
font-size: 14px;
}
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #323232;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus,
.nice-select:hover {
border-color: $color-primary;
}
.nice-select .option.selected {
font-weight: 500;
}
input,
select,
textarea {
width: 100%;
}
.form-check-input:checked[type="checkbox"] {
border-color: $color-primary;
}

82
site/resources/scss/defaults/_helper-class.scss Normal file
View File

@@ -0,0 +1,82 @@
.section-bg-separation {
background: #202027;
}
.section-bg-separation-2 {
background: darken($bg-color-1, 10%);
}
.d-flex-center {
display: flex;
align-items: center;
}
.d-flex-start {
display: flex;
align-items: flex-start;
}
.d-flex-between {
display: flex;
align-items: center;
justify-content: space-between;
}
.medium {
font-size: 16px;
line-height: 24px;
}
.bg-overlay {
position: relative;
&::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.67);
}
}
.pt-120 {
padding-top: 120px;
@include sm-device {
padding-top: 100px;
}
}
.pb-120 {
padding-bottom: 120px;
@include sm-device {
padding-bottom: 100px;
}
}
.ptb-120 {
padding: 120px 0;
@include sm-device {
padding: 100px 0;
}
}
.pt-90 {
padding-top: 90px;
@include sm-device {
padding-top: 70px;
}
}
.pb-90 {
padding-bottom: 90px;
@include sm-device {
padding-bottom: 70px;
}
}
.pb-80 {
padding-bottom: 80px;
@include sm-device {
padding-bottom: 40px;
}
}
.color-primary {
color: $color-primary;
}
.fw-500 {
font-weight: 500 !important;
}
.section-bg-separation-3 {
background: #161726;
}

40
site/resources/scss/defaults/_mixin.scss Normal file
View File

@@ -0,0 +1,40 @@
// Mixin For Elementor
@mixin xl-device {
@media (max-width: 1919px) {
@content;
}
}
/* -- For screens 1264px to 1903px */
@mixin lg-device {
@media (max-width: 1499px) {
@content;
}
}
/* -- For screens 960px to 1263px */
@mixin md-device {
@media (max-width: 1199px) {
@content;
}
}
/* -- For screens 600px to 959px */
@mixin sm-device {
@media (max-width: 991px) {
@content;
}
}
/* -- For For screens 0 to 600px */
@mixin xs-device {
@media (max-width: 575px) {
@content;
}
}
/* -- For For screens 0 to 360 */
@mixin tiny-device {
@media (max-width: 360px) {
@content;
}
}

68
site/resources/scss/defaults/_preloader.scss Normal file
View File

@@ -0,0 +1,68 @@
// preloader
.ctn-preloader {
align-items: center;
-webkit-align-items: center;
display: flex;
display: -ms-flexbox;
height: 100%;
justify-content: center;
-webkit-justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999999;
background: $bg-color-1;
}
body.theme-light {
#ctn-preloader,
.ctn-preloader {
background-color: $body-bg-light2;
}
}
.ctn-preloader .animation-preloader {
position: absolute;
z-index: 100;
text-align: center;
}
.ctn-preloader .animation-preloader .icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
img {
width: 100%;
border-radius: 50%;
}
}
.ctn-preloader .animation-preloader .icon span {
animation: spinner 1.5s infinite linear;
border-radius: 50%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.ctn-preloader .animation-preloader .icon span:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
top: 12px;
left: 0;
box-shadow: 0 0 10px $color-primary-2;
border-radius: 50%;
background: -webkit-linear-gradient($color-primary, $color-primary-2);
}
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}

16
site/resources/scss/defaults/_section-title.scss Normal file
View File

@@ -0,0 +1,16 @@
.section-title {
margin-bottom: 60px;
@include xs-device {
margin-bottom: 50px;
}
.subtitle {
color: #ff512f;
font-weight: 500;
font-size: 20px;
text-decoration: underline;
letter-spacing: 0.2em;
display: inline-block;
margin-bottom: 10px;
font-family: $font-2;
}
}

169
site/resources/scss/defaults/_slick-custom.scss Normal file
View File

@@ -0,0 +1,169 @@
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
display: inline-block !important;
position: static;
z-index: 2;
margin-top: 20px;
li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px;
height: 7px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent !important;
border-radius: 50%;
border: 2px solid $body-color;
}
li.slick-active button {
background: $color-primary !important;
border-color: $color-primary;
}
}
.slick-gutter-15 {
.slick-list {
margin-left: -15px;
margin-right: -15px;
}
.slick-slide {
margin-left: 15px;
margin-right: 15px;
}
}
.slick-activation-01 {
&.slick-gutter-15 {
.slick-list {
margin-left: 0;
margin-right: 0;
}
}
}
button.slide-arrow {
height: 50px;
width: 50px;
line-height: 48px;
border-radius: 50%;
position: absolute;
z-index: 2;
opacity: 0;
transition: 0.3s;
color: #fff;
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0.5) 0.29%,
rgba(255, 255, 255, 0.1) 99.71%,
rgba(0, 0, 0, 0.5) 99.71%
);
backdrop-filter: blur(40px);
border: none;
transform: translateY(-50%) scale(1);
top: 50%;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
transition: 0.5s;
z-index: -1;
opacity: 0;
border-radius: inherit;
}
&:hover {
&::before {
transition: 0.5s;
opacity: 1;
}
i {
z-index: 1;
}
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
button.slide-arrow {
opacity: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
button.slide-arrow {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
button.slide-arrow {
opacity: 1;
}
}
button.slide-arrow i {
font-size: 22px;
color: #fff;
}
button.slide-arrow.slide-arrow {
top: -85px !important;
opacity: 1;
border-radius: 50%;
}
button.slide-arrow.prev-arrow {
right: 65px !important;
}
button.slide-arrow.next-arrow {
right: 0 !important;
}
button.slide-arrow:hover.slide-arrow i {
color: #fff !important;
}
.slick-dots li button:before {
font-size: 0;
}
// slick top
.slick-arrow-top {
button.slide-arrow.prev-arrow {
right: 19% !important;
@include lg-device {
right: 14% !important;
}
@include md-device {
right: 9% !important;
}
}
button.slide-arrow.next-arrow {
right: 15.7% !important;
@include xl-device {
right: 14.7% !important;
}
@include lg-device {
right: 9% !important;
}
}
}
// slick center
.slick-arrow-between {
position: relative;
}
.slick-arrow-between button.slide-arrow.prev-arrow {
top: 50% !important;
left: -20px !important;
}
.slick-arrow-between button.slide-arrow.next-arrow {
top: 50% !important;
right: -20px !important;
}
.slick-arrow-none {
button.slide-arrow {
display: none !important;
}
}

1285
site/resources/scss/defaults/_spacing.scss Normal file
View File

File diff suppressed because it is too large Load Diff

55
site/resources/scss/defaults/_switcher.scss Normal file
View File

@@ -0,0 +1,55 @@
// switcherr
.theme-switcher-label {
cursor: pointer;
position: relative;
width: 46px;
height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.2);
@include xs-device {
width: 35px;
height: 35px;
}
.switch-handle {
border-radius: 50%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
i {
position: absolute;
font-size: 22px;
transition: 0.3s;
}
}
.theme-switcher {
display: none;
}
.light-text {
color: #fff;
}
.dark-text {
color: #000;
}
&.active {
background-color: rgba(0, 0, 0, 0.1);
.light-text {
visibility: hidden;
opacity: 0;
}
.dark-text {
visibility: visible;
opacity: 1;
}
}
.dark-text {
visibility: hidden;
opacity: 0;
}
}

144
site/resources/scss/defaults/_typography.scss Normal file
View File

@@ -0,0 +1,144 @@
body {
background: $body-bg;
font-weight: 400;
font-size: 15px;
line-height: 24px;
font-family: $font-2;
color: $body-color;
}
h1,
.aw-h1 {
font-size: 75px;
@include lg-device {
}
@include md-device {
}
}
h2,
.aw-h2 {
font-size: 45px;
@include sm-device {
font-size: 35px;
}
@include xs-device {
font-size: 28px;
}
}
h3,
.aw-h3 {
font-size: 24px;
@include lg-device {
}
}
h4,
.aw-h4 {
font-size: 18px;
@include lg-device {
}
}
h5,
.aw-h5 {
@include sm-device {
}
}
h6,
.aw-h6 {
}
h1,
h2,
h3,
h4,
h5,
h6,
.aw-h1,
.aw-h2,
.aw-h3,
.aw-h4,
.aw-h5,
.aw-h6 {
font-family: $font-1;
color: #fff;
margin-bottom: 0;
font-weight: 800;
}
b,
strong {
font-weight: 800;
font-family: $font-1;
color: #fff;
}
p {
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 26px;
@include xs-device {
font-size: 16px;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
opacity: 1;
/* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
}
::-ms-input-placeholder {
/* Microsoft Edge */
}
label {
font-size: 15px;
padding-bottom: 0;
display: block;
font-weight: 500;
font-family: $font-1;
color: rgba(255, 255, 255, 0.9);
}
hr {
margin-top: 0;
margin-bottom: 0;
border-top: 2px solid $body-bg;
}
h5,
.aw-h5 {
span {
font-size: 15px;
padding-left: 30px;
font-weight: 400;
}
}
ul,
ol {
li {
font-size: 16px;
line-height: 24px;
}
}
.text-justify {
text-align: justify;
}

26
site/resources/scss/defaults/_variables.scss Normal file
View File

@@ -0,0 +1,26 @@
// Body
$body-bg: #101010;
$body-color: rgba(255, 255, 255, 0.75);
$color-primary: #ff512f;
$color-primary-2: #dd2476;
$color-success: green;
$color-error: #ff512f;
$color-placeholder: #555;
$gradient-primary: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
$bg-color-1: #20202d;
$border-color: #dadce0;
$border-color-light: #656565;
$body-light: #393939;
$body-bg-light: #f9f9fc;
$body-bg-light2: #efefef;
$body-color-light: #65676b;
$light-color-primary: lighten($color-primary, 30%);
$light-color-primary-2: lighten($color-primary-2, 30%);
$selected-border: $color-primary;
$bg-color-selected: linear-gradient(135deg, $bg-color-1 0%, #854286 100%);
$bg-color-selected-light: linear-gradient(135deg, #fee0fe 0%, #e1bee1 100%);
// font family
$font-1: "Poppins", sans-serif;
$font-2: "Inter", sans-serif;
$font-3: "Chakra Petch Regular", sans-serif;

2641
site/resources/scss/style.css Normal file
View File

File diff suppressed because it is too large Load Diff

31
site/resources/scss/style.css.map Normal file
View File

File diff suppressed because one or more lines are too long