API tools faq
paste
Alantag26

Youtube Galaxy (by Alan)

Alantag26
Nov 2nd, 2016
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.58 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. background: url(http://www.ccvalg.pt/astronomia/galaxias/galaxias_irregulares/pequena_nuvem_magalhaes.jpg) no-repeat center center fixed;
  3. -webkit-background-size: cover;
  4. -moz-background-size: cover;
  5. -o-background-size: cover;
  6. background-size: cover;
  7. }
  8. /* MASTER HEAD */
  9.  
  10. #yt-masthead-container {
  11. background-color: #239000;
  12. border-bottom: 0px solid;
  13. }
  14. .appbar-hidden #masthead-positioner-height-offset {
  15. height: 52px;
  16. background-color: #239000;
  17. }
  18. /* MASTER HEAD - Logo */
  19.  
  20. #yt-masthead #logo-container .logo {
  21. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAeCAYAAACPOlitAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAyMy82LzE1VE5rwgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAYsSURBVGiBzZp7iNVFFMc/57a2uutq2gZiUj6i6GVpCdVfYkVFKEIPooiy/goL/0moMCnyj4JUKrOo6E1Fiv6RD6wgouxB9LYH2kOjtEzT1V1d193ftz/mzN65v73Xva637h4YZu455zfnzJk5Z87MXGOQgKQW4BRgDDAaaPV6OHCC101ehgJDHKcy3fUA+53WDnT67/3APqAN2O1lF7DdzLaV08tqMrpjAElXAHOAycBIYBhh8A3AcUCBoGfUdSA6K1cyoNtLF9ABbAfeBZaZ2c4BDqe2IOkxDT74U9K0qGPdVpCkOcDz9ZLfD2wHzjCz9kI9pEsqAPfVQ3aVMBa4DqBB0rPAOIJfvm5mr0YuSYuAKYRYcK+ZfVkjBaYCp3n7E2CFyygHPcBlwFX99Pkj8KS37wTOOEYdZwEvIOmOxP82RqqkZkkHHJ9JGn2MAntB0l2JzKVV8M+tInasTfjXHVsYkiRtltRakPQ0YRYBJieGuJCwowCsMLN/amUgYGLSbpbU4KXX5SUVIp6wu/UHx1doDxRGAWcVCoWCgA2OHA5c4u3LE+ZVNRCYwpikfSOwzcuDCX5Rgr/nKPsvlxsdLQwDJsUZW5cQomFmeN0OvN0rWWqRNFHSiX20khqd3pJlmTmuyXHDE9b022ZCUBxLSAwjtCb4lqMcXIPXe71Ugr3Angq0IcD4aKAvgN+8fbEP/nz//b6Z7cmyzCQtBn4FfgJ+kfSGSmPTQ97PNjM7xXFvOu7TxIUquUxP0u72OiNM2lnADY7bAZzruAUV+rofGE9w53w68ZX3eaqXGcDnOZ7jCJl9AEnLPTjtlrQgCVZznP5whWD2XrJankrwEx33of/eEQ0kaVOFvh4vo0+3pDGOm+y4rQnfTY57x38XJJ2UjlTSUB+XJG3JrebI06QQmCNkktamedBqr0cB8719CHhL0lDgDsdtBq4H1vvv6WZ2gbfjCkhjQFwJ3ZIivjGv4BHAKG4WsS4oBO8+fZlZBkyT9K6kax3XSVg1AIvNrF3ScEmrJa2U1GRmB4AlObnNqYE+BHY6YYTjNprZLkJOEXEvmdkK4JHk2ynVjNQ3BKic89QKFgKXArcluHi++tTrc4DZwDXAmY77LNdPS6+BzOwg8E6OIa6q5gQXV0l6TGmqRuvoiv8DtHvdneAOed3mdbm0oI3S1W8NlMIq4CZvdwFrvJ1+VMjVefpgglSvOLHRaFuAu53nl4RfJJOfN9BG4CDB1783s6211DZxsXpAyeo1sx3A4hxPn2Q4b6DDFC18iBpDlmXmRurpl/m/g7jjjgNud1z0htGUGrI9b6BCwvBfulDNjV8FKFdPAB7oh7/q645yxioJZkf4tne1mFnkO1Cl3CgnP0EDuabJx850Fd9KSDxnJrIyYGd+BVWCw0k7umBXBToU74Kh9JgQDdRG9ZAaPzVMdoRvYiKYjm+I13FHTg30tZltknQgkZcBv1droF8JbtEIzJa0Brg5of/gdXpvPFnSJcC0hC/Sj+ZmwChuw/tc1jxPCCvBi4SzXHrIjhN1HvAdsImwKTUCW512esLfleADSGqVdNBT7c9ztGcqHA++lTTEeRaWof/j9Y6Er9Jd9NJE3rIEf1FOl5FJX7c4z4aE3scF/YjRZ1w5nvWJzF2Spuc7EmH5d1B0kQh3Aa9QurQ/AK42s+hirxGeUSDc684gJJ8dhNmP/r21go6NCmeiJkoTuXkqnuNmAR8Do5wvHj8a/NtmYKWkW5KBz6d4gzlV0luSTk/oYyU9B1yZyNwL/FASXLMsMzMbSVjW3Wa2Pz8ChUPoBOBvM/umDL0VmARsMrMOhfeuBiAzszbnuRj4qIyBOikG8Pj+FeFnp5/tv3e7no2EuHKY8O4FxWuTLYRJSV2nV1XCNW03wXjDcvQ1ZjazLq8a7h4/kV4nDD6Ya2bL6/Kq4S75aD1kVwl7COFiQPlETcDMngBerpf8I0AHcJ2Z7YXB8fQ8m5AynE24im0i5Czpk3Mt9Uyfn3sIsasT+At4H1hiZj9H5robKIKkUYR7mdOAkwkXd6MJ17MjCEE0/oEhBuYGwm6XXsd0E4K1ed3ldbuXPV52EQL9duAP4Fszy+/c/AsFY4bTCAaaJwAAAABJRU5ErkJggg==);
  22. }
  23. /* MASTER HEAD - New Upload Button */
  24.  
  25. .yt-uix-button-icon-material-upload {
  26. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNS82LzE1gheI3wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACMSURBVEiJ7ZXhCoAgDIS36MF98+tHUbTd0Akrgg78o8d9TKcqAKnUUpr+BGBlk6pKzQDasd6CdT5pRxSOSyHAZY0ATHgImQIE4RSSBnTCHSQFGAy/QYYByfATwrIU8Idq2xTMtPvU+Jzn+zf5B3RFHzsr2y0ZlVdA74GIzH5zrtLXzmB6z62+36blgA3p1JyzMIX9qAAAAABJRU5ErkJggg==);
  27. }
  28. .yt-uix-button-opacity,
  29. .yt-uix-button-opacity:hover {
  30. opacity: 100
  31. }
  32. /* MASTER HEAD - Notification Active Bell */
  33.  
  34. #yt-masthead-user .yt-uix-button-icon-bell,
  35. #yt-masthead-user .yt-uix-button-icon-bell:hover {
  36. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAyMy82LzE1VE5rwgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEKSURBVEiJ7ZZBDoIwEEWnhngIFy5IPIMuPJtxwRVwz5obGA/kXmPi6rkZTNtAW4UIUX/SEKYz88jATDGAjKHZKNQ/+PfAxpjOJSKFiFxEpIj4JcnY7RQKxHI0AcfU9oyWGtgCtWergW0SIZD4uTx7BpSEVQJZV77QCoEb6BXYATkw1+seuOn+YTCwlreBrjsqtdF97LL3BdeacBd5TXv1qy1bL/BZE+YRcK5+51fBre2EGkNtY4EcX/9b6dI0Jtcf/BtgYPFOolfjHDCwEpHKuo/KCq80PknGjZUhfjmTDmXnZEkZGDENOkCAo1fhU6+n06Stx6LnswROwF2vy5R8ybP6k5pOH389+AHMHA4G40/1BQAAAABJRU5ErkJggg==);
  37. opacity: 100
  38. }
  39. /* MASTER HEAD - Notification Active Bell */
  40.  
  41. #yt-masthead-user .sb-notif-on .yt-uix-button-icon-bell {
  42. background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAyMy82LzE1VE5rwgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADtSURBVEiJ7ZaxDcIwEEX/oewAoqBji+zEEqwAfepsgBgIaiqqR2MQsRLnnESAgC+dIll3/0V2zhcD9A7N3kL9g38PbGadIWkr6SJp25Pnkj23U6qQp0RLJHrbs3ergRKoo7UaKF2EhPEjovUC2JHWDii6/FKRAvdB79pPBg7bm6MyF9x1xpvME8vNb/+qgZOkeYbP2cwWoXYUOHtk3VvMW/oZN9cf/BtgYDnEKLeuAQbWkqohYElVqHfJor6b4pfTNZQbkyU1Z72a9AIBDtFQOI56u2DaOhajnBVwBK7hufL4pSI+45fpc/r468E3J9WRX0eIv3sAAAAASUVORK5CYII=);
  43. background-size: auto;
  44. opacity: 100;
  45. }
  46. #yt-masthead-user .sb-notif-on .yt-uix-button-icon-bell:hover {
  47. opacity: 50;
  48. }
  49. /* MASTER HEAD - Sidebar Button */
  50.  
  51. .show-guide .yt-uix-button-icon-appbar-guide,
  52. .show-guide #masthead-positioner:hover .yt-uix-button-icon-appbar-guide {
  53. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNC82LzE1SUtbegAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA5SURBVDiNY/z//z8DJYCJIt3UMIAFSpPjD0bquYCRkZGRVI2wwKfYBYxQk0bDYMDDAGYaOWDgMxMAKU0SIJ//jdUAAAAASUVORK5CYII=) !important;
  54. }
  55. .yt-uix-button-icon-appbar-guide {
  56. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNC82LzE1SUtbegAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA5SURBVDiNY/z//z8DJYCJIt3UMIAFSpPjD0bquYCRkZGRVI2wwKfYBYxQk0bDYMDDAGYaOWDgMxMAKU0SIJ//jdUAAAAASUVORK5CYII=) !important;
  57. }
  58. /* MASTER HEAD - Sidebar Button Box */
  59.  
  60. button#appbar-guide-button {
  61. box-shadow: 0 0 0 0;
  62. background-color: transparent;
  63. border: 0px solid;
  64. }
  65. button#appbar-guide-button:hover {
  66. box-shadow: 0 0 0 0;
  67. background-color: transparent;
  68. border: 0px solid;
  69. }
  70. button#appbar-guide-button:active {
  71. box-shadow: 0 0 0 0;
  72. background-color: transparent;
  73. border: 0px solid;
  74. }
  75. /* MASTER HEAD - Sidebar Button Arrow */
  76.  
  77. .not-yt-legacy-css #masthead-positioner #appbar-guide-button:hover .yt-uix-button-arrow,
  78. .yt-legacy-css #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  79. border-top-color: #FFF;
  80. }
  81. .not-yt-legacy-css #masthead-positioner #appbar-guide-button .yt-uix-button-arrow,
  82. .yt-legacy-css #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  83. border-top-color: #FFF;
  84. }
  85. /* MASTER HEAD - Region Abreviation Text Color */
  86.  
  87. #yt-masthead #logo-container span.content-region {
  88. color: #FFFFFF;
  89. }
  90. /* Full Page Alert (Added 12-8-15) */
  91.  
  92. .yt-alert-default.yt-alert-info,
  93. .yt-alert-actionable.yt-alert-info,
  94. .yt-alert-naked.yt-alert-info .yt-alert-icon,
  95. .yt-alert-small.yt-alert-info {
  96. background: #239000;
  97. border-bottom: 1px solid #e8e8e8;
  98. }
  99. /* MASTER SIDEBAR - Active Page */
  100.  
  101. .guide-item.guide-item-selected,
  102. .guide-item.guide-item-selected:hover {
  103. background: #239000;
  104. }
  105. /* MASTER SIDEBAR - Section Headings */
  106.  
  107. li.guide-section h3 a {
  108. color: #239000;
  109. }
  110. /* Page Navagation Tabs */
  111.  
  112. a.yt-uix-button-epic-nav-item.partially-selected:hover,
  113. button.yt-uix-button-epic-nav-item:hover,
  114. button.yt-uix-button-epic-nav-item.selected,
  115. button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  116. .epic-nav-item:hover,
  117. .epic-nav-item.selected,
  118. .epic-nav-item.yt-uix-button-toggled,
  119. .epic-nav-item-heading {
  120. border-color: #239000;
  121. }
  122. .feed-header-feed-filter .yt-uix-button-epic-nav-item.selected,
  123. .feed-header-feed-filter .yt-uix-button-epic-nav-item:hover {
  124. border-color: #239000;
  125. }
  126. a.yt-uix-button-epic-nav-item:hover,
  127. a.yt-uix-button-epic-nav-item.selected,
  128. a.yt-uix-button-epic-nav-item.yt-uix-button-toggled {
  129. border-color: #239000;
  130. }
  131. .ytp-swatch-background-color,
  132. .ytp-swatch-background-color-secondary {
  133. background-color: #239000;
  134. }
  135. /* TRANSPERENT PLAYER - Anotations & Auto Play Slider Buttons */
  136.  
  137. .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
  138. background: #239000;
  139. }
  140. /* TRANSPERENT PLAYER - Volume Slider */
  141.  
  142. .ytp-volume-slider-handle:before {
  143. background: #239000;
  144. }
  145. /* TRANSPERENT PLAYER - Other Stuff */
  146.  
  147. .ytp-settings-button.ytp-hd-quality-badge:after,
  148. .ytp-settings-button.ytp-4k-quality-badge:after,
  149. .ytp-settings-button.ytp-5k-quality-badge:after,
  150. .ytp-settings-button.ytp-8k-quality-badge:after {
  151. background-color: #239000;
  152. }
  153. .ytp-chrome-controls .ytp-button-with-box:after {
  154. background-color: #239000;
  155. }
  156. .ytp-menuitem sup {
  157. color: #239000;
  158. }
  159. /* WATCH PAGE - AutoPlay Slider Button */
  160.  
  161. .yt-uix-checkbox-on-off input[type=checkbox]:checked+label {
  162. background-color: #239000;
  163. }
  164. /* WATCH PAGE - Like Scale */
  165.  
  166. .video-extras-sparkbar-likes {
  167. background: #239000;
  168. }
  169. /* CREATOR PAGES - Tabs */
  170.  
  171. .creator-editor-nav-tabs li.selected,
  172. .creator-editor-nav-tabs li:hover,
  173. .epic-nav-item.selected,
  174. .epic-nav-item:hover,
  175. .menu-tab:hover,
  176. .menu-tab.selected {
  177. border-bottom: 4px solid #239000;
  178. }
  179. /* CREATOR PAGES - Sidebar Sub Menu (Also used in user settings) */
  180.  
  181. #creator-sidebar .creator-sidebar-item.selected,
  182. #creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected a:hover {
  183. background-color: #239000;
  184. }
  185. /* SITEWIDE - Blue Buttons */
  186.  
  187. .yt-uix-button-primary,
  188. .yt-uix-button-primary[disabled],
  189. .yt-uix-button-primary[disabled]:hover,
  190. .yt-uix-button-primary[disabled]:active,
  191. .yt-uix-button-primary[disabled]:focus {
  192. border-color: #239000;
  193. background: #239000;
  194. }
  195. /* WATCHPAGE Loading Progress Bar (Thanks to nalljya) */
  196.  
  197. #progress {
  198. background-color: white!important;
  199. box-shadow: 0 0 0 0;
  200. }
  201. element.style {
  202. background-color: rgb(226, 226, 226);
  203. }
  204. .guide-flyout-trigger.on-hover,
  205. .guide-item:hover,
  206. .guide-item:hover .yt-deemphasized-text,
  207. .guide-collapsible-item .yt-uix-expander-head:hover {
  208. background: rgba(14, 57, 0, 0.73);
  209. color: #fff;
  210. }
  211. .webkit .yt-ui-ellipsis {
  212. display: -webkit-box;
  213. -webkit-box-orient: vertical;
  214. color: #134e00;
  215. }
  216. .yt-lockup-title a,
  217. .yt-lockup:hover a,
  218. .yt-lockup:hover .yt-lockup-meta a,
  219. .yt-lockup:hover .yt-lockup-description a {
  220. color: #28a200;
  221. }
  222. .yt-lockup .yt-lockup-meta a,
  223. .yt-lockup .yt-lockup-description a,
  224. .yt-lockup .yt-lockup-byline a {
  225. color: #134e00;
  226. }
  227. .yt-card {
  228. margin: 0 0 10px;
  229. border: 0;
  230. background: rgba(255, 255, 255, 0.53);
  231. box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  232. -moz-box-sizing: border-box;
  233. box-sizing: border-box;
  234. }
  235. .exp-responsive .feed .yt-lockup-dismissable .yt-lockup-title .yt-uix-tile-link {
  236. margin-right: 35px;
  237. background-color: rgba(255, 255, 255, 0);
  238. }
  239. .webkit .yt-ui-ellipsis {
  240. display: -webkit-box;
  241. -webkit-box-orient: vertical;
  242. color: #134e00;
  243. background-color: rgba(255, 255, 255, 0);
  244. }
  245. .page-loaded #masthead-appbar {
  246. -moz-transition: margin-top .3s ease;
  247. -webkit-transition: margin-top .3s ease;
  248. transition: margin-top .3s ease;
  249. background-color: rgba(50, 255, 0, 0.25);
  250. border-color: rgba(0, 0, 0, 0.24);
  251. }
  252. .comment-simplebox-renderer-collapsed-content {
  253. border: 1px solid #d5d5d5;
  254. color: #000000;
  255. cursor: pointer;
  256. margin-left: 11px;
  257. min-height: 28px;
  258. border-radius: 2px;
  259. padding: 10px;
  260. }
  261. .comment-simplebox-renderer-collapsed-content {
  262. border: 1px solid #d5d5d5;
  263. color: #b8b8b8;
  264. cursor: pointer;
  265. margin-left: 11px;
  266. min-height: 28px;
  267. border-radius: 2px;
  268. padding: 10px;
  269. }
  270. .watch-view-count {
  271. line-height: 24px;
  272. max-height: 24px;
  273. text-align: right;
  274. font-size: 19px;
  275. color: #000;
  276. white-space: nowrap;
  277. margin-bottom: 2px;
  278. }
  279. hr,
  280. html,
  281. i,
  282. iframe,
  283. img,
  284. ins,
  285. kbd,
  286. label,
  287. legend,
  288. li,
  289. menu,
  290. object,
  291. ol,
  292. p,
  293. pre,
  294. q,
  295. s,
  296. samp,
  297. small,
  298. span,
  299. strike,
  300. strong,
  301. sub {
  302. margin: 0;
  303. padding: 0;
  304. border: 0;
  305. font-size: 100%;
  306. background: transparent;
  307. color: black;
  308. }
  309. .video-list .video-list-item .description,
  310. .video-list .video-list-item .stat {
  311. color: #000000;
  312. font-size: 11px;
  313. }
  314. a.yt-uix-button-epic-nav-item.partially-selected {
  315. border-color: #239000;
  316. }
  317. #yt-masthead-container {
  318. background-color: #7600cd;
  319. border-bottom: 0px solid;
  320. }
  321. .page-loaded #masthead-appbar {
  322. -moz-transition: margin-top .3s ease;
  323. -webkit-transition: margin-top .3s ease;
  324. transition: margin-top .3s ease;
  325. background-color: rgba(255, 126, 249, 0.4);
  326. border-color: rgba(0, 0, 0, 0.24);
  327. }
  328. a.yt-uix-button-epic-nav-item.partially-selected:hover,
  329. button.yt-uix-button-epic-nav-item:hover,
  330. button.yt-uix-button-epic-nav-item.selected,
  331. button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  332. .epic-nav-item:hover,
  333. .epic-nav-item.selected,
  334. .epic-nav-item.yt-uix-button-toggled,
  335. .epic-nav-item-heading {
  336. border-color: #0100ff;
  337. color: rgb(0, 0, 0);
  338. }
  339. a.yt-uix-button-epic-nav-item:hover,
  340. a.yt-uix-button-epic-nav-item.selected,
  341. a.yt-uix-button-epic-nav-item.yt-uix-button-toggled {
  342. border-color: #0100ff;
  343. color: black;
  344. }
  345. .webkit .yt-ui-ellipsis {
  346. display: -webkit-box;
  347. -webkit-box-orient: vertical;
  348. color: #000dff;
  349. background-color: rgba(255, 255, 255, 0);
  350. }
  351. .yt-lockup-title a,
  352. .yt-lockup:hover a,
  353. .yt-lockup:hover .yt-lockup-meta a,
  354. .yt-lockup:hover .yt-lockup-description a {
  355. color: #004c6d;
  356. }
  357. .yt-lockup .yt-lockup-meta a,
  358. .yt-lockup .yt-lockup-description a,
  359. .yt-lockup .yt-lockup-byline a {
  360. color: #830088;
  361. }
  362. .guide-item.guide-item-selected,
  363. .guide-item.guide-item-selected:hover {
  364. background: #7600cd;
  365. }
  366. li.guide-section h3 a {
  367. color: #000dff;
  368. }
  369. .guide-flyout-trigger.on-hover,
  370. .guide-item:hover,
  371. .guide-item:hover .yt-deemphasized-text,
  372. .guide-collapsible-item .yt-uix-expander-head:hover {
  373. background: rgb(212, 63, 255);
  374. color: #fff;
  375. }
  376. .appbar-hidden #masthead-positioner-height-offset {
  377. height: 52px;
  378. background-color: #7600cd;
  379. }
  380. #P-container {
  381. margin: 10px auto 0;
  382. max-width: 1262px;
  383. background-color: #4b004e;
  384. }
  385. #P-content {
  386. background: #fb94ff;
  387. color: #666;
  388. overflow: hidden;
  389. padding-bottom: 40px;
  390. padding-left: 15px;
  391. position: relative;
  392. margin-bottom: 10px;
  393. }
  394. #P-settings {
  395. background: #4b004e;
  396. height: 100%;
  397. left: 0;
  398. position: absolute;
  399. right: 0;
  400. z-index: 1000;
  401. }
  402. .P-reset {
  403. background-color: #000dff;
  404. border: 1px solid #D3D3D3;
  405. box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  406. opacity: 1;
  407. color: #fff;
  408. }
  409. .P-save,
  410. .P-reset,
  411. .P-impexp,
  412. .P-implang {
  413. background-color: #000dff;
  414. border-color: #d3d3d3;
  415. border-radius: 5px;
  416. box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  417. color: #fff;
  418. cursor: pointer;
  419. display: inline-block;
  420. float: right;
  421. font-size: 11px;
  422. font-weight: 500;
  423. height: 28px;
  424. line-height: normal;
  425. margin-right: 20px;
  426. margin-top: -5px;
  427. outline: 0 none;
  428. padding: 0 20px;
  429. vertical-align: middle;
  430. white-space: nowrap;
  431. word-wrap: normal;
  432. }
  433. #P-content input + label:before {
  434. cursor: pointer;
  435. border: 1px solid #ffffff;
  436. content: '';
  437. left: -25px;
  438. height: 14px;
  439. position: absolute;
  440. top: 5px;
  441. width: 14px;
  442. }
  443. #P-content input:checked + label:before {
  444. border: 1px solid #ffffff;
  445. }
  446. .P-implang {
  447. color: rgb(0, 0, 0);
  448. margin-right: 0;
  449. }
  450. #P-sidebar {
  451. background: #630067;
  452. color: white;
  453. float: left;
  454. width: 195px;
  455. margin-right: 10px;
  456. padding: 10px 0;
  457. background-color: #630067;
  458. border-radius: 9px;
  459. }
  460. #P-sidebar-list > li:hover {
  461. color: #ffffff;
  462. background: #a200a8;
  463. }
  464. #P-sidebar-list > li.selected {
  465. color: #FFF;
  466. font-weight: 500;
  467. background-color: #2f0031;
  468. }
  469. .P-save,
  470. .P-reset,
  471. .P-impexp,
  472. .P-implang {
  473. background-color: #000dff;
  474. border-color: #d3d3d3;
  475. border-radius: 5px;
  476. box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  477. color: #fff;
  478. cursor: pointer;
  479. display: inline-block;
  480. float: right;
  481. font-size: 11px;
  482. font-weight: 500;
  483. height: 28px;
  484. line-height: normal;
  485. margin-right: 20px;
  486. margin-top: -5px;
  487. outline: 0 none;
  488. padding: 0 20px;
  489. vertical-align: middle;
  490. white-space: nowrap;
  491. word-wrap: normal;
  492. opacity: 1;
  493. }
  494. .yt-card {
  495. margin: 0 0 10px;
  496. border: 0;
  497. background: rgba(140, 140, 140, 0.53);
  498. box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  499. -moz-box-sizing: border-box;
  500. box-sizing: border-box;
  501. }
  502. hr,
  503. html,
  504. i,
  505. iframe,
  506. img,
  507. ins,
  508. kbd,
  509. label,
  510. legend,
  511. li,
  512. menu,
  513. object,
  514. ol,
  515. p,
  516. pre,
  517. q,
  518. s,
  519. samp,
  520. small,
  521. span,
  522. strike,
  523. strong,
  524. sub {
  525. margin: 0;
  526. padding: 0;
  527. border: 0;
  528. font-size: 100%;
  529. background: transparent;
  530. color: white;
  531. }
  532. #action-panel-details:hover a {
  533. color: #fff200;
  534. }
  535. #action-panel-details a {
  536. color: #fff200;
  537. }
  538. .subscribe-label,
  539. .subscribed-label,
  540. .unsubscribe-label,
  541. .unavailable-label,
  542. .yt-uix-button-subscribed-branded.hover-enabled:hover .subscribed-label,
  543. .yt-uix-button-subscribed-unbranded.hover-enabled:hover .subscribed-label {
  544. display: none;
  545. -moz-box-sizing: border-box;
  546. box-sizing: border-box;
  547. color: black;
  548. }
  549. .watch-view-count {
  550. line-height: 24px;
  551. max-height: 24px;
  552. text-align: right;
  553. font-size: 19px;
  554. color: #fff;
  555. white-space: nowrap;
  556. margin-bottom: 2px;
  557. }
  558. .yt-uix-button.yt-uix-button-subscribe-branded,
  559. .yt-uix-button.yt-uix-button-subscribed-branded {
  560. padding: 0 8px 0 5.5px;
  561. height: 24px;
  562. border-radius: 8px 0px 0px 8px;
  563. background-color: white;
  564. width: 99px;
  565. }
  566. .exp-responsive #content .yt-uix-button-subscription-container .yt-subscriber-count {
  567. display: inline-block;
  568. border-radius: 0px 8px 8px 0px;
  569. }
  570. #watch-header .yt-user-info a {
  571. display: inline-block;
  572. height: 22px;
  573. color: #fff;
  574. font-weight: 500;
  575. max-width: 315px;
  576. overflow: hidden;
  577. text-overflow: ellipsis;
  578. vertical-align: top;
  579. }
  580. .video-list .video-list-item .title {
  581. color: #fff;
  582. font-size: 13px;
  583. font-weight: 500;
  584. }
  585. #watch7-sidebar .video-list-item a:hover .title,
  586. #watch7-sidebar .video-list-item a:hover .title .yt-deemphasized-text {
  587. color: #e0e0e0;
  588. }
  589. .yt-badge {
  590. border: 1px solid #e9ff00;
  591. padding: 0 4px;
  592. height: 13px;
  593. color: #fff900;
  594. font-size: 11px;
  595. font-weight: normal;
  596. text-transform: uppercase;
  597. text-decoration: none;
  598. line-height: 13px;
  599. display: inline-block;
  600. background-color: rgba(255, 174, 0, 0.25);
  601. }
  602. .yt-uix-button-default,
  603. .yt-uix-button-default[disabled],
  604. .yt-uix-button-default[disabled]:hover,
  605. .yt-uix-button-default[disabled]:active,
  606. .yt-uix-button-default[disabled]:focus {
  607. border-color: #ffffff;
  608. background: #7600cd;
  609. color: #333;
  610. border-radius: 8px;
  611. }
  612. .comment-section-header-renderer {
  613. padding: 0 0 20px;
  614. text-transform: uppercase;
  615. font-size: 13px;
  616. color: #fff;
  617. }
  618. .comment-simplebox-renderer-collapsed-content {
  619. border: 1px solid #d5d5d5;
  620. color: #ffffff;
  621. cursor: pointer;
  622. margin-left: 11px;
  623. min-height: 28px;
  624. border-radius: 2px;
  625. padding: 10px;
  626. }
  627. .comment-author-text {
  628. color: #fff214;
  629. font-weight: 500;
  630. text-decoration: none;
  631. word-break: break-all;
  632. }
  633. .comment-renderer-like-count {
  634. margin-right: 8px;
  635. color: #ffffff;
  636. font-size: 9pt;
  637. vertical-align: top;
  638. }
  639. .yt-uix-button-default,
  640. .yt-uix-button-default[disabled],
  641. .yt-uix-button-default[disabled]:hover,
  642. .yt-uix-button-default[disabled]:active,
  643. .yt-uix-button-default[disabled]:focus {
  644. border-color: #ffffff;
  645. background: rgba(0, 6, 255, 0.47);
  646. color: #d6d6d6;
  647. border-radius: 8px;
  648. }
  649. #masthead-search .search-btn-component,
  650. #masthead-search .search-btn-component .start {
  651. border-left: 0;
  652. -moz-border-radius-topleft: 0;
  653. border-top-left-radius: 0;
  654. -moz-border-radius-bottomleft: 0;
  655. border-bottom-left-radius: 0;
  656. background-color: white;
  657. }
  658. .comment-author-text {
  659. color: #fff900;
  660. font-weight: 500;
  661. text-decoration: none;
  662. word-break: break-all;
  663. }
  664. .yt-uix-button-default:hover,
  665. .yt-uix-button-text:hover {
  666. border-color: #464646;
  667. background: #e060ff;
  668. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
  669. }
  670. .comment-renderer-header .comment-renderer-time a {
  671. color: rgb(96, 255, 0);
  672. }
  673. .yt-uix-button-default:hover,
  674. .yt-uix-button-text:hover {}
  675. .yt-uix-button-default,
  676. .yt-uix-button-default[disabled],
  677. .yt-uix-button-default[disabled]:hover,
  678. .yt-uix-button-default[disabled]:active,
  679. .yt-uix-button-default[disabled]:focus {
  680. border-color: #ffffff;
  681. background: #7600cd;
  682. color: #333;
  683. border-radius: 0px;
  684. }
  685. .yt-uix-button-default:hover,
  686. .yt-uix-button-text:hover {}
  687. .yt-uix-button-default:hover,
  688. .yt-uix-button-text:hover {
  689. border-color: #464646;
  690. background: rgb(118, 0, 205);
  691. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
  692. }
  693. .yt-uix-button-default,
  694. .yt-uix-button-default[disabled],
  695. .yt-uix-button-default[disabled]:hover,
  696. .yt-uix-button-default[disabled]:active,
  697. .yt-uix-button-default[disabled]:focus {
  698. border-color: #ffffff;
  699. background: #7600cd;
  700. color: #333;
  701. border-radius: 0px;
  702. }
  703. .webkit .yt-ui-ellipsis {
  704. display: -webkit-box;
  705. -webkit-box-orient: vertical;
  706. color: #000ac9;
  707. background-color: rgba(255, 255, 255, 0);
  708. }
  709. .yt-lockup .yt-lockup-meta a,
  710. .yt-lockup .yt-lockup-description a,
  711. .yt-lockup .yt-lockup-byline a {
  712. color: #fff900;
  713. }
  714. .show-guide #appbar-guide-menu {
  715. border-bottom: 1px solid #E8E8E8;
  716. border-right: 1px solid #E8E8E8;
  717. box-shadow: none;
  718. background-color: rgba(126, 74, 134, 0.96);
  719. }
  720. .guide-item-subtitle {
  721. color: #c7dcfc;
  722. margin-left: 35px;
  723. width: 140px;
  724. font-size: 11px;
  725. overflow: hidden;
  726. white-space: nowrap;
  727. word-wrap: normal;
  728. -o-text-overflow: ellipsis;
  729. text-overflow: ellipsis;
  730. }
  731. element.style {
  732. min-width: 67px;
  733. left: 221.747px;
  734. top: 572.625px;
  735. background-color: #9300ff;
  736. }
  737. .yt-uix-menu-trigger-selected .yt-ui-menu-item,
  738. .yt-ui-menu-item:hover {
  739. background: #b24aff;
  740. }
  741. element.style {
  742. min-width: 99px;
  743. left: 5px;
  744. top: 572.625px;
  745. background-color: #9300ff;
  746. }
  747. #yt-uix-videoactionmenu-menu h3 {
  748. color: #fff;
  749. font-size: 13px;
  750. font-weight: 500;
  751. padding: 15px 15px 5px;
  752. }
  753. .add-to-widget .menu-panel.active-panel {
  754. display: block;
  755. color: white;
  756. }
  757. .add-to-widget .addto-playlist-item:hover,
  758. .add-to-widget .create-playlist-item:hover,
  759. .add-to-widget .addto-playlist-item.yt-uix-kbd-nav-highlight {
  760. background-color: #b654ff;
  761. }
  762. .yt-ui-menu-content {
  763. background: #9300ff;
  764. border: 1px solid #d3d3d3;
  765. outline: none;
  766. overflow: visible;
  767. padding: 10px 0;
  768. box-shadow: 0 2px 4px rgb(0, 0, 0);
  769. }
  770. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.load-more-button.yt-uix-load-more.comment-replies-renderer-paginator.comment-replies-renderer-expander-down.yt-uix-button-link {
  771. background-color: rgba(255, 255, 255, 0);
  772. }
  773. .yt-uix-button-default:hover,
  774. .yt-uix-button-text:hover {
  775. border-color: #ffe800;
  776. background: rgb(118, 0, 205);
  777. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
  778. }
  779. .video-extras-sparkbar-likes {
  780. background: #0a00ff;
  781. }
  782. .video-extras-sparkbar-dislikes {
  783. float: left;
  784. height: 2px;
  785. background: #59005c;
  786. }
  787. .video-extras-sparkbar-likes {
  788. background: #fff235;
  789. }
  790. #watch7-sidebar .video-list-item a:visited .title,
  791. #watch7-sidebar .video-list-item a:visited .title .yt-deemphasized-text {
  792. color: #fff;
  793. }
  794. #watch7-sidebar .watch-sidebar-head {
  795. margin: 0 5px 10px;
  796. font-size: 13px;
  797. color: #54d6ff;
  798. line-height: 1.3em;
  799. width: 290px;
  800. overflow: hidden;
  801. white-space: nowrap;
  802. word-wrap: normal;
  803. -o-text-overflow: ellipsis;
  804. text-overflow: ellipsis;
  805. }
  806. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.load-more-button.yt-uix-load-more.comment-replies-renderer-paginator.comment-replies-renderer-expander-down.yt-uix-button-link {
  807. background-color: rgba(255, 255, 255, 0.23);
  808. border-radius: 8px;
  809. width: 220px;
  810. }
  811. .yt-uix-button-default:active,
  812. .yt-uix-button-default.yt-uix-button-toggled,
  813. .yt-uix-button-default.yt-uix-button-active,
  814. .yt-uix-button-default.yt-uix-button-active:focus,
  815. .yt-uix-button-text:active {
  816. border-color: rgba(0, 0, 0, 0.49);
  817. background: rgba(255, 255, 255, 0.38);
  818. }
  819. .yt-ui-menu-content {
  820. background: rgb(183, 177, 190);
  821. border: 1px solid #d3d3d3;
  822. outline: none;
  823. overflow: visible;
  824. padding: 10px 0;
  825. box-shadow: 0 2px 4px rgb(0, 0, 0);
  826. width: 70px;
  827. }
  828. .yt-ui-menu-item.has-icon:before,
  829. .yt-ui-menu-item-label {
  830. display: inline-block;
  831. vertical-align: middle;
  832. margin-left: -6px;
  833. }
  834. .yt-ui-menu-content {
  835. background: rgb(125, 125, 125);
  836. border: 1px solid #ffffff;
  837. outline: none;
  838. overflow: visible;
  839. padding: 10px 0;
  840. box-shadow: 0 2px 4px rgb(0, 0, 0);
  841. width: 100px;
  842. }
  843. .yt-uix-button-default:hover,
  844. .yt-uix-button-text:hover {
  845. border-color: rgba(0, 0, 0, 0.77)!important;
  846. background: rgba(255, 255, 255, 0.54)!important;
  847. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10)!important;
  848. }
  849. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-default.yt-uix-menu-trigger {
  850. border-color: rgba(0, 0, 0, 0.47)!important;
  851. background: rgba(255, 255, 255, 0.34)!important;
  852. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10)!important;
  853. }
  854. .yt-uix-menu-trigger-selected .yt-ui-menu-item,
  855. .yt-ui-menu-item:hover {
  856. background: #929292;
  857. }
  858. li.guide-section h3 a {
  859. color: rgb(255, 255, 255);
  860. }
  861. button#search-btn:hover {
  862. background-color: #ffffff!important;
  863. }
  864. a#upload-btn:hover {
  865. background-color: #7600cd!important;
  866. }
  867. #yt-masthead-user #sb-button-notify,
  868. #yt-masthead-user #yt-masthead-notifications-button {
  869. background: none;
  870. border: none;
  871. margin: 0 10px 0 5px;
  872. position: relative;
  873. text-align: center;
  874. width: 32px;
  875. box-shadow: none;
  876. border-radius: 8px;
  877. }
  878. #yt-masthead-user .yt-uix-button-icon-bell,
  879. #yt-masthead-user .yt-uix-button-icon-bell:hover {
  880. margin-left: 4px;
  881. }
  882. button#sb-button-notify:hover {
  883. background-color: #9300ff!important;
  884. }
  885. button#appbar-guide-button:hover {
  886. background-color: #9300ff!important;
  887. }
  888. .yt-ui-menu-content {
  889. background: rgb(125, 125, 125);
  890. border: 1px solid #ffffff;
  891. outline: none;
  892. overflow: visible;
  893. padding: 10px 0;
  894. box-shadow: 0 2px 4px rgb(0, 0, 0);
  895. width: 250px;
  896. }
  897. .add-to-widget .addto-playlist-item:hover,
  898. .add-to-widget .create-playlist-item:hover,
  899. .add-to-widget .addto-playlist-item.yt-uix-kbd-nav-highlight {
  900. background-color: #929292;
  901. width: 230px;
  902. }
  903. .yt-uix-button.yt-uix-button-subscribe-branded,
  904. .yt-uix-button.yt-uix-button-subscribed-branded {
  905. padding: 0 8px 0 5.5px;
  906. height: 24px;
  907. border-radius: 8px 0px 0px 8px;
  908. background-color: white;
  909. width: 130px;
  910. }
  911. span.ytp-cards-teaser-label {
  912. color: black;
  913. }
  914. table,
  915. tbody,
  916. td,
  917. tfoot,
  918. th,
  919. thead,
  920. tr,
  921. tt,
  922. u,
  923. ul,
  924. var {
  925. margin: 0;
  926. padding: 0;
  927. border: 0;
  928. font-size: 100%;
  929. background: transparent;
  930. color: black;
  931. }
  932. a,
  933. abbr,
  934. acronym,
  935. address,
  936. applet,
  937. b,
  938. big,
  939. blockquote {
  940. margin: 0;
  941. padding: 0;
  942. border: 0;
  943. font-size: 100%;
  944. background: transparent;
  945. color: black;
  946. }
  947. .gssb_m {
  948. color: #000;
  949. background: #d69dff;
  950. }
  951. tbody {
  952. background-color: rgba(198, 120, 255, 0.72)!important;
  953. }
  954. #masthead-search .search-btn-component,
  955. #masthead-search .search-btn-component .start {
  956. border-left: 0;
  957. -moz-border-radius-topleft: 0;
  958. border-top-left-radius: 0;
  959. -moz-border-radius-bottomleft: 0;
  960. border-bottom-left-radius: 0;
  961. background-color: #b958ff;
  962. }
  963. button#search-btn:hover {
  964. background-color: #b958ff!important;
  965. }
  966. .video-player-view-component .description {
  967. margin-top: 7px;
  968. line-height: 1.3em;
  969. background-color: rgba(173, 173, 173, 0);
  970. }
  971. .channel-header .branded-page-header-title .branded-page-header-title-link {
  972. color: #fff;
  973. font-size: 20px;
  974. font-weight: normal;
  975. text-shadow: none;
  976. }
  977. .branded-page-module-title {
  978. padding-bottom: 10px;
  979. font-size: 15px;
  980. font-weight: 500;
  981. line-height: 1.3em;
  982. vertical-align: middle;
  983. overflow: hidden;
  984. white-space: nowrap;
  985. word-wrap: normal;
  986. -o-text-overflow: ellipsis;
  987. text-overflow: ellipsis;
  988. color: #fff;
  989. }
  990. .branded-page-related-channels h3 a,
  991. .branded-page-related-channels h3 {
  992. width: 100%;
  993. color: #fff;
  994. text-decoration: none;
  995. }
  996. .branded-page-related-channels h3 a:hover,
  997. .branded-page-related-channels-item .yt-uix-button-link:hover {
  998. text-decoration: underline;
  999. }
  1000. .video-player-view-component .video-detail a {
  1001. color: #fff200;
  1002. }
  1003. .search-header .num-results,
  1004. .search-header .num-results strong,
  1005. .search-header .yt-uix-button-content {
  1006. color: #fff;
  1007. font-size: 11px;
  1008. font-weight: normal;
  1009. }
  1010. div#footer-container {
  1011. background-color: rgba(255, 255, 255, 0.42);
  1012. }
  1013. #footer-links-primary a {
  1014. color: #fff;
  1015. }
  1016. #footer-links-secondary a,
  1017. #footer-links-secondary .copyright {
  1018. color: #fff;
  1019. font-size: 11px;
  1020. }
  1021. .yt-uix-button-default:hover,
  1022. .yt-uix-button-text:hover {
  1023. border-color: rgba(0, 0, 0, 0.6)!important;
  1024. background: rgb(147, 0, 255)!important;
  1025. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1026. }
  1027. .subscribers-table .description-text a {
  1028. color: #fff;
  1029. }
  1030. #creator-sidebar .creator-sidebar-branding h1 {
  1031. background: none;
  1032. color: #fff;
  1033. font-size: 13px;
  1034. text-transform: uppercase;
  1035. font-weight: 500;
  1036. padding: 3px 0 6px 17px;
  1037. }
  1038. #creator-sidebar .creator-sidebar-section a:hover {
  1039. color: #444;
  1040. background: rgba(156, 156, 156, 0.35);
  1041. text-decoration: none;
  1042. }
  1043. #creator-sidebar>.creator-sidebar-section.selected>h3 a {
  1044. color: #cc181e;
  1045. background-color: rgba(0, 0, 0, 0.61);
  1046. }
  1047. #creator-sidebar .creator-sidebar-branding h1 {
  1048. background: rgba(0, 0, 0, 0.61);
  1049. color: rgb(255, 255, 255);
  1050. font-size: 13px;
  1051. text-transform: uppercase;
  1052. font-weight: 500;
  1053. padding: 3px 0 6px 17px;
  1054. }
  1055. .html5-play-progress,
  1056. .ytp-play-progress {
  1057. background: #2793E6 !important;
  1058. /* Old browsers */
  1059.  
  1060. background: -moz-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1061. background: -webkit-gradient(linear, left top, right top, color-stop(0%, #830088), color-stop(100%, #000dff)) !important;
  1062. background: -webkit-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1063. background: -o-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1064. background: -ms-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1065. background: linear-gradient(to right, #830088 0%, #000dff 100%) !important;
  1066. }
  1067. /*.html5-load-progress, .ytp-load-progress {
  1068. background: #404040 !important;
  1069. }*/
  1070. /* scrubber button glow */
  1071.  
  1072. .html5-scrubber-button,
  1073. .ytp-scrubber-button {
  1074. border-color: #81007a !important;
  1075. box-shadow: 0px 0px 3px #f12b24, 0px 0px 5px #f12b24, 0px 0px 0px #f12b24 !important;
  1076. transition: box-shadow 0.2s, background 0.2s !important;
  1077. }
  1078. /* scrubber button */
  1079.  
  1080. .ytp-swatch-background-color,
  1081. .ytp-swatch-background-color-secondary,
  1082. .html5-scrubber-button:hover,
  1083. .ytp-scrubber-button:hover {
  1084. background-color: #c700a1 !important;
  1085. }
  1086. /* scrubber button glow on hover */
  1087.  
  1088. .html5-scrubber-button:hover,
  1089. .ytp-scrubber-button:hover {
  1090. border-color: #81007a !important;
  1091. box-shadow: 0px 0px 6px #f12b24, 0px 0px 8px #f12b24, 0px 0px 10px #f12b24 !important;
  1092. }
  1093. /* volume control */
  1094.  
  1095. .ytp-volume-slider-track,
  1096. .ytp-volume-slider-handle:before {
  1097. background: #2793E6 !important;
  1098. /* Old browsers */
  1099.  
  1100. background: -moz-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1101. background: -webkit-gradient(linear, left top, right top, color-stop(0%, #830088), color-stop(100%, #000dff)) !important;
  1102. background: -webkit-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1103. background: -o-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1104. background: -ms-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1105. background: linear-gradient(to right, #830088 0%, #000dff 100%) !important;
  1106. z-index: -117;
  1107. }
  1108. /* extras */
  1109.  
  1110. .ytp-settings-button.ytp-hd-quality-badge::after,
  1111. .ytp-settings-button.ytp-4k-quality-badge::after,
  1112. .ytp-settings-button.ytp-5k-quality-badge::after,
  1113. .ytp-settings-button.ytp-8k-quality-badge::after,
  1114. .ytp-settings-button.ytp-3d-badge::after {
  1115. background-color: #830088 !important;
  1116. }
  1117. .ytp-swatch-color {
  1118. color: #830088 !important;
  1119. }
  1120. .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
  1121. background: #830088 !important;
  1122. }
  1123. .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {
  1124. fill: #830088 !important;
  1125. }
  1126. .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
  1127. .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {
  1128. fill: #830088 !important;
  1129. }
  1130. .ytp-big-mode .ytp-watch-later-button-visible.ytp-share-button-visible .ytp-title {
  1131. padding-right: 108px;
  1132. visibility: hidden;
  1133. }
  1134. .ytp-big-mode .ytp-chrome-top.ytp-cards-available {
  1135. right: 78px;
  1136. visibility: hidden;
  1137. }
  1138. .watch-stage-mode #theater-background {
  1139. background-color: rgba(71, 71, 71, 0);
  1140. }
  1141. .gssb_i td {
  1142. background: #b54dff;
  1143. }
  1144. .comment-renderer.channel-owner .comment-author-text {
  1145. background-color: rgba(219, 228, 235, 0);
  1146. }
  1147. input#masthead-search-term {
  1148. color: black!important;
  1149. }
  1150. .webkit .yt-ui-ellipsis {
  1151. display: -webkit-box;
  1152. -webkit-box-orient: vertical;
  1153. color: #ffffff;
  1154. background-color: rgba(255, 255, 255, 0);
  1155. }
  1156. .branded-page-module-title a:visited,
  1157. .branded-page-module-title a {
  1158. color: #fff;
  1159. }
  1160. .webkit .yt-ui-ellipsis {
  1161. display: -webkit-box;
  1162. -webkit-box-orient: vertical;
  1163. color: #ffffff;
  1164. background-color: rgba(255, 255, 255, 0);
  1165. }
  1166. .lohp-video-metadata .view-count {
  1167. margin-right: 5px;
  1168. color: #fbff00;
  1169. }
  1170. .lohp-video-metadata .yt-user-name:hover {
  1171. color: #ffffff;
  1172. }
  1173. .branded-page-related-channels h3 a:hover,
  1174. .branded-page-related-channels-item .yt-uix-button-link:hover {
  1175. color: #ffffff;
  1176. }
  1177. .yt-lockup-title a,
  1178. .yt-lockup:hover a,
  1179. .yt-lockup:hover .yt-lockup-meta a,
  1180. .yt-lockup:hover .yt-lockup-description a {
  1181. color: #ffffff;
  1182. }
  1183. .feed-item-container:hover .feed-item-header a,
  1184. .feed-item-container:hover a.yt-user-name {
  1185. color: #ffffff;
  1186. }
  1187. #footer-links-primary a:hover {
  1188. color: #ffffff;
  1189. }
  1190. .yt-masthead-account-picker.yt-uix-clickcard-card-content {
  1191. max-height: 175px;
  1192. overflow-y: auto;
  1193. background-color: rgba(69, 69, 69, 0.82);
  1194. }
  1195. .yt-masthead-account-picker-option {
  1196. background: #666666;
  1197. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1198. padding: 10px 15px;
  1199. }
  1200. .shelf-description,
  1201. .shelf-annotation {
  1202. color: #ffffff;
  1203. font-size: 12px;
  1204. font-weight: normal;
  1205. }
  1206. .ytp-gradient-top {
  1207. visibility: hidden;
  1208. }
  1209. .ytp-chrome-top.ytp-watch-later-button-visible.ytp-share-button-visible {
  1210. visibility: hidden;
  1211. }
  1212. .iv-drawer-content * {
  1213. text-align: left;
  1214. color: black;
  1215. }
  1216. .yt-uix-button-primary,
  1217. .yt-uix-button-primary[disabled],
  1218. .yt-uix-button-primary[disabled]:hover,
  1219. .yt-uix-button-primary[disabled]:active,
  1220. .yt-uix-button-primary[disabled]:focus {
  1221. border-color: #50008c;
  1222. background: #7600cd;
  1223. }
  1224. .yt-alert-default.yt-alert-info,
  1225. .yt-alert-actionable.yt-alert-info,
  1226. .yt-alert-naked.yt-alert-info .yt-alert-icon,
  1227. .yt-alert-small.yt-alert-info {
  1228. background: rgba(118, 0, 205, 0.66);
  1229. border-bottom: 1px solid #e8e8e8;
  1230. }
  1231. #yt-masthead-container {
  1232. background-color: rgba(118, 0, 205, 0.84);
  1233. border-bottom: 0px solid;
  1234. }
  1235. .pl-video:hover .pl-video-title-link,
  1236. .pl-video:hover .pl-video-owner a {
  1237. color: #ffffff;
  1238. }
  1239. a.pl-video-title-link.yt-uix-tile-link.yt-uix-sessionlink.spf-link {
  1240. color: white;
  1241. }
  1242. .yt-uix-button-default:active,
  1243. .yt-uix-button-default.yt-uix-button-toggled,
  1244. .yt-uix-button-default.yt-uix-button-active,
  1245. .yt-uix-button-default.yt-uix-button-active:focus,
  1246. .yt-uix-button-text:active {
  1247. border-color: rgba(0, 0, 0, 0.49);
  1248. background: rgb(118, 0, 205);
  1249. }
  1250. .yt-uix-button-default:active,
  1251. .yt-uix-button-default.yt-uix-button-toggled,
  1252. .yt-uix-button-default.yt-uix-button-active,
  1253. .yt-uix-button-default.yt-uix-button-active:focus,
  1254. .yt-uix-button-text:active {
  1255. border-color: rgb(255, 255, 255);
  1256. background: rgb(118, 0, 205);
  1257. }
  1258. .yt-uix-button-default:active,
  1259. .yt-uix-button-default.yt-uix-button-toggled,
  1260. .yt-uix-button-default.yt-uix-button-active,
  1261. .yt-uix-button-default.yt-uix-button-active:focus,
  1262. .yt-uix-button-text:active {
  1263. border-color: #ffffff;
  1264. background: #e9e9e9;
  1265. /* box-shadow: inset 0 1px 0 #ddd; */
  1266. }
  1267. button#gh-playlist-save {
  1268. background-color: #7600cd;
  1269. color: white;
  1270. }
  1271. #pl-header .yt-uix-playlistlike.yt-uix-button-toggled .yt-uix-button-content {
  1272. color: #ffffff;
  1273. }
  1274. .pl-video-owner a,
  1275. .pl-video-added-by,
  1276. .pl-video-added-by a {
  1277. color: #fffd00;
  1278. }
  1279. .pl-video-owner,
  1280. .pl-video-bottom-standalone-badge {
  1281. margin-top: 5px;
  1282. color: white;
  1283. }
  1284. #yt-masthead-container {
  1285. background-color: rgba(0, 0, 0, 0.84);
  1286. border-bottom: 0px solid;
  1287. }
  1288. a#upload-btn:hover {
  1289. background-color: #333333!important;
  1290. border-color: bisque;
  1291. }
  1292. button#sb-button-notify:hover {
  1293. background-color: #333333!important;
  1294. }
  1295. button#appbar-guide-button:hover {
  1296. background-color: #333333!important;
  1297. }
  1298. .page-loaded #masthead-appbar {
  1299. -moz-transition: margin-top .3s ease;
  1300. -webkit-transition: margin-top .3s ease;
  1301. transition: margin-top .3s ease;
  1302. background-color: rgba(51, 51, 51, 0.55);
  1303. border-color: rgba(0, 0, 0, 0.24);
  1304. }
  1305. #appbar-nav .epic-nav-item-heading {
  1306. height: 40px;
  1307. padding: 0;
  1308. line-height: 40px;
  1309. -moz-box-sizing: border-box;
  1310. box-sizing: border-box;
  1311. color: white;
  1312. }
  1313. a.yt-uix-button-epic-nav-item.partially-selected:hover,
  1314. button.yt-uix-button-epic-nav-item:hover,
  1315. button.yt-uix-button-epic-nav-item.selected,
  1316. button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  1317. .epic-nav-item:hover,
  1318. .epic-nav-item.selected,
  1319. .epic-nav-item.yt-uix-button-toggled,
  1320. .epic-nav-item-heading {
  1321. border-color: #cdcdcd;
  1322. color: rgb(0, 0, 0);
  1323. }
  1324. a.yt-uix-button-epic-nav-item:hover,
  1325. a.yt-uix-button-epic-nav-item.selected,
  1326. a.yt-uix-button-epic-nav-item.yt-uix-button-toggled {
  1327. border-color: #cdcdcd;
  1328. color: black;
  1329. }
  1330. .yt-lockup-title a,
  1331. .yt-lockup:hover a,
  1332. .yt-lockup:hover .yt-lockup-meta a,
  1333. .yt-lockup:hover .yt-lockup-description a {
  1334. color: #ffef4b;
  1335. }
  1336. .yt-uix-button-default:hover,
  1337. .yt-uix-button-text:hover {
  1338. border-color: rgba(0, 0, 0, 0.6)!important;
  1339. background: rgb(201, 201, 201)!important;
  1340. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1341. }
  1342. .show-guide #appbar-guide-menu {
  1343. border-bottom: 1px solid #E8E8E8;
  1344. border-right: 1px solid #E8E8E8;
  1345. box-shadow: none;
  1346. background-color: rgba(43, 43, 43, 0.95);
  1347. }
  1348. .guide-flyout-trigger.on-hover,
  1349. .guide-item:hover,
  1350. .guide-item:hover .yt-deemphasized-text,
  1351. .guide-collapsible-item .yt-uix-expander-head:hover {
  1352. background: #505050;
  1353. color: #fff;
  1354. }
  1355. #guide-container .guide-item.guide-item-selected {
  1356. font-weight: 500;
  1357. text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
  1358. }
  1359. button#search-btn:hover {
  1360. background-color: #838383!important;
  1361. }
  1362. #masthead-search .search-btn-component,
  1363. #masthead-search .search-btn-component .start {
  1364. border-left: 0;
  1365. -moz-border-radius-topleft: 0;
  1366. border-top-left-radius: 0;
  1367. -moz-border-radius-bottomleft: 0;
  1368. border-bottom-left-radius: 0;
  1369. background-color: #d7d7d7;
  1370. }
  1371. tbody {
  1372. background-color: rgba(129, 129, 129, 0.72)!important;
  1373. }
  1374. .gssb_i td {
  1375. background: #505050;
  1376. }
  1377. .yt-uix-button-default,
  1378. .yt-uix-button-default[disabled],
  1379. .yt-uix-button-default[disabled]:hover,
  1380. .yt-uix-button-default[disabled]:active,
  1381. .yt-uix-button-default[disabled]:focus {
  1382. border-color: #ffffff;
  1383. background: #333333;
  1384. color: #333;
  1385. border-radius: 0px;
  1386. }
  1387. .guide-item.guide-item-selected,
  1388. .guide-item.guide-item-selected:hover {
  1389. background: #565656;
  1390. }
  1391. button#P {
  1392. background-color: #333333;
  1393. width: 31px!important;
  1394. border-radius: 8px;
  1395. }
  1396. .appbar-hidden #masthead-positioner-height-offset {
  1397. height: 52px;
  1398. background-color: rgba(118, 0, 205, 0);
  1399. }
  1400. .html5-play-progress,
  1401. .ytp-play-progress {
  1402. background: #2793E6 !important;
  1403. background: -moz-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1404. background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(100%, #000000)) !important;
  1405. background: -webkit-linear-gradient(left, #000000 0%, #ffffff 100%) !important;
  1406. background: -o-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1407. background: -ms-linear-gradient(left, #830088 0%, #000dff 100%) !important;
  1408. background: linear-gradient(to right, #000000 0%, #4e4e4e 100%) !important;
  1409. }
  1410. .ytp-swatch-background-color,
  1411. .ytp-swatch-background-color-secondary,
  1412. .html5-scrubber-button:hover,
  1413. .ytp-scrubber-button:hover {
  1414. background-color: #000000 !important;
  1415. }
  1416. .html5-scrubber-button,
  1417. .ytp-scrubber-button {
  1418. border-color: #000000 !important;
  1419. box-shadow: 0px 0px 3px #000000, 0px 0px 5px #000000, 0px 0px 0px #000000 !important;
  1420. transition: box-shadow 0.2s, background 0.2s !important;
  1421. }
  1422. .html5-scrubber-button:hover,
  1423. .ytp-scrubber-button:hover {
  1424. border-color: #000000 !important;
  1425. box-shadow: 0px 0px 6px #000000, 0px 0px 8px #000000, 0px 0px 10px #000000 !important;
  1426. }
  1427. .ytp-volume-slider-track,
  1428. .ytp-volume-slider-handle:before {
  1429. background: #2793E6 !important;
  1430. /* Old browsers */
  1431.  
  1432. background: -moz-linear-gradient(left, #0000008 0%, #4e4e4e 100%) !important;
  1433. background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(100%, #4e4e4e)) !important;
  1434. background: -webkit-linear-gradient(left, #000000 0%, #4e4e4e 100%) !important;
  1435. background: -o-linear-gradient(left, #000000 0%, #4e4e4e 100%) !important;
  1436. background: -ms-linear-gradient(left, #000000 0%, #4e4e4e 100%) !important;
  1437. background: linear-gradient(to right, #000000 0%, #4e4e4e 100%) !important;
  1438. z-index: -117;
  1439. }
  1440. .ytp-settings-button.ytp-hd-quality-badge::after,
  1441. .ytp-settings-button.ytp-4k-quality-badge::after,
  1442. .ytp-settings-button.ytp-5k-quality-badge::after,
  1443. .ytp-settings-button.ytp-8k-quality-badge::after,
  1444. .ytp-settings-button.ytp-3d-badge::after {
  1445. background-color: #4e4e4e !important;
  1446. }
  1447. .ytp-swatch-color {
  1448. color: #4e4e4e !important;
  1449. }
  1450. .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
  1451. background: #4e4e4e !important;
  1452. }
  1453. .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {
  1454. fill: #4e4e4e !important;
  1455. }
  1456. .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
  1457. .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {
  1458. fill: #4e4e4e !important;
  1459. }
  1460. .ytp-big-mode .ytp-watch-later-button-visible.ytp-share-button-visible .ytp-title {
  1461. padding-right: 108px;
  1462. visibility: hidden;
  1463. }
  1464. #P-content {
  1465. background: rgb(51, 51, 51);
  1466. color: #666;
  1467. overflow: hidden;
  1468. padding-bottom: 40px;
  1469. padding-left: 15px;
  1470. position: relative;
  1471. margin-bottom: 10px;
  1472. }
  1473. #P-content h3 {
  1474. color: #fff;
  1475. font-size: 14px;
  1476. font-weight: 500;
  1477. margin: 30px 0 16px;
  1478. }
  1479. #P-content h2 {
  1480. color: #fff;
  1481. float: left;
  1482. font-size: 18px;
  1483. font-weight: 500;
  1484. line-height: 20px;
  1485. }
  1486. #P {
  1487. color: white!important;
  1488. }
  1489. #P-container {
  1490. margin: 10px auto 0;
  1491. max-width: 1262px;
  1492. background-color: rgb(35, 35, 35);
  1493. }
  1494. #P-settings {
  1495. background: rgba(75, 0, 78, 0);
  1496. height: 100%;
  1497. left: 0;
  1498. position: absolute;
  1499. right: 0;
  1500. z-index: 1000;
  1501. }
  1502. #P-sidebar {
  1503. background: #000000;
  1504. color: white;
  1505. float: left;
  1506. width: 195px;
  1507. margin-right: 10px;
  1508. padding: 10px 0;
  1509. background-color: #000000;
  1510. border-radius: 9px;
  1511. }
  1512. #P-sidebar-list > li.selected {
  1513. color: #FFF;
  1514. font-weight: 500;
  1515. background-color: #333333;
  1516. }
  1517. #P-sidebar-list > li:hover {
  1518. color: #ffffff;
  1519. background: #333333;
  1520. }
  1521. .P-reset:hover {
  1522. background: #141414;
  1523. border-color: #C6C6C6;
  1524. }
  1525. .P-save,
  1526. .P-reset,
  1527. .P-impexp,
  1528. .P-implang {
  1529. background-color: #141414;
  1530. border-color: #d3d3d3;
  1531. border-radius: 5px;
  1532. box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  1533. color: #fff;
  1534. cursor: pointer;
  1535. display: inline-block;
  1536. float: right;
  1537. font-size: 11px;
  1538. font-weight: 500;
  1539. height: 28px;
  1540. line-height: normal;
  1541. margin-right: 20px;
  1542. margin-top: -5px;
  1543. outline: 0 none;
  1544. padding: 0 20px;
  1545. vertical-align: bottom;
  1546. white-space: nowrap;
  1547. word-wrap: normal;
  1548. opacity: 1;
  1549. }
  1550. button#gh-playlist-save {
  1551. background-color: #333333;
  1552. color: white;
  1553. }
  1554. .yt-uix-button-default:hover,
  1555. .yt-uix-button-text:hover {
  1556. border-color: rgba(39, 39, 39, 0.54)!important;
  1557. background: rgb(37, 37, 37)!important;
  1558. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1559. }
  1560. #pl-header .pl-header-title {
  1561. color: #fff;
  1562. font-size: 20px;
  1563. font-weight: 500;
  1564. padding: 1px;
  1565. padding-left: 0;
  1566. vertical-align: middle;
  1567. line-height: 33px;
  1568. }
  1569. #pl-header .pl-header-details a:hover {
  1570. text-decoration: none;
  1571. color: #fff200;
  1572. }
  1573. #pl-header .pl-header-details a {
  1574. color: #ffffff;
  1575. line-height: 1.3em;
  1576. }
  1577. a.yt-uix-button-epic-nav-item.partially-selected {
  1578. border-color: #ffffff;
  1579. }
  1580. .yt-masthead-picker-footer {
  1581. background: #000000;
  1582. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1583. padding: 10px 15px;
  1584. overflow: hidden;
  1585. }
  1586. .yt-masthead-account-picker-option {
  1587. background: #404040;
  1588. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1589. padding: 10px 15px;
  1590. }
  1591. .yt-uix-button-primary:hover {
  1592. background: #5a5a5a;
  1593. }
  1594. .yt-uix-button-primary,
  1595. .yt-uix-button-primary[disabled],
  1596. .yt-uix-button-primary[disabled]:hover,
  1597. .yt-uix-button-primary[disabled]:active,
  1598. .yt-uix-button-primary[disabled]:focus {
  1599. border-color: #545454;
  1600. background: #333333;
  1601. }
  1602. .about-stats .about-stat {
  1603. font-size: 13px;
  1604. color: #fff;
  1605. }
  1606. span.vk-cap {
  1607. color: black;
  1608. }
  1609. .gssb_m {
  1610. color: #000;
  1611. background: #9c9c9c;
  1612. }
  1613. .watch-card:hover a {
  1614. color: #ffffff;
  1615. }
  1616. .watch-card a {
  1617. color: #fff;
  1618. }
  1619. .yt-uix-button-default:active,
  1620. .yt-uix-button-default.yt-uix-button-toggled,
  1621. .yt-uix-button-default.yt-uix-button-active,
  1622. .yt-uix-button-default.yt-uix-button-active:focus,
  1623. .yt-uix-button-text:active {
  1624. border-color: rgb(255, 255, 255);
  1625. background: rgb(68, 68, 68)!important;
  1626. }
  1627. .comment-simplebox {
  1628. background-color: rgba(33, 33, 34, 0);
  1629. overflow: hidden;
  1630. display: none;
  1631. position: relative;
  1632. }
  1633. .comment-simplebox-text,
  1634. .comment-simplebox-prompt {
  1635. background-color: rgba(34, 31, 29, 0);
  1636. color: #fff;
  1637. line-height: 16px;
  1638. text-align: left;
  1639. }
  1640. .comment-simplebox-text:empty:after {
  1641. content: attr(data-placeholder);
  1642. color: #ffffff;
  1643. display: inline-block;
  1644. width: 0;
  1645. white-space: nowrap;
  1646. }
  1647. .comment-simplebox-arrow {
  1648. background-color: rgba(255, 255, 255, 0);
  1649. }
  1650. .yt-uix-button.yt-uix-button-subscribe-branded,
  1651. .yt-uix-button.yt-uix-button-subscribed-branded {
  1652. padding: 0 8px 0 5.5px;
  1653. height: 24px;
  1654. border-radius: 8px 0px 0px 8px;
  1655. background-color: white!important;
  1656. width: 130px;
  1657. border-color: #bfbfbf;
  1658. }
  1659. .yt-pl-thumb .formatted-video-count-label b {
  1660. display: block;
  1661. font-weight: normal;
  1662. font-size: 18px;
  1663. line-height: 22px;
  1664. color: white;
  1665. }
  1666. div#yt-subscribe {
  1667. background-color: white;
  1668. }
  1669. a.yt-uix-sessionlink {
  1670. color: #ffe600;
  1671. }
  1672. #watch7-sidebar .video-list-item a:hover:visited .title,
  1673. #watch7-sidebar .video-list-item a:hover:visited .title .yt-deemphasized-text {
  1674. color: #fff;
  1675. }
  1676. #watch7-sidebar .video-list-item:hover .title,
  1677. #watch7-sidebar .video-list-item:hover .title .yt-deemphasized-text {
  1678. color: #ffffff;
  1679. text-decoration: none;
  1680. }
  1681. .video-list .video-list-item .description,
  1682. .video-list .video-list-item .stat {
  1683. color: #3fff00;
  1684. font-size: 11px;
  1685. }
  1686. div#advanced-options {
  1687. background-color: rgba(203, 203, 203, 0.28);
  1688. left: 695px;
  1689. bottom: 900px;
  1690. }
  1691. .player-console #player-console {
  1692. display: block;
  1693. right: -1px;
  1694. background-color: rgba(203, 203, 203, 0.28);
  1695. top: 20px;
  1696. left: -1px;
  1697. width: 160px;
  1698. border-radius: 0px 0px 20px 20px;
  1699. }
  1700. #player-console:before {
  1701. background: rgba(127, 255, 0, 0);
  1702. content: '';
  1703. height: 100%;
  1704. width: 100%;
  1705. }
  1706. .yt-uix-button-default:hover,
  1707. .yt-uix-button-text:hover {
  1708. border-color: rgba(39, 39, 39, 0.54)!important;
  1709. background: rgba(37, 37, 37, 0)!important;
  1710. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1711. }
  1712. a,
  1713. abbr,
  1714. acronym,
  1715. address,
  1716. applet,
  1717. b,
  1718. big,
  1719. blockquote {
  1720. margin: 0;
  1721. padding: 0;
  1722. border: 0;
  1723. font-size: 100%;
  1724. background: transparent;
  1725. color: white;
  1726. }
  1727. .yt-uix-button-default:hover,
  1728. .yt-uix-button-text:hover {
  1729. border-color: rgba(39, 39, 39, 0.54)!important;
  1730. background: rgb(51, 51, 51)!important;
  1731. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1732. }
  1733. .vk-box {
  1734. height: auto;
  1735. padding: 10px;
  1736. background-color: #777777;
  1737. border: 1px solid #b8b8b8;
  1738. border: 1px solid rgba(0, 0, 0, 0.3);
  1739. z-index: 2147483644;
  1740. font-family: arial, sans-serif;
  1741. font-size: 14px;
  1742. position: fixed;
  1743. box-shadow: 0 4px 16px rgb(0, 0, 0);
  1744. border-radius: 10px;
  1745. }
  1746. .upload-widget.yt-card.branded-page-box-padding {
  1747. background-color: rgba(0, 0, 0, 0.89);
  1748. }
  1749. #subscription-manager-container .subscription-title {
  1750. color: #fff;
  1751. line-height: 18px;
  1752. font-weight: 500;
  1753. text-decoration: none;
  1754. }
  1755. tr.subscription-item {
  1756. background-color: rgba(255, 255, 255, 0);
  1757. }
  1758. tbody {
  1759. background-color: rgba(129, 129, 129, 0)!important;
  1760. }
  1761. .yt-dialog-fg-content,
  1762. .yt-uix-overlay-fg-content {
  1763. overflow: hidden;
  1764. padding: 0 20px 20px;
  1765. color: #333;
  1766. background-color: black;
  1767. border-radius: 8px;
  1768. }
  1769. .yt-dialog-align,
  1770. .yt-dialog-fg,
  1771. .yt-uix-overlay-align {
  1772. vertical-align: middle;
  1773. display: inline-block;
  1774. border-radius: 8px;
  1775. }
  1776. .yt-uix-form-input-paper-toggle-bar {
  1777. position: absolute;
  1778. height: 100%;
  1779. width: 100%;
  1780. border-radius: 8px;
  1781. background-color: #b5b5b5;
  1782. opacity: .26;
  1783. -moz-transition: background-color linear .08s;
  1784. -webkit-transition: background-color linear .08s;
  1785. transition: background-color linear .08s;
  1786. }
  1787. .yt-dialog-fg-content .yt-dialog-title,
  1788. .yt-uix-overlay-fg-content .yt-dialog-title {
  1789. color: #fff;
  1790. font-weight: 500;
  1791. font-size: 15px;
  1792. margin: 0 -20px;
  1793. padding-top: 18px;
  1794. vertical-align: middle;
  1795. overflow: hidden;
  1796. white-space: nowrap;
  1797. word-wrap: normal;
  1798. -o-text-overflow: ellipsis;
  1799. text-overflow: ellipsis;
  1800. }
  1801. .channel-header .secondary-header-contents {
  1802. position: relative;
  1803. padding: 0 15px;
  1804. height: 38px;
  1805. font-size: 0;
  1806. background-color: rgba(255, 255, 255, 0);
  1807. border-bottom: 1px solid #e2e2e2;
  1808. }
  1809. .secondary-header-contents .nav-text {
  1810. color: #fff;
  1811. font-size: 11px;
  1812. font-weight: 500;
  1813. vertical-align: middle;
  1814. }
  1815. .yt-lockup .yt-uix-button-action-menu,
  1816. .yt-lockup .yt-uix-button-lockup-action-menu,
  1817. .video-list-item .related-item-action-menu .yt-uix-button {
  1818. opacity: 1;
  1819. filter: alpha(opacity=0);
  1820. }
  1821. .yt-uix-menu-container.yt-lockup-action-menu {
  1822. position: absolute;
  1823. right: 0;
  1824. top: 5px;
  1825. background-color: rgba(255, 255, 255, 0.53);
  1826. border-radius: 4px;
  1827. }
  1828. #browse-items-primary .item-section>li>.yt-lockup-tile .yt-uix-menu-top-level-button,
  1829. .yt-section-hover-container .yt-uix-button-action-menu,
  1830. .yt-section-hover-container .yt-uix-menu-top-level-button {
  1831. opacity: .5;
  1832. filter: alpha(opacity=50);
  1833. background-color: white;
  1834. }
  1835. #browse-items-primary .item-section>li>.yt-lockup-tile:hover .yt-uix-menu-top-level-button,
  1836. .yt-section-hover-container .yt-uix-button-action-menu.yt-uix-button-active,
  1837. .yt-section-hover-container .yt-uix-menu-top-level-flow-button,
  1838. .yt-section-hover-container:hover .yt-uix-button-action-menu,
  1839. .yt-section-hover-container:hover .yt-uix-menu-top-level-button,
  1840. .yt-lockup .yt-uix-button-action-menu.yt-uix-button-active,
  1841. .yt-lockup:hover .yt-uix-button-action-menu,
  1842. .yt-uix-menu-trigger.yt-uix-menu-trigger-selected .yt-uix-button-action-menu,
  1843. .yt-uix-button-action-menu:focus,
  1844. .yt-lockup .yt-uix-button-lockup-action-menu.yt-uix-button-active,
  1845. .yt-lockup:hover .yt-uix-button-lockup-action-menu,
  1846. .yt-uix-button-lockup-action-menu:focus,
  1847. .yt-uix-menu-trigger.yt-uix-menu-trigger-selected .yt-uix-button-lockup-action-menu,
  1848. .video-list-item:hover .related-item-action-menu .yt-uix-button {
  1849. opacity: 1;
  1850. filter: alpha(opacity=100);
  1851. background-color: rgba(82, 28, 28, 0);
  1852. }
  1853. a.yt-uix-sessionlink {
  1854. color: #ffe600;
  1855. background-color: rgba(255, 255, 255, 0);
  1856. }
  1857. button.yt-uix-button.yt-uix-button-size-default.yt-uix-button-lockup-action-menu.yt-uix-button-empty.yt-uix-button-has-icon.no-icon-markup.yt-uix-menu-trigger {
  1858. width: 2px;
  1859. margin-right: 16px;
  1860. }
  1861. .standalone-ypc-badge-renderer-label {
  1862. color: #FFEB3B;
  1863. font-size: 12px;
  1864. }
  1865. td#gs_tti50 {
  1866. background-color: rgb(43, 43, 43);
  1867. }
  1868. input#masthead-search-term {
  1869. color: white!important;
  1870. }
  1871. td.gssb_a.gsfs {
  1872. background-color: #2b2b2b;
  1873. }
  1874. .gssb_i td {
  1875. background: #3b3b3b!important;
  1876. }
  1877. button#gh-playlist-save {
  1878. background-color: #333333!important;
  1879. color: white;
  1880. }
  1881. a.yt-uix-button.playlist-play-all.yt-uix-button-playlist-action.spf-link.play-all-icon-btn.yt-uix-sessionlink.yt-uix-button-default.yt-uix-button-size-default.yt-uix-button-has-icon.no-icon-markup {
  1882. background-color: #323232;
  1883. }
  1884. a.yt-uix-button.footer-history.yt-uix-sessionlink.yt-uix-button-default.yt-uix-button-size-default.yt-uix-button-has-icon {
  1885. background-color: #333333;
  1886. }
  1887. #footer-links-secondary a:hover {
  1888. text-decoration: underline;
  1889. }
  1890. div#footer-container {
  1891. background-color: rgba(154, 154, 154, 0.48)!important;
  1892. }
  1893. a.yt-uix-button-epic-nav-item.partially-selected:hover,
  1894. button.yt-uix-button-epic-nav-item:hover,
  1895. button.yt-uix-button-epic-nav-item.selected,
  1896. button.yt-uix-button-epic-nav-item.yt-uix-button-toggled,
  1897. .epic-nav-item:hover,
  1898. .epic-nav-item.selected,
  1899. .epic-nav-item.yt-uix-button-toggled,
  1900. .epic-nav-item-heading {
  1901. border-color: #cdcdcd;
  1902. color: rgb(255, 255, 255);
  1903. text-transform: uppercase;
  1904. }
  1905. #yt-picker-country-footer,
  1906. #yt-picker-language-footer,
  1907. #yt-picker-safetymode-footer {
  1908. color: #666;
  1909. margin-top: 5px;
  1910. padding: 10px;
  1911. background: rgba(0, 0, 0, 0);
  1912. border-radius: 3px;
  1913. box-shadow: 0 1px 2px #ccc;
  1914. }
  1915. .yt-default h1,
  1916. .yt-default h2,
  1917. .yt-default h3,
  1918. .yt-default h4,
  1919. .yt-default h5,
  1920. .yt-default h6,
  1921. h1.yt,
  1922. h2.yt,
  1923. h3.yt,
  1924. h4.yt,
  1925. h5.yt,
  1926. h6.yt {
  1927. margin-top: 0;
  1928. margin-bottom: 13px;
  1929. color: #fff;
  1930. }
  1931. .yt-default .yt-notes,
  1932. p.yt-notes {
  1933. font-size: 11px;
  1934. color: #fff;
  1935. text-shadow: 0.5px 0.5px black;
  1936. }
  1937. div#gs_st50 {
  1938. background-color: #d7d7d7;
  1939. }
  1940. a.gsst_a {
  1941. background-color: rgba(158, 107, 107, 0);
  1942. }
  1943. div#gs_st50:hover {
  1944. border-color: rgba(39, 39, 39, 0.54)!important;
  1945. background: rgb(131, 131, 131)!important;
  1946. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.43)!important;
  1947. }
  1948. .gspr_a {
  1949. padding-right: 1px;
  1950. color: white;
  1951. }
  1952. .vk-btn {
  1953. box-shadow: 0 1px 3px rgb(0, 0, 0);
  1954. }
  1955. .vk-t-btn-o.vk-sf-cl:hover {
  1956. background-color: white;
  1957. }
  1958. .vk-t-btn-o {
  1959. padding: 10px 0px 7px 3px;
  1960. cursor: default;
  1961. position: absolute;
  1962. top: 0px;
  1963. width: 15px;
  1964. height: 8px;
  1965. margin-top: 3px;
  1966. margin-right: 4px;
  1967. border-radius: 8px;
  1968. }
  1969. .vk-t-btn {
  1970. margin-left: 4.5px;
  1971. background-image: url(//ssl.gstatic.com/inputtools/images/ita_kd_sprite3.png);
  1972. height: 19px!important;
  1973. width: 14px!important;
  1974. opacity: .4;
  1975. filter: alpha(opacity=40);
  1976. margin-top: -16px;
  1977. background-position: 2px -107px;
  1978. }
  1979. .P-impexp .save {
  1980. height: 16px;
  1981. width: 16px;
  1982. pointer-events: none;
  1983. transform: translate(-50%, -50%);
  1984. margin-bottom: -13px;
  1985. }
  1986. .guide-flyout-trigger.on-hover,
  1987. .guide-item:hover,
  1988. .guide-item:hover .yt-deemphasized-text,
  1989. .guide-collapsible-item .yt-uix-expander-head:hover {
  1990. background: #505050;
  1991. color: #fff;
  1992. border-radius: 8px;
  1993. }
  1994. #guide-container .guide-item.guide-item-selected {
  1995. border-radius: 8px;
  1996. }
  1997. a.guide-item.yt-uix-sessionlink.yt-valign.spf-link:hover {
  1998. box-shadow: inset 0 0 5px black;
  1999. }
  2000.  
  2001. .page-loaded .guide-item {
  2002.  
  2003. transition: 0.25s ease;
  2004. }
  2005.  
  2006. .unsubscribe-confirmation-message {
  2007. color: white;
  2008. }
  2009.  
  2010. .yt-dialog-fg-content.yt-dialog-show-content {
  2011. box-shadow: 0px 0px 20px 1px black;
  2012. transition: 0.25s ease;
  2013. }
  2014.  
  2015. .yt-uix-overlay-actions {
  2016. margin: 20px -20px -20px;
  2017. padding: 22px 20px;
  2018. text-align: right;
  2019. background: linear-gradient(to bottom,rgb(255, 255, 255),rgba(255, 255, 255, 0.69) 50%,rgb(255, 255, 255));
  2020. }
  2021.  
  2022. .yt-dialog-base, .yt-uix-overlay-base {
  2023.  
  2024. background-color: rgba(0, 0, 0, 0.36);
  2025. }
Add Comment
Please, Sign In to add comment
Public Pastes
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!