☰

jut.su +

Новый вид jut.su Как по мне сайт с этим стилем выглядит лучше чем обычный Всем кто установит этот стиль +100 к чакре ;)

  1. /* ==UserStyle==
  2. @name           jut.su +
  3. @namespace      jut.su +
  4. @author         NoT_BoT
  5. @description    Новый вид jut.su Как по мне сайт с этим стилем выглядит лучше чем обычный Всем кто установит этот стиль +100 к чакре ;)
  6. @version        20220805.22.58
  7. @license        CC0-1.0
  8. @preprocessor   uso
  9. ==/UserStyle== */
  10. @-moz-document domain(jut.su) {
  11.  
  12. div > div > div.textw > div.maintext img {
  13. 	width: 200px;
  14. }
  15. .top-inner > .ui-effects-wrapper{
  16.   position:unset !important;
  17. }
  18. #sidr-sidebar:hover::before {
  19. 	opacity: 0 !important;
  20. }
  21.  
  22. #sidr-sidebar::before {
  23. 	content: "Навидитесь чтобы открыть" !important;
  24. 	font-size: 18px !important;
  25. 	position: absolute !important;
  26. 	transform: rotate(90deg) !important;
  27. 	top: 150px !important;
  28. 	left: 120px !important;
  29. 	width: 300px !important;
  30. }
  31.  
  32. #sidr-sidebar {
  33. 	display: block !important;
  34. 	left: -250px !important;
  35. 	padding-right: 100px !important;
  36. }
  37.  
  38. #sidr-sidebar:hover {
  39. 	padding-right: 10px !important;
  40. 	left: 0 !important;
  41. }
  42.  
  43. body > div.main.wrapper.z_fix > div.sidebar > div.widget > ul > li:hover>* {
  44. 	margin-left: 15px !important;
  45. 	transition: 0.2s !important;
  46. }
  47.  
  48. body > div.main.wrapper.z_fix > div.sidebar > div.widget > ul > li>* {
  49. 	transition: 0.2s !important;
  50. 	border-radius: 15px 0 0 15px !important;
  51. }
  52.  
  53. #logo {
  54. 	display: none !important;
  55. }
  56.  
  57. #dle-content > div.user-block > div.top-block > div.top-inner {
  58. 	top: 5px;
  59. 	position: absolute;
  60. 	left: 735px;
  61. 	width: 338px;
  62. 	display: inline-block;
  63. }
  64.  
  65. #dle-content > div.user-block > div.top-block > div.top-inner > *:not(.user-holder) {
  66. 	position: unset;
  67. 	margin-bottom: 5px;
  68. 	border-radius: 3px;
  69. }
  70.  
  71. .technicBlock {
  72. 	width: max-content !important;
  73. }
  74.  
  75. .dark-line {
  76. 	padding-top: 10px !important;
  77. 	padding-bottom: 10px !important;
  78. 	height: max-content !important;
  79. 	top: 18px !important;
  80. 	background: linear-gradient(to bottom, #334633 0%,#1c341c 100%) !important;
  81. 	box-shadow: 2px 2px 3px 0 #394439 !important;
  82. 	border-radius: 10px 10px 0px 0px !important;
  83. }
  84.  
  85. .user-holder > .user_out > * {
  86. 	border-radius: 15px !important;
  87. 	border-width: 2px !important;
  88. }
  89.  
  90. .user-holder > .user_out {
  91. 	border-radius: 10px !important;
  92. 	margin-bottom: 50px !important;
  93. }
  94.  
  95. #dle-content > div.user-block > div.top-block > div.top-inner > div.user-holder > div.elements.mCustomScrollbar._mCS_1.mCS_no_scrollbar {
  96. 	height: max-content !important;
  97. 	padding-bottom: 10px !important;
  98. }
  99.  
  100. .user-holder {
  101. 	top: 5px !important;
  102. 	left: -725px !important;
  103. 	border-radius: 10px !important;
  104. 	margin: 0px !important;
  105. 	position: absolute;
  106. }
  107.  
  108. .user-holder > .user-title {
  109. 	margin-top: 61.5% !important;
  110. 	margin-bottom: -75% !important;
  111. }
  112.  
  113. .dark-line::after {
  114. 	content: "Дополнительно" !important;
  115. 	font: 18px/1.5 verdana,sans-serif !important;
  116. 	font-weight: 500 !important;
  117. 	padding-top: 6px !important;
  118. 	position: absolute !important;
  119. 	width: 351px !important;
  120. 	height: 100% !important;
  121. 	top: 0 !important;
  122. 	background: linear-gradient(to bottom, #334633 0%,#1c341c 100%) !important;
  123. 	border-radius: 10px 10px 0px 0px !important;
  124. 	border: none !important;
  125. 	box-shadow: 2px 2px 3px 0 #394439 !important;
  126. 	margin-left: 51.8% !important;
  127. }
  128.  
  129. .dark_line_bot::after {
  130. 	content: "" !important;
  131. 	width: 351px !important;
  132. 	height: 100% !important;
  133. 	top: 0 !important;
  134. 	background: linear-gradient(to bottom, #1c341c 0%,#334633 100%) !important;
  135. 	border-radius: 0px 0px 10px 10px !important;
  136. 	border: none !important;
  137. 	box-shadow: 2px 2px 3px 0 #394439 !important;
  138. 	margin-left: 51.8% !important;
  139. }
  140.  
  141. .dark_line_bot {
  142. 	box-shadow: 2px 2px 3px 0 #394439 !important;
  143. 	padding-top: 10px !important;
  144. 	padding-bottom: 10px !important;
  145. 	height: max-content !important;
  146. 	background: linear-gradient(to bottom, #1c341c 0%,#334633 100%) !important;
  147. 	bottom: -45px !important;
  148. 	border-radius: 0px 0px 10px 10px !important;
  149. }
  150.  
  151. #show-accruals {
  152. 	top: 76px !important;
  153. }
  154.  
  155. .l_friends {
  156. 	top: 127px !important;
  157. 	min-width: 336px;
  158. }
  159.  
  160. #dle-content > div.user-block > div.top-block::after {
  161. 	content: "" !important;
  162. 	width: 350px !important;
  163. 	height: 100% !important;
  164. 	background: #363a37 !important;
  165. 	position: absolute !important;
  166. 	margin-left: 102% !important;
  167. }
  168.  
  169. #dle-content > div.user-block > div.top-block {
  170. 	background-position: left;
  171. 	width: 715px !important;
  172. 	height: 425px;
  173. 	margin-top: 50px !important;
  174. 	margin-bottom: 60px !important;
  175. }
  176.  
  177. body > div.main.wrapper.z_fix > div.content > div.clear.berrors {
  178. 	display: none !important;
  179. }
  180.  
  181. .sector_border > .all_anime_title > .all_anime_mark_viewed_mini {
  182. 	top: 5px !important;
  183. 	left: 5px !important;
  184. 	opacity: .7 !important;
  185. 	border: 1px solid #666b66 !important;
  186. 	border-radius: 100% !important;
  187. }
  188.  
  189. body > div.info_panel.clear > div.notice_additional_id.notice_additional_hide.notice_additional.notice_additional_id_center.mCustomScrollbar._mCS_1 {
  190. 	margin-top: 0 !important;
  191. 	width: 264px !important;
  192. 	right: 4px !important;
  193. }
  194.  
  195. .sector_border > div.all_anime_title {
  196. 	transition: .3s !important;
  197. 	background-size: 100% !important;
  198. }
  199.  
  200. .sector_border > div.all_anime_title:hover {
  201. 	transition: .3s !important;
  202. 	background-size: 100% !important;
  203. 	border-radius: 10px !important;
  204. 	width: 200px !important;
  205. 	height: 200px !important;
  206. }
  207.  
  208. .sector_border.center > h1 {
  209. 	padding-left: 200px !important;
  210. }
  211.  
  212. .sector_border.center {
  213. 	margin-right: -10px !important;
  214. }
  215.  
  216. body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_last_boruto_eps {
  217. 	display: none !important;
  218. }
  219.  
  220. .all_anime_bottom {
  221. 	margin-top: -25px !important;
  222. }
  223.  
  224. .all_anime_tooltip {
  225. 	position: absolute !important;
  226. 	bottom: -5px !important;
  227. 	left: 5px !important;
  228. }
  229.  
  230. a > div > div.all_anime_image > div.all_anime_mark_viewed {
  231. 	position: absolute !important;
  232. 	opacity: 0.6 !important;
  233. 	top: 0 !important;
  234. 	left: 0 !important;
  235. }
  236.  
  237. a > div > div.all_anime_fulltop > div:hover {
  238. 	opacity: 1 !important;
  239. }
  240.  
  241. a > div > div.all_anime_fulltop > div {
  242. 	transition: .2s !important;
  243. 	top: 140px !important;
  244. 	right: 0px !important;
  245. 	height: max-content !important;
  246. 	width: max-content !important;
  247. 	position: absolute !important;
  248. 	border: 1px solid #666b66 !important;
  249. 	background-color: #363a37 !important;
  250. 	opacity: .4 !important;
  251. }
  252.  
  253. a > div > div.aablock::before {
  254. 	content: "" !important;
  255. 	display: block !important;
  256. 	position: absolute !important;
  257. 	height: 10px !important;
  258. 	width: 10px !important;
  259. 	border-radius: 100% !important;
  260. 	border: 1px solid #666b66 !important;
  261. 	background-color: #363a37 !important;
  262. 	bottom: -13px !important;
  263. 	left: -4px !important;
  264. }
  265.  
  266. a > div > div.aablock::after {
  267. 	content: "" !important;
  268. 	display: block !important;
  269. 	position: absolute !important;
  270. 	height: 10px !important;
  271. 	width: 10px !important;
  272. 	border-radius: 100% !important;
  273. 	border: 1px solid #666b66 !important;
  274. 	background-color: #363a37 !important;
  275. 	bottom: -13px !important;
  276. 	right: -4px !important;
  277. }
  278.  
  279. body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div[class="clr"] {
  280. 	display: none !important;
  281. }
  282.  
  283. body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div > div.b-g-title {
  284. 	height: 54px !important;
  285. 	text-align: center !important;
  286. }
  287.  
  288. body > div.main.wrapper.z_fix > div.content > div.media_b.clear.new_all_other_last_eps > div > #laststoryhere {
  289. 	width: 100% !important;
  290. 	height: max-content !important;
  291. }
  292.  
  293. body > div.main.wrapper.z_fix > div.content > div.media_b.clear > div {
  294. 	width: 31% !important;
  295. 	height: 330px !important;
  296. 	background-color: #363a37 !important;
  297. 	padding: 1% !important;
  298. 	margin: 1% !important;
  299. }
  300.  
  301. body > div.header.z_fix_header {
  302. 	display: contents !important;
  303.   /*
  304.   width: 100vh !important;
  305.   transform: rotate(-90deg) !important;
  306.   margin-left: -24% !important;
  307.   margin-top: 23% !important;
  308.   margin-bottom: -27% !important;
  309.   */
  310. 	;
  311. }
  312.  
  313. body > div.logo_b.wrapper > a {
  314. 	margin-top: -40px !important;
  315. }
  316.  
  317. body > div.header.z_fix_header > div > ul > *:not(li) {
  318. 	transform: scale(1.5) !important;
  319. 	margin-top: 20px !important;
  320. }
  321.  
  322. body > div.header.z_fix_header > div > ul > li {
  323. 	visibility: hidden !important;
  324. }
  325.  
  326. #dle-content > div > div:nth-child(2) > a:hover {
  327. 	transition: 0.2s !important;
  328. 	transform: scale(1.1) !important;
  329. 	z-index: 1 !important;
  330. 	border: #3339 solid 4px !important;
  331. 	min-height: 20px !important;
  332. }
  333.  
  334. ::-webkit-scrollbar {
  335. 	display: none;
  336. }
  337.  
  338. .anime_next_block {
  339. 	max-width: 33% !important;
  340. 	min-width: 33% !important;
  341. 	padding-right: 20px !important;
  342. 	padding-left: 0 !important;
  343. }
  344.  
  345. #dle-content > div.all_anime_content.anime_some_margin > * {
  346. 	padding: 0px 14.902px 0px 14.902px !important;
  347. }
  348.  
  349. div.all_anime_content.anime_some_margin > * > a {
  350. 	border: none !important;
  351. }
  352.  
  353. .aablock {
  354. 	z-index: 101 !important;
  355. }
  356.  
  357. .aaname {
  358. 	text-align: left !important;
  359. 	min-height: 60px !important;
  360. 	max-height: 60px !important;
  361. }
  362.  
  363. .aailines {
  364. 	min-height: 60px !important;
  365. 	max-height: 60px !important;
  366. }
  367.  
  368. .all_anime_image:hover {
  369. 	margin-top: -90px !important;
  370. }
  371.  
  372. div.all_anime_content.anime_some_margin > * > a > div > div.all_anime_image {
  373. 	width: 186px !important;
  374. 	height: 93px !important;
  375. 	background-position: center !important;
  376. 	border: 2px solid #fff0 !important;
  377. 	border-radius: 25px 25px 0px 0px !important;
  378. 	transition: .4s !important;
  379. }
  380.  
  381. a > div > div.all_anime_fulltop {
  382. 	height: 93px !important;
  383. }
  384.  
  385. .all_anime_image:hover > .all_anime_mark_viewed_star {
  386. 	margin-top: 45px !important;
  387. }
  388.  
  389. .all_anime_mark_viewed_star {
  390. 	margin-top: -45px !important;
  391. 	background-color: #35413a !important;
  392. 	border-radius: 4px !important;
  393. 	opacity: 0.4 !important;
  394. 	transition: .2s !important;
  395. }
  396.  
  397. div.all_anime_image:hover > .all_anime_mark_viewed_star {
  398. 	opacity: 1 !important;
  399. 	transition: .2s !important;
  400. }
  401.  
  402. .all_anime_mark_viewed_star:hover {
  403. 	opacity: 0.9 !important;
  404. 	transition: .2s !important;
  405. }
  406.  
  407. div.all_anime_content.anime_some_margin > * > a > div > div.all_anime_image:hover {
  408. 	z-index: 100 !important;
  409. 	height: 90% !important;
  410. 	transition: .2s !important;
  411. 	border: 2px solid #fff9 !important;
  412. }
  413.  
  414. body > div.info_panel.clear {
  415. 	max-width: 1105px !important;
  416. }
  417.  
  418. body > div.footer.wrapper.z_fix,
  419. body > div.main.wrapper.z_fix {
  420. 	max-width: 1105px !important;
  421. }
  422.  
  423. #dle-content > div > div > a {
  424. 	transition: 0.2s !important;
  425. 	border: #0000 solid 4px !important;
  426. 	width: 115px !important;
  427. 	padding: 12px !important;
  428. }
  429.  
  430. div.video_plate_title {
  431. 	text-align: left !important;
  432. }
  433.  
  434. div.videoContent {
  435. 	margin-top: -37px !important;
  436. 	padding-right: 0px !important;
  437. 	padding-left: 0px !important;
  438. }
  439.  
  440. p.previously_viewed {
  441. 	margin-top: 10px !important;
  442. 	margin-left: 0px !important;
  443. 	margin-right: 0px !important;
  444. }
  445.  
  446. #dle-content > div > a > div > div {
  447. 	display: none !important;
  448. }
  449.  
  450. div.v_epi_nav {
  451. 	margin-bottom: -10px !important;
  452. }
  453.  
  454. #dle-content > div > h1 {
  455. 	margin-top: 0 !important;
  456. }
  457.  
  458. #dle-content > div > div.videoContent > div > div.post_media.pm_videojs > * {
  459. 	max-width: none !important;
  460. }
  461.  
  462. body > div.main.wrapper.z_fix > div.content {
  463. 	width: 100% !important;
  464. }
  465.  
  466. body > div.main.wrapper.z_fix > div.sidebar {
  467. 	display: none !important;
  468. }
  469.  
  470. body > div.main.wrapper.z_fix > div.sidebar:hover {
  471. 	margin-right: 0px !important;
  472. }
  473.  
  474. body > div.main.wrapper.z_fix > div.sidebar {
  475. 	position: fixed !important;
  476. 	top: 0 !important;
  477. 	width: max-content !important;
  478. 	max-width: 385px !important;
  479. 	margin-left: 1110px !important;
  480. }
  481.  
  482. #dle-content > div > h1 {
  483. 	padding-left: 10px !important;
  484. 	border-radius: 10px !important;
  485. }
  486.  
  487. #dle-content > div > div.videoContent > div.videoBlock {
  488. 	padding: 14px !important;
  489. }
  490.  
  491. #dle-content > div > div.video_plate_title {
  492. 	padding-left: 0 !important;
  493. 	text-align: center !important;
  494. }
  495.  
  496. #dle-content > div > div.videoContent > div.videoBlock > div.v_epi_nav > * {
  497. 	margin-top: 0 !important;
  498. }
  499.  
  500. #dle-content > div > a > div {
  501. 	margin-top: 15px !important;
  502. 	border-radius: 10px !important;
  503. }
  504.  
  505. #iChat_form > div.the_refresh_button {
  506. 	width: max-content !important;
  507. 	position: absolute !important;
  508. 	top: 20px !important;
  509. }
  510.  
  511. #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 {
  512. 	right: 0 !important;
  513. 	margin-left: 15px !important;
  514. 	margin-right: 15px !important;
  515. }
  516.  
  517. .sidebar > .widget {
  518. 	margin-bottom: 10px !important;
  519. }
  520.  
  521. .sidebar > .widget > ul > li:nth-child(15),
  522. .sidebar > .widget > ul > li:nth-child(16),
  523. .sidebar > .widget > ul > li:nth-child(13),
  524. .sidebar > .widget > ul > li:nth-child(8),
  525. .sidebar > .widget > ul > li:nth-child(9),
  526. .kstati_widget_out,
  527. .media_content.rand_tech_widget {
  528. 	display: none !important;
  529. }
  530. .post_video_duration{
  531.   color: #fff;
  532.   background-color: #0008;
  533. }
  534. div.notice_top2.notice_cont {
  535. 	margin-right: -50px !important;
  536. }
  537.  
  538. #dle-content > div > div.videoContent > div > div.post_media.pm_videojs > div.top_player_line {
  539. 	width: 100% !important;
  540. }
  541.  
  542. div.achiv_switcher_in {
  543. 	left: 1px !important;
  544. }
  545.  
  546. /*div.technicBlock {
  547. 	display: none;
  548. }*/
  549.  
  550. #dle-content > div.user-block > div.clr {
  551. 	height: 10px;
  552. 	background-color: #0004;
  553. 	margin: 10px;
  554. 	border-radius: 10px;
  555. }
  556. }