Новый вид jut.su Как по мне сайт с этим стилем выглядит лучше чем обычный Всем кто установит этот стиль +100 к чакре ;)
/* ==UserStyle==
@name jut.su +
@namespace jut.su +
@author NoT_BoT
@description Новый вид jut.su Как по мне сайт с этим стилем выглядит лучше чем обычный Всем кто установит этот стиль +100 к чакре ;)
@version 20220805.22.58
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain(jut.su) {
div > div > div.textw > div.maintext img {
width: 200px;
}
.top-inner > .ui-effects-wrapper{
position:unset !important;
}
#sidr-sidebar:hover::before {
opacity: 0 !important;
}
#sidr-sidebar::before {
content: "Навидитесь чтобы открыть" !important;
font-size: 18px !important;
position: absolute !important;
transform: rotate(90deg) !important;
top: 150px !important;
left: 120px !important;
width: 300px !important;
}
#sidr-sidebar {
display: block !important;
left: -250px !important;
padding-right: 100px !important;
}
#sidr-sidebar:hover {
padding-right: 10px !important;
left: 0 !important;
}
body > div.main.wrapper.z_fix > div.sidebar > div.widget > ul > li:hover>* {
margin-left: 15px !important;
transition: 0.2s !important;
}
body > div.main.wrapper.z_fix > div.sidebar > div.widget > ul > li>* {
transition: 0.2s !important;
border-radius: 15px 0 0 15px !important;
}
#logo {
display: none !important;
}
#dle-content > div.user-block > div.top-block > div.top-inner {
top: 5px;
position: absolute;
left: 735px;
width: 338px;
display: inline-block;
}
#dle-content > div.user-block > div.top-block > div.top-inner > *:not(.user-holder) {
position: unset;
margin-bottom: 5px;
border-radius: 3px;
}
.technicBlock {
width: max-content !important;
}
.dark-line {
padding-top: 10px !important;
padding-bottom: 10px !important;
height: max-content !important;
top: 18px !important;
background: linear-gradient(to bottom, #334633 0%,#1c341c 100%) !important;
box-shadow: 2px 2px 3px 0 #394439 !important;
border-radius: 10px 10px 0px 0px !important;
}
.user-holder > .user_out > * {
border-radius: 15px !important;
border-width: 2px !important;
}
.user-holder > .user_out {
border-radius: 10px !important;
margin-bottom: 50px !important;
}
#dle-content > div.user-block > div.top-block > div.top-inner > div.user-holder > div.elements.mCustomScrollbar._mCS_1.mCS_no_scrollbar {
height: max-content !important;
padding-bottom: 10px !important;
}
.user-holder {
top: 5px !important;
left: -725px !important;
border-radius: 10px !important;
margin: 0px !important;
position: absolute;
}
.user-holder > .user-title {
margin-top: 61.5% !important;
margin-bottom: -75% !important;
}
.dark-line::after {
content: "Дополнительно" !important;
font: 18px/1.5 verdana,sans-serif !important;
font-weight: 500 !important;
padding-top: 6px !important;
position: absolute !important;
width: 351px !important;
height: 100% !important;
top: 0 !important;
background: linear-gradient(to bottom, #334633 0%,#1c341c 100%) !important;
border-radius: 10px 10px 0px 0px !important;
border: none !important;
box-shadow: 2px 2px 3px 0 #394439 !important;
margin-left: 51.8% !important;
}
.dark_line_bot::after {
content: "" !important;
width: 351px !important;
height: 100% !important;
top: 0 !important;
background: linear-gradient(to bottom, #1c341c 0%,#334633 100%) !important;
border-radius: 0px 0px 10px 10px !important;
border: none !important;
box-shadow: 2px 2px 3px 0 #394439 !important;
margin-left: 51.8% !important;
}
.dark_line_bot {
box-shadow: 2px 2px 3px 0 #394439 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
height: max-content !important;
background: linear-gradient(to bottom, #1c341c 0%,#334633 100%) !important;
bottom: -45px !important;
border-radius: 0px 0px 10px 10px !important;
}
#show-accruals {
top: 76px !important;
}
.l_friends {
top: 127px !important;
min-width: 336px;
}
#dle-content > div.user-block > div.top-block::after {
content: "" !important;
width: 350px !important;
height: 100% !important;
background: #363a37 !important;
position: absolute !important;
margin-left: 102% !important;
}
#dle-content > div.user-block > div.top-block {
background-position: left;
width: 715px !important;
height: 425px;
margin-top: 50px !important;
margin-bottom: 60px !important;
}
body > div.main.wrapper.z_fix > div.content > div.clear.berrors {
display: none !important;
}
.sector_border > .all_anime_title > .all_anime_mark_viewed_mini {
top: 5px !important;
left: 5px !important;
opacity: .7 !important;
border: 1px solid #666b66 !important;
border-radius: 100% !important;
}
body > div.info_panel.clear > div.notice_additional_id.notice_additional_hide.notice_additional.notice_additional_id_center.mCustomScrollbar._mCS_1 {
margin-top: 0 !important;
width: 264px !important;
right: 4px !important;
}
.sector_border > div.all_anime_title {
transition: .3s !important;
background-size: 100% !important;
}
.sector_border > div.all_anime_title:hover {
transition: .3s !important;
background-size: 100% !important;
border-radius: 10px !important;
width: 200px !important;
height: 200px !important;
}
.sector_border.center > h1 {
padding-left: 200px !important;
}
.sector_border.center {
margin-right: -10px !important;
}
body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_last_boruto_eps {
display: none !important;
}
.all_anime_bottom {
margin-top: -25px !important;
}
.all_anime_tooltip {
position: absolute !important;
bottom: -5px !important;
left: 5px !important;
}
a > div > div.all_anime_image > div.all_anime_mark_viewed {
position: absolute !important;
opacity: 0.6 !important;
top: 0 !important;
left: 0 !important;
}
a > div > div.all_anime_fulltop > div:hover {
opacity: 1 !important;
}
a > div > div.all_anime_fulltop > div {
transition: .2s !important;
top: 140px !important;
right: 0px !important;
height: max-content !important;
width: max-content !important;
position: absolute !important;
border: 1px solid #666b66 !important;
background-color: #363a37 !important;
opacity: .4 !important;
}
a > div > div.aablock::before {
content: "" !important;
display: block !important;
position: absolute !important;
height: 10px !important;
width: 10px !important;
border-radius: 100% !important;
border: 1px solid #666b66 !important;
background-color: #363a37 !important;
bottom: -13px !important;
left: -4px !important;
}
a > div > div.aablock::after {
content: "" !important;
display: block !important;
position: absolute !important;
height: 10px !important;
width: 10px !important;
border-radius: 100% !important;
border: 1px solid #666b66 !important;
background-color: #363a37 !important;
bottom: -13px !important;
right: -4px !important;
}
body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div[class="clr"] {
display: none !important;
}
body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div > div.b-g-title {
height: 54px !important;
text-align: center !important;
}
body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div > #laststoryhere {
width: 100% !important;
height: max-content !important;
}
body > div.main.wrapper.z_fix > div.content > div.media_b.clear > div {
width: 31% !important;
height: 330px !important;
background-color: #363a37 !important;
padding: 1% !important;
margin: 1% !important;
}
body > div.header.z_fix_header {
display: contents !important;
/*
width: 100vh !important;
transform: rotate(-90deg) !important;
margin-left: -24% !important;
margin-top: 23% !important;
margin-bottom: -27% !important;
*/
;
}
body > div.logo_b.wrapper > a {
margin-top: -40px !important;
}
body > div.header.z_fix_header > div > ul > *:not(li) {
transform: scale(1.5) !important;
margin-top: 20px !important;
}
body > div.header.z_fix_header > div > ul > li {
visibility: hidden !important;
}
#dle-content > div > div:nth-child(2) > a:hover {
transition: 0.2s !important;
transform: scale(1.1) !important;
z-index: 1 !important;
border: #3339 solid 4px !important;
min-height: 20px !important;
}
::-webkit-scrollbar {
display: none;
}
.anime_next_block {
max-width: 33% !important;
min-width: 33% !important;
padding-right: 20px !important;
padding-left: 0 !important;
}
#dle-content > div.all_anime_content.anime_some_margin > * {
padding: 0px 14.902px 0px 14.902px !important;
}
div.all_anime_content.anime_some_margin > * > a {
border: none !important;
}
.aablock {
z-index: 101 !important;
}
.aaname {
text-align: left !important;
min-height: 60px !important;
max-height: 60px !important;
}
.aailines {
min-height: 60px !important;
max-height: 60px !important;
}
.all_anime_image:hover {
margin-top: -90px !important;
}
div.all_anime_content.anime_some_margin > * > a > div > div.all_anime_image {
width: 186px !important;
height: 93px !important;
background-position: center !important;
border: 2px solid #fff0 !important;
border-radius: 25px 25px 0px 0px !important;
transition: .4s !important;
}
a > div > div.all_anime_fulltop {
height: 93px !important;
}
.all_anime_image:hover > .all_anime_mark_viewed_star {
margin-top: 45px !important;
}
.all_anime_mark_viewed_star {
margin-top: -45px !important;
background-color: #35413a !important;
border-radius: 4px !important;
opacity: 0.4 !important;
transition: .2s !important;
}
div.all_anime_image:hover > .all_anime_mark_viewed_star {
opacity: 1 !important;
transition: .2s !important;
}
.all_anime_mark_viewed_star:hover {
opacity: 0.9 !important;
transition: .2s !important;
}
div.all_anime_content.anime_some_margin > * > a > div > div.all_anime_image:hover {
z-index: 100 !important;
height: 90% !important;
transition: .2s !important;
border: 2px solid #fff9 !important;
}
body > div.info_panel.clear {
max-width: 1105px !important;
}
body > div.footer.wrapper.z_fix,
body > div.main.wrapper.z_fix {
max-width: 1105px !important;
}
#dle-content > div > div > a {
transition: 0.2s !important;
border: #0000 solid 4px !important;
width: 115px !important;
padding: 12px !important;
}
div.video_plate_title {
text-align: left !important;
}
div.videoContent {
margin-top: -37px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
p.previously_viewed {
margin-top: 10px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
#dle-content > div > a > div > div {
display: none !important;
}
div.v_epi_nav {
margin-bottom: -10px !important;
}
#dle-content > div > h1 {
margin-top: 0 !important;
}
#dle-content > div > div.videoContent > div > div.post_media.pm_videojs > * {
max-width: none !important;
}
body > div.main.wrapper.z_fix > div.content {
width: 100% !important;
}
body > div.main.wrapper.z_fix > div.sidebar {
display: none !important;
}
body > div.main.wrapper.z_fix > div.sidebar:hover {
margin-right: 0px !important;
}
body > div.main.wrapper.z_fix > div.sidebar {
position: fixed !important;
top: 0 !important;
width: max-content !important;
max-width: 385px !important;
margin-left: 1110px !important;
}
#dle-content > div > h1 {
padding-left: 10px !important;
border-radius: 10px !important;
}
#dle-content > div > div.videoContent > div.videoBlock {
padding: 14px !important;
}
#dle-content > div > div.video_plate_title {
padding-left: 0 !important;
text-align: center !important;
}
#dle-content > div > div.videoContent > div.videoBlock > div.v_epi_nav > * {
margin-top: 0 !important;
}
#dle-content > div > a > div {
margin-top: 15px !important;
border-radius: 10px !important;
}
#iChat_form > div.the_refresh_button {
width: max-content !important;
position: absolute !important;
top: 20px !important;
}
#dle-content > div > div.videoContent > div > div.post_media.pm_videojs > div.border_around_video.is-no-top-left-border.no-top-right-border > div.achiv_switcher_info {
right: 0 !important;
margin-left: 15px !important;
margin-right: 15px !important;
}
.sidebar > .widget {
margin-bottom: 10px !important;
}
.sidebar > .widget > ul > li:nth-child(15),
.sidebar > .widget > ul > li:nth-child(16),
.sidebar > .widget > ul > li:nth-child(13),
.sidebar > .widget > ul > li:nth-child(8),
.sidebar > .widget > ul > li:nth-child(9),
.kstati_widget_out,
.media_content.rand_tech_widget {
display: none !important;
}
.post_video_duration{
color: #fff;
background-color: #0008;
}
div.notice_top2.notice_cont {
margin-right: -50px !important;
}
#dle-content > div > div.videoContent > div > div.post_media.pm_videojs > div.top_player_line {
width: 100% !important;
}
div.achiv_switcher_in {
left: 1px !important;
}
/*div.technicBlock {
display: none;
}*/
#dle-content > div.user-block > div.clr {
height: 10px;
background-color: #0004;
margin: 10px;
border-radius: 10px;
}
}