Authorser21
LicenseCopyright 2022
CategoryПользовательский стиль для TROVO.LIVE
Created
Updated
Size24 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Темная тема для сайта TROVO.LIVE !
Преимущества:
Нет устанавливающих виджетов в плеере.
Настоящая темная тема .
Повышена производительность сайта (для слабых компьютеров)
Режим кинотеатра.
Что я убрал? :
Боковое меню ( для быстродействия сайта)
Виджеты в плеере (Меня бесило)
———————————————————————
Моя страница ВКонтакте: https://vk .com/sergius_demon
Мой ТЕЛЕГРАМ: https://web.telegram.org/k/#@skladlaifhackovprogrammer
Версия CSS-стиля: 2.0.0
/* ==UserStyle==
@name trovo.live
@version 20220706.14.39
@namespace userstyles.world/user/ser21
@description интерфейс трово
@author SerGio Play
@license No License
==/UserStyle== */
@-moz-document domain("trovo.live"),
domain("https://trovo.live/") {
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;500&family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=DynaPuff&family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&display=swap');
span.text,
.follow-btn .back[data-v-adc2334c], .follow-btn .front[data-v-adc2334c],
.cat-menu-item[data-v-57e7a7de],
.li-wrap .title[data-v-3c12b66a] ,
.li-wrap .tags .tag[data-v-3c12b66a] {
color: #fff;
font-family: 'DynaPuff', cursive;
}
.cursor-auto[data-v-33cd7157],
.drag-container[data-v-268966d2],
.drag-container ul.drag-inner-list[data-v-268966d2],
.flex.align-center.flex-wrap {
border: none;
border-bottom: 0px;
}
.main-bg[data-v-95a8519a] {
background-color: #000;
height: 100%;
}
.li-wrap .title[data-v-cce8ef6e] {
margin-top: 5%;
}
.activity-btn-container .activity-btn[data-v-a5d9f9d6] {
margin-top: 155%;
}
.explicit-wrap[data-v-1ac9bf10],
.act-btn[data-v-1ac9bf10] {
margin-top: 75%;
}
.discount-gift-btn,
.cast-btn[data-v-0e60f78b] {
margin-top: 6%;
}
.user-info ,
.search-side-banner[data-v-1f3b3adc],
.li-wrap .user-info-wrap[data-v-cce8ef6e] ,
.wrapper[data-v-d9c15b30]:first-child ,
.title-wrapper.following-wrapper[data-v-d9c15b30],
.title-wrapper.nav.active[data-v-704807b6]{
display: none;
}
.btn-wrap[data-v-15ab8028] {
margin-top: 63%;
}
.cast-btn[data-v-467db984] {
margin-top: 6%;
}
.li-wrap .title[data-v-2f793d19],
.li-wrap .tags .tag.viewer-count[data-v-2f793d19],
.li-wrap .tags .tag[data-v-2f793d19],
.tag-list .tag[data-v-ed7103f4],
.streamer-wrap .streamer-name[data-v-2969c62b],
.text-mini,
.size20,
.main-desc[data-v-724c9c46],
.chat-list .header .title[data-v-1504f569],
.chat-rule-panel .name[data-v-141205c0],
.chat-rule-panel .rule-header .icon-close[data-v-141205c0],
.chat-rule-panel .rule-title[data-v-141205c0],
.chat-rule-panel .rule-list li[data-v-141205c0],
.top-up .balance .balance-info[data-v-2a2b5bd0],
.pc .title-wrap{
color: #fff;
}
.top-up .item-list[data-v-2a2b5bd0] {
margin-top: 5%;
}
.chat-rule-panel[data-v-141205c0],
.tag-list .hour-list[data-v-ed7103f4],
.contents[data-v-32460f11],
.pin-list-container[data-v-637bf8ad],
.list-wrap[data-v-3a8adf60],
.my-balance ul[data-v-0ee381e9],
.my-record[data-v-0ee381e9],
body .el-date-editor .el-range-input, body .el-range-editor,
thead[data-v-15f826fb], thead tr[data-v-15f826fb],
.member-group[data-v-7ad04a4f],
.payment-header .content[data-v-012b90fa],
.custom-panel-share .share-content[data-v-47d91f7c]{
background: #3a0555;
border-radius: 10px;
color: #fff;
}
.member-list[data-v-7ad04a4f] .role {
display: none;
}
.icon-search[data-v-1a28ba94] {
width: 15px;
}
.top-header[data-v-0d18641e] {
box-shadow: rgba(0, 0, 0, 0.7) 0px 4px 10px 0px;
}
.current-wrapper[data-v-64c59b29],
.streamer-card[data-v-46da864c] ,
thead[data-v-f7a6e390],
.container .chat-list-wrap[data-v-87fb083a],
.top-wrap[data-v-93d98c18],
::-webkit-scrollbar-thumb,
.search-content[data-v-1a28ba94],
.current-wrapper[data-v-5c364dfa],
.chat-wrap[data-v-47945ad0],
.input-container[data-v-38aaca22],
.cursor-auto[data-v-0227ad3a]{
background-color: #000;
border: none;
}
.message-user[data-v-0f00e732]:hover,
.message-comp[data-v-0c76556a]:hover ,
.flex.align-center.flex-wrap:hover,
.pc, .pc .wrapper,
.room-title[data-v-1cbca08a],
.space-info .info-head[data-v-8bc6629c]{
background-color: #000;
border: none;
}
.space-info.flex.align-center,
.flex.align-center.flex-wrap,
.align-start ,
.cursor-auto[data-v-2f793d19] {
border: none;
border-bottom: none;
}
.search-input[data-v-694ab654] .choose-panel,
.card-container.top[data-v-34235ede],
.pin-list-container .message-box[data-v-637bf8ad],
.squad-banner[data-v-eb76dd3a],
.icon-settings.fade-in[data-v-eb76dd3a],
.search-content .search-key[data-v-0a0ff85a] {
background: #000;
border: none;
border-radius: 0px;
}
.pin-list-container[data-v-637bf8ad] {
width: 470px;
}
.space-nav .op-bar[data-v-f6341f58] ,
.space-nav .list[data-v-f6341f58],
.video-block.vod-fullscreen-active .block-right[data-v-0d506147],
.video-block.vod-fullscreen-active .bg-color[data-v-0d506147],
.view-mode[data-v-52b59db3]{
background: #000;
}
.input[data-v-5f6ace8f],
.user .name[data-v-8509152c]{
color: #fff;
}
.about-me-content[data-v-10cc424e],
.text-panel[data-v-3e5b5796],
.current-wrapper[data-v-825c2cb0],
.chat-body[data-v-27755a64],
.top-wrap[data-v-27755a64],
.input-container[data-v-5a2118da]{
background-color: #000;
}
.text[data-v-0f00e732],
.input-box .editor[data-v-521db312]{
color: #9039ea;
font-size: 12pt;
}
.nickname-box .nick-name[data-v-4c3b0a66],
.card-container .nickName-wrap .username[data-v-34235ede]{
color: #dd7b3f;
}
.text-panel .url[data-v-3e5b5796],
.url[data-v-0f00e732]{
color: #e4ab33;
cursor: pointer;
}
.gift-message.medium .gift-box[data-v-7220ce0e],
[data-v-daee7dc4] .timestamp-msg>span{
background: #000;
}
.mask-next[data-v-07bf382e],
.mask-pre[data-v-07bf382e],
body {
background: #000;
}
.common-panel-wrap header[data-v-95a8519a] {
background-color: #6e2389;
}
.link-logo .icon-trovo[data-v-51bee01f] {
max-width: 150px;
margin-top: 5%;
}
.nav-wrapper[data-v-5aedfd68] {
margin-left: 1%;
}
.room-title.flex.align-center.radius-top ,
.base-nav[data-v-7c57ecb5],
.flex.align-center.flex-wrap ,
.room-title[data-v-b2031264] ,
.tabs[data-v-52b59db3]{
background-color: #0000009e;
border: none;
}
body > div#__nuxt:nth-child(3) > div#__layout > div.top-container.webp > nav.base-nav {
background-color: #0000009e;
}
.align-start {
margin-top: 50px;
}
.act-btn[data-v-94c0b990] {
margin-top: -6%;
}
.explicit-wrap[data-v-94c0b990] {
top: -6px;
}
.space-info .members[data-v-8bc6629c] {
font-family: 'DynaPuff', cursive;
color: #44edef;
padding: 0% 0% 0% 0%;
}
.gift-box[data-v-2ea33b34] {
border: none;
background-color: #0000009e;
}
.chat-wrap[data-v-3d25520a] {
margin-left: 0%;
}
.text:nth-child(all) {
font-family: 'DynaPuff', cursive;
}
.op-bar[data-v-b8bab090] {
width: 180%;
color: #007af5;
background-color: #000;
}
.video-container[data-v-4a724ea2] {
background-color: #000
}
.vcp-slider .vcp-slider-track {
background: #a0f;
}
.vcp-controls-panel {
height: 60px;
border-radius: 7px;
background: #4ee17b00;
}
.tabs[data-v-52b59db3] {
color: #ceb1c9;
font-family: 'DynaPuff', cursive;
}
.tabs[data-v-52b59db3] .tab-item.active {
font-family: 'DynaPuff', cursive;
color: #58d642f2;
}
.text-overflow,
.setting-preferences .tips[data-v-b1989ef0],
.option-row[data-v-b1989ef0]:first-child,
.option-row[data-v-b1989ef0]{
font-family: 'DynaPuff', cursive;
font-size: 10pt;
color: #e8e1ea;
}
.status.live[data-v-674ae0ee] {
background-color: #7a3688;
font-family: 'DynaPuff', cursive;
font-size: 10pt;
border-radius: 5px;
}
.icon-btn[data-v-37d40df2] {
color: #d11f1f;
}
.icon-btn[data-v-37d40df2]:hover {
color: #567;
}
.clip-title[data-v-220ef1b0] {
color: #dd58d3;
font-family: 'DynaPuff', cursive;
}
.block-time[data-v-220ef1b0] {
font-family: 'DynaPuff', cursive;
color: #37f288;
}
.tag-list .hour-list .tag-name[data-v-85b5e1b2] {
color: #ffd8fa;
}
.chat-body[data-v-83ed3142],
.input-container[data-v-4d27e834] {
background-color: #000;
}
.notify-select[data-v-3e435a54],
.notify-select[data-v-3e435a54]:hover {
border-radius: 10px;
margin-left: 0%;
height: 55px;
background-color: #000;
}
@keyframes borderGradient {
10% {
border: 2px solid rgb(139, 245, 0);
}
20% {
border: 2px solid rgba(12, 255, 214, 0.678);
}
30% {
border: 2px solid rgba(129, 255, 12, 0.671);
}
40% {
border: 2px solid rgb(206, 12, 255);
}
50% {
border: 2px solid rgb(255, 12, 12);
}
60% {
border: 2px solid rgb(12, 255, 1...