☰

jut.su +

Новый вид 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;
}
}