API tools faq
paste
Advertisement
Guest User

yt css

a guest
Mar 9th, 2018
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.07 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document domain("youtube.com") {
  2.  
  3. /* COLORS */
  4.  
  5. /** DESCRIPTION : set the colors **/:root {
  6. --body-bg: #1A1E21 !important;
  7. --card-bg: #42544D !important;
  8. --card-bg-2:#4C5F6B !important;
  9. --header-bg: #42544D !important;
  10. --search-bg: #42544D !important;
  11. --border-color: #212121 !important;
  12. --primary-color: #FFF !important;
  13. --secondary-color: #CFDBD5 !important;
  14. --fill: #FFF !important;
  15. --invert: invert(1) !important;
  16. }
  17.  
  18. /* GENERAL */
  19.  
  20. /** DESCRIPTION : set the main font and change others elements **/
  21. * {
  22. font-family: "Roboto", "ぼくたちのゴシック２ボールド" !important;
  23. text-decoration: none;
  24. font-weight: normal;
  25. }
  26.  
  27. *::-moz-focus-inner {
  28. border: 0;
  29. }
  30.  
  31. a:hover {
  32. background: transparent !important;
  33. }
  34.  
  35. ytd-page-manager > .ytd-page-manager {
  36. background: var(--body-bg) !important;
  37. }
  38.  
  39. #always-shown,
  40. #autoplay.ytd-compact-autoplay-renderer,
  41. #button .style-scope.ytd-topbar-menu-button-renderer,
  42. #collapsible,
  43. #continuation.ytd-comment-replies-renderer yt-next-continuation.ytd-comment-replies-renderer,
  44. #country-code.ytd-topbar-logo-renderer,
  45. .description #more.ytd-expander,
  46. #footer,
  47. #guide-links-primary.ytd-guide-renderer,
  48. #hearted-border.ytd-creator-heart-renderer,
  49. #logo.ytd-masthead,
  50. #masthead-container.ytd-app::after,
  51. #play-button,
  52. #primary-items #play-all,
  53. #sentiment,
  54. #separator,
  55. #show-hide-button,
  56. .style-scope.ytd-button-renderer,
  57. .super-title.ytd-video-primary-info-renderer,
  58. #top-level-buttons.ytd-menu-renderer:not(:empty) + #button.ytd-menu-renderer,ytd-comment-renderer .more-button.ytd-comment-renderer,yt-icon.ytd-badge-supported-renderer,yt-icon.ytd-pinned-comment-badge-renderer,ytd-thumbnail-overlay-side-panel-renderer {
  59. display: none !important;
  60. }
  61.  
  62. .bold.yt-formatted-string {
  63. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  64. }
  65.  
  66. /* HEADER */
  67.  
  68. /** DESCRIPTION : change the elements of the header **/
  69. #container.ytd-masthead {
  70.  
  71. /*** HEADER CONTAINER ***/
  72. background: var(--header-bg) !important;
  73. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  74. }
  75.  
  76. app-drawer[persistent].ytd-app {
  77.  
  78. /*** HEADER GUIDE ***/
  79. box-shadow: 0px 1px 2px rgba(0, 0, 0, .25) !important;
  80. }
  81.  
  82. #guide-icon.ytd-masthead {
  83. fill: var(--fill) !important;
  84. }
  85.  
  86. #guide-content #guide-button {
  87. filter: brightness(0) invert(1) !important;
  88. }
  89.  
  90. #logo-icon-container.ytd-topbar-logo-renderer {
  91. background: no-repeat url("https://i.imgur.com/BV5ikoP.png") center !important;
  92. background-size: cover !important;
  93. height: 0px !important;
  94. width: 0px !important;
  95. padding: 26px 0px 0px 116px !important;
  96. }
  97.  
  98. #guide-content.ytd-app,
  99. #guide-content #sections {
  100. background: #42544D !important;
  101. }
  102.  
  103. app-drawer.ytd-app:not([persistent]) #header.ytd-app,
  104. #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child) {
  105. border-bottom: 1px dotted #60646D !important;
  106. }
  107.  
  108. #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child) {
  109. padding-bottom: 15px !important;
  110. }
  111.  
  112. #sections.ytd-guide-renderer > .ytd-guide-renderer:nth-last-child(2),#sections.ytd-guide-renderer > .ytd-guide-renderer:last-child {
  113. display: none !important;
  114. }
  115.  
  116. #guide-content .yt-simple-endpoint.style-scope.yt-formatted-string {
  117. color: #FFF !important;
  118. font-family: "Roboto Condensed" !important;
  119. font-size: 10pt !important;
  120. }
  121.  
  122. .title.ytd-guide-entry-renderer,
  123. .guide-entry-count.ytd-guide-entry-renderer {
  124. color: #FFF !important;
  125. font-family: "Roboto Condensed" !important;
  126. font-size: 10pt !important;
  127. height: 22px !important;
  128. }
  129.  
  130. .guide-entry-badge.ytd-guide-entry-renderer {
  131. color: #FFF !important;
  132. height: 26px;
  133. width: 26px;
  134. margin-right: -7px !important;
  135. }
  136.  
  137. ytd-searchbox[mode="legacy"] #container.ytd-searchbox {
  138.  
  139. /*** HEADER SEARCH BOX ***/
  140. background: transparent !important;
  141. border: none !important;
  142. box-shadow: none !important;
  143. }
  144.  
  145. #container.ytd-masthead #search {
  146. color: var(--secondary-color) !important;
  147. font-family: "Roboto Condensed" !important;
  148. font-size: 10pt !important;
  149. }
  150.  
  151. #container.ytd-masthead #search-icon-legacy.ytd-searchbox {
  152. background: transparent !important;
  153. border: none !important;
  154. }
  155.  
  156. #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
  157. color: var(--secondary-color) !important;
  158. height: 25px !important;
  159. width: 25px !important;
  160. }
  161.  
  162. #search-form {
  163. width: 100% !important;
  164. max-width: 300px !important;
  165. }
  166.  
  167. #container.ytd-masthead ytd-searchbox[mode="legacy"] #search-icon-legacy.ytd-searchbox:hover {
  168. box-shadow: none;
  169. }
  170.  
  171. .gstl_0.sbdd_a,
  172. .sbdd_b {
  173. border: none !important;
  174. border-radius: 5px !important;
  175. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  176. }
  177.  
  178. .sbdd_b .sbsb_a {
  179. background: var(--search-bg) !important;
  180. border: none !important;
  181. border-radius: 2px !important;
  182. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  183. padding: 15px 10px !important;
  184. margin-top: -2px !important;
  185. }
  186.  
  187. .sbdd_b .sbsb_a * {
  188. color: var(--primary-color) !important;
  189. font-family: "Roboto Condensed" !important;
  190. font-size: 10pt !important;
  191. font-weight: normal !important;
  192. line-height: 24pt !important;
  193. }
  194.  
  195. .sbsb_c.gsfs.sbsb_d:hover {
  196. background: transparent !important;
  197. opacity: .8 !important;
  198. }
  199.  
  200. .sbsb_d {
  201. background: transparent !important;
  202. }
  203.  
  204. #container.ytd-masthead button.yt-icon-button > yt-icon {
  205.  
  206. /*** HEADER NOTIFICATION BUTTON ***/
  207. background: no-repeat url("https://i.imgur.com/Qo3NJzX.png") center !important;
  208. background-size: cover !important;
  209. border-radius: 50% !important;
  210. height: 0px !important;
  211. width: 0px !important;
  212. padding: 42px 0px 0px 42px !important;
  213. margin-top: -9px !important;
  214. margin-left: -10px !important;
  215. opacity: .5 !important;
  216. filter: var(--invert) !important;
  217. }
  218.  
  219. /* HOME */
  220.  
  221. /** DESCRIPTION : change the elements of the home page **/
  222. ytd-two-column-browse-results-renderer.ytd-browse {
  223.  
  224. /*** HOME CONTAINER ***/
  225. width: 80% !important;
  226. margin-top: 35px !important;
  227. }
  228.  
  229. ytd-two-column-browse-results-renderer #avatar {
  230.  
  231. /*** HOME SECTION AVATAR ***/
  232. box-shadow: 0px 1px 2px rgba(0, 0, 0, .3) !important;
  233. margin-right: 15px !important;
  234. }
  235.  
  236. ytd-two-column-browse-results-renderer #avatar img.yt-img-shadow {
  237. box-shadow: 0px 1px 2px rgba(0, 0, 0, 1) !important;
  238. height: 40px !important;
  239. width: 40px !important;
  240. }
  241.  
  242. ytd-two-column-browse-results-renderer #title.ytd-shelf-renderer {
  243.  
  244. /*** HOME SECTION TITLE ***/
  245. color: #3D8EB9 !important;
  246. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  247. font-size: 15pt !important;
  248. max-height: 30px !important;
  249. height: 25px !important;
  250. max-width: 100% !important;
  251. overflow: hidden !important;
  252. text-overflow: ellipsis !important;
  253. white-space: nowrap !important;
  254. margin-top: -3px !important;
  255. }
  256.  
  257. ytd-two-column-browse-results-renderer #title-annotation.ytd-shelf-renderer {
  258. font-family: "Roboto Condensed", "ぼくPたちのゴシック２ボールド" !important;
  259. font-size: 10pt !important;
  260. margin-top: -6px !important;
  261. margin-left: 15px !important;
  262. overflow: visible !important;
  263. }
  264.  
  265. ytd-two-column-browse-results-renderer a.yt-simple-endpoint.yt-formatted-string {
  266. color: var(--secondary-color) !important;
  267. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  268. font-size: 10pt !important;
  269. overflow: visible !important;
  270. }
  271.  
  272. #top-level-buttons.ytd-menu-renderer #button yt-icon {
  273. fill: var(--fill) !important;
  274. }
  275.  
  276. ytd-two-column-browse-results-renderer #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer,
  277. ytd-two-column-browse-results-renderer #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer {
  278.  
  279. /*** HOME SECTION CONTENT ***/
  280. padding-right: 10px !important;
  281. }
  282.  
  283. #scroll-container.yt-horizontal-list-renderer {
  284. margin-top: 35px !important;
  285. }
  286.  
  287. #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer) {
  288. border-bottom: 1px dotted #BEBEBE !important;
  289. }
  290.  
  291. #thumbnail.ytd-thumbnail {
  292.  
  293. /*** HOME SECTION CONTENT THUMBNAILS ***/
  294. border-radius: 2px !important;
  295. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  296. }
  297.  
  298. ytd-two-column-browse-results-renderer #byline-container {
  299.  
  300. /*** HOME SECTION CONTENT INFORMATIONS ***/
  301. line-height: 22px !important;
  302. max-height: 30px !important;
  303. margin-top: -5px !important;
  304. margin-bottom: 5px !important;
  305. }
  306.  
  307. ytd-two-column-browse-results-renderer #metadata-line {
  308. display: none !important;
  309. }
  310.  
  311. ytd-two-column-browse-results-renderer #details.ytd-grid-video-renderer a.ytd-grid-video-renderer {
  312. color: var(--primary-color) !important;
  313. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  314. font-size: 10pt !important;
  315. line-height: 24px !important;
  316. overflow: hidden !important;
  317. text-overflow: ellipsis !important;
  318. white-space: nowrap !important;
  319. }
  320.  
  321. yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child {
  322. color: var(--secondary-color) !important;
  323. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  324. font-size: 10pt !important;
  325. }
  326.  
  327. ytd-two-column-browse-results-renderer .badge-style-type-live-now.ytd-badge-supported-renderer,
  328. ytd-two-column-search-results-renderer .badge-style-type-live-now.ytd-badge-supported-renderer {
  329.  
  330. /*** HOME CONTENT BADGE ***/
  331. background: #F29B34 !important;
  332. border: none !important;
  333. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  334. color: #FFF !important;
  335. font-family: "Roboto Condensed" !important;
  336. font-size: 10pt !important;
  337. padding: 14px 16px !important;
  338. margin-top: 10px !important;
  339. white-space: nowrap !important;
  340. }
  341.  
  342. ytd-two-column-search-results-renderer .badge-style-type-live-now.ytd-badge-supported-renderer * {
  343. font-family: "Roboto Condensed" !important;
  344. font-weight: bold !important;
  345. }
  346.  
  347. ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {
  348. background: #60646D !important;
  349. border: none !important;
  350. border-radius: 2px !important;
  351. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  352. color: #FFF !important;
  353. font-family: "Roboto Condensed" !important;
  354. font-size: 10pt !important;
  355. padding: 5px 10px !important;
  356. margin-top: 10px !important;
  357. }
  358.  
  359. ytd-two-column-browse-results-renderer .badge-style-type-live-now.ytd-badge-supported-renderer *,
  360. ytd-toggle-button-renderer.style-compact-gray[is-paper-button] * {
  361. font-family: "Roboto Condensed" !important;
  362. font-weight: bold;
  363. }
  364.  
  365. ytd-two-column-browse-results-renderer .badge-style-type-collection.ytd-badge-supported-renderer {
  366. display: none !important;
  367. }
  368.  
  369. #toggle.ytd-grid-renderer {
  370.  
  371. /*** HOME MORE BUTTON ***/
  372. background: #2C82C9 !important;
  373. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  374. height: 50px !important;
  375. line-height: 48px !important;
  376. width: 200px !important;
  377. }
  378.  
  379. paper-button.yt-next-continuation *,
  380. #toggle.ytd-grid-renderer * {
  381. color: #FFF !important;
  382. font-family: "Roboto Condensed" !important;
  383. font-size: 10pt !important;
  384. font-weight: bold;
  385. }
  386.  
  387. .arrow.yt-horizontal-list-renderer {
  388.  
  389. /*** HOME ARROW BUTTON ***/
  390. background: var(--card-bg) !important;
  391. box-shadow: 0px 1px 2px rgba(0, 0, 0, .3) !important;
  392. }
  393.  
  394. #right-arrow * {
  395. display: block !important;
  396. }
  397.  
  398. #right-arrow yt-icon {
  399. fill: var(--fill) !important;
  400. }
  401.  
  402. /* TRENDING/SUBSCRIPTIONS */
  403.  
  404. /** DESCRIPTION : change the elements of the trending/subscriptions page **/
  405. ytd-two-column-browse-results-renderer.ytd-browse #dismissable.ytd-video-renderer {
  406. background: var(--card-bg) !important;
  407. border: 3px !important;
  408. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  409. padding: 15px !important;
  410. }
  411.  
  412. ytd-two-column-browse-results-renderer.ytd-browse #avatar.ytd-channel-renderer {
  413. box-shadow: none !important;
  414. }
  415.  
  416. ytd-two-column-browse-results-renderer.ytd-browse yt-img-shadow.ytd-channel-renderer,
  417. ytd-two-column-browse-results-renderer.ytd-browse #avatar.ytd-channel-renderer #img {
  418. height: 100px !important;
  419. width: 100px !important;
  420. }
  421.  
  422. ytd-two-column-browse-results-renderer.ytd-browse #video-title.ytd-video-renderer,
  423. ytd-two-column-browse-results-renderer.ytd-browse #channel-title.ytd-channel-renderer span.ytd-channel-renderer {
  424. color: var(--primary-color) !important;
  425. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  426. font-size: 10pt !important;
  427. height: 26px !important;
  428. }
  429.  
  430. ytd-two-column-browse-results-renderer.ytd-browse #metadata.ytd-channel-renderer * {
  431. color: var(--secondary-color) !important;
  432. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  433. font-size: 10pt !important;
  434. height: 20px !important;
  435. overflow: hidden !important;
  436. white-space: nowrap !important;
  437. text-overflow: ellipsis !important;
  438. }
  439.  
  440. #description-text.ytd-video-renderer,
  441. ytd-two-column-browse-results-renderer.ytd-browse #description.ytd-channel-renderer {
  442. color: var(--secondary-color) !important;
  443. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  444. font-size: 10pt !important;
  445. height: 20px !important;
  446. overflow: hidden !important;
  447. white-space: nowrap !important;
  448. text-overflow: ellipsis !important;
  449. }
  450.  
  451. #description-text.ytd-video-renderer *,
  452. ytd-two-column-browse-results-renderer.ytd-browse #description.ytd-channel-renderer * {
  453. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  454. }
  455.  
  456. ytd-two-column-browse-results-renderer.ytd-browse .text-wrapper.ytd-video-renderer .ytd-badge-supported-renderer {
  457. display: none !important;
  458. }
  459.  
  460. ytd-two-column-browse-results-renderer.ytd-browse a[is="yt-endpoint"].ytd-button-renderer,
  461. ytd-two-column-browse-results-renderer.ytd-browse a[is="yt-endpoint"].ytd-button-renderer * {
  462. display: block !important;
  463. }
  464.  
  465. ytd-two-column-browse-results-renderer.ytd-browse a[is="yt-endpoint"].ytd-button-renderer #tooltip.paper-tooltip {
  466. display: none !important;
  467. }
  468.  
  469. /* SEARCH */
  470.  
  471. /** DESCRIPTION : change the elements of the search page **/
  472. ytd-two-column-search-results-renderer[center-results] #primary.ytd-two-column-search-results-renderer {
  473. margin-left: 10px !important;
  474. margin-right: 10px !important;
  475. }
  476.  
  477. ytd-two-column-search-results-renderer ytd-search-sub-menu-renderer {
  478. border-bottom: 1px dotted #BEBEBE !important;
  479. padding-bottom: 8px !important;
  480. }
  481.  
  482. ytd-two-column-search-results-renderer ytd-shelf-renderer.ytd-item-section-renderer {
  483. border-top: 1px dotted #BEBEBE !important;
  484. border-bottom: 1px dotted #BEBEBE !important;
  485. }
  486.  
  487. ytd-search-sub-menu-renderer #result-count.ytd-search-sub-menu-renderer,
  488. ytd-search-sub-menu-renderer #title-container.ytd-shelf-renderer *,
  489. ytd-two-column-search-results-renderer ytd-shelf-renderer.ytd-item-section-renderer #title-container.ytd-shelf-renderer * {
  490. color: #3D8EB9 !important;
  491. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  492. font-size: 10pt !important;
  493. overflow: visible !important;
  494. }
  495.  
  496. ytd-search-sub-menu-renderer ytd-toggle-button-renderer[is-paper-button] {
  497. color: var(--secondary-color) !important;
  498. font-size: 10pt !important;
  499. margin-top: 5px !important;
  500. }
  501.  
  502. ytd-search-sub-menu-renderer ytd-toggle-button-renderer[is-paper-button] * {
  503. font-family: "Roboto Condensed" !important;
  504. font-weight: normal !important;
  505. text-transform: Capitalize !important;
  506. }
  507.  
  508. #collapse * {
  509. font-family: "Roboto Condensed" !important;
  510. font-size: 10pt !important;
  511. }
  512.  
  513. yt-did-you-mean-renderer * {
  514. color: var(--secondary-color);
  515. font-family: "Roboto Condensed" !important;
  516. font-size: 10pt !important;
  517. }
  518.  
  519. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer {
  520. background: var(--card-bg) !important;
  521. border-radius: 2px !important;
  522. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  523. padding: 15px !important;
  524. }
  525.  
  526. ytd-channel-renderer {
  527. background: var(--card-bg) !important;
  528. border-radius: 2px !important;
  529. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  530. padding-right: 15px !important;
  531. padding-bottom: 15px !important;
  532. margin-top: 20px !important;
  533. }
  534.  
  535. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-radio-renderer.ytd-item-section-renderer,
  536. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-playlist-renderer.ytd-item-section-renderer {
  537. background: var(--card-bg-2) !important;
  538. border-radius: 2px !important;
  539. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  540. padding: 15px !important;
  541. }
  542.  
  543. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-radio-renderer.ytd-item-section-renderer *,
  544. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-playlist-renderer.ytd-item-section-renderer * {
  545. color: #FFF !important;
  546. }
  547.  
  548. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer #video-title.ytd-video-renderer,
  549. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-radio-renderer.ytd-item-section-renderer #video-title.ytd-radio-renderer,
  550. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-playlist-renderer.ytd-item-section-renderer #video-title.ytd-playlist-renderer,
  551. ytd-section-list-renderer.ytd-two-column-search-results-renderer #channel-title.ytd-channel-renderer span.ytd-channel-renderer {
  552. color: var(--primary-color) !important;
  553. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  554. font-size: 10pt !important;
  555. height: 26px !important;
  556. margin-bottom: 10px !important;
  557. }
  558.  
  559. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-radio-renderer.ytd-item-section-renderer #video-title.ytd-radio-renderer,
  560. ytd-section-list-renderer.ytd-two-column-search-results-renderer ytd-playlist-renderer.ytd-item-section-renderer #video-title.ytd-playlist-renderer {
  561. color: #FFF !important;
  562. }
  563.  
  564. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child {
  565. font-size: 10pt !important;
  566. }
  567.  
  568. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer #metadata-line.ytd-video-meta-block {
  569. color: var(--secondary-color) !important;
  570. margin-top: 7px !important;
  571. margin-left: 10px !important;
  572. }
  573.  
  574. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer #metadata-line.ytd-video-meta-block *,
  575. ytd-section-list-renderer.ytd-two-column-search-results-renderer #metadata.ytd-channel-renderer * {
  576. color: var(--secondary-color) !important;
  577. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  578. font-size: 10pt !important;
  579. }
  580.  
  581. #metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:last-of-type)::after,
  582. #metadata.ytd-channel-renderer > .ytd-channel-renderer:not(:last-of-type):not(:empty)::after {
  583. visibility: hidden;
  584. }
  585.  
  586. ytd-section-list-renderer.ytd-two-column-search-results-renderer #list.ytd-radio-renderer *,
  587. ytd-section-list-renderer.ytd-two-column-search-results-renderer #list.ytd-playlist-renderer *,
  588. ytd-section-list-renderer.ytd-two-column-search-results-renderer #view-more.ytd-playlist-renderer *,
  589. #description.ytd-channel-renderer {
  590. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  591. font-size: 10pt !important;
  592. line-height: 25px !important;
  593. }
  594.  
  595. #description.ytd-channel-renderer {
  596. overflow: hidden !important;
  597. text-overflow: ellipsis !important;
  598. white-space: nowrap !important;
  599. }
  600.  
  601. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer .badge-style-type-simple.ytd-badge-supported-renderer,
  602. #details.ytd-grid-video-renderer .badge-style-type-simple.ytd-badge-supported-renderer {
  603. background: #2CC990 !important;
  604. border: none !important;
  605. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  606. color: #FFF !important;
  607. font-family: "Roboto Condensed" !important;
  608. font-size: 10pt !important;
  609. font-weight: bold;
  610. padding: 14px 16px !important;
  611. margin-top: 10px !important;
  612. text-transform: uppercase !important;
  613. }
  614.  
  615. ytd-section-list-renderer.ytd-two-column-search-results-renderer #dismissable.ytd-video-renderer .badge-style-type-simple.ytd-badge-supported-renderer *,
  616. #details.ytd-grid-video-renderer .badge-style-type-simple.ytd-badge-supported-renderer * {
  617. font-family: "Roboto Condensed" !important;
  618. }
  619.  
  620. ytd-section-list-renderer.ytd-two-column-search-results-renderer #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer {
  621. background: #2C82C9 !important;
  622. border-radius: 2px !important;
  623. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  624. height: 40px !important;
  625. line-height: 40px !important;
  626. width: 130px !important;
  627. text-align: center !important;
  628. }
  629.  
  630. ytd-section-list-renderer.ytd-two-column-search-results-renderer #more * {
  631. color: #FFF !important;
  632. font-family: "Roboto Condensed" !important;
  633. font-size: 10pt !important;
  634. font-weight: bold !important;
  635. }
  636.  
  637. #secondary.ytd-two-column-search-results-renderer {
  638. padding-left: 20px !important;
  639. }
  640.  
  641. #watch-card-header.ytd-generic-watch-card {
  642. background: #E01931 !important;
  643. }
  644.  
  645. ytd-generic-watch-card {
  646. background: var(--card-bg-2) !important;
  647. border-bottom-right-radius: 2px !important;
  648. border-bottom-left-radius: 2px !important;
  649. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  650. }
  651.  
  652. ytd-artist-watch-card-renderer {
  653. border-top-right-radius: 2px !important;
  654. border-top-left-radius: 2px !important;
  655. }
  656.  
  657. ytd-generic-watch-card #watch-card-title.ytd-generic-watch-card,
  658. ytd-generic-watch-card #related-header * {
  659. color: #FFF !important;
  660. font-family: "Roboto Condensed" !important;
  661. font-size: 10pt !important;
  662. }
  663.  
  664. ytd-generic-watch-card #watch-card-labels.ytd-generic-watch-card * {
  665. font-family: "Roboto Condensed" !important;
  666. font-size: 10pt !important;
  667. }
  668.  
  669. ytd-generic-watch-card paper-tabs.ytd-generic-watch-card {
  670. display: none !important;
  671. }
  672.  
  673. ytd-generic-watch-card .video-row.ytd-watch-card-video-list-renderer {
  674. border-bottom: 1px dotted #000 !important;
  675. }
  676.  
  677. ytd-generic-watch-card .video-row.ytd-watch-card-video-list-renderer *,
  678. ytd-generic-watch-card .related-entity-title.ytd-generic-watch-card {
  679. color: #FFF !important;
  680. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  681. font-size: 10pt !important;
  682. height: 20px !important;
  683. max-height: 25px !important;
  684. }
  685.  
  686. ytd-generic-watch-card #related.ytd-generic-watch-card {
  687. padding: 20px !important;
  688. }
  689.  
  690. /* HISTORY */
  691.  
  692. /** DESCRIPTION : change the elements of the history page **/
  693. #contents.ytd-browse-feed-actions-renderer {
  694. margin-left: 20px !important;
  695. }
  696.  
  697. #contents.ytd-browse-feed-actions-renderer * {
  698. color: var(--primary-color) !important;
  699. font-family: "Roboto Condensed" !important;
  700. font-size: 10pt !important;
  701. text-transform: Capitalize !important;
  702. }
  703.  
  704. ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer #title.ytd-sub-feed-selector-renderer,
  705. ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer {
  706. border-bottom: 1px dotted #BEBEBE !important;
  707. }
  708.  
  709. /* LIKE */
  710.  
  711. /** DESCRIPTION : change the elements of the like page **/
  712. ytd-browse[page-subtype="playlist"] #alerts.ytd-browse {
  713. background: var(--body-bg) !important;
  714. }
  715.  
  716. ytd-playlist-sidebar-renderer.ytd-browse {
  717. background: var(--body-bg) !important;
  718. }
  719.  
  720. ytd-browse[page-subtype="playlist"] #alerts.ytd-browse ytd-alert-renderer.ytd-browse {
  721. display: none !important;
  722. }
  723.  
  724. ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse {
  725. background: transparent !important;
  726. }
  727.  
  728. #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) {
  729. border-bottom: 1px dotted #BEBEBE !important;
  730. padding-bottom: 10px !important;
  731. margin-top: 6px !important;
  732. margin-left: 15px !important;
  733. }
  734.  
  735. #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) * {
  736. box-shadow: none !important;
  737. color: var(--primary-color) !important;
  738. font-family: "Roboto Condensed" !important;
  739. }
  740.  
  741. #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) #stats {
  742. font-size: 10pt !important;
  743. }
  744.  
  745. #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after {
  746. visibility: hidden !important;
  747. }
  748.  
  749. ytd-video-owner-renderer {
  750. margin-left: 15px !important;
  751. }
  752.  
  753. ytd-browse[page-subtype="playlist"] #playlist-thumbnails img.yt-img-shadow {
  754. border-radius: 2px !important;
  755. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  756. margin-left: 0px !important;
  757. }
  758.  
  759. ytd-browse[page-subtype="playlist"] #primary.ytd-two-column-browse-results-renderer {
  760. background: var(--card-bg) !important;
  761. border-radius: 2px !important;
  762. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  763. padding-top: 20px !important;
  764. }
  765.  
  766. #content.ytd-playlist-video-renderer {
  767. border-bottom: 1px dotted #BEBEBE !important;
  768. }
  769.  
  770. ytd-browse[page-subtype="playlist"] #meta.ytd-playlist-video-renderer {
  771. margin-left: 10px !important;
  772. }
  773.  
  774. ytd-browse[page-subtype="playlist"] #primary.ytd-two-column-browse-results-renderer #video-title.ytd-playlist-video-renderer {
  775. color: var(--primary-color) !important;
  776. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  777. font-size: 10pt !important;
  778. height: 23px !important;
  779. max-height: 23px !important;
  780. white-space: nowrap;
  781. text-overflow: ellipsis !important;
  782. }
  783.  
  784. #index.ytd-playlist-video-renderer {
  785. visibility: hidden !important;
  786. }
  787.  
  788. /* CHANNEL */
  789.  
  790. /** DESCRIPTION : change the elements of the channel page **/
  791. #channel-header.ytd-c4-tabbed-header-renderer,
  792. #tabs-inner-container.ytd-c4-tabbed-header-renderer {
  793. background-color: var(--card-bg-2) !important;
  794. }
  795.  
  796. #channel-header.ytd-c4-tabbed-header-renderer *,
  797. #tabs-inner-container.ytd-c4-tabbed-header-renderer * {
  798. color: #FFF !important;
  799. }
  800.  
  801. #tabs-inner-container.ytd-c4-tabbed-header-renderer * {
  802. font-weight: bold !important;
  803. }
  804.  
  805. app-toolbar.ytd-c4-tabbed-header-renderer {
  806. box-shadow: 0px 1px 2px rgba(0, 0, 0, .3) !important;
  807. }
  808.  
  809. #channel-title.ytd-c4-tabbed-header-renderer {
  810. font-family: "Roboto Condensed" !important;
  811. font-size: 20pt !important;
  812. }
  813.  
  814. #subscriber-count.ytd-c4-tabbed-header-renderer {
  815. color: var(--secondary-color) !important;
  816. font-family: "Roboto Condensed" !important;
  817. font-size: 10pt !important;
  818. line-height: 30px !important;
  819. }
  820.  
  821. #tabsContainer.paper-tabs {
  822. margin-top: 2px !important;
  823. }
  824.  
  825. #tabsContent.paper-tabs >:not(#selectionBar) * {
  826. font-family: "Roboto Condensed" !important;
  827. font-size: 10pt !important;
  828. }
  829.  
  830. #c4-player {
  831. border-radius: 2px !important;
  832. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  833. }
  834.  
  835. #title.ytd-channel-video-player-renderer {
  836. overflow: visible !important;
  837. max-height: 30px !important;
  838. height: 30px !important;
  839. }
  840.  
  841. #title.ytd-channel-video-player-renderer * {
  842. color: var(--primary-color) !important;
  843. font-size: 10pt !important;
  844. }
  845.  
  846. #description.ytd-channel-video-player-renderer * {
  847. color: var(--secondary-color) !important;
  848. font-family: "Roboto Condensed" !important;
  849. font-size: 10pt !important;
  850. }
  851.  
  852. ytd-vertical-channel-section-renderer {
  853. display: none !important;
  854. }
  855.  
  856. #thumbnail.ytd-playlist-thumbnail {
  857. border-radius: 2px !important;
  858. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  859. }
  860.  
  861. yt-formatted-string.ytd-expanded-shelf-contents-renderer {
  862. background: #2C82C9 !important;
  863. border-radius: 2px !important;
  864. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  865. color: #FFF !important;
  866. font-family: "Roboto Condensed" !important;
  867. font-size: 10pt !important;
  868. font-weight: bold;
  869. height: 45px !important;
  870. line-height: 45px !important;
  871. width: 180px !important;
  872. text-align: center !important;
  873. }
  874.  
  875. #label-text.yt-dropdown-menu {
  876. color: #3D8EB9 !important;
  877. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  878. font-size: 10pt !important;
  879. overflow: visible !important;
  880. }
  881.  
  882. #label-icon.yt-dropdown-menu {
  883. margin-left: 10px !important;
  884. }
  885.  
  886. #title.ytd-feed-entry-renderer {
  887. color: var(--secondary-color) !important;
  888. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  889. font-size: 10pt !important;
  890. height: 22px !important;
  891. max-height: 25px !important;
  892. }
  893.  
  894. #subtitle.ytd-shelf-renderer {
  895. color: var(--secondary-color) !important;
  896. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  897. font-size: 10pt !important;
  898. height: 22px !important;
  899. max-height: 25px !important;
  900. max-width: 100% !important;
  901. margin-top: 15px !important;
  902. overflow: hidden !important;
  903. text-overflow: ellipsis !important;
  904. white-space: nowrap !important;
  905. }
  906.  
  907. #items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer {
  908. padding-right: 10px !important;
  909. margin-bottom: 0px !important;
  910. }
  911.  
  912. #items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer #video-title,
  913. #video-title.ytd-grid-playlist-renderer {
  914. color: var(--primary-color) !important;
  915. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  916. font-size: 10pt !important;
  917. max-height: 27px !important;
  918. height: 27px !important;
  919. overflow: hidden;
  920. text-overflow: ellipsis !important;
  921. white-space: nowrap !important;
  922. }
  923.  
  924. #message.ytd-message-renderer,
  925. ytd-notification-multi-action-renderer * {
  926. color: var(--primary-color) !important;
  927. font-family: "Roboto Condensed" !important;
  928. font-size: 10pt !important;
  929. }
  930.  
  931. ytd-channel-about-metadata-renderer {
  932. background: var(--card-bg) !important;
  933. border-radius: 2px !important;
  934. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  935. padding: 0px 25px !important;
  936. color: var(--primary-color) !important;
  937. }
  938.  
  939. ytd-backstage-post-renderer ytd-expander[collapsed] > #content.ytd-expander {
  940. background: var(--card-bg) !important;
  941. border-radius: 2px !important;
  942. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  943. max-height: 100% !important;
  944. padding: 10px 25px !important;
  945. margin-top: 10px !important;
  946. }
  947.  
  948. ytd-backstage-post-renderer ytd-expander[collapsed] > #content.ytd-expander * {
  949. font-size: 10pt !important;
  950. }
  951.  
  952. ytd-backstage-post-renderer ytd-expander[collapsed] #more.ytd-expander {
  953. display: none !important;
  954. }
  955.  
  956. ytd-channel-about-metadata-renderer * {
  957. color: var(--primary-color) !important;
  958. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  959. font-size: 10pt !important;
  960. }
  961.  
  962. #details-container.ytd-channel-about-metadata-renderer td.label.ytd-channel-about-metadata-renderer {
  963. white-space: nowrap !important;
  964. }
  965.  
  966. #channel yt-img-shadow {
  967. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  968. }
  969.  
  970. #channel-info #title {
  971. color: var(--primary-color) !important;
  972. font-family: "Roboto Condensed" !important;
  973. font-size: 10pt !important;
  974. max-height: 30px !important;
  975. height: 20px !important;
  976. margin-top: 15px !important;
  977. }
  978.  
  979. #channel-info #thumbnail-attribution.ytd-grid-channel-renderer {
  980. font-family: "Roboto Condensed" !important;
  981. font-size: 14pt !important;
  982. }
  983.  
  984. ytd-backstage-post-thread-renderer {
  985. margin-bottom: 60px !important;
  986. }
  987.  
  988. span.ytd-backstage-post-renderer {
  989. color: var(--primary-color) !important;
  990. font-family: "Roboto Condensed" !important;
  991. font-size: 18pt !important;
  992. }
  993.  
  994. #content-text.ytd-backstage-post-renderer {
  995. color: var(--primary-color) !important;
  996. font-family: "Roboto Condensed" !important;
  997. font-size: 10pt !important;
  998. height: 30px !important;
  999. line-height: 4rem !important;
  1000. max-height: 30px !important;
  1001. overflow: visible !important;
  1002. }
  1003.  
  1004. #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer {
  1005. background-color: transparent !important;
  1006. padding: 0px !important;
  1007. }
  1008.  
  1009. #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer {
  1010. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1011. }
  1012.  
  1013. .align-by-text.style-scope.ytd-backstage-comments-renderer {
  1014. color: var(--primary-color) !important;
  1015. font-family: "Roboto Condensed" !important;
  1016. font-size: 10pt !important;
  1017. margin-left: -14px !important;
  1018. }
  1019.  
  1020. #poll-votes * {
  1021. color: var(--primary-color) !important;
  1022. font-family: "Roboto Condensed" !important;
  1023. font-size: 10pt !important;
  1024. }
  1025.  
  1026. /* WATCH */
  1027.  
  1028. /** DESCRIPTION : change the elements of the watch page **/
  1029. ytd-watch:not([theater]) #player.ytd-watch {
  1030.  
  1031. /*** WATCH PLAYER ***/
  1032. box-shadow: -1px 40px 51px -33px rgba(0, 0, 0, 0.75);
  1033. margin-top: 50px !important;
  1034. margin-bottom: 20px !important;
  1035. }
  1036.  
  1037. ytd-watch:not([theater]) #player-container,#movie_player {
  1038. border-radius: 3px !important;
  1039. }
  1040.  
  1041. ytd-watch:not([theater]) .video-stream.html5-main-video {
  1042. background: var(--card-bg) !important;
  1043. width: 100% !important;
  1044. }
  1045.  
  1046. ytd-watch[theater] #movie_player {
  1047. background: var(--card-bg-2) !important;
  1048. border-radius: 1px !important;
  1049. }
  1050.  
  1051. ytd-watch:not([theater]) .ytp-iv-video-content {
  1052. width: 100% !important;
  1053. bottom: 20px !important;
  1054. }
  1055.  
  1056. .captions-text * {
  1057. border-radius: 3px !important;
  1058. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1059. font-size: 10pt !important;
  1060. padding: 5px 8px 7px 8px !important;
  1061. width: 100% !important;
  1062. }
  1063.  
  1064. ytd-video-primary-info-renderer.ytd-watch {
  1065.  
  1066. /*** WATCH INFORMATIONS ***/
  1067. border: none !important;
  1068. }
  1069.  
  1070. ytd-video-secondary-info-renderer.ytd-watch {
  1071. border-bottom: 1px dotted #BEBEBE !important;
  1072. padding-bottom: 25px !important;
  1073. }
  1074.  
  1075. ytd-watch[theater] #main.ytd-watch {
  1076. width: 90% !important;
  1077. margin-top: 25px !important;
  1078. }
  1079.  
  1080. .title.style-scope.ytd-video-primary-info-renderer * {
  1081.  
  1082. /*** WATCH INFORMATIONS TITLE ***/
  1083. color: var(--primary-color);
  1084. font-family: "Roboto Condensed", "Honoka Antique-Kaku" !important;
  1085. font-size: 15pt !important;
  1086. height: 32px !important;
  1087. line-height: 32px !important;
  1088. max-width: 100% !important;
  1089. overflow: hidden;
  1090. text-overflow: ellipsis !important;
  1091. white-space: nowrap !important;
  1092. }
  1093.  
  1094. #info #count {
  1095.  
  1096. /*** WATCH INFORMATIONS VIEW ***/
  1097. margin-top: 15px !important;
  1098. }
  1099.  
  1100. #info #count .view-count {
  1101. color: var(--secondary-color) !important;
  1102. font-family: "Roboto Condensed" !important;
  1103. font-size: 10pt !important;
  1104. margin-top: 10px !important;
  1105. margin-left: 1px !important;
  1106. }
  1107.  
  1108. ytd-toggle-button-renderer[is-icon-button]:nth-child(1) {
  1109.  
  1110. /*** WATCH INFORMATIONS LIKE/DISLIKE BUTTONS ***/
  1111. margin-right: 15px !important;
  1112. }
  1113.  
  1114. .style-scope.ytd-menu-renderer.force-icon-button:nth-child(1) #button yt-icon,
  1115. .style-scope.ytd-menu-renderer.force-icon-button:nth-child(2) #button yt-icon {
  1116. height: 0px !important;
  1117. width: 0px !important;
  1118. padding: 38px 0px 0px 38px !important;
  1119. margin-top: -10px !important;
  1120. margin-left: -8px !important;
  1121. opacity: .5 !important;
  1122. }
  1123.  
  1124. .style-scope.ytd-menu-renderer.force-icon-button #button {
  1125. margin-left: -5px !important;
  1126. }
  1127.  
  1128. #like-button.ytd-comment-action-buttons-renderer yt-icon,
  1129. #dislike-button.ytd-comment-action-buttons-renderer yt-icon {
  1130. height: 0px !important;
  1131. width: 0px !important;
  1132. padding: 30px 0px 0px 30px !important;
  1133. opacity: .5 !important;
  1134. margin-top: -11px !important;
  1135. margin-left: -8px !important;
  1136. }
  1137.  
  1138. ytd-toggle-button-renderer[is-icon-button] *,
  1139. #vote-count-left.ytd-comment-action-buttons-renderer,
  1140. #vote-count-middle.ytd-comment-action-buttons-renderer {
  1141. color: #6E6E6E;
  1142. font-family: "Roboto Condensed" !important;
  1143. font-size: 10pt !important;
  1144. text-transform: capitalize !important;
  1145. }
  1146.  
  1147. ytd-watch .style-scope.ytd-menu-renderer.force-icon-button:nth-child(1) #button yt-icon,#like-button.ytd-comment-action-buttons-renderer yt-icon {
  1148. background: no-repeat url("https://i.imgur.com/ev5nQtL.png") center !important;
  1149. background-size: cover !important;
  1150. filter: var(--invert) !important;
  1151. }
  1152.  
  1153. ytd-watch .style-scope.ytd-menu-renderer.force-icon-button.style-default-active:nth-child(1) #button yt-icon,#like-button.ytd-comment-action-buttons-renderer.style-default-active yt-icon {
  1154. opacity: .8 !important;
  1155. }
  1156.  
  1157. .style-scope.ytd-menu-renderer.force-icon-button.style-default-active:nth-child(1) *,#vote-count-left,#vote-count-middle.ytd-comment-action-buttons-renderer {
  1158. color: #2CC990 !important;
  1159. }
  1160.  
  1161. .style-scope.ytd-menu-renderer.force-icon-button:nth-child(2) #button yt-icon,#dislike-button.ytd-comment-action-buttons-renderer yt-icon {
  1162. background: no-repeat url("https://i.imgur.com/Nmf2JDD.png") center !important;
  1163. background-size: cover !important;
  1164. filter: var(--invert) !important;
  1165. }
  1166.  
  1167. .style-scope.ytd-menu-renderer.force-icon-button.style-default-active:nth-child(2) #button yt-icon,#dislike-button.ytd-comment-action-buttons-renderer.style-default-active yt-icon {
  1168. opacity: .8 !important;
  1169. }
  1170.  
  1171. .style-scope.ytd-menu-renderer.force-icon-button.style-default-active:nth-child(2) * {
  1172. color: #E01931 !important;
  1173. }
  1174.  
  1175. #top-row {
  1176.  
  1177. /*** WATCH INFORMATIONS UPLOADER ***/
  1178. background: var(--card-bg) !important;
  1179. border-radius: 2px !important;
  1180. box-shadow: 0px 1px 2px rgba(0, 0, 0, .15) !important;
  1181. padding: 15px !important;
  1182. margin-top: 10px !important;
  1183. }
  1184.  
  1185. #upload-info * {
  1186. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1187. font-size: 10pt !important;
  1188. line-height: 22pt !important;
  1189. }
  1190.  
  1191. #owner-container.ytd-video-owner-renderer * {
  1192. color: var(--primary-color) !important;
  1193. }
  1194.  
  1195. .date.ytd-video-secondary-info-renderer {
  1196. color: var(--secondary-color) !important;
  1197. }
  1198.  
  1199. .style-scope.ytd-subscribe-button-renderer {
  1200.  
  1201. /*** WATCH INFORMATIONS UPLOADER SUBSCRIBE BUTTON ***/
  1202. background: #EB6361 !important;
  1203. color: #FFF !important;
  1204. font-family: "Roboto Condensed" !important;
  1205. font-size: 10pt !important;
  1206. font-weight: bold !important;
  1207. }
  1208.  
  1209. paper-button[subscribed].ytd-subscribe-button-renderer,
  1210. paper-button[subscribed].ytd-subscribe-button-renderer .style-scope.ytd-subscribe-button-renderer {
  1211. background-color: #3E4651 !important;
  1212. }
  1213.  
  1214. paper-button[subscribed].ytd-subscribe-button-renderer * {
  1215. color: #FFF !important;
  1216. }
  1217.  
  1218. .deemphasize.style-scope.yt-formatted-string {
  1219. font-family: "Roboto Condensed" !important;
  1220. font-size: 10pt !important;
  1221. font-weight: normal;
  1222. }
  1223.  
  1224. paper-button[subscribed] .deemphasize.style-scope.yt-formatted-string {
  1225. color: #FFF !important;
  1226. }
  1227.  
  1228. #notification-button {
  1229. background: transparent !important;
  1230. margin-top: 2px;
  1231. }
  1232.  
  1233. .description.style-scope.ytd-video-secondary-info-renderer {
  1234.  
  1235. /*** WATCH INFORMATIONS DESCRIPTION ***/
  1236. font-size: 10pt !important;
  1237. line-height: 23pt !important;
  1238. max-width: 90% !important;
  1239. margin-top: 25px !important;
  1240. margin-left: 0px !important;
  1241. }
  1242.  
  1243. .description.style-scope.ytd-video-secondary-info-renderer * {
  1244. color: var(--primary-color) !important;
  1245. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1246. opacity: .9 !important;
  1247. }
  1248.  
  1249. #meta-contents #content.ytd-expander,
  1250. ytd-comment-renderer #content {
  1251. overflow: visible !important;
  1252. max-height: 100% !important;
  1253. }
  1254.  
  1255. #count.ytd-comments-header-renderer .count-text {
  1256.  
  1257. /*** WATCH COMMENTS ***/
  1258. color: var(--secondary-color) !important;
  1259. font-family: "Roboto Condensed" !important;
  1260. font-size: 10pt !important;
  1261. }
  1262.  
  1263. yt-dropdown-menu {
  1264. margin-top: 6px !important;
  1265. }
  1266.  
  1267. yt-dropdown-menu * {
  1268. color: var(--secondary-color) !important;
  1269. font-family: "Roboto Condensed" !important;
  1270. font-size: 10pt !important;
  1271. font-weight: normal !important;
  1272. text-transform: Capitalize !important;
  1273. }
  1274.  
  1275. #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,
  1276. #author-thumbnail.ytd-comment-simplebox-renderer {
  1277.  
  1278. /*** WATCH COMMENTS AVATAR ***/
  1279. box-shadow: 0px 1px 2px rgba(0, 0, 0, .3) !important;
  1280. }
  1281.  
  1282. ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
  1283. height: 40px !important;
  1284. width: 40px !important;
  1285. }
  1286.  
  1287. #label.ytd-pinned-comment-badge-renderer {
  1288.  
  1289. /*** WATCH COMMENTS PINNED ***/
  1290. font-family: "Roboto Condensed" !important;
  1291. font-size: 10pt !important;
  1292. margin-bottom: 5px !important;
  1293. }
  1294.  
  1295. #author-text .style-scope.ytd-comment-renderer,
  1296. #name {
  1297.  
  1298. /*** WATCH COMMENTS AUTHOR ***/
  1299. color: #3D8EB9 !important;
  1300. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1301. font-size: 10pt !important;
  1302. font-weight: normal !important;
  1303. max-width: 100% !important;
  1304. overflow: hidden;
  1305. text-overflow: ellipsis !important;
  1306. white-space: nowrap !important;
  1307. }
  1308.  
  1309. ytd-author-comment-badge-renderer.creator {
  1310. background: transparent !important;
  1311. }
  1312.  
  1313. ytd-author-comment-badge-renderer.creator #name * {
  1314. color: #EB6361 !important;
  1315. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1316. font-size: 10pt !important;
  1317. font-weight: normal !important;
  1318. }
  1319.  
  1320. ytd-comment-renderer .yt-simple-endpoint.style-scope.yt-formatted-string {
  1321.  
  1322. /*** WATCH COMMENTS DATE ***/
  1323. font-family: "Roboto Condensed" !important;
  1324. font-size: 10pt !important;
  1325. white-space: nowrap !important;
  1326. }
  1327.  
  1328. ytd-comment-renderer #content {
  1329.  
  1330. /*** WATCH COMMENTS POSTS ***/
  1331. background: var(--card-bg) !important;
  1332. border-radius: 2px !important;
  1333. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1334. padding: 15px 20px !important;
  1335. margin-top: 10px !important;
  1336. }
  1337.  
  1338. #placeholder-area.ytd-comment-simplebox-renderer,
  1339. #main.ytd-commentbox #creation-box #input-container.ytd-commentbox {
  1340. background: var(--card-bg) !important;
  1341. border: none !important;
  1342. border-radius: 2px !important;
  1343. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1344. padding: 15px 20px !important;
  1345. }
  1346.  
  1347. .ytd-comment-renderer #content *,
  1348. #placeholder-area.ytd-comment-simplebox-renderer *,
  1349. #main.ytd-commentbox #creation-box * {
  1350. color: var(--primary-color) !important;
  1351. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1352. font-size: 10pt !important;
  1353. line-height: 22pt !important;
  1354. }
  1355.  
  1356. #toolbar.ytd-comment-action-buttons-renderer {
  1357. margin-top: 10px !important;
  1358. margin-bottom: 10px !important;
  1359. }
  1360.  
  1361. #hearted-thumbnail.ytd-creator-heart-renderer {
  1362.  
  1363. /*** WATCH COMMENTS ACTIONS BUTTONS ***/
  1364. height: 40px !important;
  1365. width: 40px !important;
  1366. margin-top: -3px !important;
  1367. }
  1368.  
  1369. #hearted.ytd-creator-heart-renderer {
  1370. height: 25px !important;
  1371. width: 25px !important;
  1372. top: -5px !important;
  1373. right: -25px !important;
  1374. }
  1375.  
  1376. .more-button.ytd-comment-replies-renderer *,
  1377. .less-button.ytd-comment-replies-renderer * {
  1378.  
  1379. /*** WATCH COMMENTS POSTS REPLIES ***/
  1380. color: var(--secondary-color) !important;
  1381. font-family: "Roboto Condensed" !important;
  1382. font-size: 10pt !important;
  1383. text-transform: lowercase;
  1384. }
  1385.  
  1386. .more-button.ytd-comment-replies-renderer,
  1387. .less-button.ytd-comment-replies-renderer {
  1388. margin-bottom: 20px !important;
  1389. }
  1390.  
  1391. ytd-watch:not([flexy-fit-to-video_]) #playlist.ytd-watch {
  1392.  
  1393. /*** WATCH PLAYLIST ***/
  1394. border-radius: 2px !important;
  1395. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  1396. margin-top: -19px !important;
  1397. margin-right: -23px !important;
  1398. margin-bottom: 35px !important;
  1399. }
  1400.  
  1401. ytd-watch[theater] #playlist.ytd-watch {
  1402. margin-top: 20px !important;
  1403. margin-bottom: -8px !important;
  1404. }
  1405.  
  1406. #contents.yt-live-chat-app > .yt-live-chat-app {
  1407. margin-bottom: 18px !important;
  1408. }
  1409.  
  1410. .header.ytd-playlist-panel-renderer {
  1411.  
  1412. /*** WATCH PLAYLIST HEADER ***/
  1413. background: var(--card-bg) !important;
  1414. border-bottom: 1px dotted var(--border-color) !important;
  1415. border-top-left-radius: 2px !important;
  1416. border-top-right-radius: 2px !important;
  1417. padding-bottom: 20px !important;
  1418. }
  1419.  
  1420. .playlist-items.ytd-playlist-panel-renderer .title.ytd-playlist-panel-renderer,
  1421. #container.ytd-playlist-panel-renderer .title.ytd-playlist-panel-renderer *,
  1422. #container.ytd-playlist-panel-renderer .title.ytd-playlist-panel-renderer {
  1423.  
  1424. /*** WATCH PLAYLIST TITLE ***/
  1425. color: var(--primary-color) !important;
  1426. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1427. font-size: 10pt !important;
  1428. max-height: 30px !important;
  1429. height: 30px !important;
  1430. max-width: 90% !important;
  1431. margin-top: 5px !important;
  1432. overflow: hidden !important;
  1433. text-overflow: ellipsis !important;
  1434. white-space: nowrap !important;
  1435. }
  1436.  
  1437. #container.ytd-playlist-panel-renderer .title.ytd-playlist-panel-renderer {
  1438. overflow: visible;
  1439. margin-bottom: 20px !important;
  1440. }
  1441.  
  1442. #playlist-actions.ytd-playlist-panel-renderer *,
  1443. #publisher-container.ytd-playlist-panel-renderer * {
  1444. color: var(--primary-color) !important;
  1445. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1446. font-size: 10pt !important;
  1447. }
  1448.  
  1449. #playlist-actions {
  1450.  
  1451. /*** WATCH PLAYLIST HEADER ACTIONS ***/
  1452. position: absolute !important;
  1453. top: 10px !important;
  1454. right: 10px !important;
  1455. }
  1456.  
  1457. #container.ytd-playlist-panel-renderer #top-level-buttons.ytd-menu-renderer {
  1458. visibility: hidden !important;
  1459. }
  1460.  
  1461. .playlist-items.ytd-playlist-panel-renderer {
  1462.  
  1463. /*** WATCH PLAYLIST ITEMS ***/
  1464. background: var(--card-bg) !important;
  1465. border-bottom-left-radius: 2px !important;
  1466. border-bottom-right-radius: 2px !important;
  1467. }
  1468.  
  1469. ytd-playlist-panel-video-renderer {
  1470. padding-bottom: 20px !important;
  1471. margin-top: 25px !important;
  1472. }
  1473.  
  1474. ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer,
  1475. #index.ytd-playlist-panel-video-renderer {
  1476. visibility: hidden !important;
  1477. }
  1478.  
  1479. .playlist-items.ytd-playlist-panel-renderer #thumbnail-container.ytd-playlist-panel-video-renderer {
  1480.  
  1481. /*** WATCH PLAYLIST ITEMS THUMBNAIL ***/
  1482. border-radius: 2px !important;
  1483. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1484. }
  1485.  
  1486. .playlist-items.ytd-playlist-panel-renderer #meta.ytd-playlist-panel-video-renderer {
  1487.  
  1488. /*** WATCH PLAYLIST ITEMS DATA ***/
  1489. margin-left: 10px !important;
  1490. }
  1491.  
  1492. #playlist.ytd-watch #video-title.ytd-playlist-panel-video-renderer {
  1493.  
  1494. /*** WATCH PLAYLIST ITEMS DATA TITLE ***/
  1495. color: var(--primary-color) !important;
  1496. font-size: 10pt !important;
  1497. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1498. max-height: 27px !important;
  1499. height: 20px !important;
  1500. overflow: hidden;
  1501. text-overflow: ellipsis !important;
  1502. white-space: nowrap !important;
  1503. }
  1504.  
  1505. #playlist.ytd-watch #byline.ytd-playlist-panel-video-renderer {
  1506.  
  1507. /*** WATCH PLAYLIST ITEMS DATA UPLOADER ***/
  1508. color: var(--secondary-color) !important;
  1509. font-size: 10pt !important;
  1510. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1511. max-height: 27px !important;
  1512. height: 20px !important;
  1513. overflow: hidden;
  1514. text-overflow: ellipsis !important;
  1515. white-space: nowrap !important;
  1516. }
  1517.  
  1518. ytd-watch:not([theater]) #related.ytd-watch {
  1519.  
  1520. /*** WATCH RELATED VIDEOS ***/
  1521. margin-top: -20px !important;
  1522. }
  1523.  
  1524. ytd-watch #related.ytd-watch {
  1525. margin-top: 25px !important;
  1526. }
  1527.  
  1528. #head.ytd-compact-autoplay-renderer {
  1529. margin-bottom: 22px;
  1530. }
  1531.  
  1532. #upnext.ytd-compact-autoplay-renderer {
  1533. color: var(--primary-color) !important;
  1534. font-family: "Roboto Condensed" !important;
  1535. font-size: 10pt !important;
  1536. }
  1537.  
  1538. #toggle.ytd-compact-autoplay-renderer {
  1539. margin-right: -38px !important;
  1540. }
  1541.  
  1542. ytd-compact-autoplay-renderer.ytd-watch-next-secondary-results-renderer {
  1543. border-bottom: none !important;
  1544. margin-bottom: 22px !important;
  1545. }
  1546.  
  1547. ytd-compact-autoplay-renderer.ytd-watch-next-secondary-results-renderer::after {
  1548. color: transparent !important;
  1549. content: "" !important;
  1550. border-bottom: 1px dotted #BEBEBE !important;
  1551. width: 101% !important;
  1552. position: absolute !important;
  1553. }
  1554.  
  1555. #related #dismissable {
  1556.  
  1557. /*** WATCH RELATED VIDEOS ITEMS ***/
  1558. background: var(--card-bg) !important;
  1559. border-radius: 2px !important;
  1560. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  1561. padding: 15px !important;
  1562. width: 100% !important;
  1563. min-width: 100% !important;
  1564. margin-bottom: 6px !important;
  1565. }
  1566.  
  1567. #related ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer,
  1568. #related ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer {
  1569. background: var(--card-bg-2) !important;
  1570. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  1571. border-radius: 2px !important;
  1572. padding: 15px !important;
  1573. width: 100% !important;
  1574. margin-bottom: 14px !important;
  1575. }
  1576.  
  1577. #related ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer #title {
  1578. margin-left: 5px !important;
  1579. }
  1580.  
  1581. #related #thumbnail.ytd-thumbnail {
  1582.  
  1583. /*** WATCH RELATED VIDEOS ITEMS THUMBNAIL ***/
  1584. border-radius: 1px !important;
  1585. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  1586. }
  1587.  
  1588. ytd-thumbnail-overlay-time-status-renderer[overlay-style="DEFAULT"] {
  1589. background-color: transparent !important;
  1590. bottom: 6px;
  1591. }
  1592.  
  1593. ytd-thumbnail-overlay-time-status-renderer[overlay-style="DEFAULT"] *,
  1594. .ytp-videowall-still-info-duration {
  1595. background: transparent !important;
  1596. font-size: 12pt !important;
  1597. font-family: "Roboto Condensed" !important;
  1598. font-weight: bold;
  1599. text-shadow: 1px 1px #000;
  1600. }
  1601.  
  1602. yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer {
  1603. background-color: transparent !important;
  1604. font-size: 10pt !important;
  1605. font-family: "Roboto Condensed" !important;
  1606. font-weight: bold;
  1607. text-shadow: 1px 1px #000;
  1608. margin-bottom: 10px !important;
  1609. }
  1610.  
  1611. #hover-overlays * {
  1612. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1613. font-size: 10pt !important;
  1614. font-weight: bold !important;
  1615. }
  1616.  
  1617. .ytp-videowall-still-info-content .ytp-videowall-still-info-title {
  1618. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1619. font-size: 10pt !important;
  1620. overflow: hidden;
  1621. text-overflow: ellipsis !important;
  1622. white-space: nowrap !important;
  1623. }
  1624.  
  1625. .ytp-videowall-still-info-content .ytp-videowall-still-info-author {
  1626. color: #EBEBEB !important;
  1627. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1628. font-size: 10pt !important;
  1629. font-weight: bold !important;
  1630. }
  1631.  
  1632. a.yt-simple-endpoint.ytd-compact-video-renderer,
  1633. #title.yt-simple-endpoint.ytd-compact-radio-renderer {
  1634. margin-left: 5px !important;
  1635. }
  1636.  
  1637. #video-title.ytd-compact-video-renderer,
  1638. #video-title.ytd-compact-radio-renderer,
  1639. #video-title.ytd-compact-playlist-renderer,
  1640. ytd-grid-radio-renderer #video-title {
  1641.  
  1642. /*** WATCH RELATED VIDEOS ITEMS TITLE ***/
  1643. color: var(--primary-color) !important;
  1644. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1645. font-size: 10pt !important;
  1646. height: auto !important;
  1647. line-height: 23px !important;
  1648. max-width: 100% !important;
  1649. overflow: hidden !important;
  1650. text-overflow: ellipsis !important;
  1651. white-space: nowrap !important;
  1652. }
  1653.  
  1654. #byline-container.ytd-video-meta-block {
  1655.  
  1656. /*** WATCH RELATED VIDEOS ITEMS DATA ***/
  1657. line-height: 22px !important;
  1658. max-height: 30px !important;
  1659. margin-top: 5px !important;
  1660. margin-bottom: 5px !important;
  1661. }
  1662.  
  1663. #byline.ytd-video-meta-block,
  1664. #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  1665. color: var(--secondary-color) !important;
  1666. font-family: "Roboto Condensed", "ぼくたちのゴシック２ボールド" !important;
  1667. font-size: 10pt !important;
  1668. max-height: 30px !important;
  1669. height: 25px !important;
  1670. }
  1671.  
  1672. #related ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer *,
  1673. #related ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer * {
  1674. color: #FFF !important;
  1675. }
  1676.  
  1677. #related .style-scope.ytd-badge-supported-renderer {
  1678. background: transparent !important;
  1679. border: none !important;
  1680. border-radius: 2px !important;
  1681. color: #71BA51 !important;
  1682. font-family: "Roboto Condensed" !important;
  1683. font-size: 10pt !important;
  1684. text-align: right !important;
  1685. width: 100% !important;
  1686. margin-top: 10px !important;
  1687. margin-right: -17px !important;
  1688. text-transform: uppercase !important;
  1689. white-space: nowrap !important;
  1690. }
  1691.  
  1692. #related .dropdown-trigger {
  1693. top: 10px !important;
  1694. right: -25px !important;
  1695. }
  1696.  
  1697. .dropdown-trigger yt-icon {
  1698. background: no-repeat url('https://i.imgur.com/OygFMxF.png') center !important;
  1699. background-size: cover !important;
  1700. height: 0px !important;
  1701. width: 0px !important;
  1702. padding: 15px 0px 0px 15px !important;
  1703. }
  1704.  
  1705. paper-button.yt-next-continuation {
  1706. background: #2C82C9 !important;
  1707. box-shadow: 0px 1px 2px rgba(0, 0, 0, .2) !important;
  1708. line-height: 25px !important;
  1709. width: 433px !important;
  1710. margin: auto !important;
  1711. position: absolute !important;
  1712. right: -54px !important;
  1713. left: 0px !important;
  1714. }
  1715.  
  1716. paper-button.yt-next-continuation * {
  1717. color: #FFF !important;
  1718. font-family: "Roboto Condensed" !important;
  1719. font-size: 10pt !important;
  1720. font-weight: bold;
  1721. text-transform: uppercase !important;
  1722. }
  1723.  
  1724. /* POPUP */
  1725.  
  1726. /** DESCRIPTION : change the elements of popup dialog **/
  1727. ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-account"],
  1728. ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] {
  1729. box-shadow: 0px 1px 2px rgba(0, 0, 0, .7) !important;
  1730. }
  1731.  
  1732. ytd-simple-menu-header-renderer,
  1733. ytd-active-account-header-renderer {
  1734. background: var(--header-bg) !important;
  1735. border-bottom: 1px dotted var(--border-color) !important;
  1736. font-size: 18pt !important;
  1737. padding: 10px !important;
  1738. }
  1739.  
  1740. #account-name.ytd-active-account-header-renderer {
  1741. max-height: 30px !important;
  1742. height: 25px !important;
  1743. }
  1744.  
  1745. yt-live-chat-header-renderer.yt-live-chat-renderer {
  1746. background: var(--card-bg) !important;
  1747. border-bottom: none !important;
  1748. font-size: 18pt !important;
  1749. padding: 10px 10px 20px 10px !important;
  1750. }
  1751.  
  1752. yt-live-chat-message-input-renderer,
  1753. #contents.yt-live-chat-renderer {
  1754. background: var(--card-bg) !important;
  1755. }
  1756.  
  1757. #contents.yt-live-chat-renderer * {
  1758. color: var(--primary-color) !important;
  1759. font-family: "Roboto Condensed" !important;
  1760. font-size: 10pt !important;
  1761. }
  1762.  
  1763. ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] > .menu-container.ytd-multi-page-menu-renderer:not(:hover) {
  1764. margin-right: 0px;
  1765. }
  1766.  
  1767. ytd-simple-menu-header-renderer h2 * {
  1768. color: var(--primary-color) !important;
  1769. font-family: "Roboto Condensed" !important;
  1770. font-size: 18pt !important;
  1771. }
  1772.  
  1773. .message.ytd-notification-renderer,
  1774. .metadata.ytd-notification-renderer * {
  1775. color: var(--primary-color) !important;
  1776. font-family: "Roboto Condensed" !important;
  1777. font-size: 10pt !important;
  1778. line-height: 20pt !important;
  1779. }
  1780.  
  1781. .thumbnail-container.ytd-notification-renderer {
  1782. border-radius: 2px !important;
  1783. box-shadow: 0px 1px 2px rgba(0, 0, 0, .5) !important;
  1784. }
  1785.  
  1786. .menu-container.ytd-multi-page-menu-renderer {
  1787. background: var(--card-bg) !important;
  1788. }
  1789.  
  1790. ytd-menu-popup-renderer,
  1791. .dropdown-content.paper-menu-button {
  1792. border-radius: 2px !important;
  1793. box-shadow: 0px 1px 2px rgba(0, 0, 0, .4) !important;
  1794. }
  1795.  
  1796. ytd-menu-popup-renderer paper-menu,
  1797. ytd-multi-page-menu-renderer,
  1798. .dropdown-content.paper-menu-button paper-menu {
  1799. background: var(--card-bg) !important;
  1800. }
  1801.  
  1802. ytd-menu-popup-renderer paper-menu *,
  1803. ytd-multi-page-menu-renderer * {
  1804. color: var(--primary-color) !important;
  1805. font-family: "Roboto Condensed" !important;
  1806. font-size: 15pt !important;
  1807. }
  1808.  
  1809. #email.ytd-active-account-header-renderer {
  1810. display: none !important;
  1811. }
  1812.  
  1813. ytd-menu-popup-renderer .item.yt-dropdown-menu {
  1814. color: var(--primary-color) !important;
  1815. }
  1816.  
  1817. ytd-menu-service-item-renderer {
  1818. line-height: 20px !important;
  1819. }
  1820.  
  1821. paper-toast.yt-notification-action-renderer {
  1822. background: var(--card-bg) !important;
  1823. }
  1824.  
  1825. paper-toast.yt-notification-action-renderer * {
  1826. font-family: "Roboto Condensed" !important;
  1827. font-size: 15pt !important;
  1828. }
  1829.  
  1830. }
  1831.  
  1832. @-moz-document regexp("https://www.youtube.com/feed/subscriptions.*") {
  1833. ytd-two-column-browse-results-renderer.ytd-browse #primary.ytd-two-column-browse-results-renderer .grid-subheader.ytd-shelf-renderer #top-level-buttons ytd-button-renderer {
  1834. visibility: hidden;
  1835. }
  1836.  
  1837. ytd-two-column-browse-results-renderer.ytd-browse .grid-subheader.ytd-shelf-renderer #menu #top-level-buttons ytd-button-renderer:first-child a::before {
  1838. background: #DC626F !important;
  1839. border-radius: 2px !important;
  1840. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1841. color: #FFF !important;
  1842. content: "GRID" !important;
  1843. font-family: "Roboto Condensed" !important;
  1844. font-size: 10pt !important;
  1845. font-weight: bold !important;
  1846. padding: 8px 18px !important;
  1847. position: absolute !important;
  1848. right: 150px !important;
  1849. margin-top: 2px !important;
  1850. visibility: visible !important;
  1851. }
  1852.  
  1853. ytd-two-column-browse-results-renderer.ytd-browse .grid-subheader.ytd-shelf-renderer #menu #top-level-buttons ytd-button-renderer:last-child a::before {
  1854. background: #6BB18C !important;
  1855. border-radius: 2px !important;
  1856. box-shadow: 0px 1px 2px rgba(0, 0, 0, .1) !important;
  1857. color: #FFF !important;
  1858. content: "LIST" !important;
  1859. font-family: "Roboto Condensed" !important;
  1860. font-size: 10pt !important;
  1861. font-weight: bold !important;
  1862. padding: 8px 18px !important;
  1863. position: absolute !important;
  1864. right: 70px !important;
  1865. margin-top: 2px !important;
  1866. visibility: visible !important;
  1867. }
  1868.  
  1869. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!