Guest User

KUMIKO!Y

a guest
Jul 18th, 2015
377
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document url-prefix(http://www.youtube), url-prefix(https://www.youtube) {
  4.  
  5. /*Autohide youtube header*/
  6. #ticker {
  7. display: none;
  8. }
  9.  
  10.  
  11. #masthead-positioner-height-offset {
  12. display: none;
  13. }
  14.  
  15. #masthead-positioner {
  16. opacity: 0.0;
  17. top: -20px;
  18. transition: opacity 3s ease, top 1.2s ease;
  19. }
  20.  
  21. #masthead-positioner:hover {
  22. opacity: 1;
  23. top: 0px;
  24. transition: opacity 0.4s ease, top 0.2s ease;
  25. }
  26.  
  27.  
  28. #yt-masthead-container {
  29. padding-top: 0;
  30. padding-bottom: 0;
  31. }
  32. }
  33.  
  34. @-moz-document domain("youtube.com") {
  35.  
  36. /* bg color/image */
  37. html body {
  38. /*background-color: #161721 !important;*/
  39. background-image: url(file:///home/azure/Homepage/Tanggaroa.png)!important;
  40. background-attachment: fixed;
  41. background-repeat: repeat;
  42. }
  43.  
  44. /* main content colors */
  45. #watch-header, #action-panel-details, .branded-page-box, .yt-card, .yt-ui-ellipsis, .video-player-view-component .description {
  46. background-image: url(file:///home/azure/Homepage/Tanggaroa.png)!important;
  47. color: #BB4D66 !important;
  48. }
  49.  
  50. /* remove seperators and unwanted borders */
  51. #watch8-action-buttons, .yt-card .yt-uix-button-expander, .yt-card .yt-uix-tabs, #appbar-guide-menu .guide-section-separator, .branded-page-v2-primary-col .branded-page-box, .feed-header, #appbar-nav, #masthead-appbar, a.yt-uix-button-epic-nav-item:hover, #watch7-sidebar .watch-sidebar-separation-line, .search-header, .branded-page-v2-subnav-container, .yt-lockup-playlist-item {
  52. border: none !important;
  53. color: #FEE193 !important;
  54. }
  55.  
  56. /* hide autoplay */
  57. .autoplay-bar .checkbox-on-off {
  58. display: none;
  59. }
  60.  
  61. #watch7-sidebar-modules .autoplay-bar .watch-sidebar-head {
  62. color: #102533 !important;
  63. }
  64.  
  65. /* fix player size
  66. .player-height {
  67. height: 480px;
  68. margin-top: 0px;
  69. } */
  70.  
  71. #watch7-content {
  72. margin-top: 18px;
  73. }
  74.  
  75. /* change from 0 to 30
  76. 0 = theatre mode
  77. 30 = default view
  78. */
  79. #watch7-sidebar-contents {
  80. margin-top: 18px;
  81. }
  82.  
  83. .watch-stage-mode .player-height {
  84. box-shadow: 0px 1px 25px -5px #000;
  85. }
  86.  
  87. .watch-stage-mode #player.content-alignment {
  88. margin-top: 8px;
  89. }
  90.  
  91. /* change from 20/30 depending on whether you use YTC
  92. #watch-header {
  93. margin-top: 35px !important;
  94. } */
  95.  
  96. /* first color */
  97. #eow-title, #watch7-sidebar .video-list-item .title, #eow-description, .watch-view-count, .yt-lockup-title a, #appbar-nav .epic-nav-item-heading, .epic-nav-item-heading, .yt-uix-button-default, #watch-like:not(.yt-uix-button-toggled) .yt-uix-button-content, .yt-uix-button-text, button.yt-uix-button-expander, .comments .comment-footer-action, #watch8-action-buttons .yt-uix-button, .yt-uix-button-text {
  98. color: #ffffff !important;
  99. }
  100.  
  101. /* secondary color */
  102. a, li.video-list-item, .video-list .video-list-item .stat, #watch-header .yt-user-info a, .watch-time-text, #appbar-nav, .yt-uix-button-default:hover, .yt-uix-button-menu .yt-uix-button-menu-item, .yt-uix-button-group .start, #watch7-sidebar .watch-sidebar-head, .search-header .num-results, .search-header .num-results strong, .yt-lockup-playlist-item-length, .search-header .yt-uix-button-content, #yt-comments-sb-standin .share {
  103. color: #BB4D66 !important;
  104. }
  105.  
  106. /* third color */
  107. a:hover, #watch7-sidebar .video-list-item:hover .title, .yt-lockup-description, .yt-lockup-meta-info > li, .yt-lockup-byline {
  108. color: #95C7BB !important;
  109. text-decoration: none;
  110. }
  111.  
  112. /* hide buttons */
  113. .addto-button:before, .action-panel-trigger-share:before, #action-panel-overflow-button:before, .end {
  114. display: none;
  115. }
  116.  
  117. /* hide upload button */
  118. #upload-btn, .yt-uix-button-subscribe-branded::before {
  119. display: none;
  120. }
  121.  
  122. /* video options share */
  123. .yt-uix-form-input-checkbox-element, .yt-uix-form-input-text {
  124. border: 0px !important;
  125. }
  126.  
  127. /* video options menu */
  128. .yt-uix-menu-content, .yt-ui-menu-item {
  129. background-image: url(file:///home/azure/Homepage/Tanggaroa.png)!important;
  130. border: 0px !important;
  131. color: #BB4D66 !important;
  132. }
  133.  
  134. /* fonts */
  135. body, a.yt-uix-button.yt-uix-button-epic-nav-item, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item {
  136. font-family: Open Sans;
  137. font-weight: 600;
  138. font-size: 13px !important;
  139. }
  140.  
  141. .subscribe-label, .subscribed-label, .unsubscribe-label {
  142. font-family: Open Sans;
  143. font-weight: 600;
  144. font-size: 12px !important;
  145. }
  146.  
  147. .player-api {
  148. background: transparent !important;
  149. }
  150.  
  151. /* YTC buttons */
  152. #masthead-user-button > span:nth-child(1) > img:nth-child(1) {
  153. opacity: 0.4 !important;
  154. }
  155.  
  156. /* buttons */
  157. .yt-uix-button-subscribe-unbranded:hover, .yt-uix-button-subscribe-unbranded, .yt-uix-subscription-preferences-button, .yt-uix-button-subscribed-branded, .yt-uix-button-subscribed-branded[disabled], .yt-uix-button-subscribed-branded[disabled]:hover, .yt-uix-button-subscribed-branded[disabled]:active, .yt-uix-button-subscribed-branded[disabled]:focus, .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribed-unbranded[disabled], .yt-uix-button-subscribed-unbranded[disabled]:hover, .yt-uix-button-subscribed-unbranded[disabled]:active, .yt-uix-button-subscribed-unbranded[disabled]:focus, .yt-uix-button-subscribe-branded.yt-is-buffered, .yt-uix-button-subscribe-branded + .yt-uix-subscription-preferences-button + .yt-subscription-button-subscriber-count-branded-horizontal, .yt-uix-button-subscribe-branded, .yt-uix-button-subscribed-branded + .yt-uix-subscription-preferences-button, .yt-badge, .yt-uix-button-subscribe-unbranded + .yt-subscription-button-subscriber-count-unbranded-horizontal, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-default.yt-uix-button-toggled:hover, .yt-uix-button-subscribe-branded + .yt-subscription-button-subscriber-count-branded-horizontal {
  158. border: 1px solid #95C7BB;
  159. background-color: #102533;
  160. color: #FEE193;
  161. box-shadow: none;
  162. }
  163.  
  164. #footer .yt-picker, .yt-picker-header h3.yt, p.yt-notes, .yt-picker-header, .yt-picker-hr {
  165. background-color: #1a1b26;
  166. color: #BB4D66;
  167. border: none !important;
  168. }
  169.  
  170. .comments .paginator {
  171. background: #102533;
  172. color: #BB4D66;
  173. border: 1px solid #BB4D66;
  174. }
  175.  
  176. /* like bar */
  177. .video-extras-sparkbar-likes {
  178. background: #95C7BB !important;
  179. }
  180.  
  181. #watch-like:before {
  182. background: url("http://i.imgur.com/KxkJKLZ.png") no-repeat scroll 0 -144px !important;
  183. width: 20px;
  184. height: 20px;
  185. opacity: 0.4 !important;
  186. }
  187.  
  188. .actionable #watch-like.yt-uix-button.yt-uix-button-toggled:before {
  189. background: url("http://i.imgur.com/KxkJKLZ.png") no-repeat scroll 0 -144px !important;
  190. width: 20px;
  191. height: 20px;
  192. opacity: 0.7 !important;
  193. }
  194.  
  195. /* dislike bar */
  196. .video-extras-sparkbar-dislikes {
  197. background: #BB4D66 !important;
  198. }
  199.  
  200. #watch-dislike:before {
  201. background: url("http://i.imgur.com/KxkJKLZ.png") no-repeat scroll 0 -175px !important;
  202. width: 20px;
  203. height: 20px;
  204. opacity: 0.4 !important;
  205. }
  206.  
  207. .actionable #watch-dislike.yt-uix-button.yt-uix-button-toggled:before {
  208. background: url("http://i.imgur.com/KxkJKLZ.png") no-repeat scroll 0 -175px !important;
  209. width: 20px;
  210. height: 20px;
  211. opacity: 0.8 !important;
  212. }
  213.  
  214. /* remove theatre bg */
  215. .watch-stage-mode #theater-background, #theater-background {
  216. background-color: transparent !important;
  217. }
  218.  
  219. /* header */
  220. #yt-masthead-container {
  221. background-color: #102533;
  222. border-bottom: 0px;
  223. padding-top: 7px;
  224. padding-bottom: 8px;
  225. }
  226.  
  227. /* playlists */
  228. #player-playlist .playlist-header, #player-playlist :not(.watch-queue-nav) .playlist-videos-list > li.currently-playing, #player-playlist .playlist-video, #player-playlist .playlist-videos-list > li {
  229. background-color: #102533;
  230. }
  231.  
  232. /* search bar */
  233. #masthead-search-terms input {
  234. border: 0px solid #BB4D66;
  235. background: #1a1b26;
  236. }
  237.  
  238. #masthead-search-terms {
  239. background: #102533 !important;
  240. border: 0px solid #BB4D66;
  241. }
  242.  
  243. /* buttons */
  244. #masthead-search .search-btn-component, .yt-uix-button-default {
  245. border: 1px solid #BB4D66;
  246. background-color: #102533;
  247. }
  248.  
  249. /* remove search button and region logo */
  250. #masthead-search .search-btn-component .yt-uix-button-content, #masthead-search .search-btn-component, #yt-masthead #logo-container span.content-region, #appbar-guide-button .yt-uix-button-arrow {
  251. display: none !important;
  252. }
  253.  
  254. /* guide */
  255. #masthead-positioner:hover #appbar-guide-button, #guide-container, .guide-item:hover {
  256. border: none;
  257. background: #102533;
  258. color: #102533 !important;
  259. }
  260.  
  261. #yt-masthead-user .yt-masthead-user-icon {
  262. border-radius: 0px !important;
  263. }
  264.  
  265. #appbar-guide-button {
  266. margin-top: 2px;
  267. margin-left: 0px;
  268. }
  269.  
  270. /* remove google a+ bell */
  271. #yt-masthead-user #sb-button-notify {
  272. display: none;
  273. }
  274.  
  275. /* fix white bg of areas */
  276. .yt-lockup-description, .yt-lockup-title a, #appbar-nav {
  277. background: #102533;
  278. }
  279.  
  280. /* heading selected */
  281. .epic-nav-item-heading {
  282. border-bottom: 0px !important;
  283. }
  284.  
  285. /* fixes description ellipsis */
  286. .yt-lockup-tile .yt-lockup-description {
  287. max-width: 229px;
  288. }
  289.  
  290. .yt-ui-ellipsis:before {
  291. display: none;
  292. }
  293.  
  294. /* footer */
  295. body #footer-container, #footer-main {
  296. background-color: #102533;
  297. border-top: 0px;
  298. border-bottom: 0px;
  299. }
  300.  
  301. #footer .yt-uix-button-group .yt-uix-button:hover, #footer .footer-history:hover, #footer #google-help:hover, .yt-uix-button-default:hover, .yt-uix-button-menu {
  302. background-color: #102533;
  303. border: 1px solid #BB4D66;
  304. }
  305.  
  306. /* slider buttons */
  307. .yt-uix-shelfslider .yt-uix-shelfslider-next, .yt-uix-shelfslider .yt-uix-shelfslider-prev, .browse-list-item-container:hover .compact-shelf .yt-uix-shelfslider-next, .compact-shelf:hover .yt-uix-shelfslider-next {
  308. background-color: #1a1b26;
  309. border: 1px solid #161721;
  310. }
  311.  
  312. /* hide this video dropdown menu */
  313. .yt-section-hover-container .yt-uix-button-action-menu {
  314. opacity: 0 !important;
  315. }
  316.  
  317. .yt-section-hover-container:hover .yt-uix-button-action-menu {
  318. opacity: 0.9 !important;
  319. }
  320.  
  321. /* ytc menu */
  322. .ytcenter-dialog-base .ytcenter-dialog-header h2, .ytcenter-settings-subcat-header-wrapper, .ltr .ytcenter-settings-panel-left, .ytcenter-settings-subcat-content-wrapper, .ytcenter-settings-subcat-header, .ytcenter-dialog-base .ytcenter-dialog-header, .yt-horizontal-rule, .ytcenter-settings-content, .ytcenter-settings-option-label, #masthead-user-button, #player-playlist .control-bar, #player-playlist .playlist-videos-list > li:hover {
  323. background-color: #102533;
  324. border: 0px !important;
  325. color: #BB4D66;
  326. border-bottom: 0px !important;
  327. }
  328.  
  329. #player-playlist .video-uploader-byline, .author-attribution, ul, .shelf-annotation {
  330. color: #BB4D66 !important;
  331. }
  332.  
  333. .ytcenter-settings-category-list .ytcenter-settings-category-item.ytcenter-selected {
  334. color: #6d7393;
  335. background-color: #1b1b1b;
  336. text-shadow: none;
  337. }
  338.  
  339. /* hides description of videos on feed */
  340. .yt-lockup-description {
  341. display: none;
  342. }
  343.  
  344. .yt-card {
  345. box-shadow: none !important;
  346. }
  347.  
  348. /* autohides header
  349.  
  350. #yt-masthead-container {
  351. border: 0px !important;
  352. margin-top: -48px !important;
  353. padding-bottom: 15px !important;
  354. background: transparent;
  355. }
  356.  
  357. #yt-masthead-container:hover {
  358. margin-top: 0px !important;
  359. padding-bottom: 7px !important;
  360. background-color: #102533;
  361. } */
  362. /* comment this out if you want header */
  363.  
  364. .branded-page-v2-col-container {
  365. margin-top: 0px !important;
  366. }
  367.  
  368. #yt-masthead-container {
  369. height: 33px !important;
  370. width: 1220px !important;
  371. margin: 0 auto;
  372. margin-top: 19px !important;
  373. }
  374.  
  375. #appbar-nav {
  376. width: 1280px !important;
  377. margin: 0 auto;
  378. }
  379.  
  380. /* removes ellipsis */
  381. .yt-ui-ellipsis:before {
  382. display: none;
  383. }
  384.  
  385. #masthead-appbar {
  386. background: transparent !important;
  387. }
  388.  
  389. /* custom yt logo */
  390. #yt-masthead #logo-container .logo {
  391. background: url("http://puu.sh/hc5CP/eb55ce6e1a.png") no-repeat scroll !important;
  392. margin-top: -6px;
  393. margin-left: -60px;
  394. width: 80px;
  395. }
  396.  
  397. /* custom app logo */
  398. .yt-uix-button-icon-appbar-guide {
  399. background: url("http://puu.sh/hc5m4/82fd43b198.png") no-repeat scroll;
  400. width: 16px;
  401. height: 16px;
  402. margin-top: -5px;
  403. margin-left: -10px;
  404. }
  405.  
  406. /* ~~~~~ */
  407.  
  408. /* fade header icons */
  409. .guide-item .thumb, #yt-masthead-user .yt-masthead-user-icon, #masthead-user-button, .yt-uix-button-action-menu::before {
  410. opacity: 0.4 !important;
  411. }
  412.  
  413. /* removes new author link shit wtf yt why */
  414. .feed-item-container .branded-page-module-title .branded-page-module-title-link, .ytcenter-gridview .ytcenter-grid-subscriptions-username, #yt-comments-sb-standin .callout-inner, #yt-comments-sb-standin .callout-outer {
  415. display: none !important;
  416. }
  417.  
  418. .comments .channel-owner .comment-header .user-name, .comments .comment-header .user-name, #yt-comments-sb-standin .box,.all-comments, .all-comments a {
  419. background-image: url(file:///home/azure/Homepage/Tanggaroa.png)!important;
  420. border: none !important;
  421. }
  422.  
  423. /* hide upload button */
  424. #appbar-onebar-upload-group #upload-btn {
  425. border: 1px solid #102533;
  426. background-color: #102533;
  427. color: #102533 !important;
  428. }
  429. #appbar-onebar-upload-group #upload-btn:hover {
  430. border: 1px solid #6d7393;
  431. background-color: #102533;
  432. color: #6d7393 !important;
  433. }
  434.  
  435. /* changes color of time on videos */
  436. .video-time {
  437. margin-left: 30px !important;
  438. font-size: 11px;
  439. background-color: #000 !important;
  440. color: #6d7393 !important;
  441. opacity: 0.95;
  442. }
  443.  
  444. /* comment section (ie. yt why so many selectors?) */
  445. }
  446. @-moz-document regexp("https://apis.google.com/u/[0-9]/(.*)/_/widget/render/comments\\?usegapi=1&first_party_property=YOUTUBE&href=(.*)"), regexp("https://plus.googleapis.com/(.*)/widget/render/comments\\?usegapi=1&first_party_property=YOUTUBE&href=(.*)") {
  447. .yJa, .BJa, .mj, .dn, .Jj, .ve.oba .o-U-s, .Aq, .vy, .bmd, .xN .d-y-r-c-ha, .DJa, .lohp-medium-shelves-container .lohp-video-link {
  448. background: #102533 !important;
  449. color: #6d7393 !important;
  450. font-family: Open Sans;
  451. font-weight: 600;
  452. font-size: 13px !important;
  453. }
  454.  
  455. .r3 .r0 {
  456. background: #102533 !important;
  457. border: 1px solid #6d7393 !important;
  458. color: #474c70 !important;
  459. font-family: Open Sans;
  460. font-weight: 600;
  461. font-size: 13px !important;
  462. }
  463. /* link color */
  464. .gna, .ve.oba .d-s, .via .TD, .Sea .K5, .g9 .Xa.va .ot-hashtag, .proflink, .ot-hashtag, .Xa .ot-anchor {
  465. color: #474c70 !important;
  466. font-family: Open Sans;
  467. font-weight: 600;
  468. font-size: 13px !important;
  469. }
  470. /* top comments dropdown */
  471. .xN.d-y-r-c, .E5 {
  472. background: #102533 !important;
  473. color: #6d7393 !important;
  474. border: 1px solid #6d7393 !important;
  475. }
  476. .xN .d-y-r-c-Qa, .Mga, .Jea {
  477. display: none;
  478. }
  479. /* like/dislike selected */
  480. .MJa.JMc {
  481. background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -186px !important;
  482. }
  483. .LJa.Zld {
  484. background: no-repeat url(http://i.imgur.com/G39kb8k.png) 0 -204px !important;
  485. }
  486. /* like/dislike not selected */
  487. .MJa {
  488. background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -144px !important;
  489. }
  490. .LJa {
  491. background: no-repeat url(http://i.imgur.com/KxkJKLZ.png) 0 -175px !important;
  492. }
  493. }
  494.  
  495. .html5-play-progress, .ytp-play-progress {
  496. background: #BB4D66 !important;
  497. }
  498.  
  499. .html5-load-progress, .ytp-load-progress {
  500. background-color: #95C7BB !important;
  501. }
Advertisement
Add Comment
Please, Sign In to add comment