init
Bu işleme şunda yer alıyor:
@@ -0,0 +1,8 @@
|
||||
@import "./reset";
|
||||
@import "./fonts";
|
||||
@import "./color";
|
||||
@import "./preloader";
|
||||
@import "./shortcode";
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
// .bg-gradient-primary {
|
||||
// background: linear-gradient(50deg, #6e00ff 0, #bb00ff 100%) !important;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
.bg-purple {
|
||||
background-color: $purple !important
|
||||
}
|
||||
|
||||
|
||||
.bg-transparent {
|
||||
background-color: transparent !important
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
// Google Font
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
// // Line Awesome
|
||||
|
||||
|
||||
@import url('../icons/bootstrap-icons/bootstrap-icons.css');
|
||||
@import url('../icons/remix-icon/remixicon.css');
|
||||
@@ -0,0 +1,123 @@
|
||||
#preloader {
|
||||
position : fixed;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
left : 0;
|
||||
top : 0;
|
||||
background-color: $white;
|
||||
z-index : 999999999;
|
||||
|
||||
|
||||
i {
|
||||
display : block;
|
||||
width : 16px;
|
||||
height : 16px;
|
||||
background : black;
|
||||
border-radius : 16px;
|
||||
position : absolute;
|
||||
top : 50%;
|
||||
left : 50%;
|
||||
margin : -8px 0 0 -8px;
|
||||
opacity : 1;
|
||||
-webkit-transform: translate3d(60px, 0, 0);
|
||||
overflow : hidden;
|
||||
text-indent : -9999px;
|
||||
border : 1px solid white;
|
||||
|
||||
&:nth-child(1) {
|
||||
background : $primary; // Red
|
||||
-webkit-animation: googleDotA 1.75s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
background : $success; // Yellow
|
||||
-webkit-animation: googleDotB 1.75s ease-in-out infinite;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
background : $warning; // Blue
|
||||
-webkit-animation: googleDotC 1.75s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes googleDotA {
|
||||
0% {
|
||||
opacity : 0;
|
||||
transform : translate3d(60px, 0, 0);
|
||||
-webkit-transform: translate3d(60px, 0, 0);
|
||||
}
|
||||
|
||||
30% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
70% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity : 0;
|
||||
transform : translate3d(-300px, 0, 0);
|
||||
-webkit-transform: translate3d(-300px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes googleDotB {
|
||||
0% {
|
||||
opacity : 0;
|
||||
transform : translate3d(180px, 0, 0);
|
||||
-webkit-transform: translate3d(180px, 0, 0);
|
||||
}
|
||||
|
||||
35% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
77% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity : 0;
|
||||
transform : translate3d(-180px, 0, 0);
|
||||
-webkit-transform: translate3d(-180px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes googleDotC {
|
||||
0% {
|
||||
opacity : 0;
|
||||
transform : translate3d(300px, 0, 0);
|
||||
-webkit-transform: translate3d(300px, 0, 0);
|
||||
}
|
||||
|
||||
40% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
80% {
|
||||
opacity : 1;
|
||||
transform : translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity : 0;
|
||||
transform : translate3d(-60px, 0, 0);
|
||||
-webkit-transform: translate3d(-60px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,160 @@
|
||||
// @import "../vendor/animate/animate.min.css";
|
||||
// @import "../vendor/waves/waves.min.css";
|
||||
// @import "../vendor/perfect-scrollbar/perfect-scrollbar.css";
|
||||
// @import "../vendor/basic-table/basictable.css";
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
padding: 0;
|
||||
|
||||
&::after {
|
||||
margin : 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&::before {
|
||||
margin : 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
// &.dashboard {
|
||||
// background: $light;
|
||||
// font-size : 14px;
|
||||
// }
|
||||
}
|
||||
|
||||
#main-wrapper {
|
||||
// opacity : 0;
|
||||
transition : all 0.25s ease-in;
|
||||
// overflow : hidden;
|
||||
position : relative;
|
||||
z-index : 1;
|
||||
// height: 100vh;
|
||||
margin-top : 110px;
|
||||
|
||||
// &::before {
|
||||
// content : "";
|
||||
// height : 300px;
|
||||
// top : 0;
|
||||
// left : 0;
|
||||
// width : 100%;
|
||||
// position : absolute;
|
||||
// z-index : -9;
|
||||
// background: $primary;
|
||||
// }
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.content-body {
|
||||
margin-left : $sidebar-width;
|
||||
// margin-right : $map-width +30px;
|
||||
// padding-top : 100px;
|
||||
margin-top : 30px;
|
||||
margin-bottom : 50px;
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
margin-left : 0px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.details {
|
||||
.content-body {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
.content-body {
|
||||
margin-left : $sidebar-width;
|
||||
margin-right: 0px;
|
||||
margin-top : 0px;
|
||||
|
||||
// @include media-breakpoint-up(sm) {
|
||||
// margin-left : 0px;
|
||||
// margin-bottom: 50px;
|
||||
// }
|
||||
|
||||
// @include respond("tab-port") {
|
||||
// margin-left: 100px;
|
||||
// }
|
||||
|
||||
@include respond("phone-land") {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color : $primary;
|
||||
text-decoration: none;
|
||||
outline : none;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
text-decoration: none;
|
||||
outline : none;
|
||||
color : $primary;
|
||||
}
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
color: $headings-color;
|
||||
}
|
||||
|
||||
h1,
|
||||
.h1,
|
||||
h2,
|
||||
.h2,
|
||||
h3,
|
||||
.h3,
|
||||
h4,
|
||||
.h4,
|
||||
h5,
|
||||
.h5,
|
||||
h6,
|
||||
.h6 {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// h4,
|
||||
// .h4,
|
||||
// h5,
|
||||
// .h5,
|
||||
// h6,
|
||||
// .h6 {
|
||||
// font-family: 'Montserrat', sans-serif;
|
||||
// font-weight: 500;
|
||||
// }
|
||||
|
||||
/* Editable */
|
||||
|
||||
// @include media-breakpoint-up(xxl) {
|
||||
// .container-fluid {
|
||||
// max-width: 80%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// #map {
|
||||
// height : 100%;
|
||||
// width : 100%;
|
||||
// margin : 0;
|
||||
// z-index: 990;
|
||||
// }
|
||||
@@ -0,0 +1,173 @@
|
||||
.section-padding {
|
||||
padding: 100px 0;
|
||||
|
||||
@include respond('tab-land') {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
@include respond('tab-port') {
|
||||
padding: 75px 0;
|
||||
}
|
||||
|
||||
@include respond('phone-land') {
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
@include respond('phone') {
|
||||
padding: 50px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mt-80 {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.mb-80 {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
// .vertical-line {
|
||||
// position : relative;
|
||||
// min-height : 1000px;
|
||||
// border-left: 1px solid $border-color;
|
||||
// z-index : 03;
|
||||
|
||||
// &::before {
|
||||
// content : "";
|
||||
// position : absolute;
|
||||
// top : -84px;
|
||||
// background : $border-color;
|
||||
// width : 1px;
|
||||
// height : 100px;
|
||||
// left : -1px;
|
||||
// // border-left : 1px solid #f00;
|
||||
// }
|
||||
|
||||
// &::after {
|
||||
// content : "";
|
||||
// position : absolute;
|
||||
// bottom : -84px;
|
||||
// background: $border-color;
|
||||
// width : 1px;
|
||||
// height : 100px;
|
||||
// left : -1px;
|
||||
// }
|
||||
// }
|
||||
|
||||
.page-title {
|
||||
margin-bottom : 30px;
|
||||
background : transparent;
|
||||
border-radius : $radius;
|
||||
// padding : 10px;
|
||||
|
||||
.page-title-content {
|
||||
// margin-top: 15px;
|
||||
|
||||
|
||||
h3 {
|
||||
font-size : 24px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.breadcrumbs {
|
||||
a {
|
||||
color : $text-muted;
|
||||
display : inline-block;
|
||||
// margin-left: 15px;
|
||||
font-size : 14px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
&.active {
|
||||
a {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
margin : 0px 10px;
|
||||
font-size : 20px;
|
||||
line-height: 0;
|
||||
position : relative;
|
||||
top : 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-grow-2 {
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
|
||||
// Scrollbar
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Track */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
box-shadow : inset 0 0 5px grey;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Handle */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background : #999;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Handle on hover */
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #777;
|
||||
}
|
||||
|
||||
|
||||
.c-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.trade-balance {
|
||||
position: relative;
|
||||
height : 380px;
|
||||
}
|
||||
|
||||
.position-value {
|
||||
position: relative;
|
||||
height : 320px;
|
||||
}
|
||||
|
||||
.shadow-sm {
|
||||
box-shadow: $shadow-sm;
|
||||
}
|
||||
|
||||
.shadow-lg {
|
||||
box-shadow: $shadow-lg;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.section-title {
|
||||
margin-bottom: 75px;
|
||||
|
||||
h2 {
|
||||
text-align : center;
|
||||
font-weight: 600
|
||||
}
|
||||
}
|
||||
|
||||
.auth-bg{
|
||||
font-size: 100px;
|
||||
background: url("./../../images/login/auth.jpg");
|
||||
display: none;
|
||||
}
|
||||
Yeni konuda referans
Bir kullanıcı engelle