One Hat Cyber Team
Your IP:
216.73.216.102
Server IP:
198.54.114.155
Server:
Linux server71.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64
Server Software:
LiteSpeed
PHP Version:
5.6.40
Create File
|
Create Folder
Execute
Dir :
~
/
home
/
fluxyjvi
/
public_html
/
assets
/
images
/
View File Name :
_components.tar
_buttons.scss 0000644 00000004521 15107325426 0007305 0 ustar 00 .cmn--btn { font-family: var(--heading-fonts); position: relative; color: $white; border-radius: 7px; width: auto; font-weight: 500; text-transform: capitalize; outline: none; border: none; padding: 10px 25px; overflow: hidden; background: var(--base-clr); text-decoration: none; border: 2px solid var(--base-clr, 0.3); text-align: center; &:hover, &.btn-outline { color: var(--base-clr); background: transparent; border-color: var(--base-clr); .round-effect { &::before { background: var(--base-clr); } i { color: var(--white-clr); } } } &.btn-outline { &:hover { background: var(--base-clr); color: $white; } } .round-effect { position: relative; margin-left: 15px; &::before { width: 25px; height: 25px; @include border-radius(50%); background: rgba(var(--dark-rgb), 0.3); @extend %center; } i { position: relative; z-index: 1; } } } button.cmn--btn { padding-top: 0; padding-bottom: 0; height: 50px; &:hover { color: $white; background: var(--base-clr); } } .btn.cmn--btn { outline: none; box-shadow: none; &:hover { color: $title; border-color: rgba($title, 0.1); } } .video--btn { width: 60px; height: 60px; line-height: 60px; text-align: center; @include border-radius(50%); position: relative; background: var(--base-clr); &::after, &::before { @extend %center; width: 100%; height: 100%; @include border-radius(50%); background: var(--base-clr); opacity: 0.4; } &::after { animation: inside-ripple 2s linear infinite; animation-delay: 1s; } &::before { animation: outside-ripple 2s linear infinite; } i { position: relative; z-index: 1; color: $white; } } @keyframes inside-ripple { 0% { @include transform(translate(-50%, -50%) scale(1.1)); } 50% { @include transform(translate(-50%, -50%) scale(1.5)); } 100% { @include transform(translate(-50%, -50%) scale(1.5)); opacity: 0; } } @keyframes outside-ripple { 0% { @include transform(translate(-50%, -50%) scale(1)); } 50% { @include transform(translate(-50%, -50%) scale(1.5)); } 100% { @include transform(translate(-50%, -50%) scale(1.5)); opacity: 0; } } .btn__grp { display: flex; flex-wrap: wrap; align-items: center; margin: -12px; a { margin: 12px; } @include breakpoint(max-sm) { margin: -5px; a { margin: 5px; } } } _color.scss 0000644 00000004276 15107325426 0006734 0 ustar 00 .bg--body { background-color: var(--body-bg) !important; } .bg--section { background-color: var(--section-bg) !important; } .btn--base, .badge--base, .bg--base { background-color: var(--base-clr) !important; } .btn--primary, .badge--primary, .bg--primary { background-color: $primary-color !important; } .btn--secondary, .badge--secondary, .bg--secondary { background-color: $secondary-color !important; } .btn--success, .badge--success, .bg--success { background-color: $success-color !important; } .btn--danger, .badge--danger, .bg--danger { background-color: $danger-color !important; } .btn--warning, .badge--warning, .bg--warning { background-color: $warning-color !important; } .btn--warning { color: $dark-color !important; } .btn--info, .badge--info, .bg--info { background-color: $info-color !important; } .btn--dark, .badge--dark, .bg--dark { background-color: $dark-color !important; } .btn--white, .badge--white, .bg--white { background-color: $white !important; } [class*="btn--"] { color: $white; font-weight: 500; &:hover { color: $white; } } .btn--warning, .badge--warning, .btn--white, .badge--white { color: $title; &:hover { color: $title; } } .btn--black, .badge--black, .bg--black { background-color: #000 !important; } .btn--title, .badge--title, .bg--title { background-color: $title !important; } .text--primary { color: $primary-color !important; } .text--secondary { color: $secondary-color !important; } .text--success { color: $success-color !important; } .text--danger { color: $danger-color !important; } .text--warning { color: $warning-color !important; } .text--info { color: $info-color !important; } .text--dark { color: $dark-color !important; } .text--white { color: $white !important; p, ul li, ul li a, span { color: $light-color; } } .text--black { color: $black !important; } .text--body { color: var(--body-clr) !important; } .text--base { color: var(--base-clr); } .text--title { color: var(--title-clr) !important; } .text--light { color: $light-color !important; } .bg--transparent { background-color: transparent !important; } .bg--none { background: none !important; } .text--star { color: $star; } a { text-decoration: none; }