API tools faq
paste
SGvagon

Untitled

SGvagon
Mar 16th, 2018
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.66 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document url-prefix(http://www.youtube),
  3. url-prefix(https://www.youtube) {
  4. /* MASTER HEAD */
  5. #yt-masthead-container {
  6. background-color: #444444;
  7. border-bottom: 0px solid;
  8. padding-bottom: 1px;
  9. padding-top: 1px;
  10. }
  11. #yt-masthead .yt-masthead-logo-container #logo-container {
  12. top: -1px;
  13. }
  14. #yt-masthead .yt-masthead-logo-container {
  15. width: 203px;
  16. }
  17. .appbar-hidden #masthead-positioner-height-offset {
  18. height: 32px;
  19. background-color: #444444;
  20. }
  21. #guide-container {
  22. padding: 5px 18px 5px 5px;
  23. }
  24. #appbar-guide-menu {
  25. top: -13px !important;
  26. }
  27. #masthead-search-terms {
  28. top: -1px;
  29. }
  30. #masthead-search {
  31. max-width: 380px;
  32. }
  33. #masthead-search .search-btn-component, #masthead-search .search-btn-component .start {
  34. height: 28px;
  35. border-width: 0px 1px 1px 1px;
  36. }
  37. .show-guide #appbar-guide-menu {
  38. margin-top: 49px;
  39. height: 100%;
  40. }
  41. .yt-consent-banner div {
  42. top: 40%;
  43. }
  44. .yt-uix-button.yt-uix-button-subscribe-branded {
  45. background-color: #444444;
  46. }
  47. /* Watched video (playlist)*/
  48. .pl-video .pl-video-thumbnail .watched-badge {
  49. max-width: 100%!important;
  50. font-size: 100%!important;
  51. opacity: .9!important;
  52. position: absolute!important;
  53. height: 100%!important;
  54. text-align: center!important;
  55. line-height: 285%!important;
  56. text-shadow: 0 0 5px #000!important;
  57. top: 0!important;
  58. left: -4px!important;
  59. color: #c6c6c6!important;
  60. transition: .4s!important;
  61. }
  62. .pl-video .pl-video-thumbnail .watched-badge:hover {
  63. opacity: 0!important;
  64. transition: .5s!important;
  65. }
  66.  
  67. .exp-invert-logo .resume-playback-progress-bar {
  68. background: #444444;
  69. }
  70.  
  71. /* Watched video*/
  72. .watched-badge {
  73. opacity: 1!important;
  74. background: -moz-linear-gradient(rgba(32, 32, 32, 0.2), rgba(16, 16, 16, 0.71), rgba(32, 32, 32, 0.2))!important;
  75. position: absolute!important;
  76. font-size: 180%!important;
  77. font-family: "Verdana";
  78. /* background-color: rgba(15, 15, 15, 0.77)!important; */
  79. height: 100%!important;
  80. width: 100%!important;
  81. text-align: center!important;
  82. line-height: 104px!important;
  83. text-shadow: 0 0 7px #000000!important;
  84. top: 0!important;
  85. left: -3px!important;
  86. color: #FFFFFF!important;
  87. transition: .5s!important;
  88. }
  89. .watched-badge:hover {
  90. opacity: 0!important;
  91. transition: .65s!important;
  92. }
  93. /* MASTER HEAD - Logo */
  94. .exp-invert-logo #yt-masthead #logo-container .logo {
  95. 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==) no-repeat; width: 80px;
  96. }
  97. /* MASTER HEAD - New Upload Button */
  98. .yt-uix-button-icon-material-upload{
  99. background: url(
  100. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNS82LzE1gheI3wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACMSURBVEiJ7ZXhCoAgDIS36MF98+tHUbTd0Akrgg78o8d9TKcqAKnUUpr+BGBlk6pKzQDasd6CdT5pRxSOSyHAZY0ATHgImQIE4RSSBnTCHSQFGAy/QYYByfATwrIU8Idq2xTMtPvU+Jzn+zf5B3RFHzsr2y0ZlVdA74GIzH5zrtLXzmB6z62+36blgA3p1JyzMIX9qAAAAABJRU5ErkJggg==);
  101. }
  102. .yt-uix-button-opacity, .yt-uix-button-opacity:hover{
  103. opacity:100
  104. }
  105. /* MASTER HEAD - Notification Active Bell */
  106. #yt-masthead-user .yt-uix-button-icon-bell,#yt-masthead-user .yt-uix-button-icon-bell:hover {
  107. background:url(
  108. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAyMy82LzE1VE5rwgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEKSURBVEiJ7ZZBDoIwEEWnhngIFy5IPIMuPJtxwRVwz5obGA/kXmPi6rkZTNtAW4UIUX/SEKYz88jATDGAjKHZKNQ/+PfAxpjOJSKFiFxEpIj4JcnY7RQKxHI0AcfU9oyWGtgCtWergW0SIZD4uTx7BpSEVQJZV77QCoEb6BXYATkw1+seuOn+YTCwlreBrjsqtdF97LL3BdeacBd5TXv1qy1bL/BZE+YRcK5+51fBre2EGkNtY4EcX/9b6dI0Jtcf/BtgYPFOolfjHDCwEpHKuo/KCq80PknGjZUhfjmTDmXnZEkZGDENOkCAo1fhU6+n06Stx6LnswROwF2vy5R8ybP6k5pOH389+AHMHA4G40/1BQAAAABJRU5ErkJggg==);
  109. opacity: 100
  110. }
  111.  
  112. /* MASTER HEAD - Notification Active Bell */
  113. #yt-masthead-user .sb-notif-on .yt-uix-button-icon-bell{
  114. background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABV0RVh0Q3JlYXRpb24gVGltZQAyMy82LzE1VE5rwgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADtSURBVEiJ7ZaxDcIwEEX/oewAoqBji+zEEqwAfepsgBgIaiqqR2MQsRLnnESAgC+dIll3/0V2zhcD9A7N3kL9g38PbGadIWkr6SJp25Pnkj23U6qQp0RLJHrbs3ergRKoo7UaKF2EhPEjovUC2JHWDii6/FKRAvdB79pPBg7bm6MyF9x1xpvME8vNb/+qgZOkeYbP2cwWoXYUOHtk3VvMW/oZN9cf/BtgYDnEKLeuAQbWkqohYElVqHfJor6b4pfTNZQbkyU1Z72a9AIBDtFQOI56u2DaOhajnBVwBK7hufL4pSI+45fpc/r468E3J9WRX0eIv3sAAAAASUVORK5CYII=);
  115. background-size: auto;
  116. opacity: 100;
  117. }
  118. #yt-masthead-user .sb-notif-on .yt-uix-button-icon-bell:hover {
  119. opacity: 50;
  120. }
  121. /* MASTER HEAD - Sidebar Button */
  122. .show-guide .yt-uix-button-icon-appbar-guide, .show-guide #masthead-positioner:hover .yt-uix-button-icon-appbar-guide {
  123. background: url(
  124. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNC82LzE1SUtbegAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA5SURBVDiNY/z//z8DJYCJIt3UMIAFSpPjD0bquYCRkZGRVI2wwKfYBYxQk0bDYMDDAGYaOWDgMxMAKU0SIJ//jdUAAAAASUVORK5CYII=) !important;
  125. }
  126. .yt-uix-button-icon-appbar-guide {
  127. background: url(
  128. data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAyNC82LzE1SUtbegAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA5SURBVDiNY/z//z8DJYCJIt3UMIAFSpPjD0bquYCRkZGRVI2wwKfYBYxQk0bDYMDDAGYaOWDgMxMAKU0SIJ//jdUAAAAASUVORK5CYII=) !important;
  129. }
  130. /* MASTER HEAD - Sidebar Button Box */
  131. button#appbar-guide-button {
  132. box-shadow: 0 0 0 0;
  133. background-color: transparent;
  134. border: 0px solid;
  135. }
  136. button#appbar-guide-button:hover {
  137. box-shadow: 0 0 0 0;
  138. background-color: transparent;
  139. border: 0px solid;
  140. }
  141. button#appbar-guide-button:active {
  142. box-shadow: 0 0 0 0;
  143. background-color: transparent;
  144. border: 0px solid;
  145. }
  146. /* MASTER HEAD - Sidebar Button Arrow */
  147. .not-yt-legacy-css #masthead-positioner #appbar-guide-button:hover .yt-uix-button-arrow, .yt-legacy-css #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  148. border-top-color: #FFF;
  149. }
  150. .not-yt-legacy-css #masthead-positioner #appbar-guide-button .yt-uix-button-arrow, .yt-legacy-css #masthead-positioner:hover #appbar-guide-button .yt-uix-button-arrow {
  151. border-top-color: #FFF;
  152. }
  153. /* MASTER HEAD - Region Abreviation Text Color */
  154. #yt-masthead #logo-container span.content-region {
  155. color: #FFFFFF;
  156. }
  157. /* Full Page Alert (Added 12-8-15) */
  158. .yt-alert-default.yt-alert-info, .yt-alert-actionable.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info {
  159. background: #444444;
  160. border-bottom: 1px solid #e8e8e8;
  161. }
  162. /* MASTER SIDEBAR - Active Page */
  163. .guide-item.guide-item-selected, .guide-item.guide-item-selected:hover{
  164. background: #444444;
  165. }
  166.  
  167. /* MASTER SIDEBAR - Section Headings */
  168. .exp-invert-logo li.guide-section h3 a {
  169. color: #444444;
  170. }
  171. .exp-invert-logo li.guide-section h3 {
  172. color: #444444;
  173. }
  174. .exp-invert-logo .epic-nav-item-heading{
  175. border-color: #444444;
  176. }
  177. /* Page Navagation Tabs */
  178. a.yt-uix-button-epic-nav-item.partially-selected:hover, button.yt-uix-button-epic-nav-item:hover, button.yt-uix-button-epic-nav-item.selected, button.yt-uix-button-epic-nav-item.yt-uix-button-toggled, .epic-nav-item:hover, .epic-nav-item.selected, .epic-nav-item.yt-uix-button-toggled, .epic-nav-item-heading{
  179. border-color: #444444;
  180. }
  181. .feed-header-feed-filter .yt-uix-button-epic-nav-item.selected, .feed-header-feed-filter .yt-uix-button-epic-nav-item:hover{
  182. border-color: #444444;
  183. }
  184. a.yt-uix-button-epic-nav-item:hover, a.yt-uix-button-epic-nav-item.selected, a.yt-uix-button-epic-nav-item.yt-uix-button-toggled{
  185. border-color: #444444;
  186. }
  187. .ytp-swatch-background-color, .ytp-red2 .ytp-swatch-background-color-secondary {
  188. background-color: #CC181E;
  189. }
  190. .ytp-menuitem sup {
  191. color: #444444;
  192. }
  193. /* WATCH PAGE - AutoPlay Slider Button */
  194. .yt-uix-checkbox-on-off input[type=checkbox]:checked+label {
  195. background-color: #444444;
  196. }
  197. /* WATCH PAGE - Like Scale */
  198. .video-extras-sparkbar-likes {
  199. background: #444444;
  200. }
  201. /* CREATOR PAGES - Tabs */
  202. .creator-editor-nav-tabs li.selected, .creator-editor-nav-tabs li:hover,.epic-nav-item.selected,.epic-nav-item:hover,.menu-tab:hover, .menu-tab.selected {
  203. border-bottom: 4px solid #444444;
  204. }
  205. /* CREATOR PAGES - Sidebar Sub Menu (Also used in user settings) */
  206. #creator-sidebar .creator-sidebar-item.selected, #creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected a:hover{
  207. background-color: #444444;
  208. }
  209. /* SITEWIDE - Blue Buttons */
  210. .yt-uix-button-primary, .yt-uix-button-primary[disabled], .yt-uix-button-primary[disabled]:hover, .yt-uix-button-primary[disabled]:active, .yt-uix-button-primary[disabled]:focus {
  211. border-color: #444444;
  212. background: #444444;
  213. }
  214. .yt-uix-button-primary:hover {
  215. border-color: #303030;
  216. background: #303030;
  217. }
  218. .exp-invert-logo .guide-item.guide-item-selected, .exp-invert-logo .guide-item.guide-item-selected:hover {
  219. background: #444444;
  220. }
  221. #yt-masthead-user .yt-masthead-user-icon {
  222. opacity: 0.85;
  223. }
  224. #yt-masthead-user:hover .yt-masthead-user-icon:hover {
  225. opacity: 1;
  226. }
  227. /* WATCHPAGE Loading background: #444444; Bar (Thanks to nalljya) */
  228. #progress {
  229. background-color:white!important;
  230. box-shadow: 0 0 0 0;
  231. }
  232. }
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!