Professor6T9 Web SheLL

Windows NT WEB-23 10.0 build 17763 (Windows Server 2016) i586
Microsoft-IIS/10.0
103.118.16.173

_usn-apc.scss

/*  
----------------------------------------------------------------------------------------------------
7.0 ADVANCED PAGE COMPONENTS
---------------------------------------------------------------------------------------------------- 
*/

.apc {
    position: relative;
    padding: $apc-spacing 0;
    overflow: hidden;
    height: 100%;
}

.apc.c1-bg:not([style^="background-image:"]):not(.map)+.apc.c1-bg:not([style^="background-image:"]):not(.map),
.apc.c2-bg:not([style^="background-image:"]):not(.map)+.apc.c2-bg:not([style^="background-image:"]):not(.map),
.apc.c3-bg:not([style^="background-image:"]):not(.map)+.apc.c3-bg:not([style^="background-image:"]):not(.map),
.apc.c4-bg:not([style^="background-image:"]):not(.map)+.apc.c4-bg:not([style^="background-image:"]):not(.map),
.apc.c5-bg:not([style^="background-image:"]):not(.map)+.apc.c5-bg:not([style^="background-image:"]):not(.map),
.apc.c6-bg:not([style^="background-image:"]):not(.map)+.apc.c6-bg:not([style^="background-image:"]):not(.map) {
    padding-top: 0;
}

.apc.pod-windows .container-fluid:first-child {
    margin-top: -$apc-spacing;
}

.apc.pod-windows .container-fluid:last-child {
    margin-bottom: -$apc-spacing;
}

.apc .overview {
    margin-bottom: $apc-spacing;
}

.apc .outro {
    margin-top: $apc-spacing;
}

.apc.no-padding .overview {
    margin-top: $apc-spacing;
}

.apc.no-padding .outro {
    margin-bottom: $apc-spacing;
}

.apc .overview .text :first-child,
.apc .outro .text :first-child {
    margin-top: 0;
}

.apc .overview .text :last-child,
.apc .outro .text :last-child {
    margin-bottom: 0;
}

.apc .overview.text-center .info,
.apc .outro.text-center .info {
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.apc .overview.text-right .info,
.apc .outro.text-right .info {
    float: right;
}

.apc .image.video {
    position: relative;
}

.apc.banner {
    padding: 0!important;
}

.apc.banner,
.apc.promo-pods {
    margin: 0;
}

.apc .heading.main {
    font-size: 25px;
    margin: 0;
}

.apc .overview .heading.main+.text,
.apc .outro .heading.main+.text {
    margin: $base-half-spacing 0 0;
}

@media (min-width:768px) {
    .apc {
        padding: $apc-spacing_sm 0;
    }
    .apc.pod-windows .container-fluid:first-child {
        margin-top: -$apc-spacing_sm;
    }
    .apc.pod-windows .container-fluid:last-child {
        margin-bottom: -$apc-spacing_sm;
    }
    .apc.no-padding .overview {
        margin-top: $apc-spacing_sm;
    }
    .apc.no-padding .outro {
        margin-bottom: $apc-spacing_sm;
    }
    .apc .heading.main {
        font-size: 30px;
    }
}

@media (min-width:992px) {
    .apc {
        padding: $apc-spacing_md 0;
    }
    .apc.pod-windows .container-fluid:first-child {
        margin-top: -$apc-spacing_md;
    }
    .apc.pod-windows .container-fluid:last-child {
        margin-bottom: -$apc-spacing_md;
    }
    .apc.no-padding .overview {
        margin-top: $apc-spacing_md;
    }
    .apc.no-padding .outro {
        margin-bottom: $apc-spacing_md;
    }
    .apc .heading.main {
        font-size: 35px;
    }
}

@media (min-width:1200px) {
    .apc {
        padding: $apc-spacing_lg 0;
    }
    .apc.pod-windows .container-fluid:first-child {
        margin-top: -$apc-spacing_lg;
    }
    .apc.pod-windows .container-fluid:last-child {
        margin-bottom: -$apc-spacing_lg;
    }
    .apc.no-padding .overview {
        margin-top: $apc-spacing_lg;
    }
    .apc.no-padding .outro {
        margin-bottom: $apc-spacing_lg;
    }
    .apc .heading.main {
        font-size: 40px;
    }
}

/*  
--------------------------------------------------
7.1 STANDARD PAGE COMPONENTS ON ADVANCED PAGE
-------------------------------------------------- 
*/

.apc.standard-components {}

.apc.standard-components .spc {
    margin-bottom: 0;
}

@media (min-width:768px) {}

@media (min-width:992px) {}

@media (min-width:1200px) {}

/*  
--------------------------------------------------
7.2 BANNER  
-------------------------------------------------- 
*/

.apc.banner {
    overflow: hidden;
    height: auto;
    position: relative;
    z-index: 0;
}

.apc.banner .item {
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.apc.banner .item.short,
.apc.banner .item.short .container,
.apc.banner .item.short .row {
    height: 35vh;
    min-height: 270px;
}

.apc.banner .item.medium,
.apc.banner .item.medium .container,
.apc.banner .item.medium .row {
    height: 50vh;
    min-height: 370px;
}

.apc.banner .item.takeover,
.apc.banner .item.takeover .container,
.apc.banner .item.takeover .row {
    height: 100vh;
}

body:not(.no-header) .apc.banner .item.takeover,
body:not(.no-header) .apc.banner .item.takeover .container,
body:not(.no-header) .apc.banner .item.takeover .row {
    height: 100vh;
    height: $takeover-banner;
}

body.browser-ios:not(.no-header) .apc.banner .item.takeover,
body.browser-ios:not(.no-header) .apc.banner .item.takeover .container,
body.browser-ios:not(.no-header) .apc.banner .item.takeover .row {
    height: 100vh;
    height: $takeover-banner-ios;
}

body.browser-ios.no-header .apc.banner .item.takeover,
body.browser-ios.no-header .apc.banner .item.takeover .container,
body.browser-ios.no-header .apc.banner .item.takeover .row {
    height: 100vh;
    height: $takeover-banner-ios-no-header;
}

.apc.banner .item.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.apc.banner .item .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* will not work on iOS: https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios */

/* ONLY NEEDED FOR NON JQUERY PARALLAX */

body:not(.browser-ios) .apc.banner .item.parallax .image {
    background-attachment: fixed;
}

.apc.banner .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding: 0;
}

.apc.banner .info .heading.main {
    margin: 0;
}

.apc.banner .info .heading.main+.text {
    margin-top: 5px;
}

.apc.banner .info .text :first-child {
    margin-top: 0;
}

.apc.banner .info .text :last-child {
    margin-bottom: 0;
}

.apc.banner .info .heading.main+.link {
    margin: 20px 0 0;
}

.apc.banner .info .text+.link {
    margin: 30px 0 0;
}

/* SCROLL PROMPT */

.apc.banner .scroll-prompt {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.apc.banner .scroll-prompt a {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none!important;
}

.apc.banner .scroll-prompt a i {
    font-size: 30px;
    line-height: 40px;
    display: block;
    padding: 0;
    margin: 0 0 0 2px;
}

.apc.banner .scroll-prompt .mouse-scroll {
    position: relative;
    width: 21px;
    height: 35px;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    border-color: rgba($c5, 1);
    border-radius: 10px;
}

.apc.banner .scroll-prompt .mouse-scroll::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 7px;
    width: 3px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba($c5, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@media (min-width:768px) {
    .apc.banner .item.short,
    .apc.banner .item.short .container,
    .apc.banner .item.short .row {
        height: 40vh;
        min-height: 350px;
    }
    .apc.banner .item.medium,
    .apc.banner .item.medium .container,
    .apc.banner .item.medium .row {
        height: 60vh;
        min-height: 450px;
    }
    .apc.banner .item.takeover,
    .apc.banner .item.takeover .container,
    .apc.banner .item.takeover .row {
        height: 100vh;
    }
    body:not(.no-header) .apc.banner .item.takeover,
    body:not(.no-header) .apc.banner .item.takeover .container,
    body:not(.no-header) .apc.banner .item.takeover .row {
        height: 100vh;
        height: $takeover-banner_sm;
    }
    body.browser-ios:not(.no-header) .apc.banner .item.takeover,
    body.browser-ios:not(.no-header) .apc.banner .item.takeover .container,
    body.browser-ios:not(.no-header) .apc.banner .item.takeover .row {
        height: 100vh;
        height: $takeover-banner-ios_sm;
    }
    body.browser-ios.no-header .apc.banner .item.takeover,
    body.browser-ios.no-header .apc.banner .item.takeover .container,
    body.browser-ios.no-header .apc.banner .item.takeover .row {
        height: 100vh;
        height: $takeover-banner-ios-no-header_sm;
    }
}

@media (min-width:992px) {}

@media (min-width:768px) and (max-width:1199px) {
    .apc.banner .info .table {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (min-width:1200px) {
    .apc.banner .item.short,
    .apc.banner .item.short .container,
    .apc.banner .item.short .row {
        min-height: 400px;
    }
    .apc.banner .item.medium,
    .apc.banner .item.medium .container,
    .apc.banner .item.medium .row {
        min-height: 550px;
    }
    .apc.banner .scroll-prompt a {
        height: auto;
        padding-bottom: 20px;
    }
    .apc.banner .scroll-prompt a span {
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 0.09em;
        display: block;
        margin-top: 15px;
        display: none;
    }
    .apc.banner .scroll-prompt a i {
        font-size: 20px;
    }
}

@media (min-width:1500px) {
    body.fixed-width .apc.banner .item {
        background-size: 1500px auto;
    }
}

/*  
--------------------------------------------------
7.2.2 BANNER VIDEOS
-------------------------------------------------- 
*/

.apc.banner .item .video {}

.apc.banner .item .video .video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    /* for accessing the video by click */
    overflow: hidden;
    transform: translate(-50%, -50%);
}

@media (min-width:0) and (max-width:767px) {}

@media (min-width:768px) {}

@media (min-width:992px) {}

@media (min-width:1200px) {}

/*  
--------------------------------------------------
7.3 CTA STRIP  
-------------------------------------------------- 
*/

.apc.cta-strip {}

.apc.cta-strip .overview {
    position: relative;
    margin-bottom: 0;
}

.apc.cta-strip .heading.main {}

.apc.cta-strip .link {
    margin-top: $base-spacing;
}

@media (min-width:768px) {}

@media (min-width:992px) {
    .apc.cta-strip .text-left .link,
    .apc.cta-strip .text-right .link {
        position: absolute;
        top: 0;
        margin-top: 0;
    }
    .apc.cta-strip .text-left .heading+.text+.link,
    .apc.cta-strip .text-right .heading+.text+.link {
        top: auto;
        bottom: 0;
    }
    .apc.cta-strip .text-left .link {
        right: -315px;
    }
    .apc.cta-strip .text-right .link {
        left: -315px;
    }
    .apc.cta-strip .text-left .link .btn,
    .apc.cta-strip .text-right .link .btn {
        width: 212px;
    }
}

@media (min-width:1200px) {
    .apc.cta-strip .text-left .link .btn,
    .apc.cta-strip .text-right .link .btn {
        min-width: 262px;
    }
    .apc.cta-strip .text-left .link {
        right: -380px;
    }
    .apc.cta-strip .text-right .link {
        left: -380px;
    }
}

/*  
--------------------------------------------------
7.5 TEXT WITH IMAGE / VIDEO
-------------------------------------------------- 
*/

.apc.text-with-slideshow {}

.apc.text-with-slideshow .overlayicon {
    font-size: 60px;
}

@media (min-width:0) and (max-width:991px) {
    .apc.text-with-slideshow .slides {
        margin-bottom: $base-half-spacing;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .apc.text-with-slideshow.wide .slides {
        max-width: 720px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width:992px) {
    .apc.text-with-slideshow.wide {
        padding: 0;
    }
    .apc.text-with-slideshow .text-side {
        display: table;
    }
    .apc.text-with-slideshow .info {
        padding-top: 0;
        display: table-cell;
        vertical-align: middle;
    }
    .apc.text-with-slideshow.wide .info {
        padding: $apc-spacing_md 0;
    }
    .apc.text-with-slideshow .overlayicon {
        font-size: 100px;
    }
    .apc.text-with-slideshow:not(.wide) .pull-right .slides {
        margin-left: -$base-half-spacing;
    }
    .apc.text-with-slideshow:not(.wide) .pull-left .slides {
        margin-right: -$base-half-spacing;
    }
    .apc.text-with-slideshow.wide .slides {
        margin-right: -$base-half-spacing;
        margin-left: -$base-half-spacing;
    }
}

@media (min-width:1200px) {
    .apc.text-with-slideshow.wide .info {
        padding: $apc-spacing_lg 0;
    }
    .apc.text-with-slideshow .overlayicon {
        font-size: 140px;
    }
}

/*  
--------------------------------------------------
7.6 TEXT WITH FORM  
-------------------------------------------------- 
*/

.apc.text-with-form {}

@media (min-width:0) and (max-width:767px) {
    .apc.text-with-form .text-side+.form-side {
        margin-top: $apc-spacing;
    }
    .apc.text-with-form .form-side+.text-side {
        margin-top: $apc-spacing;
    }
}

@media (min-width:768px) {}

@media (min-width:768px) and (max-width:991px) {
    .apc.text-with-form .text-side+.form-side {
        margin-top: $apc-spacing_sm;
    }
    .apc.text-with-form .form-side+.text-side {
        margin-top: $apc-spacing_sm;
    }
}

@media (min-width:992px) {
    .apc.text-with-form .text-side {
        margin-top: 21px;
    }
}

@media (min-width:1200px) {
    .apc.text-with-form .text-side {
        margin-top: 31px;
    }
}

/*  
--------------------------------------------------
7.7 LISTING WITH FORM
-------------------------------------------------- 
*/

.apc.listing-with-form {}

.apc.listing-with-form .listing .item {
    margin: $apc-spacing 0 0;
    position: relative;
}

.apc.listing-with-form .listing .heading.main+.item {
    margin-top: $base-spacing;
}

.apc.listing-with-form .listing .item .heading {
    font-size: 18px;
}

.apc.listing-with-form .listing.blog .item {
    padding-bottom: $base-half-spacing;
}

.apc.listing-with-form .listing .item .meta {
    margin: $base-half-spacing 0 0;
}

.apc.listing-with-form .listing .link {
    margin-top: $base-spacing;
}

@media (min-width:0) and (max-width:767px) {
    .apc.listing-with-form .listing-side+.form-side {
        margin-top: $apc-spacing;
    }
    .apc.listing-with-form .form-side+.listing-side {
        margin-top: $apc-spacing;
    }
}

@media (min-width:768px) {}

@media (min-width:768px) and (max-width:991px) {
    .apc.listing-with-form .listing-side+.form-side {
        margin-top: $apc-spacing_sm;
    }
    .apc.listing-with-form .form-side+.listing-side {
        margin-top: $apc-spacing_sm;
    }
}

@media (min-width:992px) {
    .apc.listing-with-form .listing-side {
        margin-top: 21px;
    }
    .apc.listing-with-form .listing .item .heading {
        font-size: 20px;
    }
}

@media (min-width:1200px) {
    .apc.listing-with-form .listing-side {
        margin-top: 31px;
    }
    .apc.listing-with-form .listing .item .heading {
        font-size: 22px;
    }
}

/*  
--------------------------------------------------
7.10 POD WINDOWS
-------------------------------------------------- 
*/

.apc.pod-windows {}

.apc.pod-windows .container-fluid {
    padding: 0;
}

.apc.pod-windows .row:not(.overview):not(.outro) {
    margin: 0;
}

.apc.pod-windows .row.smaller-items {
    padding: 0;
}

.apc.pod-windows .item {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.apc.pod-windows .item::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.apc.pod-windows .item.half-item::before {
    padding-top: 50%;
}

.apc.pod-windows .item .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    color: rgba($base-text, 1);
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
}

.apc.pod-windows .item .info::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out 0s;
}

.apc.pod-windows .item .info .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.apc.pod-windows .item .table {
    position: relative;
    z-index: 5;
}

.apc.pod-windows .item .heading {
    margin: 0;
}

.apc.pod-windows .item .heading+.text {
    margin-top: 5px;
}

.apc.pod-windows .item .text :first-child {
    margin-top: 0;
}

.apc.pod-windows .item .text :last-child {
    margin-bottom: 0;
}

.apc.pod-windows .item .link {
    margin-bottom: 0;
}

.apc.pod-windows .item .link {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 201;
    width: 100%;
    transition: bottom 0.4s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}

.apc.pod-windows .item .link span {}

html.no-touch .apc.pod-windows .item a.info .link {
    bottom: -100%;
    opacity: 0;
}

html.no-touch .apc.pod-windows .item a:hover .link {
    bottom: 20px;
    opacity: 1;
}

.apc.pod-windows .item .info .overlayicon {
    background: none;
    font-size: 100px;
}

@media (min-width:0) and (max-width:499px) {}

@media (min-width:500px) {
    .apc.pod-windows .item.quarter-item {
        width: 50%;
    }
}

@media (min-width:992px) {
    .apc.pod-windows .full-item .heading {
        font-size: 30px;
    }
    .apc.pod-windows .half-item .heading {
        font-size: 25px;
    }
    .apc.pod-windows .quarter-item .heading {
        font-size: 20px;
    }
}

@media (min-width:1200px) {
    .apc.pod-windows .full-item .heading {
        font-size: 40px;
    }
    .apc.pod-windows .half-item .heading {
        font-size: 30px;
    }
    .apc.pod-windows .item .heading,
    .apc.pod-windows .item .text {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
    .apc.pod-windows .item .link {
        bottom: 30px;
    }
    .apc.pod-windows .item.full-item .overlayicon {
        font-size: 140px;
    }
}

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	0/0	0777	2025-01-07 02:00:14
..	dir	-	0/0	0777	2025-01-07 02:00:14
_usn-apc.scss	text/plain	19.6 KB	0/0	0666	2021-03-25 08:04:10
_usn-nav.scss	text/plain	26.88 KB	0/0	0666	2021-03-25 08:04:10
_usn-spc.scss	text/x-asm	19.96 KB	0/0	0666	2021-03-25 08:04:10
_usn-swp.scss	text/plain	3.14 KB	0/0	0666	2021-03-25 08:04:10

Team Anon Force

https://t.me/Professor6T9x